@charset "UTF-8";
:root {
  --blue:#007bff;
  --indigo:#6610f2;
  --purple:#6f42c1;
  --pink:#e83e8c;
  --red:#dc3545;
  --orange:#fd7e14;
  --yellow:#ffc107;
  --green:#28a745;
  --teal:#20c997;
  --cyan:#17a2b8;
  --white:#fff;
  --gray:#6c757d;
  --gray-dark:#343a40;
  --primary:#00529c;
  --secondary:#fc5f01;
  --success:#28a745;
  --info:#17a2b8;
  --warning:#ffc107;
  --danger:#dc3545;
  --light:#f8f9fa;
  --dark:#343a40;
  --primary-dark:#1b4770;
  --primary-light:#266cab;
  --primary-lighter:#80a9ce;
  --grey-300:#ced3d6;
  --grey-500:#868e96;
  --grey-800:#353c45;
  --breakpoint-xs:0;
  --breakpoint-s:360px;
  --breakpoint-sm:576px;
  --breakpoint-md:768px;
  --breakpoint-lg:992px;
  --breakpoint-xl:1200px;
  --font-family-sans-serif:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
  --font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
}

*, :after, :before {
  box-sizing: border-box;
}

html {
  font-family: sans-serif;
  line-height: 1.15;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
}

article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {
  display: block;
}

body {
  background-color: #fff;
  color: #212529;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.2;
  text-align: left;
}

[tabindex="-1"]:focus {
  outline: 0 !important;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

h1, h2, h3, h4, h5, h6 {
  margin-bottom: 0.5rem;
  margin-top: 0;
}

p {
  margin-bottom: 1rem;
  margin-top: 0;
}

abbr[data-original-title], abbr[title] {
  border-bottom: 0;
  cursor: help;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}

address {
  font-style: normal;
  line-height: inherit;
}

address, dl, ol, ul {
  margin-bottom: 1rem;
}

dl, ol, ul {
  margin-top: 0;
}

ol ol, ol ul, ul ol, ul ul {
  margin-bottom: 0;
}

dt {
  font-weight: 700;
}

dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}

blockquote {
  margin: 0 0 1rem;
}

dfn {
  font-style: italic;
}

b, strong {
  font-weight: bolder;
}

small {
  font-size: 80%;
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

a {
  background-color: transparent;
  color: #00529c;
  text-decoration: none;
  -webkit-text-decoration-skip: objects;
}

a:hover {
  color: #002a50;
  text-decoration: underline;
}

a:not([href]):not([tabindex]), a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover {
  color: inherit;
  text-decoration: none;
}

a:not([href]):not([tabindex]):focus {
  outline: 0;
}

code, kbd, pre, samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

pre {
  margin-bottom: 1rem;
  margin-top: 0;
  overflow: auto;
  -ms-overflow-style: scrollbar;
}

figure {
  margin: 0 0 1rem;
}

img {
  border-style: none;
  vertical-align: middle;
}

svg:not(:root) {
  overflow: hidden;
}

table {
  border-collapse: collapse;
}

caption {
  caption-side: bottom;
  color: #6c757d;
  padding-bottom: 0.75rem;
  padding-top: 0.75rem;
  text-align: left;
}

th {
  text-align: inherit;
}

label {
  display: inline-block;
  margin-bottom: 0.5rem;
}

button {
  border-radius: 0;
}

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}

button, input, optgroup, select, textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  margin: 0;
}

button, input {
  overflow: visible;
}

button, select {
  text-transform: none;
}

[type=reset], [type=submit], button, html [type=button] {
  -webkit-appearance: button;
}

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

input[type=checkbox], input[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

input[type=date], input[type=datetime-local], input[type=month], input[type=time] {
  -webkit-appearance: listbox;
}

textarea {
  overflow: auto;
  resize: vertical;
}

fieldset {
  border: 0;
  margin: 0;
  min-width: 0;
  padding: 0;
}

legend {
  color: inherit;
  display: block;
  font-size: 1.5rem;
  line-height: inherit;
  margin-bottom: 0.5rem;
  max-width: 100%;
  padding: 0;
  white-space: normal;
  width: 100%;
}

progress {
  vertical-align: baseline;
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  -webkit-appearance: none;
  outline-offset: -2px;
}

[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

output {
  display: inline-block;
}

summary {
  cursor: pointer;
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none !important;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  color: inherit;
  font-family: inherit;
  font-weight: 500;
  line-height: 1.2;
  margin-bottom: 0.5rem;
}

.h1, h1 {
  font-size: 2.5rem;
}

.h2, h2 {
  font-size: 2rem;
}

.h3, h3 {
  font-size: 1.75rem;
}

.h4, h4 {
  font-size: 1.5rem;
}

.h5, h5 {
  font-size: 1.25rem;
}

.h6, h6 {
  font-size: 1rem;
}

.lead {
  font-size: 1.25rem;
  font-weight: 300;
}

.display-1 {
  font-size: 6rem;
}

.display-1, .display-2 {
  font-weight: 300;
  line-height: 1.2;
}

.display-2 {
  font-size: 5.5rem;
}

.display-3 {
  font-size: 4.5rem;
}

.display-3, .display-4 {
  font-weight: 300;
  line-height: 1.2;
}

.display-4 {
  font-size: 3.5rem;
}

hr {
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  margin-bottom: 1rem;
  margin-top: 1rem;
}

.small, small {
  font-size: 80%;
  font-weight: 400;
}

.mark, mark {
  background-color: #fcf8e3;
  padding: 0.2em;
}

.list-inline, .list-unstyled {
  list-style: none;
  padding-left: 0;
}

.list-inline-item {
  display: inline-block;
}

.list-inline-item:not(:last-child) {
  margin-right: 0.5rem;
}

.initialism {
  font-size: 90%;
  text-transform: uppercase;
}

.blockquote {
  font-size: 1.25rem;
  margin-bottom: 1rem;
}

.blockquote-footer {
  color: #6c757d;
  display: block;
  font-size: 80%;
}

.blockquote-footer:before {
  content: "— ";
}

.img-fluid, .img-thumbnail {
  height: auto;
  max-width: 100%;
}

.img-thumbnail {
  background-color: #fff;
  border: 1px solid #dee2e6;
  border-radius: 0.25rem;
  padding: 0.25rem;
}

.figure {
  display: inline-block;
}

.figure-img {
  line-height: 1;
  margin-bottom: 0.5rem;
}

.figure-caption {
  color: #6c757d;
  font-size: 90%;
}

code, kbd, pre, samp {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
}

code {
  color: #e83e8c;
  font-size: 87.5%;
  word-break: break-word;
}

a > code {
  color: inherit;
}

kbd {
  background-color: #212529;
  border-radius: 0.2rem;
  color: #fff;
  font-size: 87.5%;
  padding: 0.2rem 0.4rem;
}

kbd kbd {
  font-size: 100%;
  font-weight: 700;
  padding: 0;
}

pre {
  color: #212529;
  display: block;
  font-size: 87.5%;
}

pre code {
  color: inherit;
  font-size: inherit;
  word-break: normal;
}

.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}

.container {
  margin-left: auto;
  margin-right: auto;
  padding-left: 10px;
  padding-right: 10px;
  width: 100%;
}

@media (min-width: 360px) {
  .container {
    max-width: 360px;
  }
}
@media (min-width: 576px) {
  .container {
    max-width: 536px;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: 728px;
  }
}
@media (min-width: 992px) {
  .container {
    max-width: 952px;
  }
}
@media (min-width: 1200px) {
  .container {
    max-width: 990px;
  }
}
.container-fluid {
  margin-left: auto;
  margin-right: auto;
  padding-left: 10px;
  padding-right: 10px;
  width: 100%;
}

.row {
  display: flex;
  flex-wrap: wrap;
  margin-left: -10px;
  margin-right: -10px;
}

.no-gutters {
  margin-left: 0;
  margin-right: 0;
}

.no-gutters > .col, .no-gutters > [class*=col-] {
  padding-left: 0;
  padding-right: 0;
}

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-s, .col-s-1, .col-s-10, .col-s-11, .col-s-12, .col-s-2, .col-s-3, .col-s-4, .col-s-5, .col-s-6, .col-s-7, .col-s-8, .col-s-9, .col-s-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
  width: 100%;
}

.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}

.col-auto {
  flex: 0 0 auto;
  max-width: none;
  width: auto;
}

.col-1 {
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}

.col-2 {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

.col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

.col-5 {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}

.col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}

.col-8 {
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}

.col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}

.col-11 {
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}

.col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

.order-first {
  order: -1;
}

.order-last {
  order: 13;
}

.order-0 {
  order: 0;
}

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.order-3 {
  order: 3;
}

.order-4 {
  order: 4;
}

.order-5 {
  order: 5;
}

.order-6 {
  order: 6;
}

.order-7 {
  order: 7;
}

.order-8 {
  order: 8;
}

.order-9 {
  order: 9;
}

.order-10 {
  order: 10;
}

.order-11 {
  order: 11;
}

.order-12 {
  order: 12;
}

.offset-1 {
  margin-left: 8.3333333333%;
}

.offset-2 {
  margin-left: 16.6666666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.3333333333%;
}

.offset-5 {
  margin-left: 41.6666666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.3333333333%;
}

.offset-8 {
  margin-left: 66.6666666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.3333333333%;
}

.offset-11 {
  margin-left: 91.6666666667%;
}

@media (min-width: 360px) {
  .col-s {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-s-auto {
    flex: 0 0 auto;
    max-width: none;
    width: auto;
  }
  .col-s-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-s-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-s-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-s-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-s-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-s-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-s-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-s-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-s-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-s-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-s-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-s-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-s-first {
    order: -1;
  }
  .order-s-last {
    order: 13;
  }
  .order-s-0 {
    order: 0;
  }
  .order-s-1 {
    order: 1;
  }
  .order-s-2 {
    order: 2;
  }
  .order-s-3 {
    order: 3;
  }
  .order-s-4 {
    order: 4;
  }
  .order-s-5 {
    order: 5;
  }
  .order-s-6 {
    order: 6;
  }
  .order-s-7 {
    order: 7;
  }
  .order-s-8 {
    order: 8;
  }
  .order-s-9 {
    order: 9;
  }
  .order-s-10 {
    order: 10;
  }
  .order-s-11 {
    order: 11;
  }
  .order-s-12 {
    order: 12;
  }
  .offset-s-0 {
    margin-left: 0;
  }
  .offset-s-1 {
    margin-left: 8.3333333333%;
  }
  .offset-s-2 {
    margin-left: 16.6666666667%;
  }
  .offset-s-3 {
    margin-left: 25%;
  }
  .offset-s-4 {
    margin-left: 33.3333333333%;
  }
  .offset-s-5 {
    margin-left: 41.6666666667%;
  }
  .offset-s-6 {
    margin-left: 50%;
  }
  .offset-s-7 {
    margin-left: 58.3333333333%;
  }
  .offset-s-8 {
    margin-left: 66.6666666667%;
  }
  .offset-s-9 {
    margin-left: 75%;
  }
  .offset-s-10 {
    margin-left: 83.3333333333%;
  }
  .offset-s-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 576px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    max-width: none;
    width: auto;
  }
  .col-sm-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-sm-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-sm-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-sm-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-sm-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-sm-first {
    order: -1;
  }
  .order-sm-last {
    order: 13;
  }
  .order-sm-0 {
    order: 0;
  }
  .order-sm-1 {
    order: 1;
  }
  .order-sm-2 {
    order: 2;
  }
  .order-sm-3 {
    order: 3;
  }
  .order-sm-4 {
    order: 4;
  }
  .order-sm-5 {
    order: 5;
  }
  .order-sm-6 {
    order: 6;
  }
  .order-sm-7 {
    order: 7;
  }
  .order-sm-8 {
    order: 8;
  }
  .order-sm-9 {
    order: 9;
  }
  .order-sm-10 {
    order: 10;
  }
  .order-sm-11 {
    order: 11;
  }
  .order-sm-12 {
    order: 12;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.3333333333%;
  }
  .offset-sm-2 {
    margin-left: 16.6666666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.3333333333%;
  }
  .offset-sm-5 {
    margin-left: 41.6666666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.3333333333%;
  }
  .offset-sm-8 {
    margin-left: 66.6666666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.3333333333%;
  }
  .offset-sm-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    max-width: none;
    width: auto;
  }
  .col-md-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-md-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-md-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-md-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-md-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-md-first {
    order: -1;
  }
  .order-md-last {
    order: 13;
  }
  .order-md-0 {
    order: 0;
  }
  .order-md-1 {
    order: 1;
  }
  .order-md-2 {
    order: 2;
  }
  .order-md-3 {
    order: 3;
  }
  .order-md-4 {
    order: 4;
  }
  .order-md-5 {
    order: 5;
  }
  .order-md-6 {
    order: 6;
  }
  .order-md-7 {
    order: 7;
  }
  .order-md-8 {
    order: 8;
  }
  .order-md-9 {
    order: 9;
  }
  .order-md-10 {
    order: 10;
  }
  .order-md-11 {
    order: 11;
  }
  .order-md-12 {
    order: 12;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.3333333333%;
  }
  .offset-md-2 {
    margin-left: 16.6666666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.3333333333%;
  }
  .offset-md-5 {
    margin-left: 41.6666666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.3333333333%;
  }
  .offset-md-8 {
    margin-left: 66.6666666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.3333333333%;
  }
  .offset-md-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 992px) {
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    max-width: none;
    width: auto;
  }
  .col-lg-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-lg-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-lg-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-lg-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-lg-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-lg-first {
    order: -1;
  }
  .order-lg-last {
    order: 13;
  }
  .order-lg-0 {
    order: 0;
  }
  .order-lg-1 {
    order: 1;
  }
  .order-lg-2 {
    order: 2;
  }
  .order-lg-3 {
    order: 3;
  }
  .order-lg-4 {
    order: 4;
  }
  .order-lg-5 {
    order: 5;
  }
  .order-lg-6 {
    order: 6;
  }
  .order-lg-7 {
    order: 7;
  }
  .order-lg-8 {
    order: 8;
  }
  .order-lg-9 {
    order: 9;
  }
  .order-lg-10 {
    order: 10;
  }
  .order-lg-11 {
    order: 11;
  }
  .order-lg-12 {
    order: 12;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.3333333333%;
  }
  .offset-lg-2 {
    margin-left: 16.6666666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.3333333333%;
  }
  .offset-lg-5 {
    margin-left: 41.6666666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.3333333333%;
  }
  .offset-lg-8 {
    margin-left: 66.6666666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.3333333333%;
  }
  .offset-lg-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    max-width: none;
    width: auto;
  }
  .col-xl-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-xl-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-xl-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-xl-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-xl-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xl-first {
    order: -1;
  }
  .order-xl-last {
    order: 13;
  }
  .order-xl-0 {
    order: 0;
  }
  .order-xl-1 {
    order: 1;
  }
  .order-xl-2 {
    order: 2;
  }
  .order-xl-3 {
    order: 3;
  }
  .order-xl-4 {
    order: 4;
  }
  .order-xl-5 {
    order: 5;
  }
  .order-xl-6 {
    order: 6;
  }
  .order-xl-7 {
    order: 7;
  }
  .order-xl-8 {
    order: 8;
  }
  .order-xl-9 {
    order: 9;
  }
  .order-xl-10 {
    order: 10;
  }
  .order-xl-11 {
    order: 11;
  }
  .order-xl-12 {
    order: 12;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.3333333333%;
  }
  .offset-xl-2 {
    margin-left: 16.6666666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.3333333333%;
  }
  .offset-xl-5 {
    margin-left: 41.6666666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.3333333333%;
  }
  .offset-xl-8 {
    margin-left: 66.6666666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.3333333333%;
  }
  .offset-xl-11 {
    margin-left: 91.6666666667%;
  }
}
.table {
  background-color: transparent;
  margin-bottom: 1rem;
  max-width: 100%;
  width: 100%;
}

.table td, .table th {
  border-top: 1px solid #dee2e6;
  padding: 0.75rem;
  vertical-align: top;
}

.table thead th {
  border-bottom: 2px solid #dee2e6;
  vertical-align: bottom;
}

.table tbody + tbody {
  border-top: 2px solid #dee2e6;
}

.table .table {
  background-color: #fff;
}

.table-sm td, .table-sm th {
  padding: 0.3rem;
}

.table-bordered, .table-bordered td, .table-bordered th {
  border: 1px solid #dee2e6;
}

.table-bordered thead td, .table-bordered thead th {
  border-bottom-width: 2px;
}

.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.05);
}

.table-hover tbody tr:hover {
  background-color: rgba(0, 0, 0, 0.075);
}

.table-primary, .table-primary > td, .table-primary > th {
  background-color: #b8cfe3;
}

.table-hover .table-primary:hover, .table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th {
  background-color: #a5c2dc;
}

.table-secondary, .table-secondary > td, .table-secondary > th {
  background-color: #fed2b8;
}

.table-hover .table-secondary:hover, .table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > th {
  background-color: #fec29f;
}

.table-success, .table-success > td, .table-success > th {
  background-color: #c3e6cb;
}

.table-hover .table-success:hover, .table-hover .table-success:hover > td, .table-hover .table-success:hover > th {
  background-color: #b1dfbb;
}

.table-info, .table-info > td, .table-info > th {
  background-color: #bee5eb;
}

.table-hover .table-info:hover, .table-hover .table-info:hover > td, .table-hover .table-info:hover > th {
  background-color: #abdde5;
}

.table-warning, .table-warning > td, .table-warning > th {
  background-color: #ffeeba;
}

.table-hover .table-warning:hover, .table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th {
  background-color: #ffe7a0;
}

.table-danger, .table-danger > td, .table-danger > th {
  background-color: #f5c6cb;
}

.table-hover .table-danger:hover, .table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th {
  background-color: #f1b1b7;
}

.table-light, .table-light > td, .table-light > th {
  background-color: #fdfdfe;
}

.table-hover .table-light:hover, .table-hover .table-light:hover > td, .table-hover .table-light:hover > th {
  background-color: #eef1f3;
}

.table-dark, .table-dark > td, .table-dark > th {
  background-color: #c6c8ca;
}

.table-hover .table-dark:hover, .table-hover .table-dark:hover > td, .table-hover .table-dark:hover > th {
  background-color: #b9bbbd;
}

.table-primary-dark, .table-primary-dark > td, .table-primary-dark > th {
  background-color: #bfcbd7;
}

.table-hover .table-primary-dark:hover, .table-hover .table-primary-dark:hover > td, .table-hover .table-primary-dark:hover > th {
  background-color: #afbfcd;
}

.table-primary-light, .table-primary-light > td, .table-primary-light > th {
  background-color: #c2d6e7;
}

.table-hover .table-primary-light:hover, .table-hover .table-primary-light:hover > td, .table-hover .table-primary-light:hover > th {
  background-color: #b0c9e0;
}

.table-primary-lighter, .table-primary-lighter > td, .table-primary-lighter > th {
  background-color: #dbe7f1;
}

.table-hover .table-primary-lighter:hover, .table-hover .table-primary-lighter:hover > td, .table-hover .table-primary-lighter:hover > th {
  background-color: #c9daea;
}

.table-grey-300, .table-grey-300 > td, .table-grey-300 > th {
  background-color: #f1f3f4;
}

.table-hover .table-grey-300:hover, .table-hover .table-grey-300:hover > td, .table-hover .table-grey-300:hover > th {
  background-color: #e3e6e8;
}

.table-grey-500, .table-grey-500 > td, .table-grey-500 > th {
  background-color: #dddfe2;
}

.table-hover .table-grey-500:hover, .table-hover .table-grey-500:hover > td, .table-hover .table-grey-500:hover > th {
  background-color: #cfd3d6;
}

.table-grey-800, .table-grey-800 > td, .table-grey-800 > th {
  background-color: #c6c8cb;
}

.table-hover .table-grey-800:hover, .table-hover .table-grey-800:hover > td, .table-hover .table-grey-800:hover > th {
  background-color: #b9bcbf;
}

.table-active, .table-active > td, .table-active > th, .table-hover .table-active:hover, .table-hover .table-active:hover > td, .table-hover .table-active:hover > th {
  background-color: rgba(0, 0, 0, 0.075);
}

.table .thead-dark th {
  background-color: #212529;
  border-color: #32383e;
  color: #fff;
}

.table .thead-light th {
  background-color: #e9ecef;
  border-color: #dee2e6;
  color: #495057;
}

.table-dark {
  background-color: #212529;
  color: #fff;
}

.table-dark td, .table-dark th, .table-dark thead th {
  border-color: #32383e;
}

.table-dark.table-bordered {
  border: 0;
}

.table-dark.table-striped tbody tr:nth-of-type(odd) {
  background-color: hsla(0, 0%, 100%, 0.05);
}

.table-dark.table-hover tbody tr:hover {
  background-color: hsla(0, 0%, 100%, 0.075);
}

@media (max-width: 359.98px) {
  .table-responsive-s {
    display: block;
    overflow-x: auto;
    width: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  .table-responsive-s > .table-bordered {
    border: 0;
  }
}
@media (max-width: 575.98px) {
  .table-responsive-sm {
    display: block;
    overflow-x: auto;
    width: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  .table-responsive-sm > .table-bordered {
    border: 0;
  }
}
@media (max-width: 767.98px) {
  .table-responsive-md {
    display: block;
    overflow-x: auto;
    width: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  .table-responsive-md > .table-bordered {
    border: 0;
  }
}
@media (max-width: 991.98px) {
  .table-responsive-lg {
    display: block;
    overflow-x: auto;
    width: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  .table-responsive-lg > .table-bordered {
    border: 0;
  }
}
@media (max-width: 1199.98px) {
  .table-responsive-xl {
    display: block;
    overflow-x: auto;
    width: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  .table-responsive-xl > .table-bordered {
    border: 0;
  }
}
.table-responsive {
  display: block;
  overflow-x: auto;
  width: 100%;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}

.table-responsive > .table-bordered {
  border: 0;
}

.form-control {
  background-clip: padding-box;
  background-color: #fff;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  color: #495057;
  display: block;
  font-size: 1rem;
  line-height: 1.2;
  padding: 0.375rem 0.75rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  width: 100%;
}

.form-control::-ms-expand {
  background-color: transparent;
  border: 0;
}

.form-control:focus {
  background-color: #fff;
  border-color: #1d94ff;
  box-shadow: 0 0 0 0.2rem rgba(0, 82, 156, 0.25);
  color: #495057;
  outline: 0;
}

.form-control::-moz-placeholder {
  color: #6c757d;
  opacity: 1;
}

.form-control::placeholder {
  color: #6c757d;
  opacity: 1;
}

.form-control:disabled, .form-control[readonly] {
  background-color: #e9ecef;
  opacity: 1;
}

select.form-control:not([size]):not([multiple]) {
  height: calc(1.95rem + 2px);
}

select.form-control:focus::-ms-value {
  background-color: #fff;
  color: #495057;
}

.form-control-file, .form-control-range {
  display: block;
  width: 100%;
}

.col-form-label {
  font-size: inherit;
  line-height: 1.2;
  margin-bottom: 0;
  padding-bottom: calc(0.375rem + 1px);
  padding-top: calc(0.375rem + 1px);
}

.col-form-label-lg {
  font-size: 1.25rem;
  line-height: 1.5;
  padding-bottom: calc(0.5rem + 1px);
  padding-top: calc(0.5rem + 1px);
}

.col-form-label-sm {
  font-size: 0.875rem;
  line-height: 1.5;
  padding-bottom: calc(0.25rem + 1px);
  padding-top: calc(0.25rem + 1px);
}

.form-control-plaintext {
  background-color: transparent;
  border: solid transparent;
  border-width: 1px 0;
  display: block;
  line-height: 1.2;
  margin-bottom: 0;
  padding-bottom: 0.375rem;
  padding-top: 0.375rem;
  width: 100%;
}

.form-control-plaintext.form-control-lg, .form-control-plaintext.form-control-sm, .input-group-lg > .form-control-plaintext.form-control, .input-group-lg > .input-group-append > .form-control-plaintext.btn, .input-group-lg > .input-group-append > .form-control-plaintext.input-group-text, .input-group-lg > .input-group-prepend > .form-control-plaintext.btn, .input-group-lg > .input-group-prepend > .form-control-plaintext.input-group-text, .input-group-sm > .form-control-plaintext.form-control, .input-group-sm > .input-group-append > .form-control-plaintext.btn, .input-group-sm > .input-group-append > .form-control-plaintext.input-group-text, .input-group-sm > .input-group-prepend > .form-control-plaintext.btn, .input-group-sm > .input-group-prepend > .form-control-plaintext.input-group-text {
  padding-left: 0;
  padding-right: 0;
}

.form-control-sm, .input-group-sm > .form-control, .input-group-sm > .input-group-append > .btn, .input-group-sm > .input-group-append > .input-group-text, .input-group-sm > .input-group-prepend > .btn, .input-group-sm > .input-group-prepend > .input-group-text {
  border-radius: 0.2rem;
  font-size: 0.875rem;
  line-height: 1.5;
  padding: 0.25rem 0.5rem;
}

.input-group-sm > .input-group-append > select.btn:not([size]):not([multiple]), .input-group-sm > .input-group-append > select.input-group-text:not([size]):not([multiple]), .input-group-sm > .input-group-prepend > select.btn:not([size]):not([multiple]), .input-group-sm > .input-group-prepend > select.input-group-text:not([size]):not([multiple]), .input-group-sm > select.form-control:not([size]):not([multiple]), select.form-control-sm:not([size]):not([multiple]) {
  height: calc(1.8125rem + 2px);
}

.form-control-lg, .input-group-lg > .form-control, .input-group-lg > .input-group-append > .btn, .input-group-lg > .input-group-append > .input-group-text, .input-group-lg > .input-group-prepend > .btn, .input-group-lg > .input-group-prepend > .input-group-text {
  border-radius: 0.3rem;
  font-size: 1.25rem;
  line-height: 1.5;
  padding: 0.5rem 1rem;
}

.input-group-lg > .input-group-append > select.btn:not([size]):not([multiple]), .input-group-lg > .input-group-append > select.input-group-text:not([size]):not([multiple]), .input-group-lg > .input-group-prepend > select.btn:not([size]):not([multiple]), .input-group-lg > .input-group-prepend > select.input-group-text:not([size]):not([multiple]), .input-group-lg > select.form-control:not([size]):not([multiple]), select.form-control-lg:not([size]):not([multiple]) {
  height: calc(2.875rem + 2px);
}

.form-group {
  margin-bottom: 1rem;
}

.form-text {
  display: block;
  margin-top: 0.25rem;
}

.form-row {
  display: flex;
  flex-wrap: wrap;
  margin-left: -5px;
  margin-right: -5px;
}

.form-row > .col, .form-row > [class*=col-] {
  padding-left: 5px;
  padding-right: 5px;
}

.form-check {
  display: block;
  padding-left: 1.25rem;
  position: relative;
}

.form-check-input {
  margin-left: -1.25rem;
  margin-top: 0.3rem;
  position: absolute;
}

.form-check-input:disabled ~ .form-check-label {
  color: #6c757d;
}

.form-check-label {
  margin-bottom: 0;
}

.form-check-inline {
  align-items: center;
  display: inline-flex;
  margin-right: 0.75rem;
  padding-left: 0;
}

.form-check-inline .form-check-input {
  margin-left: 0;
  margin-right: 0.3125rem;
  margin-top: 0;
  position: static;
}

.valid-feedback {
  color: #28a745;
  display: none;
  font-size: 80%;
  margin-top: 0.25rem;
  width: 100%;
}

.valid-tooltip {
  background-color: rgba(40, 167, 69, 0.8);
  border-radius: 0.2rem;
  color: #fff;
  display: none;
  font-size: 0.875rem;
  line-height: 1;
  margin-top: 0.1rem;
  max-width: 100%;
  padding: 0.5rem;
  position: absolute;
  top: 100%;
  z-index: 5;
}

.custom-select.is-valid, .form-control.is-valid, .was-validated .custom-select:valid, .was-validated .form-control:valid {
  border-color: #28a745;
}

.custom-select.is-valid:focus, .form-control.is-valid:focus, .was-validated .custom-select:valid:focus, .was-validated .form-control:valid:focus {
  border-color: #28a745;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.custom-select.is-valid ~ .valid-feedback, .custom-select.is-valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback, .form-control.is-valid ~ .valid-tooltip, .was-validated .custom-select:valid ~ .valid-feedback, .was-validated .custom-select:valid ~ .valid-tooltip, .was-validated .form-control:valid ~ .valid-feedback, .was-validated .form-control:valid ~ .valid-tooltip {
  display: block;
}

.form-check-input.is-valid ~ .form-check-label, .was-validated .form-check-input:valid ~ .form-check-label {
  color: #28a745;
}

.form-check-input.is-valid ~ .valid-feedback, .form-check-input.is-valid ~ .valid-tooltip, .was-validated .form-check-input:valid ~ .valid-feedback, .was-validated .form-check-input:valid ~ .valid-tooltip {
  display: block;
}

.custom-control-input.is-valid ~ .custom-control-label, .was-validated .custom-control-input:valid ~ .custom-control-label {
  color: #28a745;
}

.custom-control-input.is-valid ~ .custom-control-label:before, .was-validated .custom-control-input:valid ~ .custom-control-label:before {
  background-color: #71dd8a;
}

.custom-control-input.is-valid ~ .valid-feedback, .custom-control-input.is-valid ~ .valid-tooltip, .was-validated .custom-control-input:valid ~ .valid-feedback, .was-validated .custom-control-input:valid ~ .valid-tooltip {
  display: block;
}

.custom-control-input.is-valid:checked ~ .custom-control-label:before, .was-validated .custom-control-input:valid:checked ~ .custom-control-label:before {
  background-color: #34ce57;
}

.custom-control-input.is-valid:focus ~ .custom-control-label:before, .was-validated .custom-control-input:valid:focus ~ .custom-control-label:before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.custom-file-input.is-valid ~ .custom-file-label, .was-validated .custom-file-input:valid ~ .custom-file-label {
  border-color: #28a745;
}

.custom-file-input.is-valid ~ .custom-file-label:before, .was-validated .custom-file-input:valid ~ .custom-file-label:before {
  border-color: inherit;
}

.custom-file-input.is-valid ~ .valid-feedback, .custom-file-input.is-valid ~ .valid-tooltip, .was-validated .custom-file-input:valid ~ .valid-feedback, .was-validated .custom-file-input:valid ~ .valid-tooltip {
  display: block;
}

.custom-file-input.is-valid:focus ~ .custom-file-label, .was-validated .custom-file-input:valid:focus ~ .custom-file-label {
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.invalid-feedback {
  color: #dc3545;
  display: none;
  font-size: 80%;
  margin-top: 0.25rem;
  width: 100%;
}

.invalid-tooltip {
  background-color: rgba(220, 53, 69, 0.8);
  border-radius: 0.2rem;
  color: #fff;
  display: none;
  font-size: 0.875rem;
  line-height: 1;
  margin-top: 0.1rem;
  max-width: 100%;
  padding: 0.5rem;
  position: absolute;
  top: 100%;
  z-index: 5;
}

.custom-select.is-invalid, .form-control.is-invalid, .was-validated .custom-select:invalid, .was-validated .form-control:invalid {
  border-color: #dc3545;
}

.custom-select.is-invalid:focus, .form-control.is-invalid:focus, .was-validated .custom-select:invalid:focus, .was-validated .form-control:invalid:focus {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.custom-select.is-invalid ~ .invalid-feedback, .custom-select.is-invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback, .form-control.is-invalid ~ .invalid-tooltip, .was-validated .custom-select:invalid ~ .invalid-feedback, .was-validated .custom-select:invalid ~ .invalid-tooltip, .was-validated .form-control:invalid ~ .invalid-feedback, .was-validated .form-control:invalid ~ .invalid-tooltip {
  display: block;
}

.form-check-input.is-invalid ~ .form-check-label, .was-validated .form-check-input:invalid ~ .form-check-label {
  color: #dc3545;
}

.form-check-input.is-invalid ~ .invalid-feedback, .form-check-input.is-invalid ~ .invalid-tooltip, .was-validated .form-check-input:invalid ~ .invalid-feedback, .was-validated .form-check-input:invalid ~ .invalid-tooltip {
  display: block;
}

.custom-control-input.is-invalid ~ .custom-control-label, .was-validated .custom-control-input:invalid ~ .custom-control-label {
  color: #dc3545;
}

.custom-control-input.is-invalid ~ .custom-control-label:before, .was-validated .custom-control-input:invalid ~ .custom-control-label:before {
  background-color: #efa2a9;
}

.custom-control-input.is-invalid ~ .invalid-feedback, .custom-control-input.is-invalid ~ .invalid-tooltip, .was-validated .custom-control-input:invalid ~ .invalid-feedback, .was-validated .custom-control-input:invalid ~ .invalid-tooltip {
  display: block;
}

.custom-control-input.is-invalid:checked ~ .custom-control-label:before, .was-validated .custom-control-input:invalid:checked ~ .custom-control-label:before {
  background-color: #e4606d;
}

.custom-control-input.is-invalid:focus ~ .custom-control-label:before, .was-validated .custom-control-input:invalid:focus ~ .custom-control-label:before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.custom-file-input.is-invalid ~ .custom-file-label, .was-validated .custom-file-input:invalid ~ .custom-file-label {
  border-color: #dc3545;
}

.custom-file-input.is-invalid ~ .custom-file-label:before, .was-validated .custom-file-input:invalid ~ .custom-file-label:before {
  border-color: inherit;
}

.custom-file-input.is-invalid ~ .invalid-feedback, .custom-file-input.is-invalid ~ .invalid-tooltip, .was-validated .custom-file-input:invalid ~ .invalid-feedback, .was-validated .custom-file-input:invalid ~ .invalid-tooltip {
  display: block;
}

.custom-file-input.is-invalid:focus ~ .custom-file-label, .was-validated .custom-file-input:invalid:focus ~ .custom-file-label {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.form-inline {
  align-items: center;
  display: flex;
  flex-flow: row wrap;
}

.form-inline .form-check {
  width: 100%;
}

@media (min-width: 576px) {
  .form-inline label {
    justify-content: center;
  }
  .form-inline .form-group, .form-inline label {
    align-items: center;
    display: flex;
    margin-bottom: 0;
  }
  .form-inline .form-group {
    flex: 0 0 auto;
    flex-flow: row wrap;
  }
  .form-inline .form-control {
    display: inline-block;
    vertical-align: middle;
    width: auto;
  }
  .form-inline .form-control-plaintext {
    display: inline-block;
  }
  .form-inline .input-group {
    width: auto;
  }
  .form-inline .form-check {
    align-items: center;
    display: flex;
    justify-content: center;
    padding-left: 0;
    width: auto;
  }
  .form-inline .form-check-input {
    margin-left: 0;
    margin-right: 0.25rem;
    margin-top: 0;
    position: relative;
  }
  .form-inline .custom-control {
    align-items: center;
    justify-content: center;
  }
  .form-inline .custom-control-label {
    margin-bottom: 0;
  }
}
.btn {
  border: 1px solid transparent;
  border-radius: 0.25rem;
  display: inline-block;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.2;
  padding: 0.375rem 0.75rem;
  text-align: center;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  vertical-align: middle;
  white-space: nowrap;
}

.btn:focus, .btn:hover {
  text-decoration: none;
}

.btn.focus, .btn:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 82, 156, 0.25);
  outline: 0;
}

.btn.disabled, .btn:disabled {
  opacity: 0.65;
}

.btn:not(:disabled):not(.disabled) {
  cursor: pointer;
}

.btn:not(:disabled):not(.disabled).active, .btn:not(:disabled):not(.disabled):active {
  background-image: none;
}

a.btn.disabled, fieldset:disabled a.btn {
  pointer-events: none;
}

.btn-primary {
  background-color: #00529c;
  border-color: #00529c;
  color: #fff;
}

.btn-primary:hover {
  background-color: #003e76;
  border-color: #003769;
  color: #fff;
}

.btn-primary.focus, .btn-primary:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 82, 156, 0.5);
}

.btn-primary.disabled, .btn-primary:disabled {
  background-color: #00529c;
  border-color: #00529c;
  color: #fff;
}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
  background-color: #003769;
  border-color: #00305c;
  color: #fff;
}

.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 82, 156, 0.5);
}

.btn-secondary {
  background-color: #fc5f01;
  border-color: #fc5f01;
  color: #fff;
}

.btn-secondary:hover {
  background-color: #d65101;
  border-color: #c94c01;
  color: #fff;
}

.btn-secondary.focus, .btn-secondary:focus {
  box-shadow: 0 0 0 0.2rem rgba(252, 95, 1, 0.5);
}

.btn-secondary.disabled, .btn-secondary:disabled {
  background-color: #fc5f01;
  border-color: #fc5f01;
  color: #fff;
}

.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show > .btn-secondary.dropdown-toggle {
  background-color: #c94c01;
  border-color: #bd4701;
  color: #fff;
}

.btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .show > .btn-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(252, 95, 1, 0.5);
}

.btn-success {
  background-color: #28a745;
  border-color: #28a745;
  color: #fff;
}

.btn-success:hover {
  background-color: #218838;
  border-color: #1e7e34;
  color: #fff;
}

.btn-success.focus, .btn-success:focus {
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

.btn-success.disabled, .btn-success:disabled {
  background-color: #28a745;
  border-color: #28a745;
  color: #fff;
}

.btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show > .btn-success.dropdown-toggle {
  background-color: #1e7e34;
  border-color: #1c7430;
  color: #fff;
}

.btn-success:not(:disabled):not(.disabled).active:focus, .btn-success:not(:disabled):not(.disabled):active:focus, .show > .btn-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

.btn-info {
  background-color: #17a2b8;
  border-color: #17a2b8;
  color: #fff;
}

.btn-info:hover {
  background-color: #138496;
  border-color: #117a8b;
  color: #fff;
}

.btn-info.focus, .btn-info:focus {
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.btn-info.disabled, .btn-info:disabled {
  background-color: #17a2b8;
  border-color: #17a2b8;
  color: #fff;
}

.btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active, .show > .btn-info.dropdown-toggle {
  background-color: #117a8b;
  border-color: #10707f;
  color: #fff;
}

.btn-info:not(:disabled):not(.disabled).active:focus, .btn-info:not(:disabled):not(.disabled):active:focus, .show > .btn-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.btn-warning {
  background-color: #ffc107;
  border-color: #ffc107;
  color: #212529;
}

.btn-warning:hover {
  background-color: #e0a800;
  border-color: #d39e00;
  color: #212529;
}

.btn-warning.focus, .btn-warning:focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.btn-warning.disabled, .btn-warning:disabled {
  background-color: #ffc107;
  border-color: #ffc107;
  color: #212529;
}

.btn-warning:not(:disabled):not(.disabled).active, .btn-warning:not(:disabled):not(.disabled):active, .show > .btn-warning.dropdown-toggle {
  background-color: #d39e00;
  border-color: #c69500;
  color: #212529;
}

.btn-warning:not(:disabled):not(.disabled).active:focus, .btn-warning:not(:disabled):not(.disabled):active:focus, .show > .btn-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.btn-danger {
  background-color: #dc3545;
  border-color: #dc3545;
  color: #fff;
}

.btn-danger:hover {
  background-color: #c82333;
  border-color: #bd2130;
  color: #fff;
}

.btn-danger.focus, .btn-danger:focus {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.btn-danger.disabled, .btn-danger:disabled {
  background-color: #dc3545;
  border-color: #dc3545;
  color: #fff;
}

.btn-danger:not(:disabled):not(.disabled).active, .btn-danger:not(:disabled):not(.disabled):active, .show > .btn-danger.dropdown-toggle {
  background-color: #bd2130;
  border-color: #b21f2d;
  color: #fff;
}

.btn-danger:not(:disabled):not(.disabled).active:focus, .btn-danger:not(:disabled):not(.disabled):active:focus, .show > .btn-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.btn-light {
  background-color: #f8f9fa;
  border-color: #f8f9fa;
  color: #212529;
}

.btn-light:hover {
  background-color: #e2e6ea;
  border-color: #dae0e5;
  color: #212529;
}

.btn-light.focus, .btn-light:focus {
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.btn-light.disabled, .btn-light:disabled {
  background-color: #f8f9fa;
  border-color: #f8f9fa;
  color: #212529;
}

.btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show > .btn-light.dropdown-toggle {
  background-color: #dae0e5;
  border-color: #d3d9df;
  color: #212529;
}

.btn-light:not(:disabled):not(.disabled).active:focus, .btn-light:not(:disabled):not(.disabled):active:focus, .show > .btn-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.btn-dark {
  background-color: #343a40;
  border-color: #343a40;
  color: #fff;
}

.btn-dark:hover {
  background-color: #23272b;
  border-color: #1d2124;
  color: #fff;
}

.btn-dark.focus, .btn-dark:focus {
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

.btn-dark.disabled, .btn-dark:disabled {
  background-color: #343a40;
  border-color: #343a40;
  color: #fff;
}

.btn-dark:not(:disabled):not(.disabled).active, .btn-dark:not(:disabled):not(.disabled):active, .show > .btn-dark.dropdown-toggle {
  background-color: #1d2124;
  border-color: #171a1d;
  color: #fff;
}

.btn-dark:not(:disabled):not(.disabled).active:focus, .btn-dark:not(:disabled):not(.disabled):active:focus, .show > .btn-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

.btn-primary-dark {
  background-color: #1b4770;
  border-color: #1b4770;
  color: #fff;
}

.btn-primary-dark:hover {
  background-color: #143351;
  border-color: #112d47;
  color: #fff;
}

.btn-primary-dark.focus, .btn-primary-dark:focus {
  box-shadow: 0 0 0 0.2rem rgba(27, 71, 112, 0.5);
}

.btn-primary-dark.disabled, .btn-primary-dark:disabled {
  background-color: #1b4770;
  border-color: #1b4770;
  color: #fff;
}

.btn-primary-dark:not(:disabled):not(.disabled).active, .btn-primary-dark:not(:disabled):not(.disabled):active, .show > .btn-primary-dark.dropdown-toggle {
  background-color: #112d47;
  border-color: #0f263d;
  color: #fff;
}

.btn-primary-dark:not(:disabled):not(.disabled).active:focus, .btn-primary-dark:not(:disabled):not(.disabled):active:focus, .show > .btn-primary-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(27, 71, 112, 0.5);
}

.btn-primary-light {
  background-color: #266cab;
  border-color: #266cab;
  color: #fff;
}

.btn-primary-light:hover {
  background-color: #1f588c;
  border-color: #1d5281;
  color: #fff;
}

.btn-primary-light.focus, .btn-primary-light:focus {
  box-shadow: 0 0 0 0.2rem rgba(38, 108, 171, 0.5);
}

.btn-primary-light.disabled, .btn-primary-light:disabled {
  background-color: #266cab;
  border-color: #266cab;
  color: #fff;
}

.btn-primary-light:not(:disabled):not(.disabled).active, .btn-primary-light:not(:disabled):not(.disabled):active, .show > .btn-primary-light.dropdown-toggle {
  background-color: #1d5281;
  border-color: #1a4b77;
  color: #fff;
}

.btn-primary-light:not(:disabled):not(.disabled).active:focus, .btn-primary-light:not(:disabled):not(.disabled):active:focus, .show > .btn-primary-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(38, 108, 171, 0.5);
}

.btn-primary-lighter {
  background-color: #80a9ce;
  border-color: #80a9ce;
  color: #212529;
}

.btn-primary-lighter:hover {
  background-color: #6496c3;
  border-color: #5b90c0;
  color: #fff;
}

.btn-primary-lighter.focus, .btn-primary-lighter:focus {
  box-shadow: 0 0 0 0.2rem rgba(128, 169, 206, 0.5);
}

.btn-primary-lighter.disabled, .btn-primary-lighter:disabled {
  background-color: #80a9ce;
  border-color: #80a9ce;
  color: #212529;
}

.btn-primary-lighter:not(:disabled):not(.disabled).active, .btn-primary-lighter:not(:disabled):not(.disabled):active, .show > .btn-primary-lighter.dropdown-toggle {
  background-color: #5b90c0;
  border-color: #528abc;
  color: #fff;
}

.btn-primary-lighter:not(:disabled):not(.disabled).active:focus, .btn-primary-lighter:not(:disabled):not(.disabled):active:focus, .show > .btn-primary-lighter.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(128, 169, 206, 0.5);
}

.btn-grey-300 {
  background-color: #ced3d6;
  border-color: #ced3d6;
  color: #212529;
}

.btn-grey-300:hover {
  background-color: #b9c0c5;
  border-color: #b2babf;
  color: #212529;
}

.btn-grey-300.focus, .btn-grey-300:focus {
  box-shadow: 0 0 0 0.2rem hsla(203, 9%, 82%, 0.5);
}

.btn-grey-300.disabled, .btn-grey-300:disabled {
  background-color: #ced3d6;
  border-color: #ced3d6;
  color: #212529;
}

.btn-grey-300:not(:disabled):not(.disabled).active, .btn-grey-300:not(:disabled):not(.disabled):active, .show > .btn-grey-300.dropdown-toggle {
  background-color: #b2babf;
  border-color: #abb4b9;
  color: #212529;
}

.btn-grey-300:not(:disabled):not(.disabled).active:focus, .btn-grey-300:not(:disabled):not(.disabled):active:focus, .show > .btn-grey-300.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem hsla(203, 9%, 82%, 0.5);
}

.btn-grey-500 {
  background-color: #868e96;
  border-color: #868e96;
  color: #fff;
}

.btn-grey-500:hover {
  background-color: #727b84;
  border-color: #6c757d;
  color: #fff;
}

.btn-grey-500.focus, .btn-grey-500:focus {
  box-shadow: 0 0 0 0.2rem hsla(210, 7%, 56%, 0.5);
}

.btn-grey-500.disabled, .btn-grey-500:disabled {
  background-color: #868e96;
  border-color: #868e96;
  color: #fff;
}

.btn-grey-500:not(:disabled):not(.disabled).active, .btn-grey-500:not(:disabled):not(.disabled):active, .show > .btn-grey-500.dropdown-toggle {
  background-color: #6c757d;
  border-color: #666e76;
  color: #fff;
}

.btn-grey-500:not(:disabled):not(.disabled).active:focus, .btn-grey-500:not(:disabled):not(.disabled):active:focus, .show > .btn-grey-500.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem hsla(210, 7%, 56%, 0.5);
}

.btn-grey-800 {
  background-color: #353c45;
  border-color: #353c45;
  color: #fff;
}

.btn-grey-800:hover {
  background-color: #24292f;
  border-color: #1f2328;
  color: #fff;
}

.btn-grey-800.focus, .btn-grey-800:focus {
  box-shadow: 0 0 0 0.2rem rgba(53, 60, 69, 0.5);
}

.btn-grey-800.disabled, .btn-grey-800:disabled {
  background-color: #353c45;
  border-color: #353c45;
  color: #fff;
}

.btn-grey-800:not(:disabled):not(.disabled).active, .btn-grey-800:not(:disabled):not(.disabled):active, .show > .btn-grey-800.dropdown-toggle {
  background-color: #1f2328;
  border-color: #191d21;
  color: #fff;
}

.btn-grey-800:not(:disabled):not(.disabled).active:focus, .btn-grey-800:not(:disabled):not(.disabled):active:focus, .show > .btn-grey-800.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(53, 60, 69, 0.5);
}

.btn-outline-primary {
  background-color: transparent;
  background-image: none;
  border-color: #00529c;
  color: #00529c;
}

.btn-outline-primary:hover {
  background-color: #00529c;
  border-color: #00529c;
  color: #fff;
}

.btn-outline-primary.focus, .btn-outline-primary:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 82, 156, 0.5);
}

.btn-outline-primary.disabled, .btn-outline-primary:disabled {
  background-color: transparent;
  color: #00529c;
}

.btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show > .btn-outline-primary.dropdown-toggle {
  background-color: #00529c;
  border-color: #00529c;
  color: #fff;
}

.btn-outline-primary:not(:disabled):not(.disabled).active:focus, .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 82, 156, 0.5);
}

.btn-outline-secondary {
  background-color: transparent;
  background-image: none;
  border-color: #fc5f01;
  color: #fc5f01;
}

.btn-outline-secondary:hover {
  background-color: #fc5f01;
  border-color: #fc5f01;
  color: #fff;
}

.btn-outline-secondary.focus, .btn-outline-secondary:focus {
  box-shadow: 0 0 0 0.2rem rgba(252, 95, 1, 0.5);
}

.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
  background-color: transparent;
  color: #fc5f01;
}

.btn-outline-secondary:not(:disabled):not(.disabled).active, .btn-outline-secondary:not(:disabled):not(.disabled):active, .show > .btn-outline-secondary.dropdown-toggle {
  background-color: #fc5f01;
  border-color: #fc5f01;
  color: #fff;
}

.btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(252, 95, 1, 0.5);
}

.btn-outline-success {
  background-color: transparent;
  background-image: none;
  border-color: #28a745;
  color: #28a745;
}

.btn-outline-success:hover {
  background-color: #28a745;
  border-color: #28a745;
  color: #fff;
}

.btn-outline-success.focus, .btn-outline-success:focus {
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

.btn-outline-success.disabled, .btn-outline-success:disabled {
  background-color: transparent;
  color: #28a745;
}

.btn-outline-success:not(:disabled):not(.disabled).active, .btn-outline-success:not(:disabled):not(.disabled):active, .show > .btn-outline-success.dropdown-toggle {
  background-color: #28a745;
  border-color: #28a745;
  color: #fff;
}

.btn-outline-success:not(:disabled):not(.disabled).active:focus, .btn-outline-success:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

.btn-outline-info {
  background-color: transparent;
  background-image: none;
  border-color: #17a2b8;
  color: #17a2b8;
}

.btn-outline-info:hover {
  background-color: #17a2b8;
  border-color: #17a2b8;
  color: #fff;
}

.btn-outline-info.focus, .btn-outline-info:focus {
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.btn-outline-info.disabled, .btn-outline-info:disabled {
  background-color: transparent;
  color: #17a2b8;
}

.btn-outline-info:not(:disabled):not(.disabled).active, .btn-outline-info:not(:disabled):not(.disabled):active, .show > .btn-outline-info.dropdown-toggle {
  background-color: #17a2b8;
  border-color: #17a2b8;
  color: #fff;
}

.btn-outline-info:not(:disabled):not(.disabled).active:focus, .btn-outline-info:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.btn-outline-warning {
  background-color: transparent;
  background-image: none;
  border-color: #ffc107;
  color: #ffc107;
}

.btn-outline-warning:hover {
  background-color: #ffc107;
  border-color: #ffc107;
  color: #212529;
}

.btn-outline-warning.focus, .btn-outline-warning:focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.btn-outline-warning.disabled, .btn-outline-warning:disabled {
  background-color: transparent;
  color: #ffc107;
}

.btn-outline-warning:not(:disabled):not(.disabled).active, .btn-outline-warning:not(:disabled):not(.disabled):active, .show > .btn-outline-warning.dropdown-toggle {
  background-color: #ffc107;
  border-color: #ffc107;
  color: #212529;
}

.btn-outline-warning:not(:disabled):not(.disabled).active:focus, .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.btn-outline-danger {
  background-color: transparent;
  background-image: none;
  border-color: #dc3545;
  color: #dc3545;
}

.btn-outline-danger:hover {
  background-color: #dc3545;
  border-color: #dc3545;
  color: #fff;
}

.btn-outline-danger.focus, .btn-outline-danger:focus {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.btn-outline-danger.disabled, .btn-outline-danger:disabled {
  background-color: transparent;
  color: #dc3545;
}

.btn-outline-danger:not(:disabled):not(.disabled).active, .btn-outline-danger:not(:disabled):not(.disabled):active, .show > .btn-outline-danger.dropdown-toggle {
  background-color: #dc3545;
  border-color: #dc3545;
  color: #fff;
}

.btn-outline-danger:not(:disabled):not(.disabled).active:focus, .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.btn-outline-light {
  background-color: transparent;
  background-image: none;
  border-color: #f8f9fa;
  color: #f8f9fa;
}

.btn-outline-light:hover {
  background-color: #f8f9fa;
  border-color: #f8f9fa;
  color: #212529;
}

.btn-outline-light.focus, .btn-outline-light:focus {
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.btn-outline-light.disabled, .btn-outline-light:disabled {
  background-color: transparent;
  color: #f8f9fa;
}

.btn-outline-light:not(:disabled):not(.disabled).active, .btn-outline-light:not(:disabled):not(.disabled):active, .show > .btn-outline-light.dropdown-toggle {
  background-color: #f8f9fa;
  border-color: #f8f9fa;
  color: #212529;
}

.btn-outline-light:not(:disabled):not(.disabled).active:focus, .btn-outline-light:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.btn-outline-dark {
  background-color: transparent;
  background-image: none;
  border-color: #343a40;
  color: #343a40;
}

.btn-outline-dark:hover {
  background-color: #343a40;
  border-color: #343a40;
  color: #fff;
}

.btn-outline-dark.focus, .btn-outline-dark:focus {
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

.btn-outline-dark.disabled, .btn-outline-dark:disabled {
  background-color: transparent;
  color: #343a40;
}

.btn-outline-dark:not(:disabled):not(.disabled).active, .btn-outline-dark:not(:disabled):not(.disabled):active, .show > .btn-outline-dark.dropdown-toggle {
  background-color: #343a40;
  border-color: #343a40;
  color: #fff;
}

.btn-outline-dark:not(:disabled):not(.disabled).active:focus, .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

.btn-outline-primary-dark {
  background-color: transparent;
  background-image: none;
  border-color: #1b4770;
  color: #1b4770;
}

.btn-outline-primary-dark:hover {
  background-color: #1b4770;
  border-color: #1b4770;
  color: #fff;
}

.btn-outline-primary-dark.focus, .btn-outline-primary-dark:focus {
  box-shadow: 0 0 0 0.2rem rgba(27, 71, 112, 0.5);
}

.btn-outline-primary-dark.disabled, .btn-outline-primary-dark:disabled {
  background-color: transparent;
  color: #1b4770;
}

.btn-outline-primary-dark:not(:disabled):not(.disabled).active, .btn-outline-primary-dark:not(:disabled):not(.disabled):active, .show > .btn-outline-primary-dark.dropdown-toggle {
  background-color: #1b4770;
  border-color: #1b4770;
  color: #fff;
}

.btn-outline-primary-dark:not(:disabled):not(.disabled).active:focus, .btn-outline-primary-dark:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-primary-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(27, 71, 112, 0.5);
}

.btn-outline-primary-light {
  background-color: transparent;
  background-image: none;
  border-color: #266cab;
  color: #266cab;
}

.btn-outline-primary-light:hover {
  background-color: #266cab;
  border-color: #266cab;
  color: #fff;
}

.btn-outline-primary-light.focus, .btn-outline-primary-light:focus {
  box-shadow: 0 0 0 0.2rem rgba(38, 108, 171, 0.5);
}

.btn-outline-primary-light.disabled, .btn-outline-primary-light:disabled {
  background-color: transparent;
  color: #266cab;
}

.btn-outline-primary-light:not(:disabled):not(.disabled).active, .btn-outline-primary-light:not(:disabled):not(.disabled):active, .show > .btn-outline-primary-light.dropdown-toggle {
  background-color: #266cab;
  border-color: #266cab;
  color: #fff;
}

.btn-outline-primary-light:not(:disabled):not(.disabled).active:focus, .btn-outline-primary-light:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-primary-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(38, 108, 171, 0.5);
}

.btn-outline-primary-lighter {
  background-color: transparent;
  background-image: none;
  border-color: #80a9ce;
  color: #80a9ce;
}

.btn-outline-primary-lighter:hover {
  background-color: #80a9ce;
  border-color: #80a9ce;
  color: #212529;
}

.btn-outline-primary-lighter.focus, .btn-outline-primary-lighter:focus {
  box-shadow: 0 0 0 0.2rem rgba(128, 169, 206, 0.5);
}

.btn-outline-primary-lighter.disabled, .btn-outline-primary-lighter:disabled {
  background-color: transparent;
  color: #80a9ce;
}

.btn-outline-primary-lighter:not(:disabled):not(.disabled).active, .btn-outline-primary-lighter:not(:disabled):not(.disabled):active, .show > .btn-outline-primary-lighter.dropdown-toggle {
  background-color: #80a9ce;
  border-color: #80a9ce;
  color: #212529;
}

.btn-outline-primary-lighter:not(:disabled):not(.disabled).active:focus, .btn-outline-primary-lighter:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-primary-lighter.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(128, 169, 206, 0.5);
}

.btn-outline-grey-300 {
  background-color: transparent;
  background-image: none;
  border-color: #ced3d6;
  color: #ced3d6;
}

.btn-outline-grey-300:hover {
  background-color: #ced3d6;
  border-color: #ced3d6;
  color: #212529;
}

.btn-outline-grey-300.focus, .btn-outline-grey-300:focus {
  box-shadow: 0 0 0 0.2rem hsla(203, 9%, 82%, 0.5);
}

.btn-outline-grey-300.disabled, .btn-outline-grey-300:disabled {
  background-color: transparent;
  color: #ced3d6;
}

.btn-outline-grey-300:not(:disabled):not(.disabled).active, .btn-outline-grey-300:not(:disabled):not(.disabled):active, .show > .btn-outline-grey-300.dropdown-toggle {
  background-color: #ced3d6;
  border-color: #ced3d6;
  color: #212529;
}

.btn-outline-grey-300:not(:disabled):not(.disabled).active:focus, .btn-outline-grey-300:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-grey-300.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem hsla(203, 9%, 82%, 0.5);
}

.btn-outline-grey-500 {
  background-color: transparent;
  background-image: none;
  border-color: #868e96;
  color: #868e96;
}

.btn-outline-grey-500:hover {
  background-color: #868e96;
  border-color: #868e96;
  color: #fff;
}

.btn-outline-grey-500.focus, .btn-outline-grey-500:focus {
  box-shadow: 0 0 0 0.2rem hsla(210, 7%, 56%, 0.5);
}

.btn-outline-grey-500.disabled, .btn-outline-grey-500:disabled {
  background-color: transparent;
  color: #868e96;
}

.btn-outline-grey-500:not(:disabled):not(.disabled).active, .btn-outline-grey-500:not(:disabled):not(.disabled):active, .show > .btn-outline-grey-500.dropdown-toggle {
  background-color: #868e96;
  border-color: #868e96;
  color: #fff;
}

.btn-outline-grey-500:not(:disabled):not(.disabled).active:focus, .btn-outline-grey-500:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-grey-500.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem hsla(210, 7%, 56%, 0.5);
}

.btn-outline-grey-800 {
  background-color: transparent;
  background-image: none;
  border-color: #353c45;
  color: #353c45;
}

.btn-outline-grey-800:hover {
  background-color: #353c45;
  border-color: #353c45;
  color: #fff;
}

.btn-outline-grey-800.focus, .btn-outline-grey-800:focus {
  box-shadow: 0 0 0 0.2rem rgba(53, 60, 69, 0.5);
}

.btn-outline-grey-800.disabled, .btn-outline-grey-800:disabled {
  background-color: transparent;
  color: #353c45;
}

.btn-outline-grey-800:not(:disabled):not(.disabled).active, .btn-outline-grey-800:not(:disabled):not(.disabled):active, .show > .btn-outline-grey-800.dropdown-toggle {
  background-color: #353c45;
  border-color: #353c45;
  color: #fff;
}

.btn-outline-grey-800:not(:disabled):not(.disabled).active:focus, .btn-outline-grey-800:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-grey-800.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(53, 60, 69, 0.5);
}

.btn-link {
  background-color: transparent;
  color: #00529c;
  font-weight: 400;
}

.btn-link:hover {
  background-color: transparent;
  color: #002a50;
}

.btn-link.focus, .btn-link:focus, .btn-link:hover {
  border-color: transparent;
  text-decoration: underline;
}

.btn-link.focus, .btn-link:focus {
  box-shadow: none;
}

.btn-link.disabled, .btn-link:disabled {
  color: #6c757d;
}

.btn-group-lg > .btn, .btn-lg {
  border-radius: 0.3rem;
  font-size: 1.25rem;
  line-height: 1.5;
  padding: 0.5rem 1rem;
}

.btn-group-sm > .btn, .btn-sm {
  border-radius: 0.2rem;
  font-size: 0.875rem;
  line-height: 1.5;
  padding: 0.25rem 0.5rem;
}

.btn-block {
  display: block;
  width: 100%;
}

.btn-block + .btn-block {
  margin-top: 0.5rem;
}

input[type=button].btn-block, input[type=reset].btn-block, input[type=submit].btn-block {
  width: 100%;
}

.fade {
  opacity: 0;
  transition: opacity 0.15s linear;
}

.fade.show {
  opacity: 1;
}

.collapse {
  display: none;
}

.collapse.show {
  display: block;
}

tr.collapse.show {
  display: table-row;
}

tbody.collapse.show {
  display: table-row-group;
}

.collapsing {
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}

.collapsing, .dropdown, .dropup {
  position: relative;
}

.dropdown-toggle:after {
  border-bottom: 0;
  border-left: 0.3em solid transparent;
  border-right: 0.3em solid transparent;
  border-top: 0.3em solid;
  content: "";
  display: inline-block;
  height: 0;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  width: 0;
}

.dropdown-toggle:empty:after {
  margin-left: 0;
}

.dropdown-menu {
  background-clip: padding-box;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
  color: #212529;
  display: none;
  float: left;
  font-size: 1rem;
  left: 0;
  list-style: none;
  margin: 0.125rem 0 0;
  min-width: 10rem;
  padding: 0.5rem 0;
  position: absolute;
  text-align: left;
  top: 100%;
  z-index: 1000;
}

.dropup .dropdown-menu {
  margin-bottom: 0.125rem;
  margin-top: 0;
}

.dropup .dropdown-toggle:after {
  border-bottom: 0.3em solid;
  border-left: 0.3em solid transparent;
  border-right: 0.3em solid transparent;
  border-top: 0;
  content: "";
  display: inline-block;
  height: 0;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  width: 0;
}

.dropup .dropdown-toggle:empty:after {
  margin-left: 0;
}

.dropright .dropdown-menu {
  margin-left: 0.125rem;
  margin-top: 0;
}

.dropright .dropdown-toggle:after {
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
  border-top: 0.3em solid transparent;
  content: "";
  display: inline-block;
  height: 0;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  width: 0;
}

.dropright .dropdown-toggle:empty:after {
  margin-left: 0;
}

.dropright .dropdown-toggle:after {
  vertical-align: 0;
}

.dropleft .dropdown-menu {
  margin-right: 0.125rem;
  margin-top: 0;
}

.dropleft .dropdown-toggle:after {
  content: "";
  display: inline-block;
  display: none;
  height: 0;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  width: 0;
}

.dropleft .dropdown-toggle:before {
  border-bottom: 0.3em solid transparent;
  border-right: 0.3em solid;
  border-top: 0.3em solid transparent;
  content: "";
  display: inline-block;
  height: 0;
  margin-right: 0.255em;
  vertical-align: 0.255em;
  width: 0;
}

.dropleft .dropdown-toggle:empty:after {
  margin-left: 0;
}

.dropleft .dropdown-toggle:before {
  vertical-align: 0;
}

.dropdown-divider {
  border-top: 1px solid #e9ecef;
  height: 0;
  margin: 0.5rem 0;
  overflow: hidden;
}

.dropdown-item {
  background-color: transparent;
  border: 0;
  clear: both;
  color: #212529;
  display: block;
  font-weight: 400;
  padding: 0.25rem 1.5rem;
  text-align: inherit;
  white-space: nowrap;
  width: 100%;
}

.dropdown-item:focus, .dropdown-item:hover {
  background-color: #f8f9fa;
  color: #16181b;
  text-decoration: none;
}

.dropdown-item.active, .dropdown-item:active {
  background-color: #00529c;
  color: #fff;
  text-decoration: none;
}

.dropdown-item.disabled, .dropdown-item:disabled {
  background-color: transparent;
  color: #6c757d;
}

.dropdown-menu.show {
  display: block;
}

.dropdown-header {
  color: #6c757d;
  display: block;
  font-size: 0.875rem;
  margin-bottom: 0;
  padding: 0.5rem 1.5rem;
  white-space: nowrap;
}

.btn-group, .btn-group-vertical {
  display: inline-flex;
  position: relative;
  vertical-align: middle;
}

.btn-group-vertical > .btn, .btn-group > .btn {
  flex: 0 1 auto;
  position: relative;
}

.btn-group-vertical > .btn.active, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:hover, .btn-group > .btn.active, .btn-group > .btn:active, .btn-group > .btn:focus, .btn-group > .btn:hover {
  z-index: 1;
}

.btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group, .btn-group-vertical .btn + .btn, .btn-group-vertical .btn + .btn-group, .btn-group-vertical .btn-group + .btn, .btn-group-vertical .btn-group + .btn-group {
  margin-left: -1px;
}

.btn-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.btn-toolbar .input-group {
  width: auto;
}

.btn-group > .btn:first-child {
  margin-left: 0;
}

.btn-group > .btn-group:not(:last-child) > .btn, .btn-group > .btn:not(:last-child):not(.dropdown-toggle) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.btn-group > .btn-group:not(:first-child) > .btn, .btn-group > .btn:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.dropdown-toggle-split {
  padding-left: 0.5625rem;
  padding-right: 0.5625rem;
}

.dropdown-toggle-split:after {
  margin-left: 0;
}

.btn-group-sm > .btn + .dropdown-toggle-split, .btn-sm + .dropdown-toggle-split {
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}

.btn-group-lg > .btn + .dropdown-toggle-split, .btn-lg + .dropdown-toggle-split {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.btn-group-vertical {
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
}

.btn-group-vertical .btn, .btn-group-vertical .btn-group {
  width: 100%;
}

.btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group {
  margin-left: 0;
  margin-top: -1px;
}

.btn-group-vertical > .btn-group:not(:last-child) > .btn, .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle) {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.btn-group-vertical > .btn-group:not(:first-child) > .btn, .btn-group-vertical > .btn:not(:first-child) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.btn-group-toggle > .btn, .btn-group-toggle > .btn-group > .btn {
  margin-bottom: 0;
}

.btn-group-toggle > .btn input[type=checkbox], .btn-group-toggle > .btn input[type=radio], .btn-group-toggle > .btn-group > .btn input[type=checkbox], .btn-group-toggle > .btn-group > .btn input[type=radio] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}

.input-group {
  align-items: stretch;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  width: 100%;
}

.input-group > .custom-file, .input-group > .custom-select, .input-group > .form-control {
  flex: 1 1 auto;
  margin-bottom: 0;
  position: relative;
  width: 1%;
}

.input-group > .custom-file:focus, .input-group > .custom-select:focus, .input-group > .form-control:focus {
  z-index: 3;
}

.input-group > .custom-file + .custom-file, .input-group > .custom-file + .custom-select, .input-group > .custom-file + .form-control, .input-group > .custom-select + .custom-file, .input-group > .custom-select + .custom-select, .input-group > .custom-select + .form-control, .input-group > .form-control + .custom-file, .input-group > .form-control + .custom-select, .input-group > .form-control + .form-control {
  margin-left: -1px;
}

.input-group > .custom-select:not(:last-child), .input-group > .form-control:not(:last-child) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.input-group > .custom-select:not(:first-child), .input-group > .form-control:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.input-group > .custom-file {
  align-items: center;
  display: flex;
}

.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label:before {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.input-group > .custom-file:not(:first-child) .custom-file-label, .input-group > .custom-file:not(:first-child) .custom-file-label:before {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.input-group-append, .input-group-prepend {
  display: flex;
}

.input-group-append .btn, .input-group-prepend .btn {
  position: relative;
  z-index: 2;
}

.input-group-append .btn + .btn, .input-group-append .btn + .input-group-text, .input-group-append .input-group-text + .btn, .input-group-append .input-group-text + .input-group-text, .input-group-prepend .btn + .btn, .input-group-prepend .btn + .input-group-text, .input-group-prepend .input-group-text + .btn, .input-group-prepend .input-group-text + .input-group-text {
  margin-left: -1px;
}

.input-group-prepend {
  margin-right: -1px;
}

.input-group-append {
  margin-left: -1px;
}

.input-group-text {
  align-items: center;
  background-color: #e9ecef;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  color: #495057;
  display: flex;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.2;
  margin-bottom: 0;
  padding: 0.375rem 0.75rem;
  text-align: center;
  white-space: nowrap;
}

.input-group-text input[type=checkbox], .input-group-text input[type=radio] {
  margin-top: 0;
}

.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group > .input-group-append:last-child > .input-group-text:not(:last-child), .input-group > .input-group-append:not(:last-child) > .btn, .input-group > .input-group-append:not(:last-child) > .input-group-text, .input-group > .input-group-prepend > .btn, .input-group > .input-group-prepend > .input-group-text {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.input-group > .input-group-append > .btn, .input-group > .input-group-append > .input-group-text, .input-group > .input-group-prepend:first-child > .btn:not(:first-child), .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child), .input-group > .input-group-prepend:not(:first-child) > .btn, .input-group > .input-group-prepend:not(:first-child) > .input-group-text {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.custom-control {
  display: block;
  min-height: 1.2rem;
  padding-left: 1.5rem;
  position: relative;
}

.custom-control-inline {
  display: inline-flex;
  margin-right: 1rem;
}

.custom-control-input {
  opacity: 0;
  position: absolute;
  z-index: -1;
}

.custom-control-input:checked ~ .custom-control-label:before {
  background-color: #00529c;
  color: #fff;
}

.custom-control-input:focus ~ .custom-control-label:before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 82, 156, 0.25);
}

.custom-control-input:active ~ .custom-control-label:before {
  background-color: #50acff;
  color: #fff;
}

.custom-control-input:disabled ~ .custom-control-label {
  color: #6c757d;
}

.custom-control-input:disabled ~ .custom-control-label:before {
  background-color: #e9ecef;
}

.custom-control-label {
  margin-bottom: 0;
}

.custom-control-label:before {
  background-color: #dee2e6;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.custom-control-label:after, .custom-control-label:before {
  content: "";
  display: block;
  height: 1rem;
  left: 0;
  position: absolute;
  top: 0.1rem;
  width: 1rem;
}

.custom-control-label:after {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 50% 50%;
}

.custom-checkbox .custom-control-label:before {
  border-radius: 0.25rem;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label:before {
  background-color: #00529c;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label:after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label:before {
  background-color: #00529c;
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label:after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E");
}

.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label:before {
  background-color: rgba(0, 82, 156, 0.5);
}

.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label:before {
  background-color: rgba(0, 82, 156, 0.5);
}

.custom-radio .custom-control-label:before {
  border-radius: 50%;
}

.custom-radio .custom-control-input:checked ~ .custom-control-label:before {
  background-color: #00529c;
}

.custom-radio .custom-control-input:checked ~ .custom-control-label:after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E");
}

.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label:before {
  background-color: rgba(0, 82, 156, 0.5);
}

.custom-select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center;
  background-size: 8px 10px;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  color: #495057;
  display: inline-block;
  height: calc(1.95rem + 2px);
  line-height: 1.2;
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  vertical-align: middle;
  width: 100%;
}

.custom-select:focus {
  border-color: #1d94ff;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 5px rgba(29, 148, 255, 0.5);
  outline: 0;
}

.custom-select:focus::-ms-value {
  background-color: #fff;
  color: #495057;
}

.custom-select[multiple], .custom-select[size]:not([size="1"]) {
  background-image: none;
  height: auto;
  padding-right: 0.75rem;
}

.custom-select:disabled {
  background-color: #e9ecef;
  color: #6c757d;
}

.custom-select::-ms-expand {
  opacity: 0;
}

.custom-select-sm {
  font-size: 75%;
  height: calc(1.8125rem + 2px);
}

.custom-select-lg, .custom-select-sm {
  padding-bottom: 0.375rem;
  padding-top: 0.375rem;
}

.custom-select-lg {
  font-size: 125%;
  height: calc(2.875rem + 2px);
}

.custom-file {
  display: inline-block;
  margin-bottom: 0;
}

.custom-file, .custom-file-input {
  height: calc(1.95rem + 2px);
  position: relative;
  width: 100%;
}

.custom-file-input {
  margin: 0;
  opacity: 0;
  z-index: 2;
}

.custom-file-input:focus ~ .custom-file-control {
  border-color: #1d94ff;
  box-shadow: 0 0 0 0.2rem rgba(0, 82, 156, 0.25);
}

.custom-file-input:focus ~ .custom-file-control:before {
  border-color: #1d94ff;
}

.custom-file-input:lang(en) ~ .custom-file-label:after {
  content: "Browse";
}

.custom-file-label {
  background-color: #fff;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  height: calc(1.95rem + 2px);
  left: 0;
  z-index: 1;
}

.custom-file-label, .custom-file-label:after {
  color: #495057;
  line-height: 1.2;
  padding: 0.375rem 0.75rem;
  position: absolute;
  right: 0;
  top: 0;
}

.custom-file-label:after {
  background-color: #e9ecef;
  border-left: 1px solid #ced4da;
  border-radius: 0 0.25rem 0.25rem 0;
  bottom: 0;
  content: "Browse";
  display: block;
  height: 1.95rem;
  z-index: 3;
}

.nav {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin-bottom: 0;
  padding-left: 0;
}

.nav-link {
  display: block;
  padding: 0.5rem 1rem;
}

.nav-link:focus, .nav-link:hover {
  text-decoration: none;
}

.nav-link.disabled {
  color: #6c757d;
}

.nav-tabs {
  border-bottom: 1px solid #dee2e6;
}

.nav-tabs .nav-item {
  margin-bottom: -1px;
}

.nav-tabs .nav-link {
  border: 1px solid transparent;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
  border-color: #e9ecef #e9ecef #dee2e6;
}

.nav-tabs .nav-link.disabled {
  background-color: transparent;
  border-color: transparent;
  color: #6c757d;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
  background-color: #fff;
  border-color: #dee2e6 #dee2e6 #fff;
  color: #495057;
}

.nav-tabs .dropdown-menu {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  margin-top: -1px;
}

.nav-pills .nav-link {
  border-radius: 0.25rem;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  background-color: #00529c;
  color: #fff;
}

.nav-fill .nav-item {
  flex: 1 1 auto;
  text-align: center;
}

.nav-justified .nav-item {
  flex-basis: 0;
  flex-grow: 1;
  text-align: center;
}

.tab-content > .tab-pane {
  display: none;
}

.tab-content > .active {
  display: block;
}

.navbar {
  padding: 0.5rem 1rem;
  position: relative;
}

.navbar, .navbar > .container, .navbar > .container-fluid {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.navbar-brand {
  display: inline-block;
  font-size: 1.25rem;
  line-height: inherit;
  margin-right: 1rem;
  padding-bottom: 0.35rem;
  padding-top: 0.35rem;
  white-space: nowrap;
}

.navbar-brand:focus, .navbar-brand:hover {
  text-decoration: none;
}

.navbar-nav {
  display: flex;
  flex-direction: column;
  list-style: none;
  margin-bottom: 0;
  padding-left: 0;
}

.navbar-nav .nav-link {
  padding-left: 0;
  padding-right: 0;
}

.navbar-nav .dropdown-menu {
  float: none;
  position: static;
}

.navbar-text {
  display: inline-block;
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
}

.navbar-collapse {
  align-items: center;
  flex-basis: 100%;
  flex-grow: 1;
}

.navbar-toggler {
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 0.25rem;
  font-size: 1.25rem;
  line-height: 1;
  padding: 0.25rem 0.75rem;
}

.navbar-toggler:focus, .navbar-toggler:hover {
  text-decoration: none;
}

.navbar-toggler:not(:disabled):not(.disabled) {
  cursor: pointer;
}

.navbar-toggler-icon {
  background: no-repeat 50%;
  background-size: 100% 100%;
  content: "";
  display: inline-block;
  height: 1.5em;
  vertical-align: middle;
  width: 1.5em;
}

@media (max-width: 359.98px) {
  .navbar-expand-s > .container, .navbar-expand-s > .container-fluid {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 360px) {
  .navbar-expand-s {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-s .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-s .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-s .navbar-nav .dropdown-menu-right {
    left: auto;
    right: 0;
  }
  .navbar-expand-s .navbar-nav .nav-link {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .navbar-expand-s > .container, .navbar-expand-s > .container-fluid {
    flex-wrap: nowrap;
  }
  .navbar-expand-s .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-s .navbar-toggler {
    display: none;
  }
  .navbar-expand-s .dropup .dropdown-menu {
    bottom: 100%;
    top: auto;
  }
}
@media (max-width: 575.98px) {
  .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 576px) {
  .navbar-expand-sm {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-sm .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-sm .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-sm .navbar-nav .dropdown-menu-right {
    left: auto;
    right: 0;
  }
  .navbar-expand-sm .navbar-nav .nav-link {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid {
    flex-wrap: nowrap;
  }
  .navbar-expand-sm .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-sm .navbar-toggler {
    display: none;
  }
  .navbar-expand-sm .dropup .dropdown-menu {
    bottom: 100%;
    top: auto;
  }
}
@media (max-width: 767.98px) {
  .navbar-expand-md > .container, .navbar-expand-md > .container-fluid {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 768px) {
  .navbar-expand-md {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-md .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-md .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-md .navbar-nav .dropdown-menu-right {
    left: auto;
    right: 0;
  }
  .navbar-expand-md .navbar-nav .nav-link {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .navbar-expand-md > .container, .navbar-expand-md > .container-fluid {
    flex-wrap: nowrap;
  }
  .navbar-expand-md .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-md .navbar-toggler {
    display: none;
  }
  .navbar-expand-md .dropup .dropdown-menu {
    bottom: 100%;
    top: auto;
  }
}
@media (max-width: 991.98px) {
  .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 992px) {
  .navbar-expand-lg {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-lg .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-lg .navbar-nav .dropdown-menu-right {
    left: auto;
    right: 0;
  }
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid {
    flex-wrap: nowrap;
  }
  .navbar-expand-lg .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-lg .navbar-toggler {
    display: none;
  }
  .navbar-expand-lg .dropup .dropdown-menu {
    bottom: 100%;
    top: auto;
  }
}
@media (max-width: 1199.98px) {
  .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 1200px) {
  .navbar-expand-xl {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-xl .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-xl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xl .navbar-nav .dropdown-menu-right {
    left: auto;
    right: 0;
  }
  .navbar-expand-xl .navbar-nav .nav-link {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid {
    flex-wrap: nowrap;
  }
  .navbar-expand-xl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-xl .navbar-toggler {
    display: none;
  }
  .navbar-expand-xl .dropup .dropdown-menu {
    bottom: 100%;
    top: auto;
  }
}
.navbar-expand {
  flex-flow: row nowrap;
  justify-content: flex-start;
}

.navbar-expand > .container, .navbar-expand > .container-fluid {
  padding-left: 0;
  padding-right: 0;
}

.navbar-expand .navbar-nav {
  flex-direction: row;
}

.navbar-expand .navbar-nav .dropdown-menu {
  position: absolute;
}

.navbar-expand .navbar-nav .dropdown-menu-right {
  left: auto;
  right: 0;
}

.navbar-expand .navbar-nav .nav-link {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.navbar-expand > .container, .navbar-expand > .container-fluid {
  flex-wrap: nowrap;
}

.navbar-expand .navbar-collapse {
  display: flex !important;
  flex-basis: auto;
}

.navbar-expand .navbar-toggler {
  display: none;
}

.navbar-expand .dropup .dropdown-menu {
  bottom: 100%;
  top: auto;
}

.navbar-light .navbar-brand, .navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover {
  color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-nav .nav-link {
  color: rgba(0, 0, 0, 0.5);
}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
  color: rgba(0, 0, 0, 0.7);
}

.navbar-light .navbar-nav .nav-link.disabled {
  color: rgba(0, 0, 0, 0.3);
}

.navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link {
  color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-toggler {
  border-color: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.5);
}

.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

.navbar-light .navbar-text {
  color: rgba(0, 0, 0, 0.5);
}

.navbar-light .navbar-text a, .navbar-light .navbar-text a:focus, .navbar-light .navbar-text a:hover {
  color: rgba(0, 0, 0, 0.9);
}

.navbar-dark .navbar-brand, .navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover {
  color: #fff;
}

.navbar-dark .navbar-nav .nav-link {
  color: hsla(0, 0%, 100%, 0.5);
}

.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
  color: hsla(0, 0%, 100%, 0.75);
}

.navbar-dark .navbar-nav .nav-link.disabled {
  color: hsla(0, 0%, 100%, 0.25);
}

.navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show > .nav-link {
  color: #fff;
}

.navbar-dark .navbar-toggler {
  border-color: hsla(0, 0%, 100%, 0.1);
  color: hsla(0, 0%, 100%, 0.5);
}

.navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

.navbar-dark .navbar-text {
  color: hsla(0, 0%, 100%, 0.5);
}

.navbar-dark .navbar-text a, .navbar-dark .navbar-text a:focus, .navbar-dark .navbar-text a:hover {
  color: #fff;
}

.card {
  display: flex;
  flex-direction: column;
  min-width: 0;
  position: relative;
  word-wrap: break-word;
  background-clip: border-box;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
}

.card > hr {
  margin-left: 0;
  margin-right: 0;
}

.card > .list-group:first-child .list-group-item:first-child {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.card > .list-group:last-child .list-group-item:last-child {
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}

.card-body {
  flex: 1 1 auto;
  padding: 1.25rem;
}

.card-title {
  margin-bottom: 0.75rem;
}

.card-subtitle {
  margin-top: -0.375rem;
}

.card-subtitle, .card-text:last-child {
  margin-bottom: 0;
}

.card-link:hover {
  text-decoration: none;
}

.card-link + .card-link {
  margin-left: 1.25rem;
}

.card-header {
  background-color: rgba(0, 0, 0, 0.03);
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
  margin-bottom: 0;
  padding: 0.75rem 1.25rem;
}

.card-header:first-child {
  border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}

.card-header + .list-group .list-group-item:first-child {
  border-top: 0;
}

.card-footer {
  background-color: rgba(0, 0, 0, 0.03);
  border-top: 1px solid rgba(0, 0, 0, 0.125);
  padding: 0.75rem 1.25rem;
}

.card-footer:last-child {
  border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
}

.card-header-tabs {
  border-bottom: 0;
  margin-bottom: -0.75rem;
}

.card-header-pills, .card-header-tabs {
  margin-left: -0.625rem;
  margin-right: -0.625rem;
}

.card-img-overlay {
  bottom: 0;
  left: 0;
  padding: 1.25rem;
  position: absolute;
  right: 0;
  top: 0;
}

.card-img {
  border-radius: calc(0.25rem - 1px);
  width: 100%;
}

.card-img-top {
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
  width: 100%;
}

.card-img-bottom {
  border-bottom-left-radius: calc(0.25rem - 1px);
  border-bottom-right-radius: calc(0.25rem - 1px);
  width: 100%;
}

.card-deck {
  display: flex;
  flex-direction: column;
}

.card-deck .card {
  margin-bottom: 10px;
}

@media (min-width: 576px) {
  .card-deck {
    flex-flow: row wrap;
    margin-left: -10px;
    margin-right: -10px;
  }
  .card-deck .card {
    display: flex;
    flex: 1 0 0%;
    flex-direction: column;
    margin-bottom: 0;
    margin-left: 10px;
    margin-right: 10px;
  }
}
.card-group {
  display: flex;
  flex-direction: column;
}

.card-group > .card {
  margin-bottom: 10px;
}

@media (min-width: 576px) {
  .card-group {
    flex-flow: row wrap;
  }
  .card-group > .card {
    flex: 1 0 0%;
    margin-bottom: 0;
  }
  .card-group > .card + .card {
    border-left: 0;
    margin-left: 0;
  }
  .card-group > .card:first-child {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
  }
  .card-group > .card:first-child .card-header, .card-group > .card:first-child .card-img-top {
    border-top-right-radius: 0;
  }
  .card-group > .card:first-child .card-footer, .card-group > .card:first-child .card-img-bottom {
    border-bottom-right-radius: 0;
  }
  .card-group > .card:last-child {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
  }
  .card-group > .card:last-child .card-header, .card-group > .card:last-child .card-img-top {
    border-top-left-radius: 0;
  }
  .card-group > .card:last-child .card-footer, .card-group > .card:last-child .card-img-bottom {
    border-bottom-left-radius: 0;
  }
  .card-group > .card:only-child {
    border-radius: 0.25rem;
  }
  .card-group > .card:only-child .card-header, .card-group > .card:only-child .card-img-top {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
  }
  .card-group > .card:only-child .card-footer, .card-group > .card:only-child .card-img-bottom {
    border-bottom-left-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
  }
  .card-group > .card:not(:first-child):not(:last-child):not(:only-child), .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-footer, .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-header, .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom, .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-top {
    border-radius: 0;
  }
}
.card-columns .card {
  margin-bottom: 0.75rem;
}

@media (min-width: 576px) {
  .card-columns {
    -moz-column-count: 3;
    column-count: 3;
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem;
  }
  .card-columns .card {
    display: inline-block;
    width: 100%;
  }
}
.breadcrumb {
  background-color: #e9ecef;
  border-radius: 0.25rem;
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin-bottom: 1rem;
  padding: 0.75rem 1rem;
}

.breadcrumb-item + .breadcrumb-item:before {
  color: #6c757d;
  content: "/";
  display: inline-block;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.breadcrumb-item + .breadcrumb-item:hover:before {
  text-decoration: underline;
  text-decoration: none;
}

.breadcrumb-item.active {
  color: #6c757d;
}

.pagination {
  border-radius: 0.25rem;
  display: flex;
  list-style: none;
  padding-left: 0;
}

.page-link {
  background-color: #fff;
  border: 1px solid #dee2e6;
  color: #00529c;
  display: block;
  line-height: 1.25;
  margin-left: -1px;
  padding: 0.5rem 0.75rem;
  position: relative;
}

.page-link:hover {
  background-color: #e9ecef;
  border-color: #dee2e6;
  color: #002a50;
  text-decoration: none;
}

.page-link:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 82, 156, 0.25);
  outline: 0;
  z-index: 2;
}

.page-link:not(:disabled):not(.disabled) {
  cursor: pointer;
}

.page-item:first-child .page-link {
  border-bottom-left-radius: 0.25rem;
  border-top-left-radius: 0.25rem;
  margin-left: 0;
}

.page-item:last-child .page-link {
  border-bottom-right-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.page-item.active .page-link {
  background-color: #00529c;
  border-color: #00529c;
  color: #fff;
  z-index: 1;
}

.page-item.disabled .page-link {
  background-color: #fff;
  border-color: #dee2e6;
  color: #6c757d;
  cursor: auto;
  pointer-events: none;
}

.pagination-lg .page-link {
  font-size: 1.25rem;
  line-height: 1.5;
  padding: 0.75rem 1.5rem;
}

.pagination-lg .page-item:first-child .page-link {
  border-bottom-left-radius: 0.3rem;
  border-top-left-radius: 0.3rem;
}

.pagination-lg .page-item:last-child .page-link {
  border-bottom-right-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}

.pagination-sm .page-link {
  font-size: 0.875rem;
  line-height: 1.5;
  padding: 0.25rem 0.5rem;
}

.pagination-sm .page-item:first-child .page-link {
  border-bottom-left-radius: 0.2rem;
  border-top-left-radius: 0.2rem;
}

.pagination-sm .page-item:last-child .page-link {
  border-bottom-right-radius: 0.2rem;
  border-top-right-radius: 0.2rem;
}

.badge {
  border-radius: 0.25rem;
  display: inline-block;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  padding: 0.25em 0.4em;
  text-align: center;
  vertical-align: baseline;
  white-space: nowrap;
}

.badge:empty {
  display: none;
}

.btn .badge {
  position: relative;
  top: -1px;
}

.badge-pill {
  border-radius: 10rem;
  padding-left: 0.6em;
  padding-right: 0.6em;
}

.badge-primary {
  background-color: #00529c;
  color: #fff;
}

.badge-primary[href]:focus, .badge-primary[href]:hover {
  background-color: #003769;
  color: #fff;
  text-decoration: none;
}

.badge-secondary {
  background-color: #fc5f01;
  color: #fff;
}

.badge-secondary[href]:focus, .badge-secondary[href]:hover {
  background-color: #c94c01;
  color: #fff;
  text-decoration: none;
}

.badge-success {
  background-color: #28a745;
  color: #fff;
}

.badge-success[href]:focus, .badge-success[href]:hover {
  background-color: #1e7e34;
  color: #fff;
  text-decoration: none;
}

.badge-info {
  background-color: #17a2b8;
  color: #fff;
}

.badge-info[href]:focus, .badge-info[href]:hover {
  background-color: #117a8b;
  color: #fff;
  text-decoration: none;
}

.badge-warning {
  background-color: #ffc107;
  color: #212529;
}

.badge-warning[href]:focus, .badge-warning[href]:hover {
  background-color: #d39e00;
  color: #212529;
  text-decoration: none;
}

.badge-danger {
  background-color: #dc3545;
  color: #fff;
}

.badge-danger[href]:focus, .badge-danger[href]:hover {
  background-color: #bd2130;
  color: #fff;
  text-decoration: none;
}

.badge-light {
  background-color: #f8f9fa;
  color: #212529;
}

.badge-light[href]:focus, .badge-light[href]:hover {
  background-color: #dae0e5;
  color: #212529;
  text-decoration: none;
}

.badge-dark {
  background-color: #343a40;
  color: #fff;
}

.badge-dark[href]:focus, .badge-dark[href]:hover {
  background-color: #1d2124;
  color: #fff;
  text-decoration: none;
}

.badge-primary-dark {
  background-color: #1b4770;
  color: #fff;
}

.badge-primary-dark[href]:focus, .badge-primary-dark[href]:hover {
  background-color: #112d47;
  color: #fff;
  text-decoration: none;
}

.badge-primary-light {
  background-color: #266cab;
  color: #fff;
}

.badge-primary-light[href]:focus, .badge-primary-light[href]:hover {
  background-color: #1d5281;
  color: #fff;
  text-decoration: none;
}

.badge-primary-lighter {
  background-color: #80a9ce;
  color: #212529;
}

.badge-primary-lighter[href]:focus, .badge-primary-lighter[href]:hover {
  background-color: #5b90c0;
  color: #212529;
  text-decoration: none;
}

.badge-grey-300 {
  background-color: #ced3d6;
  color: #212529;
}

.badge-grey-300[href]:focus, .badge-grey-300[href]:hover {
  background-color: #b2babf;
  color: #212529;
  text-decoration: none;
}

.badge-grey-500 {
  background-color: #868e96;
  color: #fff;
}

.badge-grey-500[href]:focus, .badge-grey-500[href]:hover {
  background-color: #6c757d;
  color: #fff;
  text-decoration: none;
}

.badge-grey-800 {
  background-color: #353c45;
  color: #fff;
}

.badge-grey-800[href]:focus, .badge-grey-800[href]:hover {
  background-color: #1f2328;
  color: #fff;
  text-decoration: none;
}

.jumbotron {
  background-color: #e9ecef;
  border-radius: 0.3rem;
  margin-bottom: 2rem;
  padding: 2rem 1rem;
}

@media (min-width: 576px) {
  .jumbotron {
    padding: 4rem 2rem;
  }
}
.jumbotron-fluid {
  border-radius: 0;
  padding-left: 0;
  padding-right: 0;
}

.alert {
  border: 1px solid transparent;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
  padding: 0.75rem 1.25rem;
  position: relative;
}

.alert-heading {
  color: inherit;
}

.alert-link {
  font-weight: 700;
}

.alert-dismissible {
  padding-right: 4rem;
}

.alert-dismissible .close {
  color: inherit;
  padding: 0.75rem 1.25rem;
  position: absolute;
  right: 0;
  top: 0;
}

.alert-primary {
  background-color: #ccdceb;
  border-color: #b8cfe3;
  color: #002b51;
}

.alert-primary hr {
  border-top-color: #a5c2dc;
}

.alert-primary .alert-link {
  color: #00101e;
}

.alert-secondary {
  background-color: #fedfcc;
  border-color: #fed2b8;
  color: #833101;
}

.alert-secondary hr {
  border-top-color: #fec29f;
}

.alert-secondary .alert-link {
  color: #501e00;
}

.alert-success {
  background-color: #d4edda;
  border-color: #c3e6cb;
  color: #155724;
}

.alert-success hr {
  border-top-color: #b1dfbb;
}

.alert-success .alert-link {
  color: #0b2e13;
}

.alert-info {
  background-color: #d1ecf1;
  border-color: #bee5eb;
  color: #0c5460;
}

.alert-info hr {
  border-top-color: #abdde5;
}

.alert-info .alert-link {
  color: #062c32;
}

.alert-warning {
  background-color: #fff3cd;
  border-color: #ffeeba;
  color: #856404;
}

.alert-warning hr {
  border-top-color: #ffe7a0;
}

.alert-warning .alert-link {
  color: #533f02;
}

.alert-danger {
  background-color: #f8d7da;
  border-color: #f5c6cb;
  color: #721c24;
}

.alert-danger hr {
  border-top-color: #f1b1b7;
}

.alert-danger .alert-link {
  color: #491217;
}

.alert-light {
  background-color: #fefefe;
  border-color: #fdfdfe;
  color: #818182;
}

.alert-light hr {
  border-top-color: #eef1f3;
}

.alert-light .alert-link {
  color: #686868;
}

.alert-dark {
  background-color: #d6d8d9;
  border-color: #c6c8ca;
  color: #1b1e21;
}

.alert-dark hr {
  border-top-color: #b9bbbd;
}

.alert-dark .alert-link {
  color: #040505;
}

.alert-primary-dark {
  background-color: #d1dae2;
  border-color: #bfcbd7;
  color: #0e253a;
}

.alert-primary-dark hr {
  border-top-color: #afbfcd;
}

.alert-primary-dark .alert-link {
  color: #040b11;
}

.alert-primary-light {
  background-color: #d4e2ee;
  border-color: #c2d6e7;
  color: #143859;
}

.alert-primary-light hr {
  border-top-color: #b0c9e0;
}

.alert-primary-light .alert-link {
  color: #0a1e2f;
}

.alert-primary-lighter {
  background-color: #e6eef5;
  border-color: #dbe7f1;
  color: #43586b;
}

.alert-primary-lighter hr {
  border-top-color: #c9daea;
}

.alert-primary-lighter .alert-link {
  color: #2f3e4c;
}

.alert-grey-300 {
  background-color: #f5f6f7;
  border-color: #f1f3f4;
  color: #6b6e6f;
}

.alert-grey-300 hr {
  border-top-color: #e3e6e8;
}

.alert-grey-300 .alert-link {
  color: #525455;
}

.alert-grey-500 {
  background-color: #e7e8ea;
  border-color: #dddfe2;
  color: #464a4e;
}

.alert-grey-500 hr {
  border-top-color: #cfd3d6;
}

.alert-grey-500 .alert-link {
  color: #2e3033;
}

.alert-grey-800 {
  background-color: #d7d8da;
  border-color: #c6c8cb;
  color: #1c1f24;
}

.alert-grey-800 hr {
  border-top-color: #b9bcbf;
}

.alert-grey-800 .alert-link {
  color: #050607;
}

@keyframes progress-bar-stripes {
  0% {
    background-position: 1rem 0;
  }
  to {
    background-position: 0 0;
  }
}
.progress {
  background-color: #e9ecef;
  border-radius: 0.25rem;
  display: flex;
  font-size: 0.75rem;
  height: 1rem;
  overflow: hidden;
}

.progress-bar {
  background-color: #00529c;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  transition: width 0.6s ease;
}

.progress-bar-striped {
  background-image: linear-gradient(45deg, hsla(0, 0%, 100%, 0.15) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, 0.15) 0, hsla(0, 0%, 100%, 0.15) 75%, transparent 0, transparent);
  background-size: 1rem 1rem;
}

.progress-bar-animated {
  animation: progress-bar-stripes 1s linear infinite;
}

.media {
  align-items: flex-start;
  display: flex;
}

.media-body {
  flex: 1;
}

.list-group {
  display: flex;
  flex-direction: column;
  margin-bottom: 0;
  padding-left: 0;
}

.list-group-item-action {
  color: #495057;
  text-align: inherit;
  width: 100%;
}

.list-group-item-action:focus, .list-group-item-action:hover {
  background-color: #f8f9fa;
  color: #495057;
  text-decoration: none;
}

.list-group-item-action:active {
  background-color: #e9ecef;
  color: #212529;
}

.list-group-item {
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.125);
  display: block;
  margin-bottom: -1px;
  padding: 0.75rem 1.25rem;
  position: relative;
}

.list-group-item:first-child {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.list-group-item:last-child {
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
  margin-bottom: 0;
}

.list-group-item:focus, .list-group-item:hover {
  text-decoration: none;
  z-index: 1;
}

.list-group-item.disabled, .list-group-item:disabled {
  background-color: #fff;
  color: #6c757d;
}

.list-group-item.active {
  background-color: #00529c;
  border-color: #00529c;
  color: #fff;
  z-index: 2;
}

.list-group-flush .list-group-item {
  border-left: 0;
  border-radius: 0;
  border-right: 0;
}

.list-group-flush:first-child .list-group-item:first-child {
  border-top: 0;
}

.list-group-flush:last-child .list-group-item:last-child {
  border-bottom: 0;
}

.list-group-item-primary {
  background-color: #b8cfe3;
  color: #002b51;
}

.list-group-item-primary.list-group-item-action:focus, .list-group-item-primary.list-group-item-action:hover {
  background-color: #a5c2dc;
  color: #002b51;
}

.list-group-item-primary.list-group-item-action.active {
  background-color: #002b51;
  border-color: #002b51;
  color: #fff;
}

.list-group-item-secondary {
  background-color: #fed2b8;
  color: #833101;
}

.list-group-item-secondary.list-group-item-action:focus, .list-group-item-secondary.list-group-item-action:hover {
  background-color: #fec29f;
  color: #833101;
}

.list-group-item-secondary.list-group-item-action.active {
  background-color: #833101;
  border-color: #833101;
  color: #fff;
}

.list-group-item-success {
  background-color: #c3e6cb;
  color: #155724;
}

.list-group-item-success.list-group-item-action:focus, .list-group-item-success.list-group-item-action:hover {
  background-color: #b1dfbb;
  color: #155724;
}

.list-group-item-success.list-group-item-action.active {
  background-color: #155724;
  border-color: #155724;
  color: #fff;
}

.list-group-item-info {
  background-color: #bee5eb;
  color: #0c5460;
}

.list-group-item-info.list-group-item-action:focus, .list-group-item-info.list-group-item-action:hover {
  background-color: #abdde5;
  color: #0c5460;
}

.list-group-item-info.list-group-item-action.active {
  background-color: #0c5460;
  border-color: #0c5460;
  color: #fff;
}

.list-group-item-warning {
  background-color: #ffeeba;
  color: #856404;
}

.list-group-item-warning.list-group-item-action:focus, .list-group-item-warning.list-group-item-action:hover {
  background-color: #ffe7a0;
  color: #856404;
}

.list-group-item-warning.list-group-item-action.active {
  background-color: #856404;
  border-color: #856404;
  color: #fff;
}

.list-group-item-danger {
  background-color: #f5c6cb;
  color: #721c24;
}

.list-group-item-danger.list-group-item-action:focus, .list-group-item-danger.list-group-item-action:hover {
  background-color: #f1b1b7;
  color: #721c24;
}

.list-group-item-danger.list-group-item-action.active {
  background-color: #721c24;
  border-color: #721c24;
  color: #fff;
}

.list-group-item-light {
  background-color: #fdfdfe;
  color: #818182;
}

.list-group-item-light.list-group-item-action:focus, .list-group-item-light.list-group-item-action:hover {
  background-color: #eef1f3;
  color: #818182;
}

.list-group-item-light.list-group-item-action.active {
  background-color: #818182;
  border-color: #818182;
  color: #fff;
}

.list-group-item-dark {
  background-color: #c6c8ca;
  color: #1b1e21;
}

.list-group-item-dark.list-group-item-action:focus, .list-group-item-dark.list-group-item-action:hover {
  background-color: #b9bbbd;
  color: #1b1e21;
}

.list-group-item-dark.list-group-item-action.active {
  background-color: #1b1e21;
  border-color: #1b1e21;
  color: #fff;
}

.list-group-item-primary-dark {
  background-color: #bfcbd7;
  color: #0e253a;
}

.list-group-item-primary-dark.list-group-item-action:focus, .list-group-item-primary-dark.list-group-item-action:hover {
  background-color: #afbfcd;
  color: #0e253a;
}

.list-group-item-primary-dark.list-group-item-action.active {
  background-color: #0e253a;
  border-color: #0e253a;
  color: #fff;
}

.list-group-item-primary-light {
  background-color: #c2d6e7;
  color: #143859;
}

.list-group-item-primary-light.list-group-item-action:focus, .list-group-item-primary-light.list-group-item-action:hover {
  background-color: #b0c9e0;
  color: #143859;
}

.list-group-item-primary-light.list-group-item-action.active {
  background-color: #143859;
  border-color: #143859;
  color: #fff;
}

.list-group-item-primary-lighter {
  background-color: #dbe7f1;
  color: #43586b;
}

.list-group-item-primary-lighter.list-group-item-action:focus, .list-group-item-primary-lighter.list-group-item-action:hover {
  background-color: #c9daea;
  color: #43586b;
}

.list-group-item-primary-lighter.list-group-item-action.active {
  background-color: #43586b;
  border-color: #43586b;
  color: #fff;
}

.list-group-item-grey-300 {
  background-color: #f1f3f4;
  color: #6b6e6f;
}

.list-group-item-grey-300.list-group-item-action:focus, .list-group-item-grey-300.list-group-item-action:hover {
  background-color: #e3e6e8;
  color: #6b6e6f;
}

.list-group-item-grey-300.list-group-item-action.active {
  background-color: #6b6e6f;
  border-color: #6b6e6f;
  color: #fff;
}

.list-group-item-grey-500 {
  background-color: #dddfe2;
  color: #464a4e;
}

.list-group-item-grey-500.list-group-item-action:focus, .list-group-item-grey-500.list-group-item-action:hover {
  background-color: #cfd3d6;
  color: #464a4e;
}

.list-group-item-grey-500.list-group-item-action.active {
  background-color: #464a4e;
  border-color: #464a4e;
  color: #fff;
}

.list-group-item-grey-800 {
  background-color: #c6c8cb;
  color: #1c1f24;
}

.list-group-item-grey-800.list-group-item-action:focus, .list-group-item-grey-800.list-group-item-action:hover {
  background-color: #b9bcbf;
  color: #1c1f24;
}

.list-group-item-grey-800.list-group-item-action.active {
  background-color: #1c1f24;
  border-color: #1c1f24;
  color: #fff;
}

.close {
  color: #000;
  float: right;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  opacity: 0.5;
  text-shadow: 0 1px 0 #fff;
}

.close:focus, .close:hover {
  color: #000;
  opacity: 0.75;
  text-decoration: none;
}

.close:not(:disabled):not(.disabled) {
  cursor: pointer;
}

button.close {
  -webkit-appearance: none;
  background-color: transparent;
  border: 0;
  padding: 0;
}

.modal, .modal-open {
  overflow: hidden;
}

.modal {
  bottom: 0;
  display: none;
  left: 0;
  outline: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1050;
}

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

.modal-dialog {
  margin: 0.5rem;
  pointer-events: none;
  position: relative;
  width: auto;
}

.modal.fade .modal-dialog {
  transform: translateY(-25%);
  transition: transform 0.3s ease-out;
}

.modal.show .modal-dialog {
  transform: translate(0);
}

.modal-dialog-centered {
  align-items: center;
  display: flex;
  min-height: calc(100% - 1rem);
}

.modal-content {
  background-clip: padding-box;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  display: flex;
  flex-direction: column;
  outline: 0;
  pointer-events: auto;
  position: relative;
  width: 100%;
}

.modal-backdrop {
  background-color: #000;
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1040;
}

.modal-backdrop.fade {
  opacity: 0;
}

.modal-backdrop.show {
  opacity: 0.5;
}

.modal-header {
  align-items: flex-start;
  border-bottom: 1px solid #e9ecef;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
  display: flex;
  justify-content: space-between;
  padding: 1rem;
}

.modal-header .close {
  margin: -1rem -1rem -1rem auto;
  padding: 1rem;
}

.modal-title {
  line-height: 1.2;
  margin-bottom: 0;
}

.modal-body {
  flex: 1 1 auto;
  padding: 1rem;
  position: relative;
}

.modal-footer {
  align-items: center;
  border-top: 1px solid #e9ecef;
  display: flex;
  justify-content: flex-end;
  padding: 1rem;
}

.modal-footer > :not(:first-child) {
  margin-left: 0.25rem;
}

.modal-footer > :not(:last-child) {
  margin-right: 0.25rem;
}

.modal-scrollbar-measure {
  height: 50px;
  overflow: scroll;
  position: absolute;
  top: -9999px;
  width: 50px;
}

@media (min-width: 576px) {
  .modal-dialog {
    margin: 1.75rem auto;
    max-width: 500px;
  }
  .modal-dialog-centered {
    min-height: calc(100% - 3.5rem);
  }
  .modal-sm {
    max-width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg {
    max-width: 800px;
  }
}
.tooltip {
  display: block;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.2;
  margin: 0;
  position: absolute;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  z-index: 1070;
  word-wrap: break-word;
  opacity: 0;
}

.tooltip.show {
  opacity: 0.9;
}

.tooltip .arrow {
  display: block;
  height: 0.4rem;
  position: absolute;
  width: 0.8rem;
}

.tooltip .arrow:before {
  border-color: transparent;
  border-style: solid;
  content: "";
  position: absolute;
}

.bs-tooltip-auto[x-placement^=top], .bs-tooltip-top {
  padding: 0.4rem 0;
}

.bs-tooltip-auto[x-placement^=top] .arrow, .bs-tooltip-top .arrow {
  bottom: 0;
}

.bs-tooltip-auto[x-placement^=top] .arrow:before, .bs-tooltip-top .arrow:before {
  border-top-color: #000;
  border-width: 0.4rem 0.4rem 0;
  top: 0;
}

.bs-tooltip-auto[x-placement^=right], .bs-tooltip-right {
  padding: 0 0.4rem;
}

.bs-tooltip-auto[x-placement^=right] .arrow, .bs-tooltip-right .arrow {
  height: 0.8rem;
  left: 0;
  width: 0.4rem;
}

.bs-tooltip-auto[x-placement^=right] .arrow:before, .bs-tooltip-right .arrow:before {
  border-right-color: #000;
  border-width: 0.4rem 0.4rem 0.4rem 0;
  right: 0;
}

.bs-tooltip-auto[x-placement^=bottom], .bs-tooltip-bottom {
  padding: 0.4rem 0;
}

.bs-tooltip-auto[x-placement^=bottom] .arrow, .bs-tooltip-bottom .arrow {
  top: 0;
}

.bs-tooltip-auto[x-placement^=bottom] .arrow:before, .bs-tooltip-bottom .arrow:before {
  border-bottom-color: #000;
  border-width: 0 0.4rem 0.4rem;
  bottom: 0;
}

.bs-tooltip-auto[x-placement^=left], .bs-tooltip-left {
  padding: 0 0.4rem;
}

.bs-tooltip-auto[x-placement^=left] .arrow, .bs-tooltip-left .arrow {
  height: 0.8rem;
  right: 0;
  width: 0.4rem;
}

.bs-tooltip-auto[x-placement^=left] .arrow:before, .bs-tooltip-left .arrow:before {
  border-left-color: #000;
  border-width: 0.4rem 0 0.4rem 0.4rem;
  left: 0;
}

.tooltip-inner {
  background-color: #000;
  border-radius: 0.25rem;
  color: #fff;
  max-width: 200px;
  padding: 0.25rem 0.5rem;
  text-align: center;
}

.popover {
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  left: 0;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.2;
  max-width: 276px;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  top: 0;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  z-index: 1060;
  word-wrap: break-word;
  background-clip: padding-box;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
}

.popover, .popover .arrow {
  display: block;
  position: absolute;
}

.popover .arrow {
  height: 0.5rem;
  margin: 0 0.3rem;
  width: 1rem;
}

.popover .arrow:after, .popover .arrow:before {
  border-color: transparent;
  border-style: solid;
  content: "";
  display: block;
  position: absolute;
}

.bs-popover-auto[x-placement^=top], .bs-popover-top {
  margin-bottom: 0.5rem;
}

.bs-popover-auto[x-placement^=top] .arrow, .bs-popover-top .arrow {
  bottom: calc(-0.5rem - 1px);
}

.bs-popover-auto[x-placement^=top] .arrow:after, .bs-popover-auto[x-placement^=top] .arrow:before, .bs-popover-top .arrow:after, .bs-popover-top .arrow:before {
  border-width: 0.5rem 0.5rem 0;
}

.bs-popover-auto[x-placement^=top] .arrow:before, .bs-popover-top .arrow:before {
  border-top-color: rgba(0, 0, 0, 0.25);
  bottom: 0;
}

.bs-popover-auto[x-placement^=top] .arrow:after, .bs-popover-top .arrow:after {
  border-top-color: #fff;
  bottom: 1px;
}

.bs-popover-auto[x-placement^=right], .bs-popover-right {
  margin-left: 0.5rem;
}

.bs-popover-auto[x-placement^=right] .arrow, .bs-popover-right .arrow {
  height: 1rem;
  left: calc(-0.5rem - 1px);
  margin: 0.3rem 0;
  width: 0.5rem;
}

.bs-popover-auto[x-placement^=right] .arrow:after, .bs-popover-auto[x-placement^=right] .arrow:before, .bs-popover-right .arrow:after, .bs-popover-right .arrow:before {
  border-width: 0.5rem 0.5rem 0.5rem 0;
}

.bs-popover-auto[x-placement^=right] .arrow:before, .bs-popover-right .arrow:before {
  border-right-color: rgba(0, 0, 0, 0.25);
  left: 0;
}

.bs-popover-auto[x-placement^=right] .arrow:after, .bs-popover-right .arrow:after {
  border-right-color: #fff;
  left: 1px;
}

.bs-popover-auto[x-placement^=bottom], .bs-popover-bottom {
  margin-top: 0.5rem;
}

.bs-popover-auto[x-placement^=bottom] .arrow, .bs-popover-bottom .arrow {
  top: calc(-0.5rem - 1px);
}

.bs-popover-auto[x-placement^=bottom] .arrow:after, .bs-popover-auto[x-placement^=bottom] .arrow:before, .bs-popover-bottom .arrow:after, .bs-popover-bottom .arrow:before {
  border-width: 0 0.5rem 0.5rem;
}

.bs-popover-auto[x-placement^=bottom] .arrow:before, .bs-popover-bottom .arrow:before {
  border-bottom-color: rgba(0, 0, 0, 0.25);
  top: 0;
}

.bs-popover-auto[x-placement^=bottom] .arrow:after, .bs-popover-bottom .arrow:after {
  border-bottom-color: #fff;
  top: 1px;
}

.bs-popover-auto[x-placement^=bottom] .popover-header:before, .bs-popover-bottom .popover-header:before {
  border-bottom: 1px solid #f7f7f7;
  content: "";
  display: block;
  left: 50%;
  margin-left: -0.5rem;
  position: absolute;
  top: 0;
  width: 1rem;
}

.bs-popover-auto[x-placement^=left], .bs-popover-left {
  margin-right: 0.5rem;
}

.bs-popover-auto[x-placement^=left] .arrow, .bs-popover-left .arrow {
  height: 1rem;
  margin: 0.3rem 0;
  right: calc(-0.5rem - 1px);
  width: 0.5rem;
}

.bs-popover-auto[x-placement^=left] .arrow:after, .bs-popover-auto[x-placement^=left] .arrow:before, .bs-popover-left .arrow:after, .bs-popover-left .arrow:before {
  border-width: 0.5rem 0 0.5rem 0.5rem;
}

.bs-popover-auto[x-placement^=left] .arrow:before, .bs-popover-left .arrow:before {
  border-left-color: rgba(0, 0, 0, 0.25);
  right: 0;
}

.bs-popover-auto[x-placement^=left] .arrow:after, .bs-popover-left .arrow:after {
  border-left-color: #fff;
  right: 1px;
}

.popover-header {
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-top-left-radius: calc(0.3rem - 1px);
  border-top-right-radius: calc(0.3rem - 1px);
  color: inherit;
  font-size: 1rem;
  margin-bottom: 0;
  padding: 0.5rem 0.75rem;
}

.popover-header:empty {
  display: none;
}

.popover-body {
  color: #212529;
  padding: 0.5rem 0.75rem;
}

.carousel {
  position: relative;
}

.carousel-inner {
  overflow: hidden;
  position: relative;
  width: 100%;
}

.carousel-item {
  align-items: center;
  backface-visibility: hidden;
  display: none;
  perspective: 1000px;
  position: relative;
  transition: transform 0.6s ease;
  width: 100%;
}

.carousel-item-next, .carousel-item-prev, .carousel-item.active {
  display: block;
}

.carousel-item-next, .carousel-item-prev {
  position: absolute;
  top: 0;
}

.carousel-item-next.carousel-item-left, .carousel-item-prev.carousel-item-right {
  transform: translateX(0);
}

@supports (transform-style: preserve-3d) {
  .carousel-item-next.carousel-item-left, .carousel-item-prev.carousel-item-right {
    transform: translateZ(0);
  }
}
.active.carousel-item-right, .carousel-item-next {
  transform: translateX(100%);
}

@supports (transform-style: preserve-3d) {
  .active.carousel-item-right, .carousel-item-next {
    transform: translate3d(100%, 0, 0);
  }
}
.active.carousel-item-left, .carousel-item-prev {
  transform: translateX(-100%);
}

@supports (transform-style: preserve-3d) {
  .active.carousel-item-left, .carousel-item-prev {
    transform: translate3d(-100%, 0, 0);
  }
}
.carousel-control-next, .carousel-control-prev {
  align-items: center;
  bottom: 0;
  color: #fff;
  display: flex;
  justify-content: center;
  opacity: 0.5;
  position: absolute;
  text-align: center;
  top: 0;
  width: 15%;
}

.carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover {
  color: #fff;
  opacity: 0.9;
  outline: 0;
  text-decoration: none;
}

.carousel-control-prev {
  left: 0;
}

.carousel-control-next {
  right: 0;
}

.carousel-control-next-icon, .carousel-control-prev-icon {
  background: transparent no-repeat 50%;
  background-size: 100% 100%;
  display: inline-block;
  height: 20px;
  width: 20px;
}

.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
}

.carousel-indicators {
  bottom: 10px;
  display: flex;
  justify-content: center;
  left: 0;
  list-style: none;
  margin-left: 15%;
  margin-right: 15%;
  padding-left: 0;
  position: absolute;
  right: 0;
  z-index: 15;
}

.carousel-indicators li {
  background-color: hsla(0, 0%, 100%, 0.5);
  flex: 0 1 auto;
  height: 3px;
  margin-left: 3px;
  margin-right: 3px;
  position: relative;
  text-indent: -999px;
  width: 30px;
}

.carousel-indicators li:before {
  top: -10px;
}

.carousel-indicators li:after, .carousel-indicators li:before {
  content: "";
  display: inline-block;
  height: 10px;
  left: 0;
  position: absolute;
  width: 100%;
}

.carousel-indicators li:after {
  bottom: -10px;
}

.carousel-indicators .active {
  background-color: #fff;
}

.carousel-caption {
  bottom: 20px;
  color: #fff;
  left: 15%;
  padding-bottom: 20px;
  padding-top: 20px;
  position: absolute;
  right: 15%;
  text-align: center;
  z-index: 10;
}

.align-baseline {
  vertical-align: baseline !important;
}

.align-top {
  vertical-align: top !important;
}

.align-middle {
  vertical-align: middle !important;
}

.align-bottom {
  vertical-align: bottom !important;
}

.align-text-bottom {
  vertical-align: text-bottom !important;
}

.align-text-top {
  vertical-align: text-top !important;
}

.bg-primary {
  background-color: #00529c !important;
}

a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover {
  background-color: #003769 !important;
}

.bg-secondary {
  background-color: #fc5f01 !important;
}

a.bg-secondary:focus, a.bg-secondary:hover, button.bg-secondary:focus, button.bg-secondary:hover {
  background-color: #c94c01 !important;
}

.bg-success {
  background-color: #28a745 !important;
}

a.bg-success:focus, a.bg-success:hover, button.bg-success:focus, button.bg-success:hover {
  background-color: #1e7e34 !important;
}

.bg-info {
  background-color: #17a2b8 !important;
}

a.bg-info:focus, a.bg-info:hover, button.bg-info:focus, button.bg-info:hover {
  background-color: #117a8b !important;
}

.bg-warning {
  background-color: #ffc107 !important;
}

a.bg-warning:focus, a.bg-warning:hover, button.bg-warning:focus, button.bg-warning:hover {
  background-color: #d39e00 !important;
}

.bg-danger {
  background-color: #dc3545 !important;
}

a.bg-danger:focus, a.bg-danger:hover, button.bg-danger:focus, button.bg-danger:hover {
  background-color: #bd2130 !important;
}

.bg-light {
  background-color: #f8f9fa !important;
}

a.bg-light:focus, a.bg-light:hover, button.bg-light:focus, button.bg-light:hover {
  background-color: #dae0e5 !important;
}

.bg-dark {
  background-color: #343a40 !important;
}

a.bg-dark:focus, a.bg-dark:hover, button.bg-dark:focus, button.bg-dark:hover {
  background-color: #1d2124 !important;
}

.bg-primary-dark {
  background-color: #1b4770 !important;
}

a.bg-primary-dark:focus, a.bg-primary-dark:hover, button.bg-primary-dark:focus, button.bg-primary-dark:hover {
  background-color: #112d47 !important;
}

.bg-primary-light {
  background-color: #266cab !important;
}

a.bg-primary-light:focus, a.bg-primary-light:hover, button.bg-primary-light:focus, button.bg-primary-light:hover {
  background-color: #1d5281 !important;
}

.bg-primary-lighter {
  background-color: #80a9ce !important;
}

a.bg-primary-lighter:focus, a.bg-primary-lighter:hover, button.bg-primary-lighter:focus, button.bg-primary-lighter:hover {
  background-color: #5b90c0 !important;
}

.bg-grey-300 {
  background-color: #ced3d6 !important;
}

a.bg-grey-300:focus, a.bg-grey-300:hover, button.bg-grey-300:focus, button.bg-grey-300:hover {
  background-color: #b2babf !important;
}

.bg-grey-500 {
  background-color: #868e96 !important;
}

a.bg-grey-500:focus, a.bg-grey-500:hover, button.bg-grey-500:focus, button.bg-grey-500:hover {
  background-color: #6c757d !important;
}

.bg-grey-800 {
  background-color: #353c45 !important;
}

a.bg-grey-800:focus, a.bg-grey-800:hover, button.bg-grey-800:focus, button.bg-grey-800:hover {
  background-color: #1f2328 !important;
}

.bg-white {
  background-color: #fff !important;
}

.bg-transparent {
  background-color: transparent !important;
}

.border {
  border: 1px solid #dee2e6 !important;
}

.border-top {
  border-top: 1px solid #dee2e6 !important;
}

.border-right {
  border-right: 1px solid #dee2e6 !important;
}

.border-bottom {
  border-bottom: 1px solid #dee2e6 !important;
}

.border-left {
  border-left: 1px solid #dee2e6 !important;
}

.border-0 {
  border: 0 !important;
}

.border-top-0 {
  border-top: 0 !important;
}

.border-right-0 {
  border-right: 0 !important;
}

.border-bottom-0 {
  border-bottom: 0 !important;
}

.border-left-0 {
  border-left: 0 !important;
}

.border-primary {
  border-color: #00529c !important;
}

.border-secondary {
  border-color: #fc5f01 !important;
}

.border-success {
  border-color: #28a745 !important;
}

.border-info {
  border-color: #17a2b8 !important;
}

.border-warning {
  border-color: #ffc107 !important;
}

.border-danger {
  border-color: #dc3545 !important;
}

.border-light {
  border-color: #f8f9fa !important;
}

.border-dark {
  border-color: #343a40 !important;
}

.border-primary-dark {
  border-color: #1b4770 !important;
}

.border-primary-light {
  border-color: #266cab !important;
}

.border-primary-lighter {
  border-color: #80a9ce !important;
}

.border-grey-300 {
  border-color: #ced3d6 !important;
}

.border-grey-500 {
  border-color: #868e96 !important;
}

.border-grey-800 {
  border-color: #353c45 !important;
}

.border-white {
  border-color: #fff !important;
}

.rounded {
  border-radius: 0.25rem !important;
}

.rounded-top {
  border-top-left-radius: 0.25rem !important;
}

.rounded-right, .rounded-top {
  border-top-right-radius: 0.25rem !important;
}

.rounded-bottom, .rounded-right {
  border-bottom-right-radius: 0.25rem !important;
}

.rounded-bottom, .rounded-left {
  border-bottom-left-radius: 0.25rem !important;
}

.rounded-left {
  border-top-left-radius: 0.25rem !important;
}

.rounded-circle {
  border-radius: 50% !important;
}

.rounded-0 {
  border-radius: 0 !important;
}

.clearfix:after {
  clear: both;
  content: "";
  display: block;
}

.d-none {
  display: none !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: flex !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

@media (min-width: 360px) {
  .d-s-none {
    display: none !important;
  }
  .d-s-inline {
    display: inline !important;
  }
  .d-s-inline-block {
    display: inline-block !important;
  }
  .d-s-block {
    display: block !important;
  }
  .d-s-table {
    display: table !important;
  }
  .d-s-table-row {
    display: table-row !important;
  }
  .d-s-table-cell {
    display: table-cell !important;
  }
  .d-s-flex {
    display: flex !important;
  }
  .d-s-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 576px) {
  .d-sm-none {
    display: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 768px) {
  .d-md-none {
    display: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .d-lg-none {
    display: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
}
@media print {
  .d-print-none {
    display: none !important;
  }
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: flex !important;
  }
  .d-print-inline-flex {
    display: inline-flex !important;
  }
}
.embed-responsive {
  display: block;
  overflow: hidden;
  padding: 0;
  position: relative;
  width: 100%;
}

.embed-responsive:before {
  content: "";
  display: block;
}

.embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video {
  border: 0;
  bottom: 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.embed-responsive-21by9:before {
  padding-top: 42.8571428571%;
}

.embed-responsive-16by9:before {
  padding-top: 56.25%;
}

.embed-responsive-4by3:before {
  padding-top: 75%;
}

.embed-responsive-1by1:before {
  padding-top: 100%;
}

.flex-row {
  flex-direction: row !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.justify-content-start {
  justify-content: flex-start !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-around {
  justify-content: space-around !important;
}

.align-items-start {
  align-items: flex-start !important;
}

.align-items-end {
  align-items: flex-end !important;
}

.align-items-center {
  align-items: center !important;
}

.align-items-baseline {
  align-items: baseline !important;
}

.align-items-stretch {
  align-items: stretch !important;
}

.align-content-start {
  align-content: flex-start !important;
}

.align-content-end {
  align-content: flex-end !important;
}

.align-content-center {
  align-content: center !important;
}

.align-content-between {
  align-content: space-between !important;
}

.align-content-around {
  align-content: space-around !important;
}

.align-content-stretch {
  align-content: stretch !important;
}

.align-self-auto {
  align-self: auto !important;
}

.align-self-start {
  align-self: flex-start !important;
}

.align-self-end {
  align-self: flex-end !important;
}

.align-self-center {
  align-self: center !important;
}

.align-self-baseline {
  align-self: baseline !important;
}

.align-self-stretch {
  align-self: stretch !important;
}

@media (min-width: 360px) {
  .flex-s-row {
    flex-direction: row !important;
  }
  .flex-s-column {
    flex-direction: column !important;
  }
  .flex-s-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-s-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-s-wrap {
    flex-wrap: wrap !important;
  }
  .flex-s-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-s-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-s-start {
    justify-content: flex-start !important;
  }
  .justify-content-s-end {
    justify-content: flex-end !important;
  }
  .justify-content-s-center {
    justify-content: center !important;
  }
  .justify-content-s-between {
    justify-content: space-between !important;
  }
  .justify-content-s-around {
    justify-content: space-around !important;
  }
  .align-items-s-start {
    align-items: flex-start !important;
  }
  .align-items-s-end {
    align-items: flex-end !important;
  }
  .align-items-s-center {
    align-items: center !important;
  }
  .align-items-s-baseline {
    align-items: baseline !important;
  }
  .align-items-s-stretch {
    align-items: stretch !important;
  }
  .align-content-s-start {
    align-content: flex-start !important;
  }
  .align-content-s-end {
    align-content: flex-end !important;
  }
  .align-content-s-center {
    align-content: center !important;
  }
  .align-content-s-between {
    align-content: space-between !important;
  }
  .align-content-s-around {
    align-content: space-around !important;
  }
  .align-content-s-stretch {
    align-content: stretch !important;
  }
  .align-self-s-auto {
    align-self: auto !important;
  }
  .align-self-s-start {
    align-self: flex-start !important;
  }
  .align-self-s-end {
    align-self: flex-end !important;
  }
  .align-self-s-center {
    align-self: center !important;
  }
  .align-self-s-baseline {
    align-self: baseline !important;
  }
  .align-self-s-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 576px) {
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    justify-content: center !important;
  }
  .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    justify-content: space-around !important;
  }
  .align-items-sm-start {
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    align-items: center !important;
  }
  .align-items-sm-baseline {
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    align-items: stretch !important;
  }
  .align-content-sm-start {
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    align-content: center !important;
  }
  .align-content-sm-between {
    align-content: space-between !important;
  }
  .align-content-sm-around {
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    align-self: auto !important;
  }
  .align-self-sm-start {
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    align-self: center !important;
  }
  .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 768px) {
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    justify-content: center !important;
  }
  .justify-content-md-between {
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    justify-content: space-around !important;
  }
  .align-items-md-start {
    align-items: flex-start !important;
  }
  .align-items-md-end {
    align-items: flex-end !important;
  }
  .align-items-md-center {
    align-items: center !important;
  }
  .align-items-md-baseline {
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    align-items: stretch !important;
  }
  .align-content-md-start {
    align-content: flex-start !important;
  }
  .align-content-md-end {
    align-content: flex-end !important;
  }
  .align-content-md-center {
    align-content: center !important;
  }
  .align-content-md-between {
    align-content: space-between !important;
  }
  .align-content-md-around {
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    align-content: stretch !important;
  }
  .align-self-md-auto {
    align-self: auto !important;
  }
  .align-self-md-start {
    align-self: flex-start !important;
  }
  .align-self-md-end {
    align-self: flex-end !important;
  }
  .align-self-md-center {
    align-self: center !important;
  }
  .align-self-md-baseline {
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 992px) {
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    justify-content: center !important;
  }
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .align-items-lg-start {
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    align-items: center !important;
  }
  .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    align-items: stretch !important;
  }
  .align-content-lg-start {
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    align-content: center !important;
  }
  .align-content-lg-between {
    align-content: space-between !important;
  }
  .align-content-lg-around {
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    align-self: auto !important;
  }
  .align-self-lg-start {
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    align-self: center !important;
  }
  .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 1200px) {
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    justify-content: center !important;
  }
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .align-items-xl-start {
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    align-items: center !important;
  }
  .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    align-items: stretch !important;
  }
  .align-content-xl-start {
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    align-content: center !important;
  }
  .align-content-xl-between {
    align-content: space-between !important;
  }
  .align-content-xl-around {
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    align-self: auto !important;
  }
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    align-self: center !important;
  }
  .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    align-self: stretch !important;
  }
}
.float-left {
  float: left !important;
}

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

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

@media (min-width: 360px) {
  .float-s-left {
    float: left !important;
  }
  .float-s-right {
    float: right !important;
  }
  .float-s-none {
    float: none !important;
  }
}
@media (min-width: 576px) {
  .float-sm-left {
    float: left !important;
  }
  .float-sm-right {
    float: right !important;
  }
  .float-sm-none {
    float: none !important;
  }
}
@media (min-width: 768px) {
  .float-md-left {
    float: left !important;
  }
  .float-md-right {
    float: right !important;
  }
  .float-md-none {
    float: none !important;
  }
}
@media (min-width: 992px) {
  .float-lg-left {
    float: left !important;
  }
  .float-lg-right {
    float: right !important;
  }
  .float-lg-none {
    float: none !important;
  }
}
@media (min-width: 1200px) {
  .float-xl-left {
    float: left !important;
  }
  .float-xl-right {
    float: right !important;
  }
  .float-xl-none {
    float: none !important;
  }
}
.position-static {
  position: static !important;
}

.position-relative {
  position: relative !important;
}

.position-absolute {
  position: absolute !important;
}

.position-fixed {
  position: fixed !important;
}

.position-sticky {
  position: sticky !important;
}

.fixed-top {
  top: 0;
}

.fixed-bottom, .fixed-top {
  left: 0;
  position: fixed;
  right: 0;
  z-index: 1030;
}

.fixed-bottom {
  bottom: 0;
}

@supports (position: sticky) {
  .sticky-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}
.sr-only {
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  clip: rect(0, 0, 0, 0);
  border: 0;
  clip-path: inset(50%);
  white-space: nowrap;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
  height: auto;
  overflow: visible;
  position: static;
  width: auto;
  clip: auto;
  clip-path: none;
  white-space: normal;
}

.w-25 {
  width: 25% !important;
}

.w-50 {
  width: 50% !important;
}

.w-75 {
  width: 75% !important;
}

.w-100 {
  width: 100% !important;
}

.h-25 {
  height: 25% !important;
}

.h-50 {
  height: 50% !important;
}

.h-75 {
  height: 75% !important;
}

.h-100 {
  height: 100% !important;
}

.mw-100 {
  max-width: 100% !important;
}

.mh-100 {
  max-height: 100% !important;
}

.m-0 {
  margin: 0 !important;
}

.mt-0, .my-0 {
  margin-top: 0 !important;
}

.mr-0, .mx-0 {
  margin-right: 0 !important;
}

.mb-0, .my-0 {
  margin-bottom: 0 !important;
}

.ml-0, .mx-0 {
  margin-left: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.mt-1, .my-1 {
  margin-top: 0.25rem !important;
}

.mr-1, .mx-1 {
  margin-right: 0.25rem !important;
}

.mb-1, .my-1 {
  margin-bottom: 0.25rem !important;
}

.ml-1, .mx-1 {
  margin-left: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.mt-2, .my-2 {
  margin-top: 0.5rem !important;
}

.mr-2, .mx-2 {
  margin-right: 0.5rem !important;
}

.mb-2, .my-2 {
  margin-bottom: 0.5rem !important;
}

.ml-2, .mx-2 {
  margin-left: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.mt-3, .my-3 {
  margin-top: 1rem !important;
}

.mr-3, .mx-3 {
  margin-right: 1rem !important;
}

.mb-3, .my-3 {
  margin-bottom: 1rem !important;
}

.ml-3, .mx-3 {
  margin-left: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.mt-4, .my-4 {
  margin-top: 1.5rem !important;
}

.mr-4, .mx-4 {
  margin-right: 1.5rem !important;
}

.mb-4, .my-4 {
  margin-bottom: 1.5rem !important;
}

.ml-4, .mx-4 {
  margin-left: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.mt-5, .my-5 {
  margin-top: 3rem !important;
}

.mr-5, .mx-5 {
  margin-right: 3rem !important;
}

.mb-5, .my-5 {
  margin-bottom: 3rem !important;
}

.ml-5, .mx-5 {
  margin-left: 3rem !important;
}

.p-0 {
  padding: 0 !important;
}

.pt-0, .py-0 {
  padding-top: 0 !important;
}

.pr-0, .px-0 {
  padding-right: 0 !important;
}

.pb-0, .py-0 {
  padding-bottom: 0 !important;
}

.pl-0, .px-0 {
  padding-left: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.pt-1, .py-1 {
  padding-top: 0.25rem !important;
}

.pr-1, .px-1 {
  padding-right: 0.25rem !important;
}

.pb-1, .py-1 {
  padding-bottom: 0.25rem !important;
}

.pl-1, .px-1 {
  padding-left: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.pt-2, .py-2 {
  padding-top: 0.5rem !important;
}

.pr-2, .px-2 {
  padding-right: 0.5rem !important;
}

.pb-2, .py-2 {
  padding-bottom: 0.5rem !important;
}

.pl-2, .px-2 {
  padding-left: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.pt-3, .py-3 {
  padding-top: 1rem !important;
}

.pr-3, .px-3 {
  padding-right: 1rem !important;
}

.pb-3, .py-3 {
  padding-bottom: 1rem !important;
}

.pl-3, .px-3 {
  padding-left: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.pt-4, .py-4 {
  padding-top: 1.5rem !important;
}

.pr-4, .px-4 {
  padding-right: 1.5rem !important;
}

.pb-4, .py-4 {
  padding-bottom: 1.5rem !important;
}

.pl-4, .px-4 {
  padding-left: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.pt-5, .py-5 {
  padding-top: 3rem !important;
}

.pr-5, .px-5 {
  padding-right: 3rem !important;
}

.pb-5, .py-5 {
  padding-bottom: 3rem !important;
}

.pl-5, .px-5 {
  padding-left: 3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mt-auto, .my-auto {
  margin-top: auto !important;
}

.mr-auto, .mx-auto {
  margin-right: auto !important;
}

.mb-auto, .my-auto {
  margin-bottom: auto !important;
}

.ml-auto, .mx-auto {
  margin-left: auto !important;
}

@media (min-width: 360px) {
  .m-s-0 {
    margin: 0 !important;
  }
  .mt-s-0, .my-s-0 {
    margin-top: 0 !important;
  }
  .mr-s-0, .mx-s-0 {
    margin-right: 0 !important;
  }
  .mb-s-0, .my-s-0 {
    margin-bottom: 0 !important;
  }
  .ml-s-0, .mx-s-0 {
    margin-left: 0 !important;
  }
  .m-s-1 {
    margin: 0.25rem !important;
  }
  .mt-s-1, .my-s-1 {
    margin-top: 0.25rem !important;
  }
  .mr-s-1, .mx-s-1 {
    margin-right: 0.25rem !important;
  }
  .mb-s-1, .my-s-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-s-1, .mx-s-1 {
    margin-left: 0.25rem !important;
  }
  .m-s-2 {
    margin: 0.5rem !important;
  }
  .mt-s-2, .my-s-2 {
    margin-top: 0.5rem !important;
  }
  .mr-s-2, .mx-s-2 {
    margin-right: 0.5rem !important;
  }
  .mb-s-2, .my-s-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-s-2, .mx-s-2 {
    margin-left: 0.5rem !important;
  }
  .m-s-3 {
    margin: 1rem !important;
  }
  .mt-s-3, .my-s-3 {
    margin-top: 1rem !important;
  }
  .mr-s-3, .mx-s-3 {
    margin-right: 1rem !important;
  }
  .mb-s-3, .my-s-3 {
    margin-bottom: 1rem !important;
  }
  .ml-s-3, .mx-s-3 {
    margin-left: 1rem !important;
  }
  .m-s-4 {
    margin: 1.5rem !important;
  }
  .mt-s-4, .my-s-4 {
    margin-top: 1.5rem !important;
  }
  .mr-s-4, .mx-s-4 {
    margin-right: 1.5rem !important;
  }
  .mb-s-4, .my-s-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-s-4, .mx-s-4 {
    margin-left: 1.5rem !important;
  }
  .m-s-5 {
    margin: 3rem !important;
  }
  .mt-s-5, .my-s-5 {
    margin-top: 3rem !important;
  }
  .mr-s-5, .mx-s-5 {
    margin-right: 3rem !important;
  }
  .mb-s-5, .my-s-5 {
    margin-bottom: 3rem !important;
  }
  .ml-s-5, .mx-s-5 {
    margin-left: 3rem !important;
  }
  .p-s-0 {
    padding: 0 !important;
  }
  .pt-s-0, .py-s-0 {
    padding-top: 0 !important;
  }
  .pr-s-0, .px-s-0 {
    padding-right: 0 !important;
  }
  .pb-s-0, .py-s-0 {
    padding-bottom: 0 !important;
  }
  .pl-s-0, .px-s-0 {
    padding-left: 0 !important;
  }
  .p-s-1 {
    padding: 0.25rem !important;
  }
  .pt-s-1, .py-s-1 {
    padding-top: 0.25rem !important;
  }
  .pr-s-1, .px-s-1 {
    padding-right: 0.25rem !important;
  }
  .pb-s-1, .py-s-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-s-1, .px-s-1 {
    padding-left: 0.25rem !important;
  }
  .p-s-2 {
    padding: 0.5rem !important;
  }
  .pt-s-2, .py-s-2 {
    padding-top: 0.5rem !important;
  }
  .pr-s-2, .px-s-2 {
    padding-right: 0.5rem !important;
  }
  .pb-s-2, .py-s-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-s-2, .px-s-2 {
    padding-left: 0.5rem !important;
  }
  .p-s-3 {
    padding: 1rem !important;
  }
  .pt-s-3, .py-s-3 {
    padding-top: 1rem !important;
  }
  .pr-s-3, .px-s-3 {
    padding-right: 1rem !important;
  }
  .pb-s-3, .py-s-3 {
    padding-bottom: 1rem !important;
  }
  .pl-s-3, .px-s-3 {
    padding-left: 1rem !important;
  }
  .p-s-4 {
    padding: 1.5rem !important;
  }
  .pt-s-4, .py-s-4 {
    padding-top: 1.5rem !important;
  }
  .pr-s-4, .px-s-4 {
    padding-right: 1.5rem !important;
  }
  .pb-s-4, .py-s-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-s-4, .px-s-4 {
    padding-left: 1.5rem !important;
  }
  .p-s-5 {
    padding: 3rem !important;
  }
  .pt-s-5, .py-s-5 {
    padding-top: 3rem !important;
  }
  .pr-s-5, .px-s-5 {
    padding-right: 3rem !important;
  }
  .pb-s-5, .py-s-5 {
    padding-bottom: 3rem !important;
  }
  .pl-s-5, .px-s-5 {
    padding-left: 3rem !important;
  }
  .m-s-auto {
    margin: auto !important;
  }
  .mt-s-auto, .my-s-auto {
    margin-top: auto !important;
  }
  .mr-s-auto, .mx-s-auto {
    margin-right: auto !important;
  }
  .mb-s-auto, .my-s-auto {
    margin-bottom: auto !important;
  }
  .ml-s-auto, .mx-s-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 576px) {
  .m-sm-0 {
    margin: 0 !important;
  }
  .mt-sm-0, .my-sm-0 {
    margin-top: 0 !important;
  }
  .mr-sm-0, .mx-sm-0 {
    margin-right: 0 !important;
  }
  .mb-sm-0, .my-sm-0 {
    margin-bottom: 0 !important;
  }
  .ml-sm-0, .mx-sm-0 {
    margin-left: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .mt-sm-1, .my-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mr-sm-1, .mx-sm-1 {
    margin-right: 0.25rem !important;
  }
  .mb-sm-1, .my-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-sm-1, .mx-sm-1 {
    margin-left: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .mt-sm-2, .my-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mr-sm-2, .mx-sm-2 {
    margin-right: 0.5rem !important;
  }
  .mb-sm-2, .my-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-sm-2, .mx-sm-2 {
    margin-left: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .mt-sm-3, .my-sm-3 {
    margin-top: 1rem !important;
  }
  .mr-sm-3, .mx-sm-3 {
    margin-right: 1rem !important;
  }
  .mb-sm-3, .my-sm-3 {
    margin-bottom: 1rem !important;
  }
  .ml-sm-3, .mx-sm-3 {
    margin-left: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .mt-sm-4, .my-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mr-sm-4, .mx-sm-4 {
    margin-right: 1.5rem !important;
  }
  .mb-sm-4, .my-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-sm-4, .mx-sm-4 {
    margin-left: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem !important;
  }
  .mt-sm-5, .my-sm-5 {
    margin-top: 3rem !important;
  }
  .mr-sm-5, .mx-sm-5 {
    margin-right: 3rem !important;
  }
  .mb-sm-5, .my-sm-5 {
    margin-bottom: 3rem !important;
  }
  .ml-sm-5, .mx-sm-5 {
    margin-left: 3rem !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .pt-sm-0, .py-sm-0 {
    padding-top: 0 !important;
  }
  .pr-sm-0, .px-sm-0 {
    padding-right: 0 !important;
  }
  .pb-sm-0, .py-sm-0 {
    padding-bottom: 0 !important;
  }
  .pl-sm-0, .px-sm-0 {
    padding-left: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .pt-sm-1, .py-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pr-sm-1, .px-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pb-sm-1, .py-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-sm-1, .px-sm-1 {
    padding-left: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .pt-sm-2, .py-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pr-sm-2, .px-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pb-sm-2, .py-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-sm-2, .px-sm-2 {
    padding-left: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .pt-sm-3, .py-sm-3 {
    padding-top: 1rem !important;
  }
  .pr-sm-3, .px-sm-3 {
    padding-right: 1rem !important;
  }
  .pb-sm-3, .py-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pl-sm-3, .px-sm-3 {
    padding-left: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .pt-sm-4, .py-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pr-sm-4, .px-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pb-sm-4, .py-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-sm-4, .px-sm-4 {
    padding-left: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem !important;
  }
  .pt-sm-5, .py-sm-5 {
    padding-top: 3rem !important;
  }
  .pr-sm-5, .px-sm-5 {
    padding-right: 3rem !important;
  }
  .pb-sm-5, .py-sm-5 {
    padding-bottom: 3rem !important;
  }
  .pl-sm-5, .px-sm-5 {
    padding-left: 3rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mt-sm-auto, .my-sm-auto {
    margin-top: auto !important;
  }
  .mr-sm-auto, .mx-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-auto, .my-sm-auto {
    margin-bottom: auto !important;
  }
  .ml-sm-auto, .mx-sm-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 768px) {
  .m-md-0 {
    margin: 0 !important;
  }
  .mt-md-0, .my-md-0 {
    margin-top: 0 !important;
  }
  .mr-md-0, .mx-md-0 {
    margin-right: 0 !important;
  }
  .mb-md-0, .my-md-0 {
    margin-bottom: 0 !important;
  }
  .ml-md-0, .mx-md-0 {
    margin-left: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .mt-md-1, .my-md-1 {
    margin-top: 0.25rem !important;
  }
  .mr-md-1, .mx-md-1 {
    margin-right: 0.25rem !important;
  }
  .mb-md-1, .my-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-md-1, .mx-md-1 {
    margin-left: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .mt-md-2, .my-md-2 {
    margin-top: 0.5rem !important;
  }
  .mr-md-2, .mx-md-2 {
    margin-right: 0.5rem !important;
  }
  .mb-md-2, .my-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-md-2, .mx-md-2 {
    margin-left: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .mt-md-3, .my-md-3 {
    margin-top: 1rem !important;
  }
  .mr-md-3, .mx-md-3 {
    margin-right: 1rem !important;
  }
  .mb-md-3, .my-md-3 {
    margin-bottom: 1rem !important;
  }
  .ml-md-3, .mx-md-3 {
    margin-left: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .mt-md-4, .my-md-4 {
    margin-top: 1.5rem !important;
  }
  .mr-md-4, .mx-md-4 {
    margin-right: 1.5rem !important;
  }
  .mb-md-4, .my-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-md-4, .mx-md-4 {
    margin-left: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem !important;
  }
  .mt-md-5, .my-md-5 {
    margin-top: 3rem !important;
  }
  .mr-md-5, .mx-md-5 {
    margin-right: 3rem !important;
  }
  .mb-md-5, .my-md-5 {
    margin-bottom: 3rem !important;
  }
  .ml-md-5, .mx-md-5 {
    margin-left: 3rem !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .pt-md-0, .py-md-0 {
    padding-top: 0 !important;
  }
  .pr-md-0, .px-md-0 {
    padding-right: 0 !important;
  }
  .pb-md-0, .py-md-0 {
    padding-bottom: 0 !important;
  }
  .pl-md-0, .px-md-0 {
    padding-left: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .pt-md-1, .py-md-1 {
    padding-top: 0.25rem !important;
  }
  .pr-md-1, .px-md-1 {
    padding-right: 0.25rem !important;
  }
  .pb-md-1, .py-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-md-1, .px-md-1 {
    padding-left: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .pt-md-2, .py-md-2 {
    padding-top: 0.5rem !important;
  }
  .pr-md-2, .px-md-2 {
    padding-right: 0.5rem !important;
  }
  .pb-md-2, .py-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-md-2, .px-md-2 {
    padding-left: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .pt-md-3, .py-md-3 {
    padding-top: 1rem !important;
  }
  .pr-md-3, .px-md-3 {
    padding-right: 1rem !important;
  }
  .pb-md-3, .py-md-3 {
    padding-bottom: 1rem !important;
  }
  .pl-md-3, .px-md-3 {
    padding-left: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .pt-md-4, .py-md-4 {
    padding-top: 1.5rem !important;
  }
  .pr-md-4, .px-md-4 {
    padding-right: 1.5rem !important;
  }
  .pb-md-4, .py-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-md-4, .px-md-4 {
    padding-left: 1.5rem !important;
  }
  .p-md-5 {
    padding: 3rem !important;
  }
  .pt-md-5, .py-md-5 {
    padding-top: 3rem !important;
  }
  .pr-md-5, .px-md-5 {
    padding-right: 3rem !important;
  }
  .pb-md-5, .py-md-5 {
    padding-bottom: 3rem !important;
  }
  .pl-md-5, .px-md-5 {
    padding-left: 3rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mt-md-auto, .my-md-auto {
    margin-top: auto !important;
  }
  .mr-md-auto, .mx-md-auto {
    margin-right: auto !important;
  }
  .mb-md-auto, .my-md-auto {
    margin-bottom: auto !important;
  }
  .ml-md-auto, .mx-md-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 992px) {
  .m-lg-0 {
    margin: 0 !important;
  }
  .mt-lg-0, .my-lg-0 {
    margin-top: 0 !important;
  }
  .mr-lg-0, .mx-lg-0 {
    margin-right: 0 !important;
  }
  .mb-lg-0, .my-lg-0 {
    margin-bottom: 0 !important;
  }
  .ml-lg-0, .mx-lg-0 {
    margin-left: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .mt-lg-1, .my-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mr-lg-1, .mx-lg-1 {
    margin-right: 0.25rem !important;
  }
  .mb-lg-1, .my-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-lg-1, .mx-lg-1 {
    margin-left: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .mt-lg-2, .my-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mr-lg-2, .mx-lg-2 {
    margin-right: 0.5rem !important;
  }
  .mb-lg-2, .my-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-lg-2, .mx-lg-2 {
    margin-left: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .mt-lg-3, .my-lg-3 {
    margin-top: 1rem !important;
  }
  .mr-lg-3, .mx-lg-3 {
    margin-right: 1rem !important;
  }
  .mb-lg-3, .my-lg-3 {
    margin-bottom: 1rem !important;
  }
  .ml-lg-3, .mx-lg-3 {
    margin-left: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .mt-lg-4, .my-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mr-lg-4, .mx-lg-4 {
    margin-right: 1.5rem !important;
  }
  .mb-lg-4, .my-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-lg-4, .mx-lg-4 {
    margin-left: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem !important;
  }
  .mt-lg-5, .my-lg-5 {
    margin-top: 3rem !important;
  }
  .mr-lg-5, .mx-lg-5 {
    margin-right: 3rem !important;
  }
  .mb-lg-5, .my-lg-5 {
    margin-bottom: 3rem !important;
  }
  .ml-lg-5, .mx-lg-5 {
    margin-left: 3rem !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .pt-lg-0, .py-lg-0 {
    padding-top: 0 !important;
  }
  .pr-lg-0, .px-lg-0 {
    padding-right: 0 !important;
  }
  .pb-lg-0, .py-lg-0 {
    padding-bottom: 0 !important;
  }
  .pl-lg-0, .px-lg-0 {
    padding-left: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .pt-lg-1, .py-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pr-lg-1, .px-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pb-lg-1, .py-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-lg-1, .px-lg-1 {
    padding-left: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .pt-lg-2, .py-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pr-lg-2, .px-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pb-lg-2, .py-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-lg-2, .px-lg-2 {
    padding-left: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .pt-lg-3, .py-lg-3 {
    padding-top: 1rem !important;
  }
  .pr-lg-3, .px-lg-3 {
    padding-right: 1rem !important;
  }
  .pb-lg-3, .py-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pl-lg-3, .px-lg-3 {
    padding-left: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .pt-lg-4, .py-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pr-lg-4, .px-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pb-lg-4, .py-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-lg-4, .px-lg-4 {
    padding-left: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem !important;
  }
  .pt-lg-5, .py-lg-5 {
    padding-top: 3rem !important;
  }
  .pr-lg-5, .px-lg-5 {
    padding-right: 3rem !important;
  }
  .pb-lg-5, .py-lg-5 {
    padding-bottom: 3rem !important;
  }
  .pl-lg-5, .px-lg-5 {
    padding-left: 3rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mt-lg-auto, .my-lg-auto {
    margin-top: auto !important;
  }
  .mr-lg-auto, .mx-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-auto, .my-lg-auto {
    margin-bottom: auto !important;
  }
  .ml-lg-auto, .mx-lg-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1200px) {
  .m-xl-0 {
    margin: 0 !important;
  }
  .mt-xl-0, .my-xl-0 {
    margin-top: 0 !important;
  }
  .mr-xl-0, .mx-xl-0 {
    margin-right: 0 !important;
  }
  .mb-xl-0, .my-xl-0 {
    margin-bottom: 0 !important;
  }
  .ml-xl-0, .mx-xl-0 {
    margin-left: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .mt-xl-1, .my-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mr-xl-1, .mx-xl-1 {
    margin-right: 0.25rem !important;
  }
  .mb-xl-1, .my-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-xl-1, .mx-xl-1 {
    margin-left: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .mt-xl-2, .my-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mr-xl-2, .mx-xl-2 {
    margin-right: 0.5rem !important;
  }
  .mb-xl-2, .my-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-xl-2, .mx-xl-2 {
    margin-left: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .mt-xl-3, .my-xl-3 {
    margin-top: 1rem !important;
  }
  .mr-xl-3, .mx-xl-3 {
    margin-right: 1rem !important;
  }
  .mb-xl-3, .my-xl-3 {
    margin-bottom: 1rem !important;
  }
  .ml-xl-3, .mx-xl-3 {
    margin-left: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .mt-xl-4, .my-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mr-xl-4, .mx-xl-4 {
    margin-right: 1.5rem !important;
  }
  .mb-xl-4, .my-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-xl-4, .mx-xl-4 {
    margin-left: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem !important;
  }
  .mt-xl-5, .my-xl-5 {
    margin-top: 3rem !important;
  }
  .mr-xl-5, .mx-xl-5 {
    margin-right: 3rem !important;
  }
  .mb-xl-5, .my-xl-5 {
    margin-bottom: 3rem !important;
  }
  .ml-xl-5, .mx-xl-5 {
    margin-left: 3rem !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .pt-xl-0, .py-xl-0 {
    padding-top: 0 !important;
  }
  .pr-xl-0, .px-xl-0 {
    padding-right: 0 !important;
  }
  .pb-xl-0, .py-xl-0 {
    padding-bottom: 0 !important;
  }
  .pl-xl-0, .px-xl-0 {
    padding-left: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .pt-xl-1, .py-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pr-xl-1, .px-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pb-xl-1, .py-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-xl-1, .px-xl-1 {
    padding-left: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .pt-xl-2, .py-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pr-xl-2, .px-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pb-xl-2, .py-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-xl-2, .px-xl-2 {
    padding-left: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .pt-xl-3, .py-xl-3 {
    padding-top: 1rem !important;
  }
  .pr-xl-3, .px-xl-3 {
    padding-right: 1rem !important;
  }
  .pb-xl-3, .py-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pl-xl-3, .px-xl-3 {
    padding-left: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .pt-xl-4, .py-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pr-xl-4, .px-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pb-xl-4, .py-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-xl-4, .px-xl-4 {
    padding-left: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem !important;
  }
  .pt-xl-5, .py-xl-5 {
    padding-top: 3rem !important;
  }
  .pr-xl-5, .px-xl-5 {
    padding-right: 3rem !important;
  }
  .pb-xl-5, .py-xl-5 {
    padding-bottom: 3rem !important;
  }
  .pl-xl-5, .px-xl-5 {
    padding-left: 3rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mt-xl-auto, .my-xl-auto {
    margin-top: auto !important;
  }
  .mr-xl-auto, .mx-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-auto, .my-xl-auto {
    margin-bottom: auto !important;
  }
  .ml-xl-auto, .mx-xl-auto {
    margin-left: auto !important;
  }
}
.text-justify {
  text-align: justify !important;
}

.text-nowrap {
  white-space: nowrap !important;
}

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

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

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

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

@media (min-width: 360px) {
  .text-s-left {
    text-align: left !important;
  }
  .text-s-right {
    text-align: right !important;
  }
  .text-s-center {
    text-align: center !important;
  }
}
@media (min-width: 576px) {
  .text-sm-left {
    text-align: left !important;
  }
  .text-sm-right {
    text-align: right !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
}
@media (min-width: 768px) {
  .text-md-left {
    text-align: left !important;
  }
  .text-md-right {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
}
@media (min-width: 992px) {
  .text-lg-left {
    text-align: left !important;
  }
  .text-lg-right {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .text-xl-left {
    text-align: left !important;
  }
  .text-xl-right {
    text-align: right !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
}
.text-lowercase {
  text-transform: lowercase !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.text-capitalize {
  text-transform: capitalize !important;
}

.font-weight-light {
  font-weight: 300 !important;
}

.font-weight-normal {
  font-weight: 400 !important;
}

.font-weight-bold {
  font-weight: 700 !important;
}

.font-italic {
  font-style: italic !important;
}

.text-white {
  color: #fff !important;
}

.text-primary {
  color: #00529c !important;
}

a.text-primary:focus, a.text-primary:hover {
  color: #003769 !important;
}

.text-secondary {
  color: #fc5f01 !important;
}

a.text-secondary:focus, a.text-secondary:hover {
  color: #c94c01 !important;
}

.text-success {
  color: #28a745 !important;
}

a.text-success:focus, a.text-success:hover {
  color: #1e7e34 !important;
}

.text-info {
  color: #17a2b8 !important;
}

a.text-info:focus, a.text-info:hover {
  color: #117a8b !important;
}

.text-warning {
  color: #ffc107 !important;
}

a.text-warning:focus, a.text-warning:hover {
  color: #d39e00 !important;
}

.text-danger {
  color: #dc3545 !important;
}

a.text-danger:focus, a.text-danger:hover {
  color: #bd2130 !important;
}

.text-light {
  color: #f8f9fa !important;
}

a.text-light:focus, a.text-light:hover {
  color: #dae0e5 !important;
}

.text-dark {
  color: #343a40 !important;
}

a.text-dark:focus, a.text-dark:hover {
  color: #1d2124 !important;
}

.text-primary-dark {
  color: #1b4770 !important;
}

a.text-primary-dark:focus, a.text-primary-dark:hover {
  color: #112d47 !important;
}

.text-primary-light {
  color: #266cab !important;
}

a.text-primary-light:focus, a.text-primary-light:hover {
  color: #1d5281 !important;
}

.text-primary-lighter {
  color: #80a9ce !important;
}

a.text-primary-lighter:focus, a.text-primary-lighter:hover {
  color: #5b90c0 !important;
}

.text-grey-300 {
  color: #ced3d6 !important;
}

a.text-grey-300:focus, a.text-grey-300:hover {
  color: #b2babf !important;
}

.text-grey-500 {
  color: #868e96 !important;
}

a.text-grey-500:focus, a.text-grey-500:hover {
  color: #6c757d !important;
}

.text-grey-800 {
  color: #353c45 !important;
}

a.text-grey-800:focus, a.text-grey-800:hover {
  color: #1f2328 !important;
}

.text-muted {
  color: #6c757d !important;
}

.text-hide {
  background-color: transparent;
  border: 0;
  color: transparent;
  font: 0/0 a;
  text-shadow: none;
}

.visible {
  visibility: visible !important;
}

.invisible {
  visibility: hidden !important;
}

@media print {
  *, :after, :before {
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a:not(.btn) {
    text-decoration: underline;
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  pre {
    white-space: pre-wrap !important;
  }
  blockquote, pre {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  img, tr {
    page-break-inside: avoid;
  }
  h2, h3, p {
    orphans: 3;
    widows: 3;
  }
  h2, h3 {
    page-break-after: avoid;
  }
  @page {
    size: a3;
  }
  .container, body {
    min-width: 992px !important;
  }
  .navbar {
    display: none;
  }
  .badge {
    border: 1px solid #000;
  }
  .table {
    border-collapse: collapse !important;
  }
  .table td, .table th {
    background-color: #fff !important;
  }
  .table-bordered td, .table-bordered th {
    border: 1px solid #ddd !important;
  }
}
html {
  box-sizing: border-box;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  height: 100%;
  overflow-x: hidden;
}

:after, :before {
  box-sizing: inherit;
  outline: none !important;
}

.active, .focus, :active, :focus {
  box-shadow: none !important;
  outline: none !important;
}

body {
  margin: 0;
  min-height: 100%;
  overflow-x: hidden;
  padding: 0;
}

.site {
  overflow: hidden;
}

@media (max-width: 359.98px) {
  .container, .container-fluid {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
}
[v-cloak] {
  display: none;
}

.align--center {
  left: 50%;
  position: relative;
  transform: translateX(-50%);
}

.align--right {
  left: 100%;
  position: relative;
  transform: translateX(-100%);
}

.bg-light {
  background-color: #fff !important;
}

a.bg-light:focus, a.bg-light:hover, button.bg-light:focus, button.bg-light:hover {
  background-color: #e6e6e6 !important;
}

.bg-medium {
  background-color: #f1f1f1 !important;
}

a.bg-medium:focus, a.bg-medium:hover, button.bg-medium:focus, button.bg-medium:hover {
  background-color: #d8d8d8 !important;
}

.bg-dark {
  background-color: #353c45 !important;
}

a.bg-dark:focus, a.bg-dark:hover, button.bg-dark:focus, button.bg-dark:hover {
  background-color: #1f2328 !important;
}

.bg-blue {
  background-color: #00529c !important;
}

a.bg-blue:focus, a.bg-blue:hover, button.bg-blue:focus, button.bg-blue:hover {
  background-color: #003769 !important;
}

.bg-black {
  background-color: #161616 !important;
}

a.bg-black:focus, a.bg-black:hover, button.bg-black:focus, button.bg-black:hover {
  background-color: #000 !important;
}

.bg-light--halftop {
  background: #fff;
  background: linear-gradient(legacy-direction(180deg), #fff 50%, transparent 0);
  background: linear-gradient(180deg, #fff 50%, transparent 0);
}

@media (max-width: 767.98px) {
  .bg-light--halftop [class*=col-] {
    margin-bottom: 0;
  }
}
.bg-light--halfbottom {
  background: #fff;
  background: linear-gradient(legacy-direction(0deg), #fff 50%, transparent 0);
  background: linear-gradient(0deg, #fff 50%, transparent 0);
}

@media (max-width: 767.98px) {
  .bg-light--halfbottom [class*=col-] {
    margin-bottom: 0;
  }
}
.bg-medium--halftop {
  background: #f1f1f1;
  background: linear-gradient(legacy-direction(180deg), #f1f1f1 50%, transparent 0);
  background: linear-gradient(180deg, #f1f1f1 50%, transparent 0);
}

@media (max-width: 767.98px) {
  .bg-medium--halftop [class*=col-] {
    margin-bottom: 0;
  }
}
.bg-medium--halfbottom {
  background: #f1f1f1;
  background: linear-gradient(legacy-direction(0deg), #f1f1f1 50%, transparent 0);
  background: linear-gradient(0deg, #f1f1f1 50%, transparent 0);
}

@media (max-width: 767.98px) {
  .bg-medium--halfbottom [class*=col-] {
    margin-bottom: 0;
  }
}
.bg-dark--halftop {
  background: #353c45;
  background: linear-gradient(legacy-direction(180deg), #353c45 50%, transparent 0);
  background: linear-gradient(180deg, #353c45 50%, transparent 0);
}

@media (max-width: 767.98px) {
  .bg-dark--halftop [class*=col-] {
    margin-bottom: 0;
  }
}
.bg-dark--halfbottom {
  background: #353c45;
  background: linear-gradient(legacy-direction(0deg), #353c45 50%, transparent 0);
  background: linear-gradient(0deg, #353c45 50%, transparent 0);
}

@media (max-width: 767.98px) {
  .bg-dark--halfbottom [class*=col-] {
    margin-bottom: 0;
  }
}
.has-divider-as-background {
  position: relative;
}

.has-divider-as-background:before {
  border-top: 1px solid #b9c1c6;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  top: 50%;
}

.effect--transition {
  transition: all 0.3s ease-in-out;
}

.no-parent-padding {
  margin: 0 -0.625rem;
}

.no-parent-padding .no-parent-padding {
  margin: 0;
}

.print-only {
  display: none;
}

@media print {
  body > * {
    display: none;
  }
  @supports (-ms-ime-align: auto) {
    body {
      display: block;
      overflow: visible !important;
    }
  }
}
@media print and (-ms-high-contrast: none) {
  body {
    display: block;
    overflow: visible !important;
  }
  ::-ms-backdrop, body {
    display: block;
    overflow: visible !important;
  }
}
@media print {
  footer, header {
    display: none;
  }
  .print-only {
    display: block !important;
    margin: 2.5rem;
  }
  .summary-item {
    padding-left: 1rem;
    position: relative;
  }
  .summary-item:before {
    background: #000;
    border-radius: 50%;
    content: " ";
    height: 0.25rem;
    left: 0;
    position: absolute;
    top: 0.6rem;
    width: 0.25rem;
  }
  .summary-category {
    clear: both;
    overflow: hidden;
    padding: 2rem 0 1.5rem;
  }
  .summary-featuregroup-item {
    list-style: none;
  }
  .summary-item-title {
    display: inline-block;
    line-height: 1.5;
    width: 80%;
  }
}
.pagemode-debug .bg-change, .pagemode-edit .bg-change, .pagemode-preview .bg-change {
  border: 2px solid #fff;
  box-shadow: 0 0 20px 5px rgba(0, 0, 0, 0.75);
  cursor: pointer;
  left: 30px;
  max-height: 50px;
  overflow: hidden;
  position: absolute;
  top: 30px;
  width: 50px;
  z-index: 100;
}

.pagemode-debug .bg-change img, .pagemode-edit .bg-change img, .pagemode-preview .bg-change img {
  margin: 0;
  padding: 0;
  width: 100%;
}

.pagemode-debug .bg-change:hover, .pagemode-edit .bg-change:hover, .pagemode-preview .bg-change:hover {
  filter: sepia(0.7);
}

/*# sourceMappingURL=foundation.min.css.map */
@font-face {
  display: swap;
  font-family: Inter;
  font-stretch: 50% 100%;
  font-weight: 200 700;
  src: url(/assets/fonts/inter/Inter-VariableFont_opsz,wght.woff2) format("woff2");
}
@font-face {
  font-display: fallback;
  font-family: icomoon;
  font-style: normal;
  font-weight: 200;
  src: url(/assets/fonts/icomoon/icomoon.woff2) format("woff2"), url(/assets/fonts/icomoon/icomoon.woff) format("woff");
}
@font-face {
  font-display: fallback;
  font-family: fontawesome;
  font-style: normal;
  font-weight: 200;
  src: url(/assets/fonts/fontawesome/fontawesome-webfont.woff2) format("woff2"), url(/assets/fonts/fontawesome/fontawesome-webfont.woff) format("woff");
}
body {
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
  font-size: 1rem;
  letter-spacing: -0.35px;
}

[class*=col-] {
  margin-bottom: 1.5625rem;
}

@media (min-width: 768px) {
  [class*=col-] {
    margin-bottom: 0;
  }
}
.text-light p {
  color: #fff !important;
}

a.text-light p {
  color: #e6e6e6 !important;
}

.text-medium p {
  color: #f1f1f1 !important;
}

a.text-medium p {
  color: #d8d8d8 !important;
}

.text-dark p {
  color: #656b6f !important;
}

a.text-dark p {
  color: #4d5154 !important;
}

.text-light .text-primary {
  color: #00529c !important;
}

a.text-light .text-primary {
  color: #003769 !important;
}

.text-medium .text-primary {
  color: #00529c !important;
}

a.text-medium .text-primary {
  color: #003769 !important;
}

.text-dark .text-primary {
  color: #00529c !important;
}

a.text-dark .text-primary {
  color: #003769 !important;
}

.text-light .h1, .text-light h1 {
  color: #fff !important;
}

.text-light .h1, a.text-light h1 {
  color: #e6e6e6 !important;
}

.text-light .h2, .text-light h2 {
  color: #fff !important;
}

.text-light .h2, a.text-light h2 {
  color: #e6e6e6 !important;
}

.text-light .h3, .text-light h3 {
  color: #fff !important;
}

.text-light .h3, a.text-light h3 {
  color: #e6e6e6 !important;
}

.text-light .h4, .text-light h4 {
  color: #fff !important;
}

.text-light .h4, a.text-light h4 {
  color: #e6e6e6 !important;
}

.text-light .h5, .text-light h5 {
  color: #fff !important;
}

.text-light .h5, a.text-light h5 {
  color: #e6e6e6 !important;
}

.text-light .h6, .text-light h6 {
  color: #fff !important;
}

.text-light .h6, a.text-light h6 {
  color: #e6e6e6 !important;
}

.text-medium .h1, .text-medium h1 {
  color: #f1f1f1 !important;
}

.text-medium .h1, a.text-medium h1 {
  color: #d8d8d8 !important;
}

.text-medium .h2, .text-medium h2 {
  color: #f1f1f1 !important;
}

.text-medium .h2, a.text-medium h2 {
  color: #d8d8d8 !important;
}

.text-medium .h3, .text-medium h3 {
  color: #f1f1f1 !important;
}

.text-medium .h3, a.text-medium h3 {
  color: #d8d8d8 !important;
}

.text-medium .h4, .text-medium h4 {
  color: #f1f1f1 !important;
}

.text-medium .h4, a.text-medium h4 {
  color: #d8d8d8 !important;
}

.text-medium .h5, .text-medium h5 {
  color: #f1f1f1 !important;
}

.text-medium .h5, a.text-medium h5 {
  color: #d8d8d8 !important;
}

.text-medium .h6, .text-medium h6 {
  color: #f1f1f1 !important;
}

.text-medium .h6, a.text-medium h6 {
  color: #d8d8d8 !important;
}

.text-dark .h1, .text-dark h1 {
  color: #353c45 !important;
}

.text-dark .h1, a.text-dark h1 {
  color: #1f2328 !important;
}

.text-dark .h2, .text-dark h2 {
  color: #353c45 !important;
}

.text-dark .h2, a.text-dark h2 {
  color: #1f2328 !important;
}

.text-dark .h3, .text-dark h3 {
  color: #353c45 !important;
}

.text-dark .h3, a.text-dark h3 {
  color: #1f2328 !important;
}

.text-dark .h4, .text-dark h4 {
  color: #353c45 !important;
}

.text-dark .h4, a.text-dark h4 {
  color: #1f2328 !important;
}

.text-dark .h5, .text-dark h5 {
  color: #353c45 !important;
}

.text-dark .h5, a.text-dark h5 {
  color: #1f2328 !important;
}

.text-dark .h6, .text-dark h6 {
  color: #353c45 !important;
}

.text-dark .h6, a.text-dark h6 {
  color: #1f2328 !important;
}

.text-xs-light p {
  color: #fff !important;
}

a.text-xs-light p {
  color: #e6e6e6 !important;
}

.text-xs-medium p {
  color: #f1f1f1 !important;
}

a.text-xs-medium p {
  color: #d8d8d8 !important;
}

.text-xs-dark p {
  color: #656b6f !important;
}

a.text-xs-dark p {
  color: #4d5154 !important;
}

@media (min-width: 360px) {
  .text-s-light p {
    color: #fff !important;
  }
  a.text-s-light p {
    color: #e6e6e6 !important;
  }
  .text-s-medium p {
    color: #f1f1f1 !important;
  }
  a.text-s-medium p {
    color: #d8d8d8 !important;
  }
  .text-s-dark p {
    color: #656b6f !important;
  }
  a.text-s-dark p {
    color: #4d5154 !important;
  }
}
@media (min-width: 576px) {
  .text-sm-light p {
    color: #fff !important;
  }
  a.text-sm-light p {
    color: #e6e6e6 !important;
  }
  .text-sm-medium p {
    color: #f1f1f1 !important;
  }
  a.text-sm-medium p {
    color: #d8d8d8 !important;
  }
  .text-sm-dark p {
    color: #656b6f !important;
  }
  a.text-sm-dark p {
    color: #4d5154 !important;
  }
}
@media (min-width: 768px) {
  .text-md-light p {
    color: #fff !important;
  }
  a.text-md-light p {
    color: #e6e6e6 !important;
  }
  .text-md-medium p {
    color: #f1f1f1 !important;
  }
  a.text-md-medium p {
    color: #d8d8d8 !important;
  }
  .text-md-dark p {
    color: #656b6f !important;
  }
  a.text-md-dark p {
    color: #4d5154 !important;
  }
}
@media (min-width: 992px) {
  .text-lg-light p {
    color: #fff !important;
  }
  a.text-lg-light p {
    color: #e6e6e6 !important;
  }
  .text-lg-medium p {
    color: #f1f1f1 !important;
  }
  a.text-lg-medium p {
    color: #d8d8d8 !important;
  }
  .text-lg-dark p {
    color: #656b6f !important;
  }
  a.text-lg-dark p {
    color: #4d5154 !important;
  }
}
@media (min-width: 1200px) {
  .text-xl-light p {
    color: #fff !important;
  }
  a.text-xl-light p {
    color: #e6e6e6 !important;
  }
  .text-xl-medium p {
    color: #f1f1f1 !important;
  }
  a.text-xl-medium p {
    color: #d8d8d8 !important;
  }
  .text-xl-dark p {
    color: #656b6f !important;
  }
  a.text-xl-dark p {
    color: #4d5154 !important;
  }
}
.text-xs-light .h1, .text-xs-light h1 {
  color: #fff !important;
}

.text-xs-light .h1, a.text-xs-light h1 {
  color: #e6e6e6 !important;
}

.text-xs-light .h2, .text-xs-light h2 {
  color: #fff !important;
}

.text-xs-light .h2, a.text-xs-light h2 {
  color: #e6e6e6 !important;
}

.text-xs-light .h3, .text-xs-light h3 {
  color: #fff !important;
}

.text-xs-light .h3, a.text-xs-light h3 {
  color: #e6e6e6 !important;
}

.text-xs-light .h4, .text-xs-light h4 {
  color: #fff !important;
}

.text-xs-light .h4, a.text-xs-light h4 {
  color: #e6e6e6 !important;
}

.text-xs-light .h5, .text-xs-light h5 {
  color: #fff !important;
}

.text-xs-light .h5, a.text-xs-light h5 {
  color: #e6e6e6 !important;
}

.text-xs-light .h6, .text-xs-light h6 {
  color: #fff !important;
}

.text-xs-light .h6, a.text-xs-light h6 {
  color: #e6e6e6 !important;
}

.text-xs-medium .h1, .text-xs-medium h1 {
  color: #f1f1f1 !important;
}

.text-xs-medium .h1, a.text-xs-medium h1 {
  color: #d8d8d8 !important;
}

.text-xs-medium .h2, .text-xs-medium h2 {
  color: #f1f1f1 !important;
}

.text-xs-medium .h2, a.text-xs-medium h2 {
  color: #d8d8d8 !important;
}

.text-xs-medium .h3, .text-xs-medium h3 {
  color: #f1f1f1 !important;
}

.text-xs-medium .h3, a.text-xs-medium h3 {
  color: #d8d8d8 !important;
}

.text-xs-medium .h4, .text-xs-medium h4 {
  color: #f1f1f1 !important;
}

.text-xs-medium .h4, a.text-xs-medium h4 {
  color: #d8d8d8 !important;
}

.text-xs-medium .h5, .text-xs-medium h5 {
  color: #f1f1f1 !important;
}

.text-xs-medium .h5, a.text-xs-medium h5 {
  color: #d8d8d8 !important;
}

.text-xs-medium .h6, .text-xs-medium h6 {
  color: #f1f1f1 !important;
}

.text-xs-medium .h6, a.text-xs-medium h6 {
  color: #d8d8d8 !important;
}

.text-xs-dark .h1, .text-xs-dark h1 {
  color: #353c45 !important;
}

.text-xs-dark .h1, a.text-xs-dark h1 {
  color: #1f2328 !important;
}

.text-xs-dark .h2, .text-xs-dark h2 {
  color: #353c45 !important;
}

.text-xs-dark .h2, a.text-xs-dark h2 {
  color: #1f2328 !important;
}

.text-xs-dark .h3, .text-xs-dark h3 {
  color: #353c45 !important;
}

.text-xs-dark .h3, a.text-xs-dark h3 {
  color: #1f2328 !important;
}

.text-xs-dark .h4, .text-xs-dark h4 {
  color: #353c45 !important;
}

.text-xs-dark .h4, a.text-xs-dark h4 {
  color: #1f2328 !important;
}

.text-xs-dark .h5, .text-xs-dark h5 {
  color: #353c45 !important;
}

.text-xs-dark .h5, a.text-xs-dark h5 {
  color: #1f2328 !important;
}

.text-xs-dark .h6, .text-xs-dark h6 {
  color: #353c45 !important;
}

.text-xs-dark .h6, a.text-xs-dark h6 {
  color: #1f2328 !important;
}

@media (min-width: 360px) {
  .text-s-light .h1, .text-s-light h1 {
    color: #fff !important;
  }
  .text-s-light .h1, a.text-s-light h1 {
    color: #e6e6e6 !important;
  }
  .text-s-light .h2, .text-s-light h2 {
    color: #fff !important;
  }
  .text-s-light .h2, a.text-s-light h2 {
    color: #e6e6e6 !important;
  }
  .text-s-light .h3, .text-s-light h3 {
    color: #fff !important;
  }
  .text-s-light .h3, a.text-s-light h3 {
    color: #e6e6e6 !important;
  }
  .text-s-light .h4, .text-s-light h4 {
    color: #fff !important;
  }
  .text-s-light .h4, a.text-s-light h4 {
    color: #e6e6e6 !important;
  }
  .text-s-light .h5, .text-s-light h5 {
    color: #fff !important;
  }
  .text-s-light .h5, a.text-s-light h5 {
    color: #e6e6e6 !important;
  }
  .text-s-light .h6, .text-s-light h6 {
    color: #fff !important;
  }
  .text-s-light .h6, a.text-s-light h6 {
    color: #e6e6e6 !important;
  }
  .text-s-medium .h1, .text-s-medium h1 {
    color: #f1f1f1 !important;
  }
  .text-s-medium .h1, a.text-s-medium h1 {
    color: #d8d8d8 !important;
  }
  .text-s-medium .h2, .text-s-medium h2 {
    color: #f1f1f1 !important;
  }
  .text-s-medium .h2, a.text-s-medium h2 {
    color: #d8d8d8 !important;
  }
  .text-s-medium .h3, .text-s-medium h3 {
    color: #f1f1f1 !important;
  }
  .text-s-medium .h3, a.text-s-medium h3 {
    color: #d8d8d8 !important;
  }
  .text-s-medium .h4, .text-s-medium h4 {
    color: #f1f1f1 !important;
  }
  .text-s-medium .h4, a.text-s-medium h4 {
    color: #d8d8d8 !important;
  }
  .text-s-medium .h5, .text-s-medium h5 {
    color: #f1f1f1 !important;
  }
  .text-s-medium .h5, a.text-s-medium h5 {
    color: #d8d8d8 !important;
  }
  .text-s-medium .h6, .text-s-medium h6 {
    color: #f1f1f1 !important;
  }
  .text-s-medium .h6, a.text-s-medium h6 {
    color: #d8d8d8 !important;
  }
  .text-s-dark .h1, .text-s-dark h1 {
    color: #353c45 !important;
  }
  .text-s-dark .h1, a.text-s-dark h1 {
    color: #1f2328 !important;
  }
  .text-s-dark .h2, .text-s-dark h2 {
    color: #353c45 !important;
  }
  .text-s-dark .h2, a.text-s-dark h2 {
    color: #1f2328 !important;
  }
  .text-s-dark .h3, .text-s-dark h3 {
    color: #353c45 !important;
  }
  .text-s-dark .h3, a.text-s-dark h3 {
    color: #1f2328 !important;
  }
  .text-s-dark .h4, .text-s-dark h4 {
    color: #353c45 !important;
  }
  .text-s-dark .h4, a.text-s-dark h4 {
    color: #1f2328 !important;
  }
  .text-s-dark .h5, .text-s-dark h5 {
    color: #353c45 !important;
  }
  .text-s-dark .h5, a.text-s-dark h5 {
    color: #1f2328 !important;
  }
  .text-s-dark .h6, .text-s-dark h6 {
    color: #353c45 !important;
  }
  .text-s-dark .h6, a.text-s-dark h6 {
    color: #1f2328 !important;
  }
}
@media (min-width: 576px) {
  .text-sm-light .h1, .text-sm-light h1 {
    color: #fff !important;
  }
  .text-sm-light .h1, a.text-sm-light h1 {
    color: #e6e6e6 !important;
  }
  .text-sm-light .h2, .text-sm-light h2 {
    color: #fff !important;
  }
  .text-sm-light .h2, a.text-sm-light h2 {
    color: #e6e6e6 !important;
  }
  .text-sm-light .h3, .text-sm-light h3 {
    color: #fff !important;
  }
  .text-sm-light .h3, a.text-sm-light h3 {
    color: #e6e6e6 !important;
  }
  .text-sm-light .h4, .text-sm-light h4 {
    color: #fff !important;
  }
  .text-sm-light .h4, a.text-sm-light h4 {
    color: #e6e6e6 !important;
  }
  .text-sm-light .h5, .text-sm-light h5 {
    color: #fff !important;
  }
  .text-sm-light .h5, a.text-sm-light h5 {
    color: #e6e6e6 !important;
  }
  .text-sm-light .h6, .text-sm-light h6 {
    color: #fff !important;
  }
  .text-sm-light .h6, a.text-sm-light h6 {
    color: #e6e6e6 !important;
  }
  .text-sm-medium .h1, .text-sm-medium h1 {
    color: #f1f1f1 !important;
  }
  .text-sm-medium .h1, a.text-sm-medium h1 {
    color: #d8d8d8 !important;
  }
  .text-sm-medium .h2, .text-sm-medium h2 {
    color: #f1f1f1 !important;
  }
  .text-sm-medium .h2, a.text-sm-medium h2 {
    color: #d8d8d8 !important;
  }
  .text-sm-medium .h3, .text-sm-medium h3 {
    color: #f1f1f1 !important;
  }
  .text-sm-medium .h3, a.text-sm-medium h3 {
    color: #d8d8d8 !important;
  }
  .text-sm-medium .h4, .text-sm-medium h4 {
    color: #f1f1f1 !important;
  }
  .text-sm-medium .h4, a.text-sm-medium h4 {
    color: #d8d8d8 !important;
  }
  .text-sm-medium .h5, .text-sm-medium h5 {
    color: #f1f1f1 !important;
  }
  .text-sm-medium .h5, a.text-sm-medium h5 {
    color: #d8d8d8 !important;
  }
  .text-sm-medium .h6, .text-sm-medium h6 {
    color: #f1f1f1 !important;
  }
  .text-sm-medium .h6, a.text-sm-medium h6 {
    color: #d8d8d8 !important;
  }
  .text-sm-dark .h1, .text-sm-dark h1 {
    color: #353c45 !important;
  }
  .text-sm-dark .h1, a.text-sm-dark h1 {
    color: #1f2328 !important;
  }
  .text-sm-dark .h2, .text-sm-dark h2 {
    color: #353c45 !important;
  }
  .text-sm-dark .h2, a.text-sm-dark h2 {
    color: #1f2328 !important;
  }
  .text-sm-dark .h3, .text-sm-dark h3 {
    color: #353c45 !important;
  }
  .text-sm-dark .h3, a.text-sm-dark h3 {
    color: #1f2328 !important;
  }
  .text-sm-dark .h4, .text-sm-dark h4 {
    color: #353c45 !important;
  }
  .text-sm-dark .h4, a.text-sm-dark h4 {
    color: #1f2328 !important;
  }
  .text-sm-dark .h5, .text-sm-dark h5 {
    color: #353c45 !important;
  }
  .text-sm-dark .h5, a.text-sm-dark h5 {
    color: #1f2328 !important;
  }
  .text-sm-dark .h6, .text-sm-dark h6 {
    color: #353c45 !important;
  }
  .text-sm-dark .h6, a.text-sm-dark h6 {
    color: #1f2328 !important;
  }
}
@media (min-width: 768px) {
  .text-md-light .h1, .text-md-light h1 {
    color: #fff !important;
  }
  .text-md-light .h1, a.text-md-light h1 {
    color: #e6e6e6 !important;
  }
  .text-md-light .h2, .text-md-light h2 {
    color: #fff !important;
  }
  .text-md-light .h2, a.text-md-light h2 {
    color: #e6e6e6 !important;
  }
  .text-md-light .h3, .text-md-light h3 {
    color: #fff !important;
  }
  .text-md-light .h3, a.text-md-light h3 {
    color: #e6e6e6 !important;
  }
  .text-md-light .h4, .text-md-light h4 {
    color: #fff !important;
  }
  .text-md-light .h4, a.text-md-light h4 {
    color: #e6e6e6 !important;
  }
  .text-md-light .h5, .text-md-light h5 {
    color: #fff !important;
  }
  .text-md-light .h5, a.text-md-light h5 {
    color: #e6e6e6 !important;
  }
  .text-md-light .h6, .text-md-light h6 {
    color: #fff !important;
  }
  .text-md-light .h6, a.text-md-light h6 {
    color: #e6e6e6 !important;
  }
  .text-md-medium .h1, .text-md-medium h1 {
    color: #f1f1f1 !important;
  }
  .text-md-medium .h1, a.text-md-medium h1 {
    color: #d8d8d8 !important;
  }
  .text-md-medium .h2, .text-md-medium h2 {
    color: #f1f1f1 !important;
  }
  .text-md-medium .h2, a.text-md-medium h2 {
    color: #d8d8d8 !important;
  }
  .text-md-medium .h3, .text-md-medium h3 {
    color: #f1f1f1 !important;
  }
  .text-md-medium .h3, a.text-md-medium h3 {
    color: #d8d8d8 !important;
  }
  .text-md-medium .h4, .text-md-medium h4 {
    color: #f1f1f1 !important;
  }
  .text-md-medium .h4, a.text-md-medium h4 {
    color: #d8d8d8 !important;
  }
  .text-md-medium .h5, .text-md-medium h5 {
    color: #f1f1f1 !important;
  }
  .text-md-medium .h5, a.text-md-medium h5 {
    color: #d8d8d8 !important;
  }
  .text-md-medium .h6, .text-md-medium h6 {
    color: #f1f1f1 !important;
  }
  .text-md-medium .h6, a.text-md-medium h6 {
    color: #d8d8d8 !important;
  }
  .text-md-dark .h1, .text-md-dark h1 {
    color: #353c45 !important;
  }
  .text-md-dark .h1, a.text-md-dark h1 {
    color: #1f2328 !important;
  }
  .text-md-dark .h2, .text-md-dark h2 {
    color: #353c45 !important;
  }
  .text-md-dark .h2, a.text-md-dark h2 {
    color: #1f2328 !important;
  }
  .text-md-dark .h3, .text-md-dark h3 {
    color: #353c45 !important;
  }
  .text-md-dark .h3, a.text-md-dark h3 {
    color: #1f2328 !important;
  }
  .text-md-dark .h4, .text-md-dark h4 {
    color: #353c45 !important;
  }
  .text-md-dark .h4, a.text-md-dark h4 {
    color: #1f2328 !important;
  }
  .text-md-dark .h5, .text-md-dark h5 {
    color: #353c45 !important;
  }
  .text-md-dark .h5, a.text-md-dark h5 {
    color: #1f2328 !important;
  }
  .text-md-dark .h6, .text-md-dark h6 {
    color: #353c45 !important;
  }
  .text-md-dark .h6, a.text-md-dark h6 {
    color: #1f2328 !important;
  }
}
@media (min-width: 992px) {
  .text-lg-light .h1, .text-lg-light h1 {
    color: #fff !important;
  }
  .text-lg-light .h1, a.text-lg-light h1 {
    color: #e6e6e6 !important;
  }
  .text-lg-light .h2, .text-lg-light h2 {
    color: #fff !important;
  }
  .text-lg-light .h2, a.text-lg-light h2 {
    color: #e6e6e6 !important;
  }
  .text-lg-light .h3, .text-lg-light h3 {
    color: #fff !important;
  }
  .text-lg-light .h3, a.text-lg-light h3 {
    color: #e6e6e6 !important;
  }
  .text-lg-light .h4, .text-lg-light h4 {
    color: #fff !important;
  }
  .text-lg-light .h4, a.text-lg-light h4 {
    color: #e6e6e6 !important;
  }
  .text-lg-light .h5, .text-lg-light h5 {
    color: #fff !important;
  }
  .text-lg-light .h5, a.text-lg-light h5 {
    color: #e6e6e6 !important;
  }
  .text-lg-light .h6, .text-lg-light h6 {
    color: #fff !important;
  }
  .text-lg-light .h6, a.text-lg-light h6 {
    color: #e6e6e6 !important;
  }
  .text-lg-medium .h1, .text-lg-medium h1 {
    color: #f1f1f1 !important;
  }
  .text-lg-medium .h1, a.text-lg-medium h1 {
    color: #d8d8d8 !important;
  }
  .text-lg-medium .h2, .text-lg-medium h2 {
    color: #f1f1f1 !important;
  }
  .text-lg-medium .h2, a.text-lg-medium h2 {
    color: #d8d8d8 !important;
  }
  .text-lg-medium .h3, .text-lg-medium h3 {
    color: #f1f1f1 !important;
  }
  .text-lg-medium .h3, a.text-lg-medium h3 {
    color: #d8d8d8 !important;
  }
  .text-lg-medium .h4, .text-lg-medium h4 {
    color: #f1f1f1 !important;
  }
  .text-lg-medium .h4, a.text-lg-medium h4 {
    color: #d8d8d8 !important;
  }
  .text-lg-medium .h5, .text-lg-medium h5 {
    color: #f1f1f1 !important;
  }
  .text-lg-medium .h5, a.text-lg-medium h5 {
    color: #d8d8d8 !important;
  }
  .text-lg-medium .h6, .text-lg-medium h6 {
    color: #f1f1f1 !important;
  }
  .text-lg-medium .h6, a.text-lg-medium h6 {
    color: #d8d8d8 !important;
  }
  .text-lg-dark .h1, .text-lg-dark h1 {
    color: #353c45 !important;
  }
  .text-lg-dark .h1, a.text-lg-dark h1 {
    color: #1f2328 !important;
  }
  .text-lg-dark .h2, .text-lg-dark h2 {
    color: #353c45 !important;
  }
  .text-lg-dark .h2, a.text-lg-dark h2 {
    color: #1f2328 !important;
  }
  .text-lg-dark .h3, .text-lg-dark h3 {
    color: #353c45 !important;
  }
  .text-lg-dark .h3, a.text-lg-dark h3 {
    color: #1f2328 !important;
  }
  .text-lg-dark .h4, .text-lg-dark h4 {
    color: #353c45 !important;
  }
  .text-lg-dark .h4, a.text-lg-dark h4 {
    color: #1f2328 !important;
  }
  .text-lg-dark .h5, .text-lg-dark h5 {
    color: #353c45 !important;
  }
  .text-lg-dark .h5, a.text-lg-dark h5 {
    color: #1f2328 !important;
  }
  .text-lg-dark .h6, .text-lg-dark h6 {
    color: #353c45 !important;
  }
  .text-lg-dark .h6, a.text-lg-dark h6 {
    color: #1f2328 !important;
  }
}
@media (min-width: 1200px) {
  .text-xl-light .h1, .text-xl-light h1 {
    color: #fff !important;
  }
  .text-xl-light .h1, a.text-xl-light h1 {
    color: #e6e6e6 !important;
  }
  .text-xl-light .h2, .text-xl-light h2 {
    color: #fff !important;
  }
  .text-xl-light .h2, a.text-xl-light h2 {
    color: #e6e6e6 !important;
  }
  .text-xl-light .h3, .text-xl-light h3 {
    color: #fff !important;
  }
  .text-xl-light .h3, a.text-xl-light h3 {
    color: #e6e6e6 !important;
  }
  .text-xl-light .h4, .text-xl-light h4 {
    color: #fff !important;
  }
  .text-xl-light .h4, a.text-xl-light h4 {
    color: #e6e6e6 !important;
  }
  .text-xl-light .h5, .text-xl-light h5 {
    color: #fff !important;
  }
  .text-xl-light .h5, a.text-xl-light h5 {
    color: #e6e6e6 !important;
  }
  .text-xl-light .h6, .text-xl-light h6 {
    color: #fff !important;
  }
  .text-xl-light .h6, a.text-xl-light h6 {
    color: #e6e6e6 !important;
  }
  .text-xl-medium .h1, .text-xl-medium h1 {
    color: #f1f1f1 !important;
  }
  .text-xl-medium .h1, a.text-xl-medium h1 {
    color: #d8d8d8 !important;
  }
  .text-xl-medium .h2, .text-xl-medium h2 {
    color: #f1f1f1 !important;
  }
  .text-xl-medium .h2, a.text-xl-medium h2 {
    color: #d8d8d8 !important;
  }
  .text-xl-medium .h3, .text-xl-medium h3 {
    color: #f1f1f1 !important;
  }
  .text-xl-medium .h3, a.text-xl-medium h3 {
    color: #d8d8d8 !important;
  }
  .text-xl-medium .h4, .text-xl-medium h4 {
    color: #f1f1f1 !important;
  }
  .text-xl-medium .h4, a.text-xl-medium h4 {
    color: #d8d8d8 !important;
  }
  .text-xl-medium .h5, .text-xl-medium h5 {
    color: #f1f1f1 !important;
  }
  .text-xl-medium .h5, a.text-xl-medium h5 {
    color: #d8d8d8 !important;
  }
  .text-xl-medium .h6, .text-xl-medium h6 {
    color: #f1f1f1 !important;
  }
  .text-xl-medium .h6, a.text-xl-medium h6 {
    color: #d8d8d8 !important;
  }
  .text-xl-dark .h1, .text-xl-dark h1 {
    color: #353c45 !important;
  }
  .text-xl-dark .h1, a.text-xl-dark h1 {
    color: #1f2328 !important;
  }
  .text-xl-dark .h2, .text-xl-dark h2 {
    color: #353c45 !important;
  }
  .text-xl-dark .h2, a.text-xl-dark h2 {
    color: #1f2328 !important;
  }
  .text-xl-dark .h3, .text-xl-dark h3 {
    color: #353c45 !important;
  }
  .text-xl-dark .h3, a.text-xl-dark h3 {
    color: #1f2328 !important;
  }
  .text-xl-dark .h4, .text-xl-dark h4 {
    color: #353c45 !important;
  }
  .text-xl-dark .h4, a.text-xl-dark h4 {
    color: #1f2328 !important;
  }
  .text-xl-dark .h5, .text-xl-dark h5 {
    color: #353c45 !important;
  }
  .text-xl-dark .h5, a.text-xl-dark h5 {
    color: #1f2328 !important;
  }
  .text-xl-dark .h6, .text-xl-dark h6 {
    color: #353c45 !important;
  }
  .text-xl-dark .h6, a.text-xl-dark h6 {
    color: #1f2328 !important;
  }
}
.bg-black p a, .bg-blue p a, .bg-dark p a {
  color: #b9c1c6 !important;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  color: #353c45;
}

.h1, h1 {
  font-size: 2.375rem;
  font-weight: 700;
  line-height: 0.9736842105;
  margin: 0 0 1.5625rem;
}

@media (min-width: 992px) {
  .h1, h1 {
    font-size: 4rem;
    line-height: 0.9375;
  }
}
.h2, h2 {
  font-size: 1.5rem;
  font-weight: 200;
  line-height: 1;
  margin: 0 0 0.625rem;
}

@media (min-width: 992px) {
  .h2, h2 {
    font-size: 2.5rem;
    line-height: 1;
  }
}
.h3, h3 {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.5555555556;
  margin: 0 0 1.25rem;
}

@media (min-width: 992px) {
  .h3, h3 {
    font-size: 1.5rem;
    line-height: 1.3333333333;
  }
}
.h4, h4 {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25;
}

@media (min-width: 992px) {
  .h4, h4 {
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.3125;
  }
}
p {
  color: #656b6f;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
}

@media (min-width: 992px) {
  p {
    font-size: 1rem;
    line-height: 1.5625;
  }
}
p.lead {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.4375;
}

@media (min-width: 992px) {
  p.lead {
    font-size: 1.125rem;
    line-height: 1.5555555556;
  }
}
p.magazine {
  font-size: 1.125rem;
  line-height: 1.7777777778;
}

@media (min-width: 992px) {
  p.magazine {
    font-size: 1.25rem;
    line-height: 1.6;
  }
}
.magazine-title {
  font-size: 1.5rem;
  font-weight: 200;
  line-height: 2.1666666667;
}

@media (min-width: 992px) {
  .magazine-title {
    font-size: 2.25rem;
    line-height: 1.4444444444;
  }
}
.magazine-subtitle {
  font-size: 1.375rem;
  line-height: 1.4545454545;
}

@media (min-width: 992px) {
  .magazine-subtitle {
    font-size: 1.75rem;
    line-height: 1.1428571429;
  }
}
a {
  color: #00529c;
  cursor: pointer;
}

a, a:hover {
  text-decoration: none;
}

a:hover {
  color: #1b4770;
}

.rte a:hover {
  text-decoration: underline;
}

.rte ol li, .rte ul li {
  color: #656b6f;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
}

@media (min-width: 992px) {
  .rte ol li, .rte ul li {
    font-size: 1rem;
    line-height: 1.5625;
  }
}
.bg-black .rte ol li, .bg-black .rte ul li, .bg-blue .rte ol li, .bg-blue .rte ul li, .bg-dark .rte ol li, .bg-dark .rte ul li {
  color: #fff;
}

.font-weight-light {
  font-weight: 200 !important;
}

/*!
 * ClockPicker v{package.version} for Bootstrap (http://weareoutman.github.io/clockpicker/)
 * Copyright 2014 Wang Shenwei.
 * Licensed under MIT (https://github.com/weareoutman/clockpicker/blob/gh-pages/LICENSE)
 */
.clockpicker-align-left.popover > .arrow {
  left: 25px;
}

.clockpicker-align-top.popover > .arrow {
  top: 17px;
}

.clockpicker-align-right.popover > .arrow {
  left: auto;
  right: 25px;
}

.clockpicker-align-bottom.popover > .arrow {
  bottom: 6px;
  top: auto;
}

.popover-content:last-child {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.clockpicker-tick.active, .clockpicker-tick:hover {
  background-color: #c0e5f7;
}

.clockpicker-hours.clockpicker-dial-out {
  transform: scale(1.2);
}

.clockpicker-minutes.clockpicker-dial-out {
  transform: scale(0.8);
}

.clockpicker-canvas line {
  stroke-width: 1;
}

.clockpicker-button.am-button {
  margin: 1px;
}

.clockpicker-button.am-button, .clockpicker-button.pm-button {
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  padding: 5px;
}

.clockpicker-button.pm-button {
  margin: 1px 1px 1px 136px;
}

.slick-slider {
  box-sizing: border-box;
  -webkit-touch-callout: none;
  touch-action: pan-y;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}

.slick-list, .slick-slider {
  display: block;
  position: relative;
}

.slick-list {
  margin: 0;
  overflow: hidden;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-list, .slick-slider .slick-track {
  transform: translateZ(0);
}

.slick-track {
  display: block;
  left: 0;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  top: 0;
}

.slick-track:after, .slick-track:before {
  content: "";
  display: table;
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}

[dir=rtl] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  border: 1px solid transparent;
  display: block;
  height: auto;
}

.slick-arrow.slick-hidden {
  display: none;
}

.slick-loading .slick-list {
  background: #fff url(ajax-loader.gif) 50% no-repeat;
}

@font-face {
  font-family: slick;
  font-style: normal;
  font-weight: 400;
  src: url(fonts/slick.eot);
  src: url(fonts/slick.eot?#iefix) format("embedded-opentype"), url(fonts/slick.woff) format("woff"), url(fonts/slick.ttf) format("truetype"), url(fonts/slick.svg#slick) format("svg");
}
.slick-next, .slick-prev {
  border: none;
  cursor: pointer;
  display: block;
  font-size: 0;
  height: 20px;
  line-height: 0px;
  padding: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
}

.slick-next, .slick-next:focus, .slick-next:hover, .slick-prev, .slick-prev:focus, .slick-prev:hover {
  background: transparent;
  color: transparent;
  outline: none;
}

.slick-next:focus:before, .slick-next:hover:before, .slick-prev:focus:before, .slick-prev:hover:before {
  opacity: 1;
}

.slick-next.slick-disabled:before, .slick-prev.slick-disabled:before {
  opacity: 0.25;
}

.slick-next:before, .slick-prev:before {
  color: #fff;
  font-family: slick;
  font-size: 20px;
  line-height: 1;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -25px;
}

[dir=rtl] .slick-prev {
  left: auto;
  right: -25px;
}

.slick-prev:before {
  content: "←";
}

[dir=rtl] .slick-prev:before {
  content: "→";
}

.slick-next {
  right: -25px;
}

[dir=rtl] .slick-next {
  left: -25px;
  right: auto;
}

.slick-next:before {
  content: "→";
}

[dir=rtl] .slick-next:before {
  content: "←";
}

.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  bottom: -25px;
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  text-align: center;
  width: 100%;
}

.slick-dots li {
  display: inline-block;
  margin: 0 5px;
  padding: 0;
  position: relative;
}

.slick-dots li, .slick-dots li button {
  cursor: pointer;
  height: 20px;
  width: 20px;
}

.slick-dots li button {
  background: transparent;
  border: 0;
  color: transparent;
  display: block;
  font-size: 0;
  line-height: 0px;
  outline: none;
  padding: 5px;
}

.slick-dots li button:focus, .slick-dots li button:hover {
  outline: none;
}

.slick-dots li button:focus:before, .slick-dots li button:hover:before {
  opacity: 1;
}

.slick-dots li button:before {
  color: #000;
  content: "•";
  font-family: slick;
  font-size: 6px;
  height: 20px;
  left: 0;
  line-height: 20px;
  opacity: 0.25;
  position: absolute;
  text-align: center;
  top: 0;
  width: 20px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
  color: #000;
  opacity: 0.75;
}

.slick-loading .slick-list {
  background: none;
}

.ps {
  overflow: hidden !important;
  overflow-anchor: none;
  -ms-overflow-style: none;
  touch-action: auto;
}

.ps__rail-x {
  bottom: 0;
  height: 15px;
}

.ps__rail-x, .ps__rail-y {
  display: none;
  opacity: 0;
  position: absolute;
  transition: background-color 0.2s linear, opacity 0.2s linear;
}

.ps__rail-y {
  right: 0;
  width: 15px;
}

.ps > .ps__rail-x, .ps > .ps__rail-y {
  opacity: 1;
}

.ps--active-x > .ps__rail-x, .ps--active-y > .ps__rail-y {
  background-color: transparent;
  display: block;
}

.ps--focus > .ps__rail-x, .ps--focus > .ps__rail-y, .ps--scrolling-x > .ps__rail-x, .ps--scrolling-y > .ps__rail-y, .ps:hover > .ps__rail-x, .ps:hover > .ps__rail-y {
  opacity: 0.6;
}

.ps__rail-x:focus, .ps__rail-x:hover, .ps__rail-y:focus, .ps__rail-y:hover {
  background-color: #eee;
  opacity: 0.9;
}

.ps__thumb-x {
  bottom: 2px;
  height: 6px;
  transition: background-color 0.2s linear, height 0.2s ease-in-out;
}

.ps__thumb-x, .ps__thumb-y {
  background-color: #aaa;
  border-radius: 6px;
  position: absolute;
}

.ps__thumb-y {
  right: 2px;
  transition: background-color 0.2s linear, width 0.2s ease-in-out;
  width: 6px;
}

.ps__rail-x:focus > .ps__thumb-x, .ps__rail-x:hover > .ps__thumb-x {
  background-color: #999;
  height: 11px;
}

.ps__rail-y:focus > .ps__thumb-y, .ps__rail-y:hover > .ps__thumb-y {
  background-color: #999;
  width: 11px;
}

@supports (-ms-overflow-style: none) {
  .ps {
    overflow: auto !important;
  }
}
@media (-ms-high-contrast: none), screen and (-ms-high-contrast: active) {
  .ps {
    overflow: auto !important;
  }
}
.footer-links {
  padding-top: 2.375rem;
}

.footer-links__title {
  border-bottom: 1px solid #4d545a;
  color: #fff;
  font-size: 1rem;
  font-weight: 400;
  line-height: 2.5;
  margin: 0 0 1.125rem;
  padding: 0 0 0.375rem;
}

.footer-links .nav {
  margin-bottom: 1.625rem;
}

.footer-links .nav-link {
  color: #b9c1c6;
  font-size: 0.875rem;
  line-height: 1.1428571429;
  padding-left: 0;
  fill: #b9c1c6;
  cursor: pointer;
  transition: color 0.1s ease-in-out, fill 0.1s ease-in-out;
}

.footer-links .nav-link:hover {
  color: #fff;
  fill: #fff;
}

.footer-links .social-links {
  margin-top: -0.5rem;
  max-width: 180px;
}

.footer {
  background-color: #353c45;
  position: relative;
  width: 100%;
}

.btn, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-configure, .truckconfigurator .modal .modal-btn, .truckconfigurator .modal-disclaimer .modal-btn, .truckconfigurator .modal-home .modal-btn, .truckconfigurator .modal-save .modal-btn, .truckconfigurator .modal-send .modal-btn, .truckconfigurator .modal-summary .modal-btn, .truckconfigurator .modal-validation .modal-btn, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .select-model-btn, .truckconfigurator .sp-choose {
  border-color: transparent;
  border-radius: 9999px;
  box-shadow: none;
  color: #fff;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 2;
  padding: 0.625rem 1.25rem;
  position: relative;
  white-space: normal;
}

.btn .icon, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-configure .icon, .truckconfigurator .modal .modal-btn .icon, .truckconfigurator .modal-disclaimer .modal-btn .icon, .truckconfigurator .modal-home .modal-btn .icon, .truckconfigurator .modal-save .modal-btn .icon, .truckconfigurator .modal-send .modal-btn .icon, .truckconfigurator .modal-summary .modal-btn .icon, .truckconfigurator .modal-validation .modal-btn .icon, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .select-model-btn .icon, .truckconfigurator .sp-choose .icon {
  fill: #fff;
}

.btn:not(.btn-round, .btn--round) .icon, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-configure:not(.btn-round, .btn--round) .icon, .truckconfigurator .modal .modal-btn:not(.btn-round, .btn--round) .icon, .truckconfigurator .modal-disclaimer .modal-btn:not(.btn-round, .btn--round) .icon, .truckconfigurator .modal-home .modal-btn:not(.btn-round, .btn--round) .icon, .truckconfigurator .modal-save .modal-btn:not(.btn-round, .btn--round) .icon, .truckconfigurator .modal-send .modal-btn:not(.btn-round, .btn--round) .icon, .truckconfigurator .modal-summary .modal-btn:not(.btn-round, .btn--round) .icon, .truckconfigurator .modal-validation .modal-btn:not(.btn-round, .btn--round) .icon, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .select-model-btn:not(.btn-round, .btn--round) .icon, .truckconfigurator .sp-choose:not(.btn-round, .btn--round) .icon {
  height: 1.25rem;
  width: 1.25rem;
}

@media (min-width: 992px) {
  .btn:not(.btn-round, .btn--round) .icon, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-configure:not(.btn-round, .btn--round) .icon, .truckconfigurator .modal .modal-btn:not(.btn-round, .btn--round) .icon, .truckconfigurator .modal-disclaimer .modal-btn:not(.btn-round, .btn--round) .icon, .truckconfigurator .modal-home .modal-btn:not(.btn-round, .btn--round) .icon, .truckconfigurator .modal-save .modal-btn:not(.btn-round, .btn--round) .icon, .truckconfigurator .modal-send .modal-btn:not(.btn-round, .btn--round) .icon, .truckconfigurator .modal-summary .modal-btn:not(.btn-round, .btn--round) .icon, .truckconfigurator .modal-validation .modal-btn:not(.btn-round, .btn--round) .icon, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .select-model-btn:not(.btn-round, .btn--round) .icon, .truckconfigurator .sp-choose:not(.btn-round, .btn--round) .icon {
    height: 1.5rem;
    width: 1.5rem;
  }
  .btn, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-configure, .truckconfigurator .modal .modal-btn, .truckconfigurator .modal-disclaimer .modal-btn, .truckconfigurator .modal-home .modal-btn, .truckconfigurator .modal-save .modal-btn, .truckconfigurator .modal-send .modal-btn, .truckconfigurator .modal-summary .modal-btn, .truckconfigurator .modal-validation .modal-btn, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .select-model-btn, .truckconfigurator .sp-choose {
    font-size: 1rem;
    line-height: 1.6;
    padding: 0.75rem 1.5rem;
  }
}
.btn:disabled, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-configure:disabled, .truckconfigurator .modal .modal-btn:disabled, .truckconfigurator .modal-disclaimer .modal-btn:disabled, .truckconfigurator .modal-home .modal-btn:disabled, .truckconfigurator .modal-save .modal-btn:disabled, .truckconfigurator .modal-send .modal-btn:disabled, .truckconfigurator .modal-summary .modal-btn:disabled, .truckconfigurator .modal-validation .modal-btn:disabled, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .select-model-btn:disabled, .truckconfigurator .sp-choose:disabled {
  opacity: 0.5;
}

.btn.active, .btn.focus, .btn.hover, .btn:active, .btn:focus, .btn:hover, .truckconfigurator .active.sp-choose, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .active.btn-configure, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-configure:active, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-configure:focus, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-configure:hover, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .focus.btn-configure, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .hover.btn-configure, .truckconfigurator .focus.sp-choose, .truckconfigurator .hover.sp-choose, .truckconfigurator .modal .active.modal-btn, .truckconfigurator .modal .focus.modal-btn, .truckconfigurator .modal .hover.modal-btn, .truckconfigurator .modal .modal-btn:active, .truckconfigurator .modal .modal-btn:focus, .truckconfigurator .modal .modal-btn:hover, .truckconfigurator .modal-disclaimer .active.modal-btn, .truckconfigurator .modal-disclaimer .focus.modal-btn, .truckconfigurator .modal-disclaimer .hover.modal-btn, .truckconfigurator .modal-disclaimer .modal-btn:active, .truckconfigurator .modal-disclaimer .modal-btn:focus, .truckconfigurator .modal-disclaimer .modal-btn:hover, .truckconfigurator .modal-home .active.modal-btn, .truckconfigurator .modal-home .focus.modal-btn, .truckconfigurator .modal-home .hover.modal-btn, .truckconfigurator .modal-home .modal-btn:active, .truckconfigurator .modal-home .modal-btn:focus, .truckconfigurator .modal-home .modal-btn:hover, .truckconfigurator .modal-save .active.modal-btn, .truckconfigurator .modal-save .focus.modal-btn, .truckconfigurator .modal-save .hover.modal-btn, .truckconfigurator .modal-save .modal-btn:active, .truckconfigurator .modal-save .modal-btn:focus, .truckconfigurator .modal-save .modal-btn:hover, .truckconfigurator .modal-send .active.modal-btn, .truckconfigurator .modal-send .focus.modal-btn, .truckconfigurator .modal-send .hover.modal-btn, .truckconfigurator .modal-send .modal-btn:active, .truckconfigurator .modal-send .modal-btn:focus, .truckconfigurator .modal-send .modal-btn:hover, .truckconfigurator .modal-summary .active.modal-btn, .truckconfigurator .modal-summary .focus.modal-btn, .truckconfigurator .modal-summary .hover.modal-btn, .truckconfigurator .modal-summary .modal-btn:active, .truckconfigurator .modal-summary .modal-btn:focus, .truckconfigurator .modal-summary .modal-btn:hover, .truckconfigurator .modal-validation .active.modal-btn, .truckconfigurator .modal-validation .focus.modal-btn, .truckconfigurator .modal-validation .hover.modal-btn, .truckconfigurator .modal-validation .modal-btn:active, .truckconfigurator .modal-validation .modal-btn:focus, .truckconfigurator .modal-validation .modal-btn:hover, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .active.select-model-btn, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .focus.select-model-btn, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .hover.select-model-btn, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .select-model-btn:active, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .select-model-btn:focus, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .select-model-btn:hover, .truckconfigurator .sp-choose:active, .truckconfigurator .sp-choose:focus, .truckconfigurator .sp-choose:hover {
  box-shadow: none;
  color: #fff;
}

.btn.active .icon, .btn.focus .icon, .btn.hover .icon, .btn:active .icon, .btn:focus .icon, .btn:hover .icon, .truckconfigurator .active.sp-choose .icon, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .active.btn-configure .icon, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-configure:active .icon, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-configure:focus .icon, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-configure:hover .icon, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .focus.btn-configure .icon, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .hover.btn-configure .icon, .truckconfigurator .focus.sp-choose .icon, .truckconfigurator .hover.sp-choose .icon, .truckconfigurator .modal .active.modal-btn .icon, .truckconfigurator .modal .focus.modal-btn .icon, .truckconfigurator .modal .hover.modal-btn .icon, .truckconfigurator .modal .modal-btn:active .icon, .truckconfigurator .modal .modal-btn:focus .icon, .truckconfigurator .modal .modal-btn:hover .icon, .truckconfigurator .modal-disclaimer .active.modal-btn .icon, .truckconfigurator .modal-disclaimer .focus.modal-btn .icon, .truckconfigurator .modal-disclaimer .hover.modal-btn .icon, .truckconfigurator .modal-disclaimer .modal-btn:active .icon, .truckconfigurator .modal-disclaimer .modal-btn:focus .icon, .truckconfigurator .modal-disclaimer .modal-btn:hover .icon, .truckconfigurator .modal-home .active.modal-btn .icon, .truckconfigurator .modal-home .focus.modal-btn .icon, .truckconfigurator .modal-home .hover.modal-btn .icon, .truckconfigurator .modal-home .modal-btn:active .icon, .truckconfigurator .modal-home .modal-btn:focus .icon, .truckconfigurator .modal-home .modal-btn:hover .icon, .truckconfigurator .modal-save .active.modal-btn .icon, .truckconfigurator .modal-save .focus.modal-btn .icon, .truckconfigurator .modal-save .hover.modal-btn .icon, .truckconfigurator .modal-save .modal-btn:active .icon, .truckconfigurator .modal-save .modal-btn:focus .icon, .truckconfigurator .modal-save .modal-btn:hover .icon, .truckconfigurator .modal-send .active.modal-btn .icon, .truckconfigurator .modal-send .focus.modal-btn .icon, .truckconfigurator .modal-send .hover.modal-btn .icon, .truckconfigurator .modal-send .modal-btn:active .icon, .truckconfigurator .modal-send .modal-btn:focus .icon, .truckconfigurator .modal-send .modal-btn:hover .icon, .truckconfigurator .modal-summary .active.modal-btn .icon, .truckconfigurator .modal-summary .focus.modal-btn .icon, .truckconfigurator .modal-summary .hover.modal-btn .icon, .truckconfigurator .modal-summary .modal-btn:active .icon, .truckconfigurator .modal-summary .modal-btn:focus .icon, .truckconfigurator .modal-summary .modal-btn:hover .icon, .truckconfigurator .modal-validation .active.modal-btn .icon, .truckconfigurator .modal-validation .focus.modal-btn .icon, .truckconfigurator .modal-validation .hover.modal-btn .icon, .truckconfigurator .modal-validation .modal-btn:active .icon, .truckconfigurator .modal-validation .modal-btn:focus .icon, .truckconfigurator .modal-validation .modal-btn:hover .icon, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .active.select-model-btn .icon, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .focus.select-model-btn .icon, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .hover.select-model-btn .icon, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .select-model-btn:active .icon, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .select-model-btn:focus .icon, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .select-model-btn:hover .icon, .truckconfigurator .sp-choose:active .icon, .truckconfigurator .sp-choose:focus .icon, .truckconfigurator .sp-choose:hover .icon {
  fill: #fff;
}

.btn.focus, .btn:focus, .btn:focus-visible, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-configure:focus, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-configure:focus-visible, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .focus.btn-configure, .truckconfigurator .focus.sp-choose, .truckconfigurator .modal .focus.modal-btn, .truckconfigurator .modal .modal-btn:focus, .truckconfigurator .modal .modal-btn:focus-visible, .truckconfigurator .modal-disclaimer .focus.modal-btn, .truckconfigurator .modal-disclaimer .modal-btn:focus, .truckconfigurator .modal-disclaimer .modal-btn:focus-visible, .truckconfigurator .modal-home .focus.modal-btn, .truckconfigurator .modal-home .modal-btn:focus, .truckconfigurator .modal-home .modal-btn:focus-visible, .truckconfigurator .modal-save .focus.modal-btn, .truckconfigurator .modal-save .modal-btn:focus, .truckconfigurator .modal-save .modal-btn:focus-visible, .truckconfigurator .modal-send .focus.modal-btn, .truckconfigurator .modal-send .modal-btn:focus, .truckconfigurator .modal-send .modal-btn:focus-visible, .truckconfigurator .modal-summary .focus.modal-btn, .truckconfigurator .modal-summary .modal-btn:focus, .truckconfigurator .modal-summary .modal-btn:focus-visible, .truckconfigurator .modal-validation .focus.modal-btn, .truckconfigurator .modal-validation .modal-btn:focus, .truckconfigurator .modal-validation .modal-btn:focus-visible, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .focus.select-model-btn, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .select-model-btn:focus, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .select-model-btn:focus-visible, .truckconfigurator .sp-choose:focus, .truckconfigurator .sp-choose:focus-visible {
  outline-color: #d9e5f0;
  outline-offset: 3px;
  outline-style: solid;
}

@media (min-width: 992px) {
  .btn-lg {
    font-size: 1rem;
    line-height: 1.6;
    padding: 1rem 2rem;
  }
}
.btn-sm {
  font-size: 0.875rem !important;
  line-height: 1.25;
  padding: 0.625rem 1.25rem;
}

.btn-sm .icon {
  height: 1.25rem !important;
  width: 1.25rem !important;
}

.btn-primary {
  background-color: #00529c;
}

.btn-primary, .btn-secondary {
  align-items: center;
  display: inline-flex;
  gap: 0.5rem;
  justify-content: center;
}

.btn-secondary {
  background-color: #fff;
  border: 1px solid #b9c1c6;
  color: #00529c;
  transition: border-color 0.15s ease-in-out;
}

.btn-secondary.active, .btn-secondary.focus, .btn-secondary.hover, .btn-secondary:active, .btn-secondary:focus, .btn-secondary:hover {
  background-color: #fff !important;
  border: 1px solid #00529c !important;
  color: #00529c !important;
}

.btn-secondary.active .icon, .btn-secondary.focus .icon, .btn-secondary.hover .icon, .btn-secondary:active .icon, .btn-secondary:focus .icon, .btn-secondary:hover .icon {
  fill: #00529c !important;
}

.btn-secondary .icon {
  fill: #00529c;
}

.btn--ghost, .btn-ghost {
  align-items: center;
  background: transparent;
  border: 1px solid #fff;
  color: #fff;
  display: inline-flex;
  gap: 0.5rem;
  justify-content: center;
  position: relative;
  transition: border-color 0.15s ease-in-out;
}

.btn--ghost:before, .btn-ghost:before {
  border-radius: 9999px;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transition: backdrop-filter 0.15s ease-in-out;
  width: 100%;
  z-index: -1;
}

.btn--ghost.active, .btn--ghost.focus, .btn--ghost.hover, .btn--ghost:active, .btn--ghost:focus, .btn--ghost:hover, .btn-ghost.active, .btn-ghost.focus, .btn-ghost.hover, .btn-ghost:active, .btn-ghost:focus, .btn-ghost:hover {
  border-color: hsla(0, 0%, 100%, 0.3);
}

.btn--ghost.active:before, .btn--ghost.focus:before, .btn--ghost.hover:before, .btn--ghost:active:before, .btn--ghost:focus:before, .btn--ghost:hover:before, .btn-ghost.active:before, .btn-ghost.focus:before, .btn-ghost.hover:before, .btn-ghost:active:before, .btn-ghost:focus:before, .btn-ghost:hover:before {
  backdrop-filter: blur(8px);
}

.btn--ghost:focus-visible, .btn-ghost:focus-visible {
  border-color: hsla(0, 0%, 100%, 0.3);
}

.btn--ghost:focus-visible:before, .btn-ghost:focus-visible:before {
  backdrop-filter: blur(8px);
}

.btn--ghost .icon, .btn-ghost .icon {
  fill: #fff;
}

.btn--link, .btn-link {
  align-items: center;
  color: #00529c;
  display: inline-flex;
  padding-left: 0;
}

.btn--link:has(.icon--right), .btn-link:has(.icon--right) {
  flex-direction: row-reverse;
}

.btn--link .icon, .btn-link .icon {
  fill: #00529c;
  height: 18px;
  position: relative;
  top: 1px;
  width: 18px;
}

@media (min-width: 992px) {
  .btn--link .icon, .btn-link .icon {
    height: 20px;
    width: 20px;
  }
}
.btn--link.active, .btn--link.focus, .btn--link.hover, .btn--link:active, .btn--link:focus, .btn--link:hover, .btn-link.active, .btn-link.focus, .btn-link.hover, .btn-link:active, .btn-link:focus, .btn-link:hover {
  color: #1b4770;
}

.btn--link.active .icon, .btn--link.focus .icon, .btn--link.hover .icon, .btn--link:active .icon, .btn--link:focus .icon, .btn--link:hover .icon, .btn-link.active .icon, .btn-link.focus .icon, .btn-link.hover .icon, .btn-link:active .icon, .btn-link:focus .icon, .btn-link:hover .icon {
  fill: #1b4770;
}

.btn--submenu {
  background-color: transparent;
  padding: 0;
}

.btn--submenu:focus-visible {
  border-radius: 0;
  outline: 1px solid #00529c !important;
  outline-offset: 0.25rem;
}

.btn--dealerlocator:not(.truck-configurator), .btn--search {
  background-color: transparent;
  border-radius: 0;
  color: #656b6f;
  font-weight: 400;
}

.btn--dealerlocator:not(.truck-configurator):active, .btn--dealerlocator:not(.truck-configurator):focus, .btn--dealerlocator:not(.truck-configurator):hover, .btn--search:active, .btn--search:focus, .btn--search:hover {
  color: #656b6f;
}

@media (min-width: 768px) {
  .btn--dealerlocator:not(.truck-configurator):active, .btn--dealerlocator:not(.truck-configurator):focus, .btn--dealerlocator:not(.truck-configurator):hover, .btn--search:active, .btn--search:focus, .btn--search:hover {
    background-color: #f9f9f9;
  }
}
.btn--dealerlocator:not(.truck-configurator):active .icon, .btn--dealerlocator:not(.truck-configurator):focus .icon, .btn--dealerlocator:not(.truck-configurator):hover .icon, .btn--search:active .icon, .btn--search:focus .icon, .btn--search:hover .icon {
  fill: #656b6f;
}

.btn--round, .btn-round {
  background-color: #00529c;
  border: 0;
  border-radius: 50%;
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.25);
  height: 40px;
  margin: 0;
  padding: 0;
  position: relative;
  transition: background-color 0.1s ease-in-out;
  width: 40px;
}

.btn--round .icon, .btn-round .icon {
  height: 30px;
  left: 6px;
  position: absolute;
  top: 5px;
  width: 30px;
  fill: #fff;
}

.btn--round.active, .btn--round.focus, .btn--round.hover, .btn--round:active, .btn--round:focus, .btn--round:hover, .btn-round.active, .btn-round.focus, .btn-round.hover, .btn-round:active, .btn-round:focus, .btn-round:hover {
  background-image: -owg-linear-gradient(180deg, #215f96 0, #004583 100%) !important;
  background-image: linear-gradient(180deg, #215f96, #004583) !important;
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.25) !important;
}

.btn--quicklink {
  align-items: center !important;
  background: #fff;
  border: 1px solid #b9c1c6;
  color: #353c45;
  display: flex !important;
  gap: 1rem !important;
  justify-content: center !important;
  line-height: 1.25;
  padding: 1rem 1.25rem;
  text-align: left;
  transition: none;
}

.btn--quicklink .icon {
  fill: currentcolor;
  flex: 0 0 auto;
}

@media (min-width: 768px) {
  .btn--quicklink {
    padding: 1.25rem;
  }
}
.btn--quicklink:active, .btn--quicklink:focus, .btn--quicklink:hover {
  background-image: -owg-linear-gradient(180deg, #215f96 0, #004583 100%) !important;
  background-image: linear-gradient(180deg, #215f96, #004583) !important;
  border-color: #00529c;
  color: #fff;
}

.btn--unfold {
  height: 56px;
  transition: background-image 0.25s ease-in-out;
  width: 56px;
}

.btn--unfold .icon {
  color: #fff;
  height: 36px;
  left: 50%;
  margin-left: -18px;
  margin-top: -18px;
  position: absolute;
  top: 50%;
  transform: rotate(-45deg);
  transition: fill 0.25s ease-in-out, transform 0.35s ease-in-out;
  width: 36px;
}

.btn--unfold.active, .btn--unfold:active, .btn--unfold:focus, .btn--unfold:hover {
  background-image: -owg-linear-gradient(0deg, #b9c1c6 0, #f1f1f1 100%) !important;
  background-image: linear-gradient(0deg, #b9c1c6, #f1f1f1) !important;
  cursor: pointer;
}

.btn--unfold.active .icon, .btn--unfold:active .icon, .btn--unfold:focus .icon, .btn--unfold:hover .icon {
  fill: #00529c;
}

.btn--unfold.active .icon {
  transform: rotate(0deg);
}

.btn--dealer-search {
  background-color: transparent;
}

.btn--dealer-search, .btn--dealer-search:active, .btn--dealer-search:focus, .btn--dealer-search:hover {
  border: 1px solid #fff;
}

.bg-light .btn--ghost, .bg-light .btn-ghost, .bg-medium .btn--ghost, .bg-medium .btn-ghost {
  background-color: #fff;
  border: 1px solid #b9c1c6;
  color: #00529c;
  transition: border-color 0.15s ease-in-out;
}

.bg-light .btn--ghost.active, .bg-light .btn--ghost.focus, .bg-light .btn--ghost.hover, .bg-light .btn--ghost:active, .bg-light .btn--ghost:focus, .bg-light .btn--ghost:hover, .bg-light .btn-ghost.active, .bg-light .btn-ghost.focus, .bg-light .btn-ghost.hover, .bg-light .btn-ghost:active, .bg-light .btn-ghost:focus, .bg-light .btn-ghost:hover, .bg-medium .btn--ghost.active, .bg-medium .btn--ghost.focus, .bg-medium .btn--ghost.hover, .bg-medium .btn--ghost:active, .bg-medium .btn--ghost:focus, .bg-medium .btn--ghost:hover, .bg-medium .btn-ghost.active, .bg-medium .btn-ghost.focus, .bg-medium .btn-ghost.hover, .bg-medium .btn-ghost:active, .bg-medium .btn-ghost:focus, .bg-medium .btn-ghost:hover {
  background-color: #fff !important;
  border: 1px solid #00529c !important;
  color: #00529c !important;
}

.bg-light .btn--ghost.active .icon, .bg-light .btn--ghost.focus .icon, .bg-light .btn--ghost.hover .icon, .bg-light .btn--ghost:active .icon, .bg-light .btn--ghost:focus .icon, .bg-light .btn--ghost:hover .icon, .bg-light .btn-ghost.active .icon, .bg-light .btn-ghost.focus .icon, .bg-light .btn-ghost.hover .icon, .bg-light .btn-ghost:active .icon, .bg-light .btn-ghost:focus .icon, .bg-light .btn-ghost:hover .icon, .bg-medium .btn--ghost.active .icon, .bg-medium .btn--ghost.focus .icon, .bg-medium .btn--ghost.hover .icon, .bg-medium .btn--ghost:active .icon, .bg-medium .btn--ghost:focus .icon, .bg-medium .btn--ghost:hover .icon, .bg-medium .btn-ghost.active .icon, .bg-medium .btn-ghost.focus .icon, .bg-medium .btn-ghost.hover .icon, .bg-medium .btn-ghost:active .icon, .bg-medium .btn-ghost:focus .icon, .bg-medium .btn-ghost:hover .icon {
  fill: #00529c !important;
}

.bg-light .btn--ghost:before, .bg-light .btn-ghost:before, .bg-medium .btn--ghost:before, .bg-medium .btn-ghost:before {
  display: none;
}

.bg-light .btn--ghost .icon, .bg-light .btn-ghost .icon, .bg-medium .btn--ghost .icon, .bg-medium .btn-ghost .icon {
  fill: #00529c;
}

.bg-blue .btn-primary {
  border-color: #fff;
}

.bg-blue .btn-primary.active, .bg-blue .btn-primary.focus, .bg-blue .btn-primary.hover, .bg-blue .btn-primary:active, .bg-blue .btn-primary:focus, .bg-blue .btn-primary:hover {
  border-color: #1b4770;
}

.bg-black .btn--link, .bg-black .btn-link, .bg-blue .btn--link, .bg-blue .btn-link, .bg-dark .btn--link, .bg-dark .btn-link {
  color: #b9c1c6 !important;
}

.bg-black .btn--link .icon, .bg-black .btn-link .icon, .bg-blue .btn--link .icon, .bg-blue .btn-link .icon, .bg-dark .btn--link .icon, .bg-dark .btn-link .icon {
  fill: #b9c1c6 !important;
}

.bg-black .btn--link.active, .bg-black .btn--link.focus, .bg-black .btn--link.hover, .bg-black .btn--link:active, .bg-black .btn--link:focus, .bg-black .btn--link:hover, .bg-black .btn-link.active, .bg-black .btn-link.focus, .bg-black .btn-link.hover, .bg-black .btn-link:active, .bg-black .btn-link:focus, .bg-black .btn-link:hover, .bg-blue .btn--link.active, .bg-blue .btn--link.focus, .bg-blue .btn--link.hover, .bg-blue .btn--link:active, .bg-blue .btn--link:focus, .bg-blue .btn--link:hover, .bg-blue .btn-link.active, .bg-blue .btn-link.focus, .bg-blue .btn-link.hover, .bg-blue .btn-link:active, .bg-blue .btn-link:focus, .bg-blue .btn-link:hover, .bg-dark .btn--link.active, .bg-dark .btn--link.focus, .bg-dark .btn--link.hover, .bg-dark .btn--link:active, .bg-dark .btn--link:focus, .bg-dark .btn--link:hover, .bg-dark .btn-link.active, .bg-dark .btn-link.focus, .bg-dark .btn-link.hover, .bg-dark .btn-link:active, .bg-dark .btn-link:focus, .bg-dark .btn-link:hover {
  color: #868e96 !important;
}

.bg-black .btn--link.active .icon, .bg-black .btn--link.focus .icon, .bg-black .btn--link.hover .icon, .bg-black .btn--link:active .icon, .bg-black .btn--link:focus .icon, .bg-black .btn--link:hover .icon, .bg-black .btn-link.active .icon, .bg-black .btn-link.focus .icon, .bg-black .btn-link.hover .icon, .bg-black .btn-link:active .icon, .bg-black .btn-link:focus .icon, .bg-black .btn-link:hover .icon, .bg-blue .btn--link.active .icon, .bg-blue .btn--link.focus .icon, .bg-blue .btn--link.hover .icon, .bg-blue .btn--link:active .icon, .bg-blue .btn--link:focus .icon, .bg-blue .btn--link:hover .icon, .bg-blue .btn-link.active .icon, .bg-blue .btn-link.focus .icon, .bg-blue .btn-link.hover .icon, .bg-blue .btn-link:active .icon, .bg-blue .btn-link:focus .icon, .bg-blue .btn-link:hover .icon, .bg-dark .btn--link.active .icon, .bg-dark .btn--link.focus .icon, .bg-dark .btn--link.hover .icon, .bg-dark .btn--link:active .icon, .bg-dark .btn--link:focus .icon, .bg-dark .btn--link:hover .icon, .bg-dark .btn-link.active .icon, .bg-dark .btn-link.focus .icon, .bg-dark .btn-link.hover .icon, .bg-dark .btn-link:active .icon, .bg-dark .btn-link:focus .icon, .bg-dark .btn-link:hover .icon {
  fill: #868e96 !important;
}

.clockpicker .input-group-addon {
  cursor: pointer;
}

.clockpicker-moving {
  cursor: move;
}

.clockpicker-align-left .popover > .arrow {
  left: 25px;
}

.clockpicker-align-top .popover > .arrow {
  top: 17px;
}

.clockpicker-align-right .popover > .arrow {
  left: auto;
  right: 25px;
}

.clockpicker-align-bottom .popover > .arrow {
  bottom: 6px;
  top: auto;
}

.clockpicker-popover .popover-title {
  background-color: #fff;
  color: #999;
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
  text-align: center;
}

.clockpicker-popover .popover-title span {
  cursor: pointer;
}

.clockpicker-popover .popover-content {
  background-color: #f8f8f8;
  padding: 12px;
}

.clockpicker-popover .popover-content:last-child {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.clockpicker-plate {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 50%;
  height: 200px;
  overflow: visible;
  position: relative;
  width: 200px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.clockpicker-canvas, .clockpicker-dial {
  height: 200px;
  left: -1px;
  position: absolute;
  top: -1px;
  width: 200px;
}

.clockpicker-minutes {
  visibility: hidden;
}

.clockpicker-tick {
  border-radius: 50%;
  color: #666;
  cursor: pointer;
  height: 26px;
  line-height: 26px;
  position: absolute;
  text-align: center;
  width: 26px;
}

.clockpicker-tick.active, .clockpicker-tick:hover {
  background-color: rgba(0, 149, 221, 0.25);
}

.clockpicker-button {
  background-color: #fff;
  background-image: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-width: 1px 0 0;
  margin: 0;
  padding: 10px 0;
}

.clockpicker-button:hover {
  background-color: #ebebeb;
  background-image: none;
}

.clockpicker-button:focus {
  outline: none !important;
}

.clockpicker-dial {
  transition: transform 0.35s, opacity 0.35s;
}

.clockpicker-dial-out {
  opacity: 0;
}

.clockpicker-hours .clockpicker-dial-out {
  transform: scale(1.2);
}

.clockpicker-minutes .clockpicker-dial-out {
  transform: scale(0.8);
}

.clockpicker-canvas {
  transition: opacity 175ms;
}

.clockpicker-canvas-out {
  opacity: 0.25;
}

.clockpicker-canvas-bearing, .clockpicker-canvas-fg {
  stroke: none;
  fill: #0095dd;
}

.clockpicker-canvas-bg {
  stroke: none;
  fill: #c0e5f7;
}

.clockpicker-canvas-bg-trans {
  fill: rgba(0, 149, 221, 0.25);
}

.clockpicker-canvas line {
  stroke: #0095dd;
  stroke-width: 1px;
  stroke-linecap: round;
}

.clockpicker-button .am-button {
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  margin: 1px;
  padding: 5px;
}

.clockpicker-button .pm-button {
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  margin: 1px 1px 1px 136px;
  padding: 5px;
}

.datepicker {
  border-radius: 5px;
  direction: ltr;
}

.datepicker-inline {
  width: 220px;
}

.datepicker-rtl {
  direction: rtl;
}

.datepicker-rtl.dropdown-menu {
  left: auto;
}

.datepicker-rtl table tr td span {
  float: right;
}

.datepicker-dropdown {
  left: 0;
  padding: 4px;
  top: 0;
}

.datepicker-dropdown:before {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
}

.datepicker-dropdown:after, .datepicker-dropdown:before {
  border-top: 0;
  content: "";
  display: inline-block;
  position: absolute;
}

.datepicker-dropdown:after {
  border-bottom: 6px solid #fff;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
}

.datepicker-dropdown.datepicker-orient-left:before {
  left: 6px;
}

.datepicker-dropdown.datepicker-orient-left:after {
  left: 7px;
}

.datepicker-dropdown.datepicker-orient-right:before {
  right: 6px;
}

.datepicker-dropdown.datepicker-orient-right:after {
  right: 7px;
}

.datepicker-dropdown.datepicker-orient-bottom:before {
  top: -7px;
}

.datepicker-dropdown.datepicker-orient-bottom:after {
  top: -6px;
}

.datepicker-dropdown.datepicker-orient-top:before {
  border-bottom: 0;
  border-top: 1px solid;
  bottom: -7px;
}

.datepicker-dropdown.datepicker-orient-top:after {
  border-bottom: 0;
  border-top: 6px solid #fff;
  bottom: -6px;
}

.datepicker table {
  margin: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.datepicker table tr td, .datepicker table tr th {
  border: none;
  border-radius: 4px;
  height: 30px;
  text-align: center;
  width: 30px;
}

.table-striped .datepicker table tr td, .table-striped .datepicker table tr th {
  background-color: transparent;
}

.datepicker table tr td.new, .datepicker table tr td.old {
  color: #6c757d;
}

.datepicker table tr td.day:hover, .datepicker table tr td.focused {
  background: #e9ecef;
  cursor: pointer;
}

.datepicker table tr td.disabled, .datepicker table tr td.disabled:hover {
  background: none;
  color: #6c757d;
  cursor: default;
}

.datepicker table tr td.highlighted {
  background-color: #000;
  border-color: #17a2b8;
  border-radius: 0;
  color: #fff;
}

.datepicker table tr td.highlighted:hover {
  background-color: #0c525d;
  border-color: #117a8b;
  color: #fff;
}

.datepicker table tr td.highlighted.focus, .datepicker table tr td.highlighted:focus {
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.datepicker table tr td.highlighted.disabled, .datepicker table tr td.highlighted:disabled {
  background-color: #000;
  border-color: #17a2b8;
  color: #fff;
}

.datepicker table tr td.highlighted:not(:disabled):not(.disabled).active, .datepicker table tr td.highlighted:not(:disabled):not(.disabled):active, .show > .datepicker table tr td.highlighted.dropdown-toggle {
  background-color: #000;
  border-color: #10707f;
  color: #fff;
}

.datepicker table tr td.highlighted:not(:disabled):not(.disabled).active:focus, .datepicker table tr td.highlighted:not(:disabled):not(.disabled):active:focus, .show > .datepicker table tr td.highlighted.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.datepicker table tr td.highlighted.focused {
  background: #117a8b;
}

.datepicker table tr td.highlighted.disabled, .datepicker table tr td.highlighted.disabled:active {
  background: #17a2b8;
  color: #6c757d;
}

.datepicker table tr td.today {
  background-color: #000;
  border-color: #ffdb99;
  color: #fff;
}

.datepicker table tr td.today:hover {
  background-color: #ffb733;
  border-color: #ffc966;
  color: #212529;
}

.datepicker table tr td.today.focus, .datepicker table tr td.today:focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 219, 153, 0.5);
}

.datepicker table tr td.today.disabled, .datepicker table tr td.today:disabled {
  background-color: #000;
  border-color: #ffdb99;
  color: #fff;
}

.datepicker table tr td.today:not(:disabled):not(.disabled).active, .datepicker table tr td.today:not(:disabled):not(.disabled):active, .show > .datepicker table tr td.today.dropdown-toggle {
  background-color: #000;
  border-color: #ffc559;
  color: #fff;
}

.datepicker table tr td.today:not(:disabled):not(.disabled).active:focus, .datepicker table tr td.today:not(:disabled):not(.disabled):active:focus, .show > .datepicker table tr td.today.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 219, 153, 0.5);
}

.datepicker table tr td.today.focused {
  background: #ffc966;
}

.datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:active {
  background: #ffdb99;
  color: #6c757d;
}

.datepicker table tr td.range {
  background-color: #000;
  border-color: #e9ecef;
  border-radius: 0;
  color: #fff;
}

.datepicker table tr td.range:hover {
  background-color: #aeb9c4;
  border-color: #cbd3da;
  color: #212529;
}

.datepicker table tr td.range.focus, .datepicker table tr td.range:focus {
  box-shadow: 0 0 0 0.2rem rgba(233, 236, 239, 0.5);
}

.datepicker table tr td.range.disabled, .datepicker table tr td.range:disabled {
  background-color: #000;
  border-color: #e9ecef;
  color: #fff;
}

.datepicker table tr td.range:not(:disabled):not(.disabled).active, .datepicker table tr td.range:not(:disabled):not(.disabled):active, .show > .datepicker table tr td.range.dropdown-toggle {
  background-color: #000;
  border-color: #c4ccd4;
  color: #fff;
}

.datepicker table tr td.range:not(:disabled):not(.disabled).active:focus, .datepicker table tr td.range:not(:disabled):not(.disabled):active:focus, .show > .datepicker table tr td.range.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(233, 236, 239, 0.5);
}

.datepicker table tr td.range.focused {
  background: #cbd3da;
}

.datepicker table tr td.range.disabled, .datepicker table tr td.range.disabled:active {
  background: #e9ecef;
  color: #6c757d;
}

.datepicker table tr td.range.highlighted {
  background-color: #000;
  border-color: #80c7d4;
  color: #fff;
}

.datepicker table tr td.range.highlighted:hover {
  background-color: #3d9fb1;
  border-color: #5ab6c6;
  color: #fff;
}

.datepicker table tr td.range.highlighted.focus, .datepicker table tr td.range.highlighted:focus {
  box-shadow: 0 0 0 0.2rem rgba(128, 199, 212, 0.5);
}

.datepicker table tr td.range.highlighted.disabled, .datepicker table tr td.range.highlighted:disabled {
  background-color: #000;
  border-color: #80c7d4;
  color: #fff;
}

.datepicker table tr td.range.highlighted:not(:disabled):not(.disabled).active, .datepicker table tr td.range.highlighted:not(:disabled):not(.disabled):active, .show > .datepicker table tr td.range.highlighted.dropdown-toggle {
  background-color: #000;
  border-color: #51b2c3;
  color: #fff;
}

.datepicker table tr td.range.highlighted:not(:disabled):not(.disabled).active:focus, .datepicker table tr td.range.highlighted:not(:disabled):not(.disabled):active:focus, .show > .datepicker table tr td.range.highlighted.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(128, 199, 212, 0.5);
}

.datepicker table tr td.range.highlighted.focused {
  background: #5ab6c6;
}

.datepicker table tr td.range.highlighted.disabled, .datepicker table tr td.range.highlighted.disabled:active {
  background: #80c7d4;
  color: #6c757d;
}

.datepicker table tr td.range.today {
  background-color: #000;
  border-color: #f4c978;
  color: #fff;
}

.datepicker table tr td.range.today:hover {
  background-color: #eca319;
  border-color: #f0b648;
  color: #212529;
}

.datepicker table tr td.range.today.focus, .datepicker table tr td.range.today:focus {
  box-shadow: 0 0 0 0.2rem hsla(39, 85%, 71%, 0.5);
}

.datepicker table tr td.range.today.disabled, .datepicker table tr td.range.today:disabled {
  background-color: #000;
  border-color: #f4c978;
  color: #fff;
}

.datepicker table tr td.range.today:not(:disabled):not(.disabled).active, .datepicker table tr td.range.today:not(:disabled):not(.disabled):active, .show > .datepicker table tr td.range.today.dropdown-toggle {
  background-color: #000;
  border-color: #efb13d;
  color: #fff;
}

.datepicker table tr td.range.today:not(:disabled):not(.disabled).active:focus, .datepicker table tr td.range.today:not(:disabled):not(.disabled):active:focus, .show > .datepicker table tr td.range.today.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem hsla(39, 85%, 71%, 0.5);
}

.datepicker table tr td.range.today.disabled, .datepicker table tr td.range.today.disabled:active {
  background: #f4c978;
  color: #6c757d;
}

.datepicker table tr td.selected, .datepicker table tr td.selected.highlighted {
  background-color: #fff;
  border-color: #ced4da;
  color: #212529;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datepicker table tr td.selected.highlighted:hover, .datepicker table tr td.selected:hover {
  background-color: #f8f9fa;
  border-color: #b1bbc4;
  color: #212529;
}

.datepicker table tr td.selected.focus, .datepicker table tr td.selected.highlighted.focus, .datepicker table tr td.selected.highlighted:focus, .datepicker table tr td.selected:focus {
  box-shadow: 0 0 0 0.2rem rgba(206, 212, 218, 0.5);
}

.datepicker table tr td.selected.disabled, .datepicker table tr td.selected.highlighted.disabled, .datepicker table tr td.selected.highlighted:disabled, .datepicker table tr td.selected:disabled {
  background-color: #fff;
  border-color: #ced4da;
  color: #212529;
}

.datepicker table tr td.selected.highlighted:not(:disabled):not(.disabled).active, .datepicker table tr td.selected.highlighted:not(:disabled):not(.disabled):active, .datepicker table tr td.selected:not(:disabled):not(.disabled).active, .datepicker table tr td.selected:not(:disabled):not(.disabled):active, .show > .datepicker table tr td.selected.dropdown-toggle, .show > .datepicker table tr td.selected.highlighted.dropdown-toggle {
  background-color: #e6e6e6;
  border-color: #aab4bf;
  color: #212529;
}

.datepicker table tr td.selected.highlighted:not(:disabled):not(.disabled).active:focus, .datepicker table tr td.selected.highlighted:not(:disabled):not(.disabled):active:focus, .datepicker table tr td.selected:not(:disabled):not(.disabled).active:focus, .datepicker table tr td.selected:not(:disabled):not(.disabled):active:focus, .show > .datepicker table tr td.selected.dropdown-toggle:focus, .show > .datepicker table tr td.selected.highlighted.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(206, 212, 218, 0.5);
}

.datepicker table tr td.active, .datepicker table tr td.active.highlighted {
  background-color: #00529c;
  border-color: #00529c;
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datepicker table tr td.active.highlighted:hover, .datepicker table tr td.active:hover {
  background-color: #00529c;
  border-color: #003769;
  color: #fff;
}

.datepicker table tr td.active.focus, .datepicker table tr td.active.highlighted.focus, .datepicker table tr td.active.highlighted:focus, .datepicker table tr td.active:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 82, 156, 0.5);
}

.datepicker table tr td.active.disabled, .datepicker table tr td.active.highlighted.disabled, .datepicker table tr td.active.highlighted:disabled, .datepicker table tr td.active:disabled {
  background-color: #00529c;
  border-color: #00529c;
  color: #fff;
}

.datepicker table tr td.active.highlighted:not(:disabled):not(.disabled).active, .datepicker table tr td.active.highlighted:not(:disabled):not(.disabled):active, .datepicker table tr td.active:not(:disabled):not(.disabled).active, .datepicker table tr td.active:not(:disabled):not(.disabled):active, .show > .datepicker table tr td.active.dropdown-toggle, .show > .datepicker table tr td.active.highlighted.dropdown-toggle {
  background-color: #003769;
  border-color: #00305c;
  color: #fff;
}

.datepicker table tr td.active.highlighted:not(:disabled):not(.disabled).active:focus, .datepicker table tr td.active.highlighted:not(:disabled):not(.disabled):active:focus, .datepicker table tr td.active:not(:disabled):not(.disabled).active:focus, .datepicker table tr td.active:not(:disabled):not(.disabled):active:focus, .show > .datepicker table tr td.active.dropdown-toggle:focus, .show > .datepicker table tr td.active.highlighted.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 82, 156, 0.5);
}

.datepicker table tr td span {
  border-radius: 4px;
  cursor: pointer;
  display: block;
  float: left;
  height: 54px;
  line-height: 54px;
  margin: 1%;
  width: 23%;
}

.datepicker table tr td span.focused, .datepicker table tr td span:hover {
  background: #e9ecef;
}

.datepicker table tr td span.disabled, .datepicker table tr td span.disabled:hover {
  background: none;
  color: #6c757d;
  cursor: default;
}

.datepicker table tr td span.active, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active:hover {
  background-color: #00529c;
  border-color: #00529c;
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover:hover {
  background-color: #00529c;
  border-color: #003769;
  color: #fff;
}

.datepicker table tr td span.active.disabled.focus, .datepicker table tr td span.active.disabled:focus, .datepicker table tr td span.active.disabled:hover.focus, .datepicker table tr td span.active.disabled:hover:focus, .datepicker table tr td span.active.focus, .datepicker table tr td span.active:focus, .datepicker table tr td span.active:hover.focus, .datepicker table tr td span.active:hover:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 82, 156, 0.5);
}

.datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled.disabled, .datepicker table tr td span.active.disabled:disabled, .datepicker table tr td span.active.disabled:hover.disabled, .datepicker table tr td span.active.disabled:hover:disabled, .datepicker table tr td span.active:disabled, .datepicker table tr td span.active:hover.disabled, .datepicker table tr td span.active:hover:disabled {
  background-color: #00529c;
  border-color: #00529c;
  color: #fff;
}

.datepicker table tr td span.active.disabled:hover:not(:disabled):not(.disabled).active, .datepicker table tr td span.active.disabled:hover:not(:disabled):not(.disabled):active, .datepicker table tr td span.active.disabled:not(:disabled):not(.disabled).active, .datepicker table tr td span.active.disabled:not(:disabled):not(.disabled):active, .datepicker table tr td span.active:hover:not(:disabled):not(.disabled).active, .datepicker table tr td span.active:hover:not(:disabled):not(.disabled):active, .datepicker table tr td span.active:not(:disabled):not(.disabled).active, .datepicker table tr td span.active:not(:disabled):not(.disabled):active, .show > .datepicker table tr td span.active.disabled.dropdown-toggle, .show > .datepicker table tr td span.active.disabled:hover.dropdown-toggle, .show > .datepicker table tr td span.active.dropdown-toggle, .show > .datepicker table tr td span.active:hover.dropdown-toggle {
  background-color: #003769;
  border-color: #00305c;
  color: #fff;
}

.datepicker table tr td span.active.disabled:hover:not(:disabled):not(.disabled).active:focus, .datepicker table tr td span.active.disabled:hover:not(:disabled):not(.disabled):active:focus, .datepicker table tr td span.active.disabled:not(:disabled):not(.disabled).active:focus, .datepicker table tr td span.active.disabled:not(:disabled):not(.disabled):active:focus, .datepicker table tr td span.active:hover:not(:disabled):not(.disabled).active:focus, .datepicker table tr td span.active:hover:not(:disabled):not(.disabled):active:focus, .datepicker table tr td span.active:not(:disabled):not(.disabled).active:focus, .datepicker table tr td span.active:not(:disabled):not(.disabled):active:focus, .show > .datepicker table tr td span.active.disabled.dropdown-toggle:focus, .show > .datepicker table tr td span.active.disabled:hover.dropdown-toggle:focus, .show > .datepicker table tr td span.active.dropdown-toggle:focus, .show > .datepicker table tr td span.active:hover.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 82, 156, 0.5);
}

.datepicker table tr td span.new, .datepicker table tr td span.old {
  color: #6c757d;
}

.datepicker .datepicker-switch {
  width: 145px;
}

.datepicker .datepicker-switch, .datepicker .next, .datepicker .prev, .datepicker tfoot tr th {
  cursor: pointer;
}

.datepicker .datepicker-switch:hover, .datepicker .next:hover, .datepicker .prev:hover, .datepicker tfoot tr th:hover {
  background: #e9ecef;
}

.datepicker .next.disabled, .datepicker .prev.disabled {
  visibility: hidden;
}

.datepicker .cw {
  font-size: 10px;
  padding: 0 2px 0 5px;
  vertical-align: middle;
  width: 12px;
}

.input-group.date .input-group-addon {
  cursor: pointer;
}

.input-daterange {
  width: 100%;
}

.input-daterange input {
  text-align: center;
}

.input-daterange input:first-child {
  border-radius: 3px 0 0 3px;
}

.input-daterange input:last-child {
  border-radius: 0 3px 3px 0;
}

.input-daterange .input-group-addon {
  border-width: 1px 0;
  line-height: 1.2;
  margin-left: -5px;
  margin-right: -5px;
  min-width: 16px;
  padding: 4px 5px;
  text-shadow: 0 1px 0 #fff;
  width: auto;
}

.download-item {
  border-bottom: 1px solid #868e96;
  font-size: 0.875rem;
}

.download-item__title {
  color: #00529c;
  font-size: inherit;
  font-weight: 700;
  text-decoration: underline;
}

.download-item__detail {
  color: #353c45;
}

.text-light .download-item__detail {
  color: #ced3d6;
}

.download-item .icon {
  fill: #00529c;
}

.text-light .download-item .icon {
  fill: #fff;
}

.iframe {
  border: 0;
  min-height: 600px;
  width: 100%;
}

.filter, .iframe {
  margin: 0;
  padding: 0;
}

.filter {
  position: relative;
}

.filter .mobile-collapse-toggle {
  margin-bottom: 1.25rem;
  width: 100%;
}

.filter .mobile-collapse-toggle .icon {
  position: absolute;
  right: 10px;
  top: 12px;
  transition: transform 0.2s ease-in-out;
}

.filter .mobile-collapse-toggle[aria-expanded=true] .icon {
  transform: rotate(180deg);
}

.filter .filter {
  border-bottom: 1px solid #b9c1c6;
}

.filter .filter--dropdowns {
  padding-bottom: 0.625rem;
}

.filter .filter .dropdown {
  background-color: #fff;
  border: 1px solid #b9c1c6;
  border-radius: 4px;
  margin: 0 0 0.9375rem;
}

.filter .filter .dropdown .ps__rail-y {
  display: block;
  opacity: 0.6;
}

.filter .filter .dropdown .ps__thumb-y {
  opacity: 0.6;
}

.filter .filter .dropdown.show {
  border-radius: 4px 4px 0 0;
}

.filter .filter .dropdown.show .dropdown-toggle .icon {
  transform: rotate(180deg);
}

.filter .filter .dropdown .dropdown-menu {
  border-radius: 0 0 4px 4px;
  margin: -1px 0 0 -1px;
  max-height: 395px;
  overflow: hidden;
  padding: 0 1.5625rem 0 0.9375rem;
  width: calc(100% + 2px);
}

@media (min-width: 768px) {
  .filter .filter .dropdown--wide .dropdown-menu {
    border-radius: 0 4px 4px;
    width: 312px;
  }
}
.filter .filter .dropdown .dropdown-item {
  border-bottom: 1px solid #b9c1c6;
  cursor: pointer;
  padding: 0;
  white-space: normal;
}

.filter .filter .dropdown .dropdown-item [class*=col-] {
  margin: 0;
}

.filter .filter .dropdown .dropdown-item:last-child {
  border-bottom: 0;
}

.filter .filter .dropdown .dropdown-item:active, .filter .filter .dropdown .dropdown-item:focus, .filter .filter .dropdown .dropdown-item:hover {
  background-color: transparent;
}

.filter .filter .dropdown .dropdown-item .row {
  margin-left: -15px;
  margin-right: -25px;
  padding: 0.9375rem 0.9375rem 0.9375rem 0.3125rem;
  position: relative;
}

@media (min-width: 768px) {
  .filter .filter .dropdown .dropdown-item .row {
    padding: 0.5rem 0.9375rem 0.5rem 0.3125rem;
  }
}
.filter .filter .dropdown .dropdown-item__input {
  display: none;
}

.filter .filter .dropdown .dropdown-item__input:checked ~ .row {
  background-color: #f1f1f1;
}

.filter .filter .dropdown .dropdown-item__input:checked ~ .row .dropdown-item__option {
  color: #fc5f01;
}

.filter .filter .dropdown .dropdown-item__input:disabled ~ .row {
  opacity: 0.5;
}

.filter .filter .dropdown .dropdown-item__option {
  color: #00529c;
  cursor: pointer;
  display: block;
  font-size: 0.875rem;
  line-height: 1.5;
  margin: 0;
}

.filter .filter .dropdown .dropdown-item__image {
  height: 0;
  margin-right: 30px;
  overflow: hidden;
  padding-top: 33.3333333333%;
  position: relative;
}

.filter .filter .dropdown .dropdown-item .badge {
  color: #b9c1c6;
  font-weight: 400;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
}

.filter .filter .collapse-toggle, .filter .filter .dropdown-toggle {
  color: #21252b;
  cursor: pointer;
  display: block;
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 1.4666666667;
  margin: 0;
  padding: 0.625rem 1.5625rem 0.625rem 0.9375rem;
}

.filter .filter .collapse-toggle .icon, .filter .filter .dropdown-toggle .icon {
  position: absolute;
  right: 5px;
  top: 12px;
  fill: #21252b;
  height: 18px;
  transition: transform 0.2s ease-in-out;
  width: 18px;
}

.filter .filter .collapse-toggle.active .icon {
  transform: rotate(45deg);
}

.filter .filter .dropdown-toggle {
  background-color: transparent;
  padding: 0.625rem 1.5625rem 0.625rem 0.9375rem;
}

.filter .filter .dropdown-toggle:after {
  display: none;
}

.filter .filter__taglist {
  margin: 0 0 1.25rem 0.9375rem;
}

.filter .filter__taglist .tag {
  padding: 0.125rem 2.1875rem 0.125rem 1.5rem;
  position: relative;
}

.filter .filter__taglist .tag .custom-control-label {
  color: #00529c;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.5;
  margin: 0;
  padding-top: 0.25rem;
}

.filter .filter__taglist .tag .custom-control-label:before {
  top: 7px;
}

.filter .filter__taglist .tag .custom-control-label:after {
  top: 10px;
}

.filter .filter__taglist .tag .badge {
  color: #b9c1c6;
  font-weight: 400;
  position: absolute;
  right: 4px;
  top: 8px;
}

.filter .custom-checkbox .custom-control-label {
  cursor: pointer;
}

.filter .custom-checkbox .custom-control-label:before {
  background-color: #fff;
  border: 1px solid #b9c1c6;
  border-radius: 0.125rem;
  box-shadow: none !important;
  height: 16px;
  top: 4px;
  width: 16px;
}

.filter .custom-checkbox .custom-control-label:after {
  border-radius: 0.125rem;
  height: 10px;
  left: 3px;
  top: 7px;
  width: 10px;
}

.filter .custom-checkbox .custom-control-input:checked ~ .custom-control-label:before {
  background-color: #fff;
  background-image: none;
}

.filter .custom-checkbox .custom-control-input:checked ~ .custom-control-label:after {
  background-color: #fc5f01;
  background-image: none;
}

.filter .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label:before {
  background-color: #fc5f01;
  background-image: none;
}

.filter .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label:after {
  background-image: none;
}

.filter .custom-checkbox .custom-control-input:focus ~ .custom-control-label :before {
  background-image: none;
  box-shadow: none;
}

.filter .custom-checkbox .custom-control-input:active ~ .custom-control-label:before {
  background-color: #fc5f01;
  background-image: none;
  box-shadow: none;
  color: #fc5f01;
}

.filter .custom-checkbox .custom-control-input:disabled ~ .custom-control-label {
  color: rgba(0, 82, 156, 0.5);
  cursor: default;
  pointer-events: none;
}

.filter .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label:before, .filter .custom-checkbox .custom-control-input:disabled ~ .custom-control-label:before {
  background-color: hsla(0, 0%, 100%, 0.5);
  background-image: none;
}

.filter .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label:after {
  background-color: #ffbe97;
  background-image: none;
}

.filter .custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label:before {
  background-color: hsla(0, 0%, 100%, 0.5);
  background-image: none;
}

.filter .custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label:after {
  background-color: hsla(0, 0%, 100%, 0.5);
  background-image: none;
}

.flag-icon, .flag-icon-background {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.flag-icon {
  display: inline-block;
  line-height: 1em;
  position: relative;
  width: 1.3333333333em;
}

.flag-icon:before {
  content: " ";
}

.flag-icon.flag-icon-rounded, .flag-icon.flag-icon-squared {
  width: 1em;
}

.flag-icon-ad {
  background-image: url(/assets/images/common/flags/4x3/ad.svg);
}

.flag-icon-ad.flag-icon-rounded, .flag-icon-ad.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/ad.svg);
}

.flag-icon-ae {
  background-image: url(/assets/images/common/flags/4x3/ae.svg);
}

.flag-icon-ae.flag-icon-rounded, .flag-icon-ae.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/ae.svg);
}

.flag-icon-af {
  background-image: url(/assets/images/common/flags/4x3/af.svg);
}

.flag-icon-af.flag-icon-rounded, .flag-icon-af.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/af.svg);
}

.flag-icon-ag {
  background-image: url(/assets/images/common/flags/4x3/ag.svg);
}

.flag-icon-ag.flag-icon-rounded, .flag-icon-ag.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/ag.svg);
}

.flag-icon-ai {
  background-image: url(/assets/images/common/flags/4x3/ai.svg);
}

.flag-icon-ai.flag-icon-rounded, .flag-icon-ai.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/ai.svg);
}

.flag-icon-al {
  background-image: url(/assets/images/common/flags/4x3/al.svg);
}

.flag-icon-al.flag-icon-rounded, .flag-icon-al.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/al.svg);
}

.flag-icon-am {
  background-image: url(/assets/images/common/flags/4x3/am.svg);
}

.flag-icon-am.flag-icon-rounded, .flag-icon-am.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/am.svg);
}

.flag-icon-ao {
  background-image: url(/assets/images/common/flags/4x3/ao.svg);
}

.flag-icon-ao.flag-icon-rounded, .flag-icon-ao.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/ao.svg);
}

.flag-icon-aq {
  background-image: url(/assets/images/common/flags/4x3/aq.svg);
}

.flag-icon-aq.flag-icon-rounded, .flag-icon-aq.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/aq.svg);
}

.flag-icon-ar {
  background-image: url(/assets/images/common/flags/4x3/ar.svg);
}

.flag-icon-ar.flag-icon-rounded, .flag-icon-ar.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/ar.svg);
}

.flag-icon-as {
  background-image: url(/assets/images/common/flags/4x3/as.svg);
}

.flag-icon-as.flag-icon-rounded, .flag-icon-as.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/as.svg);
}

.flag-icon-at {
  background-image: url(/assets/images/common/flags/4x3/at.svg);
}

.flag-icon-at.flag-icon-rounded, .flag-icon-at.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/at.svg);
}

.flag-icon-au {
  background-image: url(/assets/images/common/flags/4x3/au.svg);
}

.flag-icon-au.flag-icon-rounded, .flag-icon-au.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/au.svg);
}

.flag-icon-aw {
  background-image: url(/assets/images/common/flags/4x3/aw.svg);
}

.flag-icon-aw.flag-icon-rounded, .flag-icon-aw.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/aw.svg);
}

.flag-icon-ax {
  background-image: url(/assets/images/common/flags/4x3/ax.svg);
}

.flag-icon-ax.flag-icon-rounded, .flag-icon-ax.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/ax.svg);
}

.flag-icon-az {
  background-image: url(/assets/images/common/flags/4x3/az.svg);
}

.flag-icon-az.flag-icon-rounded, .flag-icon-az.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/az.svg);
}

.flag-icon-ba {
  background-image: url(/assets/images/common/flags/4x3/ba.svg);
}

.flag-icon-ba.flag-icon-rounded, .flag-icon-ba.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/ba.svg);
}

.flag-icon-bb {
  background-image: url(/assets/images/common/flags/4x3/bb.svg);
}

.flag-icon-bb.flag-icon-rounded, .flag-icon-bb.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/bb.svg);
}

.flag-icon-bd {
  background-image: url(/assets/images/common/flags/4x3/bd.svg);
}

.flag-icon-bd.flag-icon-rounded, .flag-icon-bd.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/bd.svg);
}

.flag-icon-be {
  background-image: url(/assets/images/common/flags/4x3/be.svg);
}

.flag-icon-be.flag-icon-rounded, .flag-icon-be.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/be.svg);
}

.flag-icon-bf {
  background-image: url(/assets/images/common/flags/4x3/bf.svg);
}

.flag-icon-bf.flag-icon-rounded, .flag-icon-bf.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/bf.svg);
}

.flag-icon-bg {
  background-image: url(/assets/images/common/flags/4x3/bg.svg);
}

.flag-icon-bg.flag-icon-rounded, .flag-icon-bg.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/bg.svg);
}

.flag-icon-bh {
  background-image: url(/assets/images/common/flags/4x3/bh.svg);
}

.flag-icon-bh.flag-icon-rounded, .flag-icon-bh.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/bh.svg);
}

.flag-icon-bi {
  background-image: url(/assets/images/common/flags/4x3/bi.svg);
}

.flag-icon-bi.flag-icon-rounded, .flag-icon-bi.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/bi.svg);
}

.flag-icon-bj {
  background-image: url(/assets/images/common/flags/4x3/bj.svg);
}

.flag-icon-bj.flag-icon-rounded, .flag-icon-bj.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/bj.svg);
}

.flag-icon-bl {
  background-image: url(/assets/images/common/flags/4x3/bl.svg);
}

.flag-icon-bl.flag-icon-rounded, .flag-icon-bl.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/bl.svg);
}

.flag-icon-bm {
  background-image: url(/assets/images/common/flags/4x3/bm.svg);
}

.flag-icon-bm.flag-icon-rounded, .flag-icon-bm.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/bm.svg);
}

.flag-icon-bn {
  background-image: url(/assets/images/common/flags/4x3/bn.svg);
}

.flag-icon-bn.flag-icon-rounded, .flag-icon-bn.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/bn.svg);
}

.flag-icon-bo {
  background-image: url(/assets/images/common/flags/4x3/bo.svg);
}

.flag-icon-bo.flag-icon-rounded, .flag-icon-bo.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/bo.svg);
}

.flag-icon-bq {
  background-image: url(/assets/images/common/flags/4x3/bq.svg);
}

.flag-icon-bq.flag-icon-rounded, .flag-icon-bq.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/bq.svg);
}

.flag-icon-br {
  background-image: url(/assets/images/common/flags/4x3/br.svg);
}

.flag-icon-br.flag-icon-rounded, .flag-icon-br.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/br.svg);
}

.flag-icon-bs {
  background-image: url(/assets/images/common/flags/4x3/bs.svg);
}

.flag-icon-bs.flag-icon-rounded, .flag-icon-bs.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/bs.svg);
}

.flag-icon-bt {
  background-image: url(/assets/images/common/flags/4x3/bt.svg);
}

.flag-icon-bt.flag-icon-rounded, .flag-icon-bt.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/bt.svg);
}

.flag-icon-bv {
  background-image: url(/assets/images/common/flags/4x3/bv.svg);
}

.flag-icon-bv.flag-icon-rounded, .flag-icon-bv.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/bv.svg);
}

.flag-icon-bw {
  background-image: url(/assets/images/common/flags/4x3/bw.svg);
}

.flag-icon-bw.flag-icon-rounded, .flag-icon-bw.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/bw.svg);
}

.flag-icon-by {
  background-image: url(/assets/images/common/flags/4x3/by.svg);
}

.flag-icon-by.flag-icon-rounded, .flag-icon-by.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/by.svg);
}

.flag-icon-bz {
  background-image: url(/assets/images/common/flags/4x3/bz.svg);
}

.flag-icon-bz.flag-icon-rounded, .flag-icon-bz.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/bz.svg);
}

.flag-icon-ca {
  background-image: url(/assets/images/common/flags/4x3/ca.svg);
}

.flag-icon-ca.flag-icon-rounded, .flag-icon-ca.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/ca.svg);
}

.flag-icon-cc {
  background-image: url(/assets/images/common/flags/4x3/cc.svg);
}

.flag-icon-cc.flag-icon-rounded, .flag-icon-cc.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/cc.svg);
}

.flag-icon-cd {
  background-image: url(/assets/images/common/flags/4x3/cd.svg);
}

.flag-icon-cd.flag-icon-rounded, .flag-icon-cd.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/cd.svg);
}

.flag-icon-cf {
  background-image: url(/assets/images/common/flags/4x3/cf.svg);
}

.flag-icon-cf.flag-icon-rounded, .flag-icon-cf.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/cf.svg);
}

.flag-icon-cg {
  background-image: url(/assets/images/common/flags/4x3/cg.svg);
}

.flag-icon-cg.flag-icon-rounded, .flag-icon-cg.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/cg.svg);
}

.flag-icon-ch {
  background-image: url(/assets/images/common/flags/4x3/ch.svg);
}

.flag-icon-ch.flag-icon-rounded, .flag-icon-ch.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/ch.svg);
}

.flag-icon-ci {
  background-image: url(/assets/images/common/flags/4x3/ci.svg);
}

.flag-icon-ci.flag-icon-rounded, .flag-icon-ci.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/ci.svg);
}

.flag-icon-ck {
  background-image: url(/assets/images/common/flags/4x3/ck.svg);
}

.flag-icon-ck.flag-icon-rounded, .flag-icon-ck.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/ck.svg);
}

.flag-icon-cl {
  background-image: url(/assets/images/common/flags/4x3/cl.svg);
}

.flag-icon-cl.flag-icon-rounded, .flag-icon-cl.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/cl.svg);
}

.flag-icon-cm {
  background-image: url(/assets/images/common/flags/4x3/cm.svg);
}

.flag-icon-cm.flag-icon-rounded, .flag-icon-cm.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/cm.svg);
}

.flag-icon-cn {
  background-image: url(/assets/images/common/flags/4x3/cn.svg);
}

.flag-icon-cn.flag-icon-rounded, .flag-icon-cn.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/cn.svg);
}

.flag-icon-co {
  background-image: url(/assets/images/common/flags/4x3/co.svg);
}

.flag-icon-co.flag-icon-rounded, .flag-icon-co.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/co.svg);
}

.flag-icon-cr {
  background-image: url(/assets/images/common/flags/4x3/cr.svg);
}

.flag-icon-cr.flag-icon-rounded, .flag-icon-cr.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/cr.svg);
}

.flag-icon-cu {
  background-image: url(/assets/images/common/flags/4x3/cu.svg);
}

.flag-icon-cu.flag-icon-rounded, .flag-icon-cu.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/cu.svg);
}

.flag-icon-cv {
  background-image: url(/assets/images/common/flags/4x3/cv.svg);
}

.flag-icon-cv.flag-icon-rounded, .flag-icon-cv.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/cv.svg);
}

.flag-icon-cw {
  background-image: url(/assets/images/common/flags/4x3/cw.svg);
}

.flag-icon-cw.flag-icon-rounded, .flag-icon-cw.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/cw.svg);
}

.flag-icon-cx {
  background-image: url(/assets/images/common/flags/4x3/cx.svg);
}

.flag-icon-cx.flag-icon-rounded, .flag-icon-cx.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/cx.svg);
}

.flag-icon-cy {
  background-image: url(/assets/images/common/flags/4x3/cy.svg);
}

.flag-icon-cy.flag-icon-rounded, .flag-icon-cy.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/cy.svg);
}

.flag-icon-cz {
  background-image: url(/assets/images/common/flags/4x3/cz.svg);
}

.flag-icon-cz.flag-icon-rounded, .flag-icon-cz.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/cz.svg);
}

.flag-icon-de {
  background-image: url(/assets/images/common/flags/4x3/de.svg);
}

.flag-icon-de.flag-icon-rounded, .flag-icon-de.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/de.svg);
}

.flag-icon-dj {
  background-image: url(/assets/images/common/flags/4x3/dj.svg);
}

.flag-icon-dj.flag-icon-rounded, .flag-icon-dj.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/dj.svg);
}

.flag-icon-dk {
  background-image: url(/assets/images/common/flags/4x3/dk.svg);
}

.flag-icon-dk.flag-icon-rounded, .flag-icon-dk.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/dk.svg);
}

.flag-icon-dm {
  background-image: url(/assets/images/common/flags/4x3/dm.svg);
}

.flag-icon-dm.flag-icon-rounded, .flag-icon-dm.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/dm.svg);
}

.flag-icon-do {
  background-image: url(/assets/images/common/flags/4x3/do.svg);
}

.flag-icon-do.flag-icon-rounded, .flag-icon-do.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/do.svg);
}

.flag-icon-dz {
  background-image: url(/assets/images/common/flags/4x3/dz.svg);
}

.flag-icon-dz.flag-icon-rounded, .flag-icon-dz.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/dz.svg);
}

.flag-icon-ec {
  background-image: url(/assets/images/common/flags/4x3/ec.svg);
}

.flag-icon-ec.flag-icon-rounded, .flag-icon-ec.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/ec.svg);
}

.flag-icon-ee {
  background-image: url(/assets/images/common/flags/4x3/ee.svg);
}

.flag-icon-ee.flag-icon-rounded, .flag-icon-ee.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/ee.svg);
}

.flag-icon-eg {
  background-image: url(/assets/images/common/flags/4x3/eg.svg);
}

.flag-icon-eg.flag-icon-rounded, .flag-icon-eg.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/eg.svg);
}

.flag-icon-eh {
  background-image: url(/assets/images/common/flags/4x3/eh.svg);
}

.flag-icon-eh.flag-icon-rounded, .flag-icon-eh.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/eh.svg);
}

.flag-icon-er {
  background-image: url(/assets/images/common/flags/4x3/er.svg);
}

.flag-icon-er.flag-icon-rounded, .flag-icon-er.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/er.svg);
}

.flag-icon-es {
  background-image: url(/assets/images/common/flags/4x3/es.svg);
}

.flag-icon-es.flag-icon-rounded, .flag-icon-es.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/es.svg);
}

.flag-icon-et {
  background-image: url(/assets/images/common/flags/4x3/et.svg);
}

.flag-icon-et.flag-icon-rounded, .flag-icon-et.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/et.svg);
}

.flag-icon-fi {
  background-image: url(/assets/images/common/flags/4x3/fi.svg);
}

.flag-icon-fi.flag-icon-rounded, .flag-icon-fi.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/fi.svg);
}

.flag-icon-fj {
  background-image: url(/assets/images/common/flags/4x3/fj.svg);
}

.flag-icon-fj.flag-icon-rounded, .flag-icon-fj.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/fj.svg);
}

.flag-icon-fk {
  background-image: url(/assets/images/common/flags/4x3/fk.svg);
}

.flag-icon-fk.flag-icon-rounded, .flag-icon-fk.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/fk.svg);
}

.flag-icon-fm {
  background-image: url(/assets/images/common/flags/4x3/fm.svg);
}

.flag-icon-fm.flag-icon-rounded, .flag-icon-fm.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/fm.svg);
}

.flag-icon-fo {
  background-image: url(/assets/images/common/flags/4x3/fo.svg);
}

.flag-icon-fo.flag-icon-rounded, .flag-icon-fo.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/fo.svg);
}

.flag-icon-fr {
  background-image: url(/assets/images/common/flags/4x3/fr.svg);
}

.flag-icon-fr.flag-icon-rounded, .flag-icon-fr.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/fr.svg);
}

.flag-icon-ga {
  background-image: url(/assets/images/common/flags/4x3/ga.svg);
}

.flag-icon-ga.flag-icon-rounded, .flag-icon-ga.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/ga.svg);
}

.flag-icon-gb {
  background-image: url(/assets/images/common/flags/4x3/gb.svg);
}

.flag-icon-gb.flag-icon-rounded, .flag-icon-gb.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/gb.svg);
}

.flag-icon-gd {
  background-image: url(/assets/images/common/flags/4x3/gd.svg);
}

.flag-icon-gd.flag-icon-rounded, .flag-icon-gd.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/gd.svg);
}

.flag-icon-ge {
  background-image: url(/assets/images/common/flags/4x3/ge.svg);
}

.flag-icon-ge.flag-icon-rounded, .flag-icon-ge.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/ge.svg);
}

.flag-icon-gf {
  background-image: url(/assets/images/common/flags/4x3/gf.svg);
}

.flag-icon-gf.flag-icon-rounded, .flag-icon-gf.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/gf.svg);
}

.flag-icon-gg {
  background-image: url(/assets/images/common/flags/4x3/gg.svg);
}

.flag-icon-gg.flag-icon-rounded, .flag-icon-gg.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/gg.svg);
}

.flag-icon-gh {
  background-image: url(/assets/images/common/flags/4x3/gh.svg);
}

.flag-icon-gh.flag-icon-rounded, .flag-icon-gh.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/gh.svg);
}

.flag-icon-gi {
  background-image: url(/assets/images/common/flags/4x3/gi.svg);
}

.flag-icon-gi.flag-icon-rounded, .flag-icon-gi.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/gi.svg);
}

.flag-icon-gl {
  background-image: url(/assets/images/common/flags/4x3/gl.svg);
}

.flag-icon-gl.flag-icon-rounded, .flag-icon-gl.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/gl.svg);
}

.flag-icon-gm {
  background-image: url(/assets/images/common/flags/4x3/gm.svg);
}

.flag-icon-gm.flag-icon-rounded, .flag-icon-gm.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/gm.svg);
}

.flag-icon-gn {
  background-image: url(/assets/images/common/flags/4x3/gn.svg);
}

.flag-icon-gn.flag-icon-rounded, .flag-icon-gn.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/gn.svg);
}

.flag-icon-gp {
  background-image: url(/assets/images/common/flags/4x3/gp.svg);
}

.flag-icon-gp.flag-icon-rounded, .flag-icon-gp.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/gp.svg);
}

.flag-icon-gq {
  background-image: url(/assets/images/common/flags/4x3/gq.svg);
}

.flag-icon-gq.flag-icon-rounded, .flag-icon-gq.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/gq.svg);
}

.flag-icon-gr {
  background-image: url(/assets/images/common/flags/4x3/gr.svg);
}

.flag-icon-gr.flag-icon-rounded, .flag-icon-gr.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/gr.svg);
}

.flag-icon-gs {
  background-image: url(/assets/images/common/flags/4x3/gs.svg);
}

.flag-icon-gs.flag-icon-rounded, .flag-icon-gs.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/gs.svg);
}

.flag-icon-gt {
  background-image: url(/assets/images/common/flags/4x3/gt.svg);
}

.flag-icon-gt.flag-icon-rounded, .flag-icon-gt.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/gt.svg);
}

.flag-icon-gu {
  background-image: url(/assets/images/common/flags/4x3/gu.svg);
}

.flag-icon-gu.flag-icon-rounded, .flag-icon-gu.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/gu.svg);
}

.flag-icon-gw {
  background-image: url(/assets/images/common/flags/4x3/gw.svg);
}

.flag-icon-gw.flag-icon-rounded, .flag-icon-gw.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/gw.svg);
}

.flag-icon-gy {
  background-image: url(/assets/images/common/flags/4x3/gy.svg);
}

.flag-icon-gy.flag-icon-rounded, .flag-icon-gy.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/gy.svg);
}

.flag-icon-hk {
  background-image: url(/assets/images/common/flags/4x3/hk.svg);
}

.flag-icon-hk.flag-icon-rounded, .flag-icon-hk.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/hk.svg);
}

.flag-icon-hm {
  background-image: url(/assets/images/common/flags/4x3/hm.svg);
}

.flag-icon-hm.flag-icon-rounded, .flag-icon-hm.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/hm.svg);
}

.flag-icon-hn {
  background-image: url(/assets/images/common/flags/4x3/hn.svg);
}

.flag-icon-hn.flag-icon-rounded, .flag-icon-hn.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/hn.svg);
}

.flag-icon-hr {
  background-image: url(/assets/images/common/flags/4x3/hr.svg);
}

.flag-icon-hr.flag-icon-rounded, .flag-icon-hr.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/hr.svg);
}

.flag-icon-ht {
  background-image: url(/assets/images/common/flags/4x3/ht.svg);
}

.flag-icon-ht.flag-icon-rounded, .flag-icon-ht.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/ht.svg);
}

.flag-icon-hu {
  background-image: url(/assets/images/common/flags/4x3/hu.svg);
}

.flag-icon-hu.flag-icon-rounded, .flag-icon-hu.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/hu.svg);
}

.flag-icon-id {
  background-image: url(/assets/images/common/flags/4x3/id.svg);
}

.flag-icon-id.flag-icon-rounded, .flag-icon-id.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/id.svg);
}

.flag-icon-ie {
  background-image: url(/assets/images/common/flags/4x3/ie.svg);
}

.flag-icon-ie.flag-icon-rounded, .flag-icon-ie.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/ie.svg);
}

.flag-icon-il {
  background-image: url(/assets/images/common/flags/4x3/il.svg);
}

.flag-icon-il.flag-icon-rounded, .flag-icon-il.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/il.svg);
}

.flag-icon-im {
  background-image: url(/assets/images/common/flags/4x3/im.svg);
}

.flag-icon-im.flag-icon-rounded, .flag-icon-im.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/im.svg);
}

.flag-icon-in {
  background-image: url(/assets/images/common/flags/4x3/in.svg);
}

.flag-icon-in.flag-icon-rounded, .flag-icon-in.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/in.svg);
}

.flag-icon-io {
  background-image: url(/assets/images/common/flags/4x3/io.svg);
}

.flag-icon-io.flag-icon-rounded, .flag-icon-io.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/io.svg);
}

.flag-icon-iq {
  background-image: url(/assets/images/common/flags/4x3/iq.svg);
}

.flag-icon-iq.flag-icon-rounded, .flag-icon-iq.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/iq.svg);
}

.flag-icon-ir {
  background-image: url(/assets/images/common/flags/4x3/ir.svg);
}

.flag-icon-ir.flag-icon-rounded, .flag-icon-ir.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/ir.svg);
}

.flag-icon-is {
  background-image: url(/assets/images/common/flags/4x3/is.svg);
}

.flag-icon-is.flag-icon-rounded, .flag-icon-is.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/is.svg);
}

.flag-icon-it {
  background-image: url(/assets/images/common/flags/4x3/it.svg);
}

.flag-icon-it.flag-icon-rounded, .flag-icon-it.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/it.svg);
}

.flag-icon-je {
  background-image: url(/assets/images/common/flags/4x3/je.svg);
}

.flag-icon-je.flag-icon-rounded, .flag-icon-je.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/je.svg);
}

.flag-icon-jm {
  background-image: url(/assets/images/common/flags/4x3/jm.svg);
}

.flag-icon-jm.flag-icon-rounded, .flag-icon-jm.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/jm.svg);
}

.flag-icon-jo {
  background-image: url(/assets/images/common/flags/4x3/jo.svg);
}

.flag-icon-jo.flag-icon-rounded, .flag-icon-jo.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/jo.svg);
}

.flag-icon-jp {
  background-image: url(/assets/images/common/flags/4x3/jp.svg);
}

.flag-icon-jp.flag-icon-rounded, .flag-icon-jp.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/jp.svg);
}

.flag-icon-ke {
  background-image: url(/assets/images/common/flags/4x3/ke.svg);
}

.flag-icon-ke.flag-icon-rounded, .flag-icon-ke.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/ke.svg);
}

.flag-icon-kg {
  background-image: url(/assets/images/common/flags/4x3/kg.svg);
}

.flag-icon-kg.flag-icon-rounded, .flag-icon-kg.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/kg.svg);
}

.flag-icon-kh {
  background-image: url(/assets/images/common/flags/4x3/kh.svg);
}

.flag-icon-kh.flag-icon-rounded, .flag-icon-kh.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/kh.svg);
}

.flag-icon-ki {
  background-image: url(/assets/images/common/flags/4x3/ki.svg);
}

.flag-icon-ki.flag-icon-rounded, .flag-icon-ki.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/ki.svg);
}

.flag-icon-km {
  background-image: url(/assets/images/common/flags/4x3/km.svg);
}

.flag-icon-km.flag-icon-rounded, .flag-icon-km.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/km.svg);
}

.flag-icon-kn {
  background-image: url(/assets/images/common/flags/4x3/kn.svg);
}

.flag-icon-kn.flag-icon-rounded, .flag-icon-kn.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/kn.svg);
}

.flag-icon-kp {
  background-image: url(/assets/images/common/flags/4x3/kp.svg);
}

.flag-icon-kp.flag-icon-rounded, .flag-icon-kp.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/kp.svg);
}

.flag-icon-kr {
  background-image: url(/assets/images/common/flags/4x3/kr.svg);
}

.flag-icon-kr.flag-icon-rounded, .flag-icon-kr.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/kr.svg);
}

.flag-icon-kw {
  background-image: url(/assets/images/common/flags/4x3/kw.svg);
}

.flag-icon-kw.flag-icon-rounded, .flag-icon-kw.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/kw.svg);
}

.flag-icon-ky {
  background-image: url(/assets/images/common/flags/4x3/ky.svg);
}

.flag-icon-ky.flag-icon-rounded, .flag-icon-ky.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/ky.svg);
}

.flag-icon-kz {
  background-image: url(/assets/images/common/flags/4x3/kz.svg);
}

.flag-icon-kz.flag-icon-rounded, .flag-icon-kz.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/kz.svg);
}

.flag-icon-la {
  background-image: url(/assets/images/common/flags/4x3/la.svg);
}

.flag-icon-la.flag-icon-rounded, .flag-icon-la.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/la.svg);
}

.flag-icon-lb {
  background-image: url(/assets/images/common/flags/4x3/lb.svg);
}

.flag-icon-lb.flag-icon-rounded, .flag-icon-lb.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/lb.svg);
}

.flag-icon-lc {
  background-image: url(/assets/images/common/flags/4x3/lc.svg);
}

.flag-icon-lc.flag-icon-rounded, .flag-icon-lc.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/lc.svg);
}

.flag-icon-li {
  background-image: url(/assets/images/common/flags/4x3/li.svg);
}

.flag-icon-li.flag-icon-rounded, .flag-icon-li.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/li.svg);
}

.flag-icon-lk {
  background-image: url(/assets/images/common/flags/4x3/lk.svg);
}

.flag-icon-lk.flag-icon-rounded, .flag-icon-lk.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/lk.svg);
}

.flag-icon-lr {
  background-image: url(/assets/images/common/flags/4x3/lr.svg);
}

.flag-icon-lr.flag-icon-rounded, .flag-icon-lr.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/lr.svg);
}

.flag-icon-ls {
  background-image: url(/assets/images/common/flags/4x3/ls.svg);
}

.flag-icon-ls.flag-icon-rounded, .flag-icon-ls.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/ls.svg);
}

.flag-icon-lt {
  background-image: url(/assets/images/common/flags/4x3/lt.svg);
}

.flag-icon-lt.flag-icon-rounded, .flag-icon-lt.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/lt.svg);
}

.flag-icon-lu {
  background-image: url(/assets/images/common/flags/4x3/lu.svg);
}

.flag-icon-lu.flag-icon-rounded, .flag-icon-lu.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/lu.svg);
}

.flag-icon-lv {
  background-image: url(/assets/images/common/flags/4x3/lv.svg);
}

.flag-icon-lv.flag-icon-rounded, .flag-icon-lv.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/lv.svg);
}

.flag-icon-ly {
  background-image: url(/assets/images/common/flags/4x3/ly.svg);
}

.flag-icon-ly.flag-icon-rounded, .flag-icon-ly.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/ly.svg);
}

.flag-icon-ma {
  background-image: url(/assets/images/common/flags/4x3/ma.svg);
}

.flag-icon-ma.flag-icon-rounded, .flag-icon-ma.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/ma.svg);
}

.flag-icon-mc {
  background-image: url(/assets/images/common/flags/4x3/mc.svg);
}

.flag-icon-mc.flag-icon-rounded, .flag-icon-mc.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/mc.svg);
}

.flag-icon-md {
  background-image: url(/assets/images/common/flags/4x3/md.svg);
}

.flag-icon-md.flag-icon-rounded, .flag-icon-md.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/md.svg);
}

.flag-icon-me {
  background-image: url(/assets/images/common/flags/4x3/me.svg);
}

.flag-icon-me.flag-icon-rounded, .flag-icon-me.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/me.svg);
}

.flag-icon-mf {
  background-image: url(/assets/images/common/flags/4x3/mf.svg);
}

.flag-icon-mf.flag-icon-rounded, .flag-icon-mf.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/mf.svg);
}

.flag-icon-mg {
  background-image: url(/assets/images/common/flags/4x3/mg.svg);
}

.flag-icon-mg.flag-icon-rounded, .flag-icon-mg.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/mg.svg);
}

.flag-icon-mh {
  background-image: url(/assets/images/common/flags/4x3/mh.svg);
}

.flag-icon-mh.flag-icon-rounded, .flag-icon-mh.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/mh.svg);
}

.flag-icon-mk {
  background-image: url(/assets/images/common/flags/4x3/mk.svg);
}

.flag-icon-mk.flag-icon-rounded, .flag-icon-mk.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/mk.svg);
}

.flag-icon-ml {
  background-image: url(/assets/images/common/flags/4x3/ml.svg);
}

.flag-icon-ml.flag-icon-rounded, .flag-icon-ml.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/ml.svg);
}

.flag-icon-mm {
  background-image: url(/assets/images/common/flags/4x3/mm.svg);
}

.flag-icon-mm.flag-icon-rounded, .flag-icon-mm.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/mm.svg);
}

.flag-icon-mn {
  background-image: url(/assets/images/common/flags/4x3/mn.svg);
}

.flag-icon-mn.flag-icon-rounded, .flag-icon-mn.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/mn.svg);
}

.flag-icon-mo {
  background-image: url(/assets/images/common/flags/4x3/mo.svg);
}

.flag-icon-mo.flag-icon-rounded, .flag-icon-mo.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/mo.svg);
}

.flag-icon-mp {
  background-image: url(/assets/images/common/flags/4x3/mp.svg);
}

.flag-icon-mp.flag-icon-rounded, .flag-icon-mp.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/mp.svg);
}

.flag-icon-mq {
  background-image: url(/assets/images/common/flags/4x3/mq.svg);
}

.flag-icon-mq.flag-icon-rounded, .flag-icon-mq.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/mq.svg);
}

.flag-icon-mr {
  background-image: url(/assets/images/common/flags/4x3/mr.svg);
}

.flag-icon-mr.flag-icon-rounded, .flag-icon-mr.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/mr.svg);
}

.flag-icon-ms {
  background-image: url(/assets/images/common/flags/4x3/ms.svg);
}

.flag-icon-ms.flag-icon-rounded, .flag-icon-ms.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/ms.svg);
}

.flag-icon-mt {
  background-image: url(/assets/images/common/flags/4x3/mt.svg);
}

.flag-icon-mt.flag-icon-rounded, .flag-icon-mt.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/mt.svg);
}

.flag-icon-mu {
  background-image: url(/assets/images/common/flags/4x3/mu.svg);
}

.flag-icon-mu.flag-icon-rounded, .flag-icon-mu.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/mu.svg);
}

.flag-icon-mv {
  background-image: url(/assets/images/common/flags/4x3/mv.svg);
}

.flag-icon-mv.flag-icon-rounded, .flag-icon-mv.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/mv.svg);
}

.flag-icon-mw {
  background-image: url(/assets/images/common/flags/4x3/mw.svg);
}

.flag-icon-mw.flag-icon-rounded, .flag-icon-mw.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/mw.svg);
}

.flag-icon-mx {
  background-image: url(/assets/images/common/flags/4x3/mx.svg);
}

.flag-icon-mx.flag-icon-rounded, .flag-icon-mx.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/mx.svg);
}

.flag-icon-my {
  background-image: url(/assets/images/common/flags/4x3/my.svg);
}

.flag-icon-my.flag-icon-rounded, .flag-icon-my.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/my.svg);
}

.flag-icon-mz {
  background-image: url(/assets/images/common/flags/4x3/mz.svg);
}

.flag-icon-mz.flag-icon-rounded, .flag-icon-mz.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/mz.svg);
}

.flag-icon-na {
  background-image: url(/assets/images/common/flags/4x3/na.svg);
}

.flag-icon-na.flag-icon-rounded, .flag-icon-na.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/na.svg);
}

.flag-icon-nc {
  background-image: url(/assets/images/common/flags/4x3/nc.svg);
}

.flag-icon-nc.flag-icon-rounded, .flag-icon-nc.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/nc.svg);
}

.flag-icon-ne {
  background-image: url(/assets/images/common/flags/4x3/ne.svg);
}

.flag-icon-ne.flag-icon-rounded, .flag-icon-ne.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/ne.svg);
}

.flag-icon-nf {
  background-image: url(/assets/images/common/flags/4x3/nf.svg);
}

.flag-icon-nf.flag-icon-rounded, .flag-icon-nf.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/nf.svg);
}

.flag-icon-ng {
  background-image: url(/assets/images/common/flags/4x3/ng.svg);
}

.flag-icon-ng.flag-icon-rounded, .flag-icon-ng.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/ng.svg);
}

.flag-icon-ni {
  background-image: url(/assets/images/common/flags/4x3/ni.svg);
}

.flag-icon-ni.flag-icon-rounded, .flag-icon-ni.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/ni.svg);
}

.flag-icon-nl {
  background-image: url(/assets/images/common/flags/4x3/nl.svg);
}

.flag-icon-nl.flag-icon-rounded, .flag-icon-nl.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/nl.svg);
}

.flag-icon-no {
  background-image: url(/assets/images/common/flags/4x3/no.svg);
}

.flag-icon-no.flag-icon-rounded, .flag-icon-no.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/no.svg);
}

.flag-icon-np {
  background-image: url(/assets/images/common/flags/4x3/np.svg);
}

.flag-icon-np.flag-icon-rounded, .flag-icon-np.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/np.svg);
}

.flag-icon-nr {
  background-image: url(/assets/images/common/flags/4x3/nr.svg);
}

.flag-icon-nr.flag-icon-rounded, .flag-icon-nr.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/nr.svg);
}

.flag-icon-nu {
  background-image: url(/assets/images/common/flags/4x3/nu.svg);
}

.flag-icon-nu.flag-icon-rounded, .flag-icon-nu.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/nu.svg);
}

.flag-icon-nz {
  background-image: url(/assets/images/common/flags/4x3/nz.svg);
}

.flag-icon-nz.flag-icon-rounded, .flag-icon-nz.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/nz.svg);
}

.flag-icon-om {
  background-image: url(/assets/images/common/flags/4x3/om.svg);
}

.flag-icon-om.flag-icon-rounded, .flag-icon-om.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/om.svg);
}

.flag-icon-pa {
  background-image: url(/assets/images/common/flags/4x3/pa.svg);
}

.flag-icon-pa.flag-icon-rounded, .flag-icon-pa.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/pa.svg);
}

.flag-icon-pe {
  background-image: url(/assets/images/common/flags/4x3/pe.svg);
}

.flag-icon-pe.flag-icon-rounded, .flag-icon-pe.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/pe.svg);
}

.flag-icon-pf {
  background-image: url(/assets/images/common/flags/4x3/pf.svg);
}

.flag-icon-pf.flag-icon-rounded, .flag-icon-pf.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/pf.svg);
}

.flag-icon-pg {
  background-image: url(/assets/images/common/flags/4x3/pg.svg);
}

.flag-icon-pg.flag-icon-rounded, .flag-icon-pg.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/pg.svg);
}

.flag-icon-ph {
  background-image: url(/assets/images/common/flags/4x3/ph.svg);
}

.flag-icon-ph.flag-icon-rounded, .flag-icon-ph.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/ph.svg);
}

.flag-icon-pk {
  background-image: url(/assets/images/common/flags/4x3/pk.svg);
}

.flag-icon-pk.flag-icon-rounded, .flag-icon-pk.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/pk.svg);
}

.flag-icon-pl {
  background-image: url(/assets/images/common/flags/4x3/pl.svg);
}

.flag-icon-pl.flag-icon-rounded, .flag-icon-pl.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/pl.svg);
}

.flag-icon-pm {
  background-image: url(/assets/images/common/flags/4x3/pm.svg);
}

.flag-icon-pm.flag-icon-rounded, .flag-icon-pm.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/pm.svg);
}

.flag-icon-pn {
  background-image: url(/assets/images/common/flags/4x3/pn.svg);
}

.flag-icon-pn.flag-icon-rounded, .flag-icon-pn.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/pn.svg);
}

.flag-icon-pr {
  background-image: url(/assets/images/common/flags/4x3/pr.svg);
}

.flag-icon-pr.flag-icon-rounded, .flag-icon-pr.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/pr.svg);
}

.flag-icon-ps {
  background-image: url(/assets/images/common/flags/4x3/ps.svg);
}

.flag-icon-ps.flag-icon-rounded, .flag-icon-ps.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/ps.svg);
}

.flag-icon-pt {
  background-image: url(/assets/images/common/flags/4x3/pt.svg);
}

.flag-icon-pt.flag-icon-rounded, .flag-icon-pt.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/pt.svg);
}

.flag-icon-pw {
  background-image: url(/assets/images/common/flags/4x3/pw.svg);
}

.flag-icon-pw.flag-icon-rounded, .flag-icon-pw.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/pw.svg);
}

.flag-icon-py {
  background-image: url(/assets/images/common/flags/4x3/py.svg);
}

.flag-icon-py.flag-icon-rounded, .flag-icon-py.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/py.svg);
}

.flag-icon-qa {
  background-image: url(/assets/images/common/flags/4x3/qa.svg);
}

.flag-icon-qa.flag-icon-rounded, .flag-icon-qa.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/qa.svg);
}

.flag-icon-re {
  background-image: url(/assets/images/common/flags/4x3/re.svg);
}

.flag-icon-re.flag-icon-rounded, .flag-icon-re.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/re.svg);
}

.flag-icon-ro {
  background-image: url(/assets/images/common/flags/4x3/ro.svg);
}

.flag-icon-ro.flag-icon-rounded, .flag-icon-ro.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/ro.svg);
}

.flag-icon-rs {
  background-image: url(/assets/images/common/flags/4x3/rs.svg);
}

.flag-icon-rs.flag-icon-rounded, .flag-icon-rs.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/rs.svg);
}

.flag-icon-ru {
  background-image: url(/assets/images/common/flags/4x3/ru.svg);
}

.flag-icon-ru.flag-icon-rounded, .flag-icon-ru.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/ru.svg);
}

.flag-icon-rw {
  background-image: url(/assets/images/common/flags/4x3/rw.svg);
}

.flag-icon-rw.flag-icon-rounded, .flag-icon-rw.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/rw.svg);
}

.flag-icon-sa {
  background-image: url(/assets/images/common/flags/4x3/sa.svg);
}

.flag-icon-sa.flag-icon-rounded, .flag-icon-sa.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/sa.svg);
}

.flag-icon-sb {
  background-image: url(/assets/images/common/flags/4x3/sb.svg);
}

.flag-icon-sb.flag-icon-rounded, .flag-icon-sb.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/sb.svg);
}

.flag-icon-sc {
  background-image: url(/assets/images/common/flags/4x3/sc.svg);
}

.flag-icon-sc.flag-icon-rounded, .flag-icon-sc.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/sc.svg);
}

.flag-icon-sd {
  background-image: url(/assets/images/common/flags/4x3/sd.svg);
}

.flag-icon-sd.flag-icon-rounded, .flag-icon-sd.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/sd.svg);
}

.flag-icon-se {
  background-image: url(/assets/images/common/flags/4x3/se.svg);
}

.flag-icon-se.flag-icon-rounded, .flag-icon-se.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/se.svg);
}

.flag-icon-sg {
  background-image: url(/assets/images/common/flags/4x3/sg.svg);
}

.flag-icon-sg.flag-icon-rounded, .flag-icon-sg.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/sg.svg);
}

.flag-icon-sh {
  background-image: url(/assets/images/common/flags/4x3/sh.svg);
}

.flag-icon-sh.flag-icon-rounded, .flag-icon-sh.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/sh.svg);
}

.flag-icon-si {
  background-image: url(/assets/images/common/flags/4x3/si.svg);
}

.flag-icon-si.flag-icon-rounded, .flag-icon-si.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/si.svg);
}

.flag-icon-sj {
  background-image: url(/assets/images/common/flags/4x3/sj.svg);
}

.flag-icon-sj.flag-icon-rounded, .flag-icon-sj.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/sj.svg);
}

.flag-icon-sk {
  background-image: url(/assets/images/common/flags/4x3/sk.svg);
}

.flag-icon-sk.flag-icon-rounded, .flag-icon-sk.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/sk.svg);
}

.flag-icon-sl {
  background-image: url(/assets/images/common/flags/4x3/sl.svg);
}

.flag-icon-sl.flag-icon-rounded, .flag-icon-sl.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/sl.svg);
}

.flag-icon-sm {
  background-image: url(/assets/images/common/flags/4x3/sm.svg);
}

.flag-icon-sm.flag-icon-rounded, .flag-icon-sm.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/sm.svg);
}

.flag-icon-sn {
  background-image: url(/assets/images/common/flags/4x3/sn.svg);
}

.flag-icon-sn.flag-icon-rounded, .flag-icon-sn.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/sn.svg);
}

.flag-icon-so {
  background-image: url(/assets/images/common/flags/4x3/so.svg);
}

.flag-icon-so.flag-icon-rounded, .flag-icon-so.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/so.svg);
}

.flag-icon-sr {
  background-image: url(/assets/images/common/flags/4x3/sr.svg);
}

.flag-icon-sr.flag-icon-rounded, .flag-icon-sr.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/sr.svg);
}

.flag-icon-ss {
  background-image: url(/assets/images/common/flags/4x3/ss.svg);
}

.flag-icon-ss.flag-icon-rounded, .flag-icon-ss.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/ss.svg);
}

.flag-icon-st {
  background-image: url(/assets/images/common/flags/4x3/st.svg);
}

.flag-icon-st.flag-icon-rounded, .flag-icon-st.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/st.svg);
}

.flag-icon-sv {
  background-image: url(/assets/images/common/flags/4x3/sv.svg);
}

.flag-icon-sv.flag-icon-rounded, .flag-icon-sv.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/sv.svg);
}

.flag-icon-sx {
  background-image: url(/assets/images/common/flags/4x3/sx.svg);
}

.flag-icon-sx.flag-icon-rounded, .flag-icon-sx.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/sx.svg);
}

.flag-icon-sy {
  background-image: url(/assets/images/common/flags/4x3/sy.svg);
}

.flag-icon-sy.flag-icon-rounded, .flag-icon-sy.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/sy.svg);
}

.flag-icon-sz {
  background-image: url(/assets/images/common/flags/4x3/sz.svg);
}

.flag-icon-sz.flag-icon-rounded, .flag-icon-sz.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/sz.svg);
}

.flag-icon-tc {
  background-image: url(/assets/images/common/flags/4x3/tc.svg);
}

.flag-icon-tc.flag-icon-rounded, .flag-icon-tc.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/tc.svg);
}

.flag-icon-td {
  background-image: url(/assets/images/common/flags/4x3/td.svg);
}

.flag-icon-td.flag-icon-rounded, .flag-icon-td.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/td.svg);
}

.flag-icon-tf {
  background-image: url(/assets/images/common/flags/4x3/tf.svg);
}

.flag-icon-tf.flag-icon-rounded, .flag-icon-tf.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/tf.svg);
}

.flag-icon-tg {
  background-image: url(/assets/images/common/flags/4x3/tg.svg);
}

.flag-icon-tg.flag-icon-rounded, .flag-icon-tg.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/tg.svg);
}

.flag-icon-th {
  background-image: url(/assets/images/common/flags/4x3/th.svg);
}

.flag-icon-th.flag-icon-rounded, .flag-icon-th.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/th.svg);
}

.flag-icon-tj {
  background-image: url(/assets/images/common/flags/4x3/tj.svg);
}

.flag-icon-tj.flag-icon-rounded, .flag-icon-tj.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/tj.svg);
}

.flag-icon-tk {
  background-image: url(/assets/images/common/flags/4x3/tk.svg);
}

.flag-icon-tk.flag-icon-rounded, .flag-icon-tk.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/tk.svg);
}

.flag-icon-tl {
  background-image: url(/assets/images/common/flags/4x3/tl.svg);
}

.flag-icon-tl.flag-icon-rounded, .flag-icon-tl.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/tl.svg);
}

.flag-icon-tm {
  background-image: url(/assets/images/common/flags/4x3/tm.svg);
}

.flag-icon-tm.flag-icon-rounded, .flag-icon-tm.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/tm.svg);
}

.flag-icon-tn {
  background-image: url(/assets/images/common/flags/4x3/tn.svg);
}

.flag-icon-tn.flag-icon-rounded, .flag-icon-tn.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/tn.svg);
}

.flag-icon-to {
  background-image: url(/assets/images/common/flags/4x3/to.svg);
}

.flag-icon-to.flag-icon-rounded, .flag-icon-to.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/to.svg);
}

.flag-icon-tr {
  background-image: url(/assets/images/common/flags/4x3/tr.svg);
}

.flag-icon-tr.flag-icon-rounded, .flag-icon-tr.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/tr.svg);
}

.flag-icon-tt {
  background-image: url(/assets/images/common/flags/4x3/tt.svg);
}

.flag-icon-tt.flag-icon-rounded, .flag-icon-tt.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/tt.svg);
}

.flag-icon-tv {
  background-image: url(/assets/images/common/flags/4x3/tv.svg);
}

.flag-icon-tv.flag-icon-rounded, .flag-icon-tv.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/tv.svg);
}

.flag-icon-tw {
  background-image: url(/assets/images/common/flags/4x3/tw.svg);
}

.flag-icon-tw.flag-icon-rounded, .flag-icon-tw.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/tw.svg);
}

.flag-icon-tz {
  background-image: url(/assets/images/common/flags/4x3/tz.svg);
}

.flag-icon-tz.flag-icon-rounded, .flag-icon-tz.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/tz.svg);
}

.flag-icon-ua {
  background-image: url(/assets/images/common/flags/4x3/ua.svg);
}

.flag-icon-ua.flag-icon-rounded, .flag-icon-ua.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/ua.svg);
}

.flag-icon-ug {
  background-image: url(/assets/images/common/flags/4x3/ug.svg);
}

.flag-icon-ug.flag-icon-rounded, .flag-icon-ug.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/ug.svg);
}

.flag-icon-um {
  background-image: url(/assets/images/common/flags/4x3/um.svg);
}

.flag-icon-um.flag-icon-rounded, .flag-icon-um.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/um.svg);
}

.flag-icon-us {
  background-image: url(/assets/images/common/flags/4x3/us.svg);
}

.flag-icon-us.flag-icon-rounded, .flag-icon-us.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/us.svg);
}

.flag-icon-uy {
  background-image: url(/assets/images/common/flags/4x3/uy.svg);
}

.flag-icon-uy.flag-icon-rounded, .flag-icon-uy.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/uy.svg);
}

.flag-icon-uz {
  background-image: url(/assets/images/common/flags/4x3/uz.svg);
}

.flag-icon-uz.flag-icon-rounded, .flag-icon-uz.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/uz.svg);
}

.flag-icon-va {
  background-image: url(/assets/images/common/flags/4x3/va.svg);
}

.flag-icon-va.flag-icon-rounded, .flag-icon-va.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/va.svg);
}

.flag-icon-vc {
  background-image: url(/assets/images/common/flags/4x3/vc.svg);
}

.flag-icon-vc.flag-icon-rounded, .flag-icon-vc.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/vc.svg);
}

.flag-icon-ve {
  background-image: url(/assets/images/common/flags/4x3/ve.svg);
}

.flag-icon-ve.flag-icon-rounded, .flag-icon-ve.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/ve.svg);
}

.flag-icon-vg {
  background-image: url(/assets/images/common/flags/4x3/vg.svg);
}

.flag-icon-vg.flag-icon-rounded, .flag-icon-vg.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/vg.svg);
}

.flag-icon-vi {
  background-image: url(/assets/images/common/flags/4x3/vi.svg);
}

.flag-icon-vi.flag-icon-rounded, .flag-icon-vi.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/vi.svg);
}

.flag-icon-vn {
  background-image: url(/assets/images/common/flags/4x3/vn.svg);
}

.flag-icon-vn.flag-icon-rounded, .flag-icon-vn.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/vn.svg);
}

.flag-icon-vu {
  background-image: url(/assets/images/common/flags/4x3/vu.svg);
}

.flag-icon-vu.flag-icon-rounded, .flag-icon-vu.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/vu.svg);
}

.flag-icon-wf {
  background-image: url(/assets/images/common/flags/4x3/wf.svg);
}

.flag-icon-wf.flag-icon-rounded, .flag-icon-wf.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/wf.svg);
}

.flag-icon-ws {
  background-image: url(/assets/images/common/flags/4x3/ws.svg);
}

.flag-icon-ws.flag-icon-rounded, .flag-icon-ws.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/ws.svg);
}

.flag-icon-ye {
  background-image: url(/assets/images/common/flags/4x3/ye.svg);
}

.flag-icon-ye.flag-icon-rounded, .flag-icon-ye.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/ye.svg);
}

.flag-icon-yt {
  background-image: url(/assets/images/common/flags/4x3/yt.svg);
}

.flag-icon-yt.flag-icon-rounded, .flag-icon-yt.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/yt.svg);
}

.flag-icon-za {
  background-image: url(/assets/images/common/flags/4x3/za.svg);
}

.flag-icon-za.flag-icon-rounded, .flag-icon-za.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/za.svg);
}

.flag-icon-zm {
  background-image: url(/assets/images/common/flags/4x3/zm.svg);
}

.flag-icon-zm.flag-icon-rounded, .flag-icon-zm.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/zm.svg);
}

.flag-icon-zw {
  background-image: url(/assets/images/common/flags/4x3/zw.svg);
}

.flag-icon-zw.flag-icon-rounded, .flag-icon-zw.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/zw.svg);
}

.flag-icon-es-ct {
  background-image: url(/assets/images/common/flags/4x3/es-ct.svg);
}

.flag-icon-es-ct.flag-icon-rounded, .flag-icon-es-ct.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/es-ct.svg);
}

.flag-icon-eu {
  background-image: url(/assets/images/common/flags/4x3/eu.svg);
}

.flag-icon-eu.flag-icon-rounded, .flag-icon-eu.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/eu.svg);
}

.flag-icon-gb-eng {
  background-image: url(/assets/images/common/flags/4x3/gb-eng.svg);
}

.flag-icon-gb-eng.flag-icon-rounded, .flag-icon-gb-eng.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/gb-eng.svg);
}

.flag-icon-gb-nir {
  background-image: url(/assets/images/common/flags/4x3/gb-nir.svg);
}

.flag-icon-gb-nir.flag-icon-rounded, .flag-icon-gb-nir.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/gb-nir.svg);
}

.flag-icon-gb-sct {
  background-image: url(/assets/images/common/flags/4x3/gb-sct.svg);
}

.flag-icon-gb-sct.flag-icon-rounded, .flag-icon-gb-sct.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/gb-sct.svg);
}

.flag-icon-gb-wls {
  background-image: url(/assets/images/common/flags/4x3/gb-wls.svg);
}

.flag-icon-gb-wls.flag-icon-rounded, .flag-icon-gb-wls.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/gb-wls.svg);
}

.flag-icon-un {
  background-image: url(/assets/images/common/flags/4x3/un.svg);
}

.flag-icon-un.flag-icon-rounded, .flag-icon-un.flag-icon-squared {
  background-image: url(/assets/images/common/flags/1x1/un.svg);
}

.flag-icon {
  background-size: cover;
  border: 1px solid #dbdedf;
  height: 1.125rem;
  line-height: 0;
  width: 1.5rem;
}

.flag-icon:before {
  content: "";
}

.flag-icon-rounded {
  border-radius: 50%;
  height: 2rem !important;
  width: 2rem !important;
}

.icon {
  display: inline-block;
  height: 24px;
  margin: 0;
  padding: 0;
  pointer-events: none;
  width: 24px;
}

.icon svg {
  height: 100%;
  vertical-align: unset;
  width: 100%;
}

.icon--linkedin {
  margin-top: -2px;
}

.icon--google-plus {
  width: 34px;
}

.icon--diverge, .icon--highlight {
  height: 30px;
  width: 30px;
}

.icon-container {
  margin: 0 0 3.75rem;
  padding: 0;
}

.icon-tile {
  flex: 0 0 100%;
  max-width: 100%;
}

@media (min-width: 576px) {
  .icon-tile {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .icon-tile .icon {
    height: 34px;
    width: 34px;
  }
}
@media (min-width: 768px) {
  .icon-tile {
    flex: 0 0 25%;
    max-width: 25%;
  }
}
.image-caption {
  margin: 0 0 5.3125rem;
  position: relative;
}

@media (min-width: 576px) {
  .image-caption {
    margin: 0 0 3.75rem;
  }
}
.image-caption img {
  width: 100%;
}

.image-caption figcaption {
  color: #868e96;
  font-size: 0.75rem;
  font-style: italic;
  line-height: 1.5;
  padding-top: 0.3125rem;
  right: 0;
  top: 100%;
}

@media (min-width: 576px) {
  .image-caption figcaption {
    bottom: 0;
    color: #fff;
    font-size: 0.875rem;
    font-style: normal;
    line-height: 1.5714285714;
    padding: 1.25rem;
    position: absolute;
    text-align: right;
    top: auto;
  }
}
@media (min-width: 768px) {
  .image-caption figcaption {
    margin-left: 30%;
    padding: 1.25rem 1.25rem 1.25rem 0;
    width: 70%;
  }
}
@media (min-width: 576px) {
  .image-caption .gradient {
    background: -owg-linear-gradient(0deg, #000 0, transparent 100%);
    background: linear-gradient(0deg, #000, transparent);
    bottom: 0;
    height: 25%;
    left: 0;
    opacity: 0.5;
    position: absolute;
    width: 100%;
  }
}
.object-fit-cover {
  font-family: "object-fit: cover;";
  -o-object-fit: cover;
  object-fit: cover;
}

.list--columns {
  -moz-column-gap: 20px;
  column-gap: 20px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.list--columns-double {
  -moz-column-count: 1;
  column-count: 1;
}

@media (min-width: 768px) {
  .list--columns-double {
    -moz-column-count: 2;
    column-count: 2;
  }
}
.list--columns-triple {
  -moz-column-count: 1;
  column-count: 1;
}

@media (min-width: 768px) {
  .list--columns-triple {
    -moz-column-count: 3;
    column-count: 3;
  }
}
.list--checkmark {
  margin-bottom: 0;
}

.list--checkmark li {
  align-items: flex-start;
  color: #656b6f;
  display: flex;
  margin-bottom: 0.3125rem;
  margin-top: 0.3125rem;
  position: relative;
}

@media (min-width: 576px) {
  .list--checkmark li {
    align-items: center;
  }
}
.bg-black .list--checkmark li, .bg-blue .list--checkmark li, .bg-dark .list--checkmark li {
  color: #b9c1c6 !important;
}

.list--checkmark .icon {
  height: 18px;
  margin-right: 15px;
  min-width: 18px;
  width: 18px;
}

.list--checkmark .icon--checkmark {
  display: inline-block;
  position: relative;
}

@media (min-width: 576px) {
  .list--checkmark .icon--checkmark {
    display: flex;
  }
}
.list--checkmark .icon--checkmark svg {
  color: #b9c1c6;
  fill: #b9c1c6;
}

.bg-black .list--checkmark .icon--checkmark svg, .bg-blue .list--checkmark .icon--checkmark svg, .bg-dark .list--checkmark .icon--checkmark svg {
  fill: #fff !important;
}

.list--checkmark .icon--checkmark-blue svg {
  color: #00529c !important;
  fill: #00529c !important;
}

.bg-black .list--checkmark .icon--checkmark-blue svg, .bg-blue .list--checkmark .icon--checkmark-blue svg, .bg-dark .list--checkmark .icon--checkmark-blue svg {
  fill: #00529c !important;
}

.list--checkmark .icon--checkmark-orange svg {
  color: #fc5f01 !important;
  fill: #fc5f01 !important;
}

.bg-black .list--checkmark .icon--checkmark-orange svg, .bg-blue .list--checkmark .icon--checkmark-orange svg, .bg-dark .list--checkmark .icon--checkmark-orange svg {
  fill: #fc5f01 !important;
}

.list--checkmark .icon--checkmark-yellow svg {
  color: #ffc107 !important;
  fill: #ffc107 !important;
}

.bg-black .list--checkmark .icon--checkmark-yellow svg, .bg-blue .list--checkmark .icon--checkmark-yellow svg, .bg-dark .list--checkmark .icon--checkmark-yellow svg {
  fill: #ffc107 !important;
}

.loader, .truckconfigurator .sidepanels .sideloader .sideloaderimage {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 90;
}

.loader__overlay {
  background-color: #fff;
  height: 100%;
  left: 0;
  opacity: 0.9;
  position: absolute;
  top: 0;
  width: 100%;
}

.loader .spinner, .truckconfigurator .sidepanels .sideloader .sideloaderimage .spinner {
  height: 50px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
  width: 50px;
}

.loader .spinner__circle-wrapper, .truckconfigurator .sidepanels .sideloader .sideloaderimage .spinner__circle-wrapper {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.loader .spinner__circle-wrapper:first-child, .truckconfigurator .sidepanels .sideloader .sideloaderimage .spinner__circle-wrapper:first-child {
  transform: rotate(0deg);
}

.loader .spinner__circle-wrapper:first-child .spinner__circle, .truckconfigurator .sidepanels .sideloader .sideloaderimage .spinner__circle-wrapper:first-child .spinner__circle {
  animation-delay: 0ms;
}

.loader .spinner__circle-wrapper:nth-child(2), .truckconfigurator .sidepanels .sideloader .sideloaderimage .spinner__circle-wrapper:nth-child(2) {
  transform: rotate(340deg);
}

.loader .spinner__circle-wrapper:nth-child(2) .spinner__circle, .truckconfigurator .sidepanels .sideloader .sideloaderimage .spinner__circle-wrapper:nth-child(2) .spinner__circle {
  animation-delay: 50ms;
}

.loader .spinner__circle-wrapper:nth-child(3), .truckconfigurator .sidepanels .sideloader .sideloaderimage .spinner__circle-wrapper:nth-child(3) {
  transform: rotate(320deg);
}

.loader .spinner__circle-wrapper:nth-child(3) .spinner__circle, .truckconfigurator .sidepanels .sideloader .sideloaderimage .spinner__circle-wrapper:nth-child(3) .spinner__circle {
  animation-delay: 0.1s;
}

.loader .spinner__circle-wrapper:nth-child(4), .truckconfigurator .sidepanels .sideloader .sideloaderimage .spinner__circle-wrapper:nth-child(4) {
  transform: rotate(300deg);
}

.loader .spinner__circle-wrapper:nth-child(4) .spinner__circle, .truckconfigurator .sidepanels .sideloader .sideloaderimage .spinner__circle-wrapper:nth-child(4) .spinner__circle {
  animation-delay: 0.15s;
}

.loader .spinner__circle-wrapper:nth-child(5), .truckconfigurator .sidepanels .sideloader .sideloaderimage .spinner__circle-wrapper:nth-child(5) {
  transform: rotate(280deg);
}

.loader .spinner__circle-wrapper:nth-child(5) .spinner__circle, .truckconfigurator .sidepanels .sideloader .sideloaderimage .spinner__circle-wrapper:nth-child(5) .spinner__circle {
  animation-delay: 0.2s;
}

.loader .spinner__circle-wrapper:nth-child(6), .truckconfigurator .sidepanels .sideloader .sideloaderimage .spinner__circle-wrapper:nth-child(6) {
  transform: rotate(260deg);
}

.loader .spinner__circle-wrapper:nth-child(6) .spinner__circle, .truckconfigurator .sidepanels .sideloader .sideloaderimage .spinner__circle-wrapper:nth-child(6) .spinner__circle {
  animation-delay: 0.25s;
}

.loader .spinner__circle, .truckconfigurator .sidepanels .sideloader .sideloaderimage .spinner__circle {
  animation: rotate 5s cubic-bezier(0.48, 0.18, 0.43, 0.89) infinite;
  background: #fc5f01;
  border-radius: 50%;
  height: 10%;
  left: 50%;
  margin-left: -5%;
  margin-top: -50%;
  position: absolute;
  top: 50%;
  transform-origin: 50% 500%;
  width: 10%;
}

.loader--form-control .spinner__circle {
  background: #fff;
}

.bg-medium .loader__overlay {
  background-color: #f1f1f1;
}

.bg-dark .loader__overlay {
  background-color: #353c45;
}

@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  42% {
    transform: rotate(1turn);
  }
  62% {
    opacity: 1;
  }
  64% {
    opacity: 0;
  }
  84% {
    opacity: 0;
    transform: rotate(2turn);
  }
  85% {
    opacity: 0;
    transform: rotate(920deg);
  }
  88% {
    opacity: 0;
  }
  90% {
    opacity: 1;
  }
  to {
    opacity: 1;
    transform: rotate(3turn);
  }
}
.modal-content {
  border-radius: 4px !important;
}

.pagination {
  font-size: 0.875rem;
}

.pagination .page-item:first-child .page-link {
  border-bottom-left-radius: 9999px;
  border-top-left-radius: 9999px;
}

.pagination .page-item:last-child .page-link {
  border-bottom-right-radius: 9999px;
  border-top-right-radius: 9999px;
}

.pagination .page-item .page-link {
  color: #00529c;
  padding: 0.5rem 0.625rem;
}

@media (min-width: 992px) {
  .pagination .page-item .page-link {
    padding: 0.5rem 0.75rem;
  }
}
.pagination .page-item .page-link .icon {
  height: 16px;
  vertical-align: bottom;
  width: 16px;
  fill: #00529c;
}

.pagination .page-item .page-link:hover {
  color: #00529c;
}

.pagination .page-item.active .page-link {
  color: #fff;
  cursor: auto;
  pointer-events: none;
}

.pagination .page-item.active .page-link .icon {
  fill: #fff;
}

.pagination .page-item.disabled .page-link {
  color: #b9c1c6;
}

.pagination .page-item.disabled .page-link .icon {
  fill: #b9c1c6;
}

.custom-checkbox {
  margin: 0 0 0.625rem;
}

.custom-checkbox.custom-control {
  padding-left: 1.875rem !important;
}

.custom-checkbox .custom-control-label {
  cursor: pointer;
  margin-top: 2px;
}

.custom-checkbox .custom-control-label:before {
  background-color: #fff !important;
  border: 1px solid #b9c1c6;
  border-radius: 0.125rem;
  box-shadow: 0 0 4px transparent, inset 0 2px 2px rgba(0, 0, 0, 0.1) !important;
  height: 20px;
  top: 4px;
  width: 20px;
}

.custom-checkbox .custom-control-label:after {
  height: 16px;
  left: 2px;
  top: 6px;
  width: 16px;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label:before {
  background-color: #fff !important;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label:after {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbDpzcGFjZT0icHJlc2VydmUiIHZpZXdCb3g9IjAgMCAyMCAyMCI+PHBhdGggZD0iTTE3LjggNy4zYzAgLjMtLjEuNS0uMy43bC03LjMgNy4zLTEuNCAxLjRjLS4xLjItLjQuMy0uNi4zLS4zIDAtLjUtLjEtLjctLjNsLTEuNC0xLjQtMy43LTMuN2MtLjItLjItLjMtLjQtLjMtLjdzLjEtLjUuMy0uN2wxLjQtMS40Yy4yIDAgLjQtLjEuNy0uMXMuNS4xLjcuMmwzIDMgNi42LTYuNmMuMi0uMi40LS4zLjctLjNzLjUuMS43LjNsMS40IDEuNGMuMS4xLjIuNC4yLjYiIHN0eWxlPSJmaWxsOiMxYjQ4NzEiLz48L3N2Zz4=");
  background-size: cover;
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label:before {
  background-color: transparent;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbDpzcGFjZT0icHJlc2VydmUiIHZpZXdCb3g9IjAgMCAyMCAyMCI+PHBhdGggZD0iTTE3LjggNy4zYzAgLjMtLjEuNS0uMy43bC03LjMgNy4zLTEuNCAxLjRjLS4xLjItLjQuMy0uNi4zLS4zIDAtLjUtLjEtLjctLjNsLTEuNC0xLjQtMy43LTMuN2MtLjItLjItLjMtLjQtLjMtLjdzLjEtLjUuMy0uN2wxLjQtMS40Yy4yIDAgLjQtLjEuNy0uMXMuNS4xLjcuMmwzIDMgNi42LTYuNmMuMi0uMi40LS4zLjctLjNzLjUuMS43LjNsMS40IDEuNGMuMS4xLjIuNC4yLjYiIHN0eWxlPSJmaWxsOiMxYjQ4NzEiLz48L3N2Zz4=");
  background-size: cover;
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label:after {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbDpzcGFjZT0icHJlc2VydmUiIHZpZXdCb3g9IjAgMCAyMCAyMCI+PHBhdGggZD0iTTE3LjggNy4zYzAgLjMtLjEuNS0uMy43bC03LjMgNy4zLTEuNCAxLjRjLS4xLjItLjQuMy0uNi4zLS4zIDAtLjUtLjEtLjctLjNsLTEuNC0xLjQtMy43LTMuN2MtLjItLjItLjMtLjQtLjMtLjdzLjEtLjUuMy0uN2wxLjQtMS40Yy4yIDAgLjQtLjEuNy0uMXMuNS4xLjcuMmwzIDMgNi42LTYuNmMuMi0uMi40LS4zLjctLjNzLjUuMS43LjNsMS40IDEuNGMuMS4xLjIuNC4yLjYiIHN0eWxlPSJmaWxsOiMxYjQ4NzEiLz48L3N2Zz4=");
  background-size: cover;
}

.custom-checkbox .custom-control-input:focus ~ .custom-control-label :before {
  box-shadow: none;
}

.custom-checkbox .custom-control-input:active ~ .custom-control-label:before {
  background-color: transparent;
  box-shadow: none;
}

.custom-checkbox .custom-control-input:disabled ~ .custom-control-label {
  cursor: default;
  pointer-events: none;
}

.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label:before, .custom-checkbox .custom-control-input:disabled ~ .custom-control-label:before {
  background-color: hsla(0, 0%, 100%, 0.5);
}

.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label:after {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbDpzcGFjZT0icHJlc2VydmUiIHZpZXdCb3g9IjAgMCAyMCAyMCI+PHBhdGggZD0iTTE3LjggNy4zYzAgLjMtLjEuNS0uMy43bC03LjMgNy4zLTEuNCAxLjRjLS4xLjItLjQuMy0uNi4zLS4zIDAtLjUtLjEtLjctLjNsLTEuNC0xLjQtMy43LTMuN2MtLjItLjItLjMtLjQtLjMtLjdzLjEtLjUuMy0uN2wxLjQtMS40Yy4yIDAgLjQtLjEuNy0uMXMuNS4xLjcuMmwzIDMgNi42LTYuNmMuMi0uMi40LS4zLjctLjNzLjUuMS43LjNsMS40IDEuNGMuMS4xLjIuNC4yLjYiIHN0eWxlPSJmaWxsOiMxYjQ4NzEiLz48L3N2Zz4=");
  background-size: cover;
  opacity: 0.5;
}

.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label:before {
  background-color: hsla(0, 0%, 100%, 0.5);
}

.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label:after {
  background-color: transparent;
}

.custom-radio {
  margin: 0 0 0.625rem;
}

.custom-radio.custom-control {
  padding-left: 1.875rem !important;
}

.custom-radio .custom-control-label {
  cursor: pointer;
  margin-top: 2px;
}

.custom-radio .custom-control-label:before {
  background-color: #fff !important;
  border: 1px solid #b9c1c6;
  border-radius: 50%;
  box-shadow: 0 0 4px transparent, inset 0 2px 2px rgba(0, 0, 0, 0.1) !important;
  height: 20px;
  top: 4px;
  width: 20px;
}

.custom-radio .custom-control-label:after {
  background-image: none !important;
  border-radius: 50%;
  height: 10px;
  left: 5px;
  top: 9px;
  width: 10px;
}

.custom-radio .custom-control-input:checked ~ .custom-control-label:before {
  background-color: #fff !important;
}

.custom-radio .custom-control-input:checked ~ .custom-control-label:after {
  background-color: #00529c !important;
  background-image: none !important;
}

.custom-radio .custom-control-input:indeterminate ~ .custom-control-label:before {
  background-color: #fff !important;
}

.custom-radio .custom-control-input:indeterminate ~ .custom-control-label:after {
  background-color: transparent !important;
  background-image: none;
}

.custom-radio .custom-control-input:active ~ .custom-control-label:before {
  background-color: #fff;
  box-shadow: none;
}

.custom-radio .custom-control-input:disabled ~ .custom-control-label {
  cursor: default;
  pointer-events: none;
}

.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label:before, .custom-radio .custom-control-input:disabled ~ .custom-control-label:before {
  background-color: hsla(0, 0%, 100%, 0.5);
}

.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label:after {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbDpzcGFjZT0icHJlc2VydmUiIHZpZXdCb3g9IjAgMCAyMCAyMCI+PHBhdGggZD0iTTE3LjggNy4zYzAgLjMtLjEuNS0uMy43bC03LjMgNy4zLTEuNCAxLjRjLS4xLjItLjQuMy0uNi4zLS4zIDAtLjUtLjEtLjctLjNsLTEuNC0xLjQtMy43LTMuN2MtLjItLjItLjMtLjQtLjMtLjdzLjEtLjUuMy0uN2wxLjQtMS40Yy4yIDAgLjQtLjEuNy0uMXMuNS4xLjcuMmwzIDMgNi42LTYuNmMuMi0uMi40LS4zLjctLjNzLjUuMS43LjNsMS40IDEuNGMuMS4xLjIuNC4yLjYiIHN0eWxlPSJmaWxsOiMxYjQ4NzEiLz48L3N2Zz4=");
  background-size: cover;
  opacity: 0.5;
}

.custom-radio .custom-control-input:disabled:indeterminate ~ .custom-control-label:before {
  background-color: hsla(0, 0%, 100%, 0.5);
}

.custom-radio .custom-control-input:disabled:indeterminate ~ .custom-control-label:after {
  background-color: transparent;
}

.help-feedback, .invalid-feedback, .valid-feedback {
  display: none;
}

.help-feedback--msg, .invalid-feedback--msg, .valid-feedback--msg {
  font-size: 0.875rem;
  line-height: 1.2857142857;
  margin: 0;
  padding: 0.5rem 0 0 !important;
  pointer-events: none;
}

@media (min-width: 768px) {
  .help-feedback--msg, .invalid-feedback--msg, .valid-feedback--msg {
    align-items: center;
    padding: 0 0 0 1.25rem !important;
  }
}
.help-feedback.icon, .invalid-feedback.icon, .valid-feedback.icon {
  height: 20px;
  margin: 0.6875rem 1.25rem 0 -2.5rem;
  width: 20px;
  z-index: 10;
}

.valid-feedback.icon {
  fill: #28a745;
}

.invalid-feedback.icon {
  fill: #dc3545;
}

.help-feedback--msg {
  color: #868e96;
  display: flex;
}

.form-control.is-invalid ~ .help-feedback--msg {
  display: none;
}

.form-control.is-invalid ~ .invalid-feedback--msg {
  display: flex;
}

.was-validated .form-control.is-invalid ~ .help-feedback--msg, .was-validated .form-control:invalid ~ .help-feedback--msg {
  display: none;
}

.was-validated .form-control.is-invalid ~ .invalid-feedback--msg, .was-validated .form-control:invalid ~ .invalid-feedback--msg {
  display: flex;
}

.was-validated .form-control.is-valid ~ .invalid-feedback, .was-validated .form-control:valid ~ .invalid-feedback {
  display: none !important;
}

.form-group.is-invalid .form-check-label:before {
  border-color: #dc3545;
}

.form-group.is-invalid .invalid-feedback {
  display: block;
  float: left;
}

.form-group.is-invalid .invalid-feedback--msg {
  margin: 0.25rem 0 0;
  padding-left: 0.625rem !important;
  width: auto;
}

.form-group.is-invalid .invalid-feedback.icon {
  margin: 0;
}

.form-group.is-valid .valid-feedback {
  display: none;
}

.was-validated textarea.form-control.is-invalid ~ .help-feedback--msg, .was-validated textarea.form-control.is-invalid ~ .invalid-feedback--msg, .was-validated textarea.form-control.is-valid ~ .help-feedback--msg, .was-validated textarea.form-control.is-valid ~ .valid-feedback--msg, .was-validated textarea.form-control ~ .help-feedback--msg, textarea.form-control.is-invalid ~ .help-feedback--msg, textarea.form-control.is-invalid ~ .invalid-feedback--msg, textarea.form-control.is-valid ~ .help-feedback--msg, textarea.form-control.is-valid ~ .valid-feedback--msg, textarea.form-control ~ .help-feedback--msg {
  align-items: start;
}

@media (min-width: 768px) {
  .was-validated textarea.form-control.is-invalid ~ .help-feedback--msg, .was-validated textarea.form-control.is-invalid ~ .invalid-feedback--msg, .was-validated textarea.form-control.is-valid ~ .help-feedback--msg, .was-validated textarea.form-control.is-valid ~ .valid-feedback--msg, .was-validated textarea.form-control ~ .help-feedback--msg, textarea.form-control.is-invalid ~ .help-feedback--msg, textarea.form-control.is-invalid ~ .invalid-feedback--msg, textarea.form-control.is-valid ~ .help-feedback--msg, textarea.form-control.is-valid ~ .valid-feedback--msg, textarea.form-control ~ .help-feedback--msg {
    margin-top: 0.8125rem;
  }
}
.alert-danger {
  color: #dc3545;
  margin-bottom: 3.125rem;
  padding-left: 3.4375rem;
}

.alert-danger .icon.alert-feedback {
  left: 1.0625rem;
  position: absolute;
  top: 0.6875rem;
  fill: #dc3545;
}

.custom-file {
  display: flex;
  height: 42px;
}

.custom-file label[class*=col-] {
  margin-bottom: 0;
}

.custom-file .size-exceeded-msg {
  display: flex !important;
}

.custom-file-input, .custom-file-label {
  background-color: #fff;
  border-color: #b9c1c6;
  cursor: pointer;
  height: 42px;
  overflow: hidden;
  padding: 0.625rem 1.875rem 0.3125rem 0.9375rem !important;
  white-space: nowrap;
}

.custom-file-input, .custom-file-input:active, .custom-file-input:focus, .custom-file-input:hover, .custom-file-label, .custom-file-label:active, .custom-file-label:focus, .custom-file-label:hover {
  box-shadow: 0 0 4px transparent, inset 0 2px 2px rgba(0, 0, 0, 0.1) !important;
  color: #21252b;
}

.custom-file-input:after, .custom-file-label:after {
  background-color: #656b6f;
  color: #fff;
  height: 100% !important;
  padding-top: 10px;
}

.form [class*=col-] {
  margin-bottom: 0.625rem;
}

.form input[class*=col-], .form select[class*=col-], .form span[class*=col-], .form textarea[class*=col-] {
  margin-bottom: 0;
}

.form-fieldset {
  padding-bottom: 1.375rem;
}

.form-fieldset-title {
  border-bottom: 1px solid #b9c1c6;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1;
  margin: 0 0 1.25rem;
  padding-bottom: 10px;
}

.form-fieldset--double .form-group {
  display: block;
  padding: 0 10px;
  width: 100%;
}

@media (min-width: 768px) {
  .form-fieldset--double .form-group {
    display: inline-block;
    flex: 0 0 50%;
    width: 50%;
  }
}
.form-group-label {
  color: #868e96;
  font-size: 1rem;
  line-height: 1.25;
  margin: 0 0 0.375rem;
  width: 100%;
}

.form-group-label .optional {
  float: right;
  font-size: 0.875rem;
  line-height: 1.2857142857;
  margin-top: 3px;
}

.form .loader .spinner, .form .truckconfigurator .sidepanels .sideloader .sideloaderimage .spinner, .truckconfigurator .sidepanels .sideloader .form .sideloaderimage .spinner {
  bottom: 10%;
  top: auto;
}

.bg-black .form, .bg-black .form-signin, .bg-blue .form, .bg-blue .form-signin, .bg-dark .form, .bg-dark .form-signin {
  color: #fff;
}

input:optional.is-invalid, input:optional.is-valid, select:optional.is-invalid, select:optional.is-valid, textarea:optional.is-invalid, textarea:optional.is-valid {
  border-color: #b9c1c6 !important;
}

input:optional.is-invalid ~ .invalid-feedback, input:optional.is-invalid ~ .valid-feedback, input:optional.is-valid ~ .invalid-feedback, input:optional.is-valid ~ .valid-feedback, select:optional.is-invalid ~ .invalid-feedback, select:optional.is-invalid ~ .valid-feedback, select:optional.is-valid ~ .invalid-feedback, select:optional.is-valid ~ .valid-feedback, textarea:optional.is-invalid ~ .invalid-feedback, textarea:optional.is-invalid ~ .valid-feedback, textarea:optional.is-valid ~ .invalid-feedback, textarea:optional.is-valid ~ .valid-feedback {
  display: none;
}

input:optional.is-invalid ~ .group-label, input:optional.is-valid ~ .group-label, select:optional.is-invalid ~ .group-label, select:optional.is-valid ~ .group-label, textarea:optional.is-invalid ~ .group-label, textarea:optional.is-valid ~ .group-label {
  color: #868e96 !important;
}

input:optional.is-invalid ~ .custom-control-label, input:optional.is-invalid ~ .form-check-label, input:optional.is-valid ~ .custom-control-label, input:optional.is-valid ~ .form-check-label, select:optional.is-invalid ~ .custom-control-label, select:optional.is-invalid ~ .form-check-label, select:optional.is-valid ~ .custom-control-label, select:optional.is-valid ~ .form-check-label, textarea:optional.is-invalid ~ .custom-control-label, textarea:optional.is-invalid ~ .form-check-label, textarea:optional.is-valid ~ .custom-control-label, textarea:optional.is-valid ~ .form-check-label {
  color: #21252b !important;
}

input:optional.is-invalid ~ .custom-control-label:after, input:optional.is-invalid ~ .custom-control-label:before, input:optional.is-invalid ~ .form-check-label:after, input:optional.is-invalid ~ .form-check-label:before, input:optional.is-valid ~ .custom-control-label:after, input:optional.is-valid ~ .custom-control-label:before, input:optional.is-valid ~ .form-check-label:after, input:optional.is-valid ~ .form-check-label:before, select:optional.is-invalid ~ .custom-control-label:after, select:optional.is-invalid ~ .custom-control-label:before, select:optional.is-invalid ~ .form-check-label:after, select:optional.is-invalid ~ .form-check-label:before, select:optional.is-valid ~ .custom-control-label:after, select:optional.is-valid ~ .custom-control-label:before, select:optional.is-valid ~ .form-check-label:after, select:optional.is-valid ~ .form-check-label:before, textarea:optional.is-invalid ~ .custom-control-label:after, textarea:optional.is-invalid ~ .custom-control-label:before, textarea:optional.is-invalid ~ .form-check-label:after, textarea:optional.is-invalid ~ .form-check-label:before, textarea:optional.is-valid ~ .custom-control-label:after, textarea:optional.is-valid ~ .custom-control-label:before, textarea:optional.is-valid ~ .form-check-label:after, textarea:optional.is-valid ~ .form-check-label:before {
  background-color: #fff !important;
}

input.form-control, select.form-control, textarea.form-control {
  background-color: #fff;
  border-color: #b9c1c6;
  box-shadow: 0 0 4px transparent, inset 0 2px 2px rgba(0, 0, 0, 0.1);
  color: #21252b;
  height: 42px;
  padding: 0.3125rem 2.5rem 0.3125rem 0.9375rem !important;
}

input.form-control:active, input.form-control:focus, input.form-control:hover, select.form-control:active, select.form-control:focus, select.form-control:hover, textarea.form-control:active, textarea.form-control:focus, textarea.form-control:hover {
  box-shadow: 0 0 4px transparent, inset 0 2px 2px rgba(0, 0, 0, 0.1) !important;
  color: #21252b;
}

input.form-control:-ms-input-placeholder, select.form-control:-ms-input-placeholder, textarea.form-control:-ms-input-placeholder {
  color: #ced3d6;
}

input.form-control:-moz-placeholder, input.form-control::-moz-placeholder, select.form-control:-moz-placeholder, select.form-control::-moz-placeholder, textarea.form-control:-moz-placeholder, textarea.form-control::-moz-placeholder {
  color: #ced3d6;
}

input.form-control::-webkit-input-placeholder, select.form-control::-webkit-input-placeholder, textarea.form-control::-webkit-input-placeholder {
  color: #ced3d6;
}

input.form-control--zipcode, select.form-control--zipcode, textarea.form-control--zipcode {
  flex: 0 0 50%;
  max-width: 50%;
}

@media (min-width: 768px) {
  input.form-control--zipcode, select.form-control--zipcode, textarea.form-control--zipcode {
    flex: 0 0 33.3333333333%;
    flex: 0 0 25%;
    max-width: 33.3333333333%;
    max-width: 25%;
  }
}
input.form-control.datepicker, input.form-control.timepicker, select.form-control.datepicker, select.form-control.timepicker, textarea.form-control.datepicker, textarea.form-control.timepicker {
  background-color: #fff !important;
  cursor: pointer;
}

input.form-masked, select.form-masked, textarea.form-masked {
  display: none;
}

textarea.form-control {
  height: auto;
  padding: 0.9375rem !important;
}

input[type=file].is-invalid ~ .invalid-feedback.icon, input[type=file].is-invalid ~ .valid-feedback.icon, input[type=file].is-valid ~ .invalid-feedback.icon, input[type=file].is-valid ~ .valid-feedback.icon, input[type=file]:invalid ~ .invalid-feedback.icon, input[type=file]:invalid ~ .valid-feedback.icon, input[type=file]:valid ~ .invalid-feedback.icon, input[type=file]:valid ~ .valid-feedback.icon {
  display: none;
}

.bg-black input:optional.is-invalid ~ .custom-control-label, .bg-black input:optional.is-invalid ~ .form-check-label, .bg-black input:optional.is-valid ~ .custom-control-label, .bg-black input:optional.is-valid ~ .form-check-label, .bg-blue input:optional.is-invalid ~ .custom-control-label, .bg-blue input:optional.is-invalid ~ .form-check-label, .bg-blue input:optional.is-valid ~ .custom-control-label, .bg-blue input:optional.is-valid ~ .form-check-label, .bg-dark input:optional.is-invalid ~ .custom-control-label, .bg-dark input:optional.is-invalid ~ .form-check-label, .bg-dark input:optional.is-valid ~ .custom-control-label, .bg-dark input:optional.is-valid ~ .form-check-label {
  color: #fff !important;
}

select.form-control {
  box-shadow: 0 0 4px transparent, inset 0 2px 2px rgba(0, 0, 0, 0.1);
  color: #21252b;
  cursor: pointer;
  padding: 0.3125rem 0.3125rem 0.3125rem 0.9375rem !important;
}

select.form-control:active, select.form-control:focus, select.form-control:hover {
  box-shadow: 0 0 4px transparent, inset 0 2px 2px rgba(0, 0, 0, 0.1) !important;
  color: #21252b;
}

select.form-control:not([size]):not([multiple]) {
  height: 42px;
}

.form-control--selected-dealer {
  background-color: #fff;
  border-color: #b9c1c6;
  box-shadow: 0 0 4px transparent, inset 0 2px 2px rgba(0, 0, 0, 0.1);
  color: #21252b;
  height: 42px;
  overflow: hidden;
  padding: 0.3125rem 2.5rem 0.3125rem 1.5625rem !important;
  position: relative;
}

.form-control--selected-dealer .icon--marker {
  left: 10px;
  position: absolute;
  top: 8px;
}

.form-control--selected-dealer .icon--marker svg {
  fill: #00529c;
  color: #00529c;
}

.form-control--selected-dealer span + p {
  color: #21252b !important;
  display: inline;
  font-size: 1rem;
  line-height: 1.8125;
  padding-left: 20px;
}

.text-light .form-control--selected-dealer span + p {
  color: #21252b !important;
}

.form-control--selected-dealer-no-icon {
  align-items: center;
  display: flex;
  justify-content: center;
  padding-left: 0.9375rem !important;
}

.form-control--selected-dealer-no-icon p {
  color: #21252b !important;
  margin-bottom: 0;
  white-space: nowrap;
  width: 100%;
}

.catwalk {
  overflow: hidden;
  position: relative;
}

.catwalk__image-wrapper {
  height: 37.5rem;
  width: 75rem;
}

@media (min-width: 768px) {
  .catwalk__image-wrapper {
    height: 50rem;
    width: 100rem;
  }
}
@media (min-width: 992px) {
  .catwalk__image-wrapper {
    height: 50vw;
    width: auto;
  }
}
.catwalk__build-up-reveal-layer {
  background-color: #353c45;
  height: 100%;
  position: absolute;
  transform: translateX(-30%) skewX(-45deg);
  transition: transform 2s ease-out;
  width: 300vw;
  z-index: 7;
}

@media (min-width: 992px) {
  .catwalk__build-up-reveal-layer {
    transform: translateX(-30%) skewX(-70deg);
  }
}
.catwalk.build-up-finished .catwalk__build-up-reveal-layer, .catwalk.is-building-up .catwalk__build-up-reveal-layer {
  transform: translateX(75%) skewX(-45deg);
}

@media (min-width: 992px) {
  .catwalk.build-up-finished .catwalk__build-up-reveal-layer, .catwalk.is-building-up .catwalk__build-up-reveal-layer {
    transform: translateX(75%) skewX(-70deg);
  }
}
.catwalk.is-building-up .catwalk__image-layer {
  transition-duration: 3s;
}

@media (min-width: 992px) {
  .catwalk.is-building-up .catwalk__image-layer--sky {
    animation: imageSkyLayerParallex 2.5s ease-out;
    animation-fill-mode: forwards;
  }
  .catwalk.is-building-up .swiper-slide.is-active-desktop {
    transition-duration: 1.5s;
  }
}
.catwalk.build-up-finished .swiper-container {
  opacity: 1;
}

@media (min-width: 992px) {
  .catwalk.build-up-finished .swiper-slide {
    min-width: 20rem;
    opacity: 0.5;
    overflow: hidden;
    width: 20%;
  }
}
.catwalk.build-up-finished .catwalk-details {
  animation: showUp 1.5s ease-out;
}

@media (min-width: 992px) {
  .catwalk.build-up-finished .catwalk-details {
    animation: none;
    opacity: 1;
    transform: translateX(0);
    transition: transform 1.5s ease-out 1.5s, opacity 1.5s ease-out 1.5s;
  }
}
.catwalk.build-up-finished .catwalk__progress {
  opacity: 1;
}

.catwalk .swiper-container {
  align-items: flex-end;
  display: flex;
  height: 100%;
  left: 15%;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: opacity 1.5s;
  width: auto;
  z-index: 5;
}

@media (min-width: 992px) {
  .catwalk .swiper-container {
    left: 0;
  }
}
.catwalk .swiper-wrapper {
  height: auto;
}

@media (min-width: 992px) {
  .catwalk .swiper-wrapper {
    align-items: flex-end;
    background-image: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.6));
    justify-content: center;
  }
}
.catwalk .swiper-slide {
  height: auto;
  opacity: 0;
  transition: opacity 0.5s;
}

.catwalk .swiper-slide-active {
  opacity: 1;
}

@media (min-width: 992px) {
  .catwalk .swiper-slide {
    border-left: 1px solid #fff;
    min-width: 1px;
    overflow: hidden;
    transition: transform 1.5s, opacity 1.5s, width 1.5s ease-out, min-width 1.5s ease-out;
    width: 1px;
  }
  .catwalk .swiper-slide.is-active-desktop {
    opacity: 1;
    transition-duration: 0.5s;
  }
}
.catwalk__image-layer {
  height: 100%;
  left: 0;
  max-height: 100%;
  min-width: 100%;
  position: absolute;
  transition: transform 1.25s;
}

.catwalk__image-layer--objects {
  z-index: 3;
}

.catwalk__image-layer--tarmac {
  z-index: 2;
}

.catwalk__image-layer--sky {
  z-index: 1;
}

@media (min-width: 992px) {
  .catwalk__image-layer--sky {
    margin-left: -2.5rem;
    width: calc(100% + 80px);
  }
  .catwalk__image-layer {
    transform: none;
    transition: transform 0.1s;
  }
}
.catwalk__gradient {
  height: 100%;
  opacity: 0;
  position: absolute;
  transition: opacity 0.5s ease-in;
  z-index: 4;
}

.catwalk__gradient--right {
  background-image: linear-gradient(90deg, transparent, rgba(0, 0, 0, 0.4));
  right: 0;
  top: 0;
  width: 20%;
}

.catwalk__gradient--left {
  background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.4), transparent);
  left: 0;
  top: 0;
  width: 20%;
}

.catwalk__gradient--bottom {
  background-image: linear-gradient(180deg, transparent, #000);
  bottom: 0;
  left: 0;
  right: 0;
}

.catwalk__gradient.is-active {
  opacity: 1;
}

.catwalk-details {
  align-items: flex-start;
  color: #fff;
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 0 2rem 4rem;
}

@media (min-width: 992px) {
  .catwalk-details {
    opacity: 0;
    padding-bottom: 3rem;
    transform: translateX(-100%);
  }
}
.catwalk-details__divider {
  background-color: #fff;
  bottom: 0;
  left: 0;
  position: absolute;
  width: 1px;
}

.catwalk-details__title {
  font-size: 5rem;
  line-height: 1;
  margin-bottom: 1rem;
  margin-top: 0;
}

.catwalk-details__list {
  width: 100%;
}

.catwalk-details__list li {
  font-size: 1.25rem;
  margin-bottom: 1.25rem;
}

@media (min-width: 992px) {
  .catwalk-details__list li {
    font-size: 1.375rem;
    margin-bottom: 2.5rem;
  }
}
.catwalk-details .btn, .catwalk-details .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-configure, .catwalk-details .truckconfigurator .modal .modal-btn, .catwalk-details .truckconfigurator .modal-disclaimer .modal-btn, .catwalk-details .truckconfigurator .modal-home .modal-btn, .catwalk-details .truckconfigurator .modal-save .modal-btn, .catwalk-details .truckconfigurator .modal-send .modal-btn, .catwalk-details .truckconfigurator .modal-summary .modal-btn, .catwalk-details .truckconfigurator .modal-validation .modal-btn, .catwalk-details .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .select-model-btn, .catwalk-details .truckconfigurator .sp-choose, .truckconfigurator .catwalk-details .sp-choose, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .catwalk-details .btn-configure, .truckconfigurator .modal .catwalk-details .modal-btn, .truckconfigurator .modal-disclaimer .catwalk-details .modal-btn, .truckconfigurator .modal-home .catwalk-details .modal-btn, .truckconfigurator .modal-save .catwalk-details .modal-btn, .truckconfigurator .modal-send .catwalk-details .modal-btn, .truckconfigurator .modal-summary .catwalk-details .modal-btn, .truckconfigurator .modal-validation .catwalk-details .modal-btn, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .catwalk-details .select-model-btn {
  margin-top: auto;
}

.catwalk__progress {
  bottom: 2rem;
  display: flex;
  left: 50%;
  opacity: 0;
  position: absolute;
  transform: translateX(-50%);
  transition: opacity 1.5s;
  z-index: 6;
}

.catwalk__progress-dot {
  background-color: hsla(0, 0%, 100%, 0.5);
  border-radius: 50%;
  height: 0.75rem;
  margin-left: 0.5rem;
  transition: background-color 0.3s;
  width: 0.75rem;
}

.catwalk__progress-dot.is-active {
  background-color: #fff;
}

@keyframes imageSkyLayerParallex {
  0% {
    transform: translateX(-40px);
  }
  to {
    transform: translateX(0);
  }
}
@keyframes showUp {
  0% {
    opacity: 0;
    transform: translateX(-85%);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
.comparison-carousel .slick-slide:first-of-type .comparison-carousel__item .card {
  border-radius: 0.625rem 0 0 0.625rem;
}

.comparison-carousel .slick-slide:last-of-type .comparison-carousel__item .card {
  border-radius: 0 0.625rem 0.625rem 0;
}

.comparison-carousel .slick-disabled {
  opacity: 0;
  pointer-events: none;
  transition: all 0.1s ease-in;
}

.comparison-carousel button {
  transition: all 0.1s ease-in;
}

.comparison-carousel__btn {
  align-items: center;
  background-color: transparent;
  border: 0;
  bottom: 0;
  cursor: pointer;
  display: flex;
  justify-content: center;
  opacity: 1;
  position: absolute;
  text-align: center;
  top: 0;
  width: 60px;
  z-index: 1;
}

.comparison-carousel__btn:before {
  background-color: hsla(0, 0%, 100%, 0.2);
  content: "";
  height: 110px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: background-color 0.1s ease-in-out;
  width: 60px;
}

.comparison-carousel__btn:hover:before {
  background-color: hsla(0, 0%, 100%, 0.4);
}

.comparison-carousel__btn .icon {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  fill: #00529c;
  color: #00529c;
  height: 48px;
  width: 48px;
}

.comparison-carousel__btn--prev {
  left: 0;
  position: absolute;
}

.comparison-carousel__btn--prev:before {
  border-bottom-right-radius: 6px;
  border-top-right-radius: 6px;
}

@media (min-width: 576px) {
  .comparison-carousel__btn--prev {
    left: 0;
  }
}
.comparison-carousel__btn--next {
  position: absolute;
  right: 0;
}

.comparison-carousel__btn--next:before {
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
}

@media (min-width: 576px) {
  .comparison-carousel__btn--next {
    right: 0;
  }
}
.comparison-carousel__item {
  height: 100%;
}

.comparison-carousel__item, .comparison-carousel__item.is-inactive {
  transition: opacity 0.4s ease-out;
}

@media (min-width: 576px) {
  .comparison-carousel__item.is-inactive {
    opacity: 0.2;
  }
  .comparison-carousel__item {
    padding-bottom: 50px;
  }
}
.slick-track {
  display: flex;
  height: 100%;
}

.slick-track .slick-slide {
  align-items: stretch;
  display: flex;
  height: auto;
  justify-content: stretch;
  padding-top: 25px;
}

.content-carousel-yellow .card--showcase .card-title {
  color: #ffc107 !important;
}

.content-carousel-yellow .content-carousel__btn .icon {
  color: #ffc107;
  fill: #ffc107;
}

.content-carousel-blue .card--showcase .card-title {
  color: #00529c !important;
}

.content-carousel-blue .content-carousel__btn .icon {
  color: #00529c;
  fill: #00529c;
}

.content-carousel-grey .card--showcase .card-title {
  color: #ced3d6 !important;
}

.content-carousel-grey .content-carousel__btn .icon {
  color: #ced3d6;
  fill: #ced3d6;
}

.content-carousel .slick-disabled {
  opacity: 0;
  pointer-events: none;
  transition: all 0.1s ease-in;
}

.content-carousel button {
  transition: all 0.1s ease-in;
}

.content-carousel__btn {
  background-color: transparent;
  border: 0;
  cursor: pointer;
  padding: 0;
  position: absolute;
  top: 16%;
  z-index: 1;
}

@media (min-width: 576px) {
  .content-carousel__btn {
    top: 5.625rem;
  }
}
@media (min-width: 768px) {
  .content-carousel__btn {
    top: 7.5rem;
  }
}
@media (min-width: 992px) {
  .content-carousel__btn {
    top: 10.625rem;
  }
}
.content-carousel__btn:hover {
  transform: scale(1.2);
}

.content-carousel__btn .icon {
  color: #fc5f01;
  height: 50px;
  width: 50px;
  fill: #fc5f01;
  display: block;
}

.content-carousel__btn--prev {
  left: -9%;
  position: absolute;
  transition: all 0.1s ease-in;
}

@media (min-width: 576px) {
  .content-carousel__btn--prev {
    left: 29%;
  }
}
.content-carousel__btn--next {
  position: absolute;
  right: -9%;
  transition: all 0.1s ease-in;
}

@media (min-width: 576px) {
  .content-carousel__btn--next {
    right: 29%;
  }
}
.swiper-container.swiper-container--vue {
  padding-top: 1.5625rem;
}

.swiper-container.swiper-container--vue .is-slickcurrent .card--showcase .card__image {
  transform: scale(1);
}

.swiper-container.swiper-container--vue .card--showcase .card__image {
  transform: scale(0.8);
}

.slick-track .slick-slide > div:first-child {
  width: 100%;
}

.countdown-clock {
  margin: 0 auto;
  perspective: 37.5rem;
  text-align: center;
}

.countdown-clock__piece {
  display: inline-block;
  margin: 0 1px;
}

@media (min-width: 768px) {
  .countdown-clock__piece {
    margin: 0 0.125rem;
  }
}
.countdown-clock__slot {
  color: #868e96;
  display: block;
  font-size: 0.6875rem;
  letter-spacing: 0.125rem;
  margin-top: 0.375rem;
  text-transform: uppercase;
}

@media (min-width: 768px) {
  .countdown-clock__slot {
    font-size: 0.75rem;
    letter-spacing: 0.25rem;
  }
}
.countdown-card {
  display: block;
  font-size: 2.5rem;
  line-height: 0.95;
  padding-bottom: 0.68em;
  position: relative;
}

@media (min-width: 768px) {
  .countdown-card {
    font-size: 3.8rem;
  }
}
@media (min-width: 992px) {
  .countdown-card {
    font-size: 5rem;
  }
}
.countdown-card__back-4digits:after, .countdown-card__back-4digits:before, .countdown-card__back-bottom, .countdown-card__back-bottom-4digits, .countdown-card__back:after, .countdown-card__back:before, .countdown-card__bottom, .countdown-card__bottom-4digits, .countdown-card__top, .countdown-card__top-4digits {
  backface-visibility: hidden;
  background-color: #21252b;
  border-radius: 0.15em 0.15em 0 0;
  color: hsla(0, 0%, 100%, 0.9);
  display: block;
  height: 0.68em;
  padding: 0.21em 0.15em 0.36em;
  transform-style: preserve-3d;
  width: 1.8em;
}

.countdown-card__back-4digits:after, .countdown-card__back-4digits:before, .countdown-card__back-bottom-4digits, .countdown-card__bottom-4digits, .countdown-card__top-4digits {
  width: 2.2em;
}

.countdown-card__back-bottom, .countdown-card__back-bottom-4digits, .countdown-card__bottom, .countdown-card__bottom-4digits {
  background-color: #353c45;
  border-radius: 0 0 0.15em 0.15em;
  border-top: 1px solid #000;
  color: #fff;
  left: 0;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  top: 50%;
  z-index: 2;
}

.countdown-card__back-bottom, .countdown-card__back-bottom-4digits {
  z-index: 1;
}

.countdown-card__back-bottom-4digits:after, .countdown-card__back-bottom:after, .countdown-card__bottom-4digits:after, .countdown-card__bottom:after {
  display: block;
  margin-top: -0.68em;
}

.countdown-card__back-4digits:before, .countdown-card__back-bottom-4digits:after, .countdown-card__back-bottom:after, .countdown-card__back:before, .countdown-card__bottom-4digits:after, .countdown-card__bottom:after {
  content: attr(data-value);
}

.countdown-card__back, .countdown-card__back-4digits {
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
}

.countdown-card__back-4digits:before, .countdown-card__back-4digits__back-4digits:before, .countdown-card__back:before, .countdown-card__back__back-4digits:before {
  overflow: hidden;
  position: relative;
  z-index: -1;
}

.countdown .countdown-card__back-4digits:before, .countdown .countdown-card__back:before {
  animation: flipTop 0.3s cubic-bezier(0.37, 0.01, 0.94, 0.35);
  animation-fill-mode: both;
  transform-origin: center bottom;
  z-index: 1;
}

.countdown .countdown-card__bottom, .countdown .countdown-card__bottom-4digits {
  animation: flipBottom 0.6s cubic-bezier(0.15, 0.45, 0.28, 1);
  animation-fill-mode: both;
  transform-origin: center top;
}

@keyframes flipTop {
  0% {
    transform: rotateX(0deg);
    z-index: 2;
  }
  99% {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: rotateX(-90deg);
  }
}
@keyframes flipBottom {
  0%, 50% {
    opacity: 0;
    transform: rotateX(90deg);
    z-index: -1;
  }
  51% {
    opacity: 1;
  }
  to {
    opacity: 1;
    transform: rotateX(0deg);
    z-index: 5;
  }
}
.bg-black .countdown-clock__slot, .bg-blue .countdown-clock__slot, .bg-dark .countdown-clock__slot {
  color: #fff;
}

.bg-black .countdown-card__back-bottom, .bg-black .countdown-card__back:after, .bg-black .countdown-card__back:before, .bg-black .countdown-card__bottom, .bg-black .countdown-card__top, .bg-blue .countdown-card__back-bottom, .bg-blue .countdown-card__back:after, .bg-blue .countdown-card__back:before, .bg-blue .countdown-card__bottom, .bg-blue .countdown-card__top, .bg-dark .countdown-card__back-bottom, .bg-dark .countdown-card__back:after, .bg-dark .countdown-card__back:before, .bg-dark .countdown-card__bottom, .bg-dark .countdown-card__top {
  background-color: #f1f1f1;
  color: #000;
}

.bg-black .countdown-card__back-bottom, .bg-black .countdown-card__bottom, .bg-blue .countdown-card__back-bottom, .bg-blue .countdown-card__bottom, .bg-dark .countdown-card__back-bottom, .bg-dark .countdown-card__bottom {
  background-color: #f9f9f9;
  color: #353c45;
}

.carousel-control-next, .carousel-control-prev {
  width: 60px;
}

.carousel .carousel-control-next, .carousel .carousel-control-prev {
  opacity: 1;
}

.carousel .carousel-control-next .icon--chevron-left, .carousel .carousel-control-next .icon--chevron-right, .carousel .carousel-control-prev .icon--chevron-left, .carousel .carousel-control-prev .icon--chevron-right {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  fill: #fff;
  color: #fff;
  height: 48px;
  width: 48px;
}

.carousel .carousel-control-next:before, .carousel .carousel-control-prev:before {
  background-color: hsla(0, 0%, 100%, 0.2);
  content: "";
  height: 110px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: background-color 0.1s ease-in-out;
  width: 60px;
}

.carousel .carousel-control-next:hover:before, .carousel .carousel-control-prev:hover:before {
  background-color: hsla(0, 0%, 100%, 0.4);
}

.carousel .carousel-control-prev:before {
  border-bottom-right-radius: 6px;
  border-top-right-radius: 6px;
  content: "";
  right: 0;
}

.carousel .carousel-control-next:before {
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
  left: 0;
}

.carousel-indicators {
  height: 5px;
}

.carousel-indicators li {
  background-color: #ced3d6;
  cursor: pointer;
  height: 5px;
  transition: background-color 0.1s ease-in-out, opacity 0.1s ease-in-out;
  width: 35px;
}

.carousel-indicators li:hover {
  background-color: #b9c1c6;
}

.carousel-indicators li.active {
  background-color: #656b6f;
  cursor: default;
}

@media (min-width: 576px) {
  .carousel-indicators li {
    width: 55px;
  }
}
@media (min-width: 992px) {
  .carousel-indicators li {
    background-color: #fff;
    opacity: 0.5;
    width: 110px;
  }
  .carousel-indicators li:hover {
    background-color: #fff;
    opacity: 0.75;
  }
  .carousel-indicators li.active {
    background-color: #fff;
    cursor: default;
    opacity: 1;
  }
}
.hero-header {
  padding: 0;
  position: relative;
  z-index: 1;
}

.hero-header .visual {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 210px;
  position: relative;
}

@media (min-width: 576px) {
  .hero-header .visual {
    height: 315px;
  }
}
@media (min-width: 992px) {
  .hero-header .visual {
    height: 390px;
  }
}
.hero-header .visual--1of1 {
  float: left;
  width: 100%;
}

.hero-header .visual--1of2, .hero-header .visual--2of2 {
  float: left;
  width: 50%;
}

.hero-header .visual--1of3, .hero-header .visual--2of3, .hero-header .visual--3of3 {
  float: left;
  width: 33.3333333333%;
}

@media (min-width: 992px) {
  .hero-header--medium .visual {
    height: 433px;
  }
  .hero-header--large .visual {
    height: 650px;
  }
}
.hero-header--large .visual--1of1, .hero-header--large .visual--1of2, .hero-header--large .visual--1of3, .hero-header--medium .visual--1of1, .hero-header--medium .visual--1of2, .hero-header--medium .visual--1of3 {
  width: 100%;
}

.hero-header--large .visual--2of2, .hero-header--large .visual--2of3, .hero-header--large .visual--3of3, .hero-header--medium .visual--2of2, .hero-header--medium .visual--2of3, .hero-header--medium .visual--3of3 {
  display: none;
}

.hero-header__visual {
  position: relative;
}

.hero-header__visual .gradient {
  background: -owg-linear-gradient(90deg, #000 0, transparent 100%);
  background: linear-gradient(90deg, #000, transparent);
  height: 100%;
  left: 0;
  opacity: 0.4;
  position: absolute;
  top: 0;
  width: 100%;
}

.hero-header.text-right .hero-header__content {
  align-items: flex-end;
  display: flex;
  flex-direction: column;
  text-align: right;
}

@media (min-width: 576px) {
  .hero-header.text-right .hero-header__content {
    text-align: center;
  }
}
@media (min-width: 768px) {
  .hero-header.text-right .hero-header__content {
    text-align: right;
  }
}
.hero-header.text-right .hero-header__subtitle, .hero-header.text-right .hero-header__text, .hero-header.text-right .hero-header__title {
  max-width: none;
}

.hero-header__content {
  padding-top: 2.1875rem;
  text-align: left;
}

@media (min-width: 576px) {
  .hero-header__content {
    text-align: center;
  }
}
@media (min-width: 768px) {
  .hero-header__content {
    padding-bottom: 0.9375rem;
    text-align: left;
  }
}
@media (min-width: 576px) {
  .hero-header__content .body {
    max-width: 480px;
  }
}
@media (min-width: 992px) {
  .hero-header__content {
    height: 100%;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
  }
}
.hero-header__content .body {
  width: 100%;
}

@media (min-width: 992px) {
  .hero-header__content .body {
    max-width: 551px;
    padding: 2.1875rem 0;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
  }
}
.hero-header__content .btn, .hero-header__content .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-configure, .hero-header__content .truckconfigurator .modal .modal-btn, .hero-header__content .truckconfigurator .modal-disclaimer .modal-btn, .hero-header__content .truckconfigurator .modal-home .modal-btn, .hero-header__content .truckconfigurator .modal-save .modal-btn, .hero-header__content .truckconfigurator .modal-send .modal-btn, .hero-header__content .truckconfigurator .modal-summary .modal-btn, .hero-header__content .truckconfigurator .modal-validation .modal-btn, .hero-header__content .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .select-model-btn, .hero-header__content .truckconfigurator .sp-choose, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .hero-header__content .btn-configure, .truckconfigurator .hero-header__content .sp-choose, .truckconfigurator .modal .hero-header__content .modal-btn, .truckconfigurator .modal-disclaimer .hero-header__content .modal-btn, .truckconfigurator .modal-home .hero-header__content .modal-btn, .truckconfigurator .modal-save .hero-header__content .modal-btn, .truckconfigurator .modal-send .hero-header__content .modal-btn, .truckconfigurator .modal-summary .hero-header__content .modal-btn, .truckconfigurator .modal-validation .hero-header__content .modal-btn, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .hero-header__content .select-model-btn {
  margin-bottom: 1.875rem;
}

@media (min-width: 992px) {
  .hero-header__content .btn, .hero-header__content .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-configure, .hero-header__content .truckconfigurator .modal .modal-btn, .hero-header__content .truckconfigurator .modal-disclaimer .modal-btn, .hero-header__content .truckconfigurator .modal-home .modal-btn, .hero-header__content .truckconfigurator .modal-save .modal-btn, .hero-header__content .truckconfigurator .modal-send .modal-btn, .hero-header__content .truckconfigurator .modal-summary .modal-btn, .hero-header__content .truckconfigurator .modal-validation .modal-btn, .hero-header__content .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .select-model-btn, .hero-header__content .truckconfigurator .sp-choose, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .hero-header__content .btn-configure, .truckconfigurator .hero-header__content .sp-choose, .truckconfigurator .modal .hero-header__content .modal-btn, .truckconfigurator .modal-disclaimer .hero-header__content .modal-btn, .truckconfigurator .modal-home .hero-header__content .modal-btn, .truckconfigurator .modal-save .hero-header__content .modal-btn, .truckconfigurator .modal-send .hero-header__content .modal-btn, .truckconfigurator .modal-summary .hero-header__content .modal-btn, .truckconfigurator .modal-validation .hero-header__content .modal-btn, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .hero-header__content .select-model-btn {
    margin-bottom: 0;
  }
}
.hero-header__content .d-none + .btn, .hero-header__content .h3 + .btn, .hero-header__content .truckconfigurator .d-none + .sp-choose, .hero-header__content .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .d-none + .btn-configure, .hero-header__content .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .h3 + .btn-configure, .hero-header__content .truckconfigurator .h3 + .sp-choose, .hero-header__content .truckconfigurator .modal .d-none + .modal-btn, .hero-header__content .truckconfigurator .modal .h3 + .modal-btn, .hero-header__content .truckconfigurator .modal-disclaimer .d-none + .modal-btn, .hero-header__content .truckconfigurator .modal-disclaimer .h3 + .modal-btn, .hero-header__content .truckconfigurator .modal-home .d-none + .modal-btn, .hero-header__content .truckconfigurator .modal-home .h3 + .modal-btn, .hero-header__content .truckconfigurator .modal-save .d-none + .modal-btn, .hero-header__content .truckconfigurator .modal-save .h3 + .modal-btn, .hero-header__content .truckconfigurator .modal-send .d-none + .modal-btn, .hero-header__content .truckconfigurator .modal-send .h3 + .modal-btn, .hero-header__content .truckconfigurator .modal-summary .d-none + .modal-btn, .hero-header__content .truckconfigurator .modal-summary .h3 + .modal-btn, .hero-header__content .truckconfigurator .modal-validation .d-none + .modal-btn, .hero-header__content .truckconfigurator .modal-validation .h3 + .modal-btn, .hero-header__content .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .d-none + .select-model-btn, .hero-header__content .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .h3 + .select-model-btn, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .hero-header__content .d-none + .btn-configure, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .hero-header__content .h3 + .btn-configure, .truckconfigurator .hero-header__content .d-none + .sp-choose, .truckconfigurator .hero-header__content .h3 + .sp-choose, .truckconfigurator .modal .hero-header__content .d-none + .modal-btn, .truckconfigurator .modal .hero-header__content .h3 + .modal-btn, .truckconfigurator .modal-disclaimer .hero-header__content .d-none + .modal-btn, .truckconfigurator .modal-disclaimer .hero-header__content .h3 + .modal-btn, .truckconfigurator .modal-home .hero-header__content .d-none + .modal-btn, .truckconfigurator .modal-home .hero-header__content .h3 + .modal-btn, .truckconfigurator .modal-save .hero-header__content .d-none + .modal-btn, .truckconfigurator .modal-save .hero-header__content .h3 + .modal-btn, .truckconfigurator .modal-send .hero-header__content .d-none + .modal-btn, .truckconfigurator .modal-send .hero-header__content .h3 + .modal-btn, .truckconfigurator .modal-summary .hero-header__content .d-none + .modal-btn, .truckconfigurator .modal-summary .hero-header__content .h3 + .modal-btn, .truckconfigurator .modal-validation .hero-header__content .d-none + .modal-btn, .truckconfigurator .modal-validation .hero-header__content .h3 + .modal-btn, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .hero-header__content .d-none + .select-model-btn, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .hero-header__content .h3 + .select-model-btn {
  margin-top: 1.25rem;
}

.hero-header__title {
  margin-bottom: 1.25rem;
}

@media (min-width: 992px) {
  .hero-header__title {
    text-shadow: 0 1px 1px transparent, 0 0 150px rgba(0, 0, 0, 0.75);
  }
  .hero-header__subtitle, .hero-header__text {
    text-shadow: 0 0 0 rgba(0, 0, 0, 0.25), 0 0 60px rgba(0, 0, 0, 0.75);
  }
}
@media (max-width: 767.98px) {
  .hero-header__content .btn:last-child, .hero-header__content .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-configure:last-child, .hero-header__content .truckconfigurator .modal .modal-btn:last-child, .hero-header__content .truckconfigurator .modal-disclaimer .modal-btn:last-child, .hero-header__content .truckconfigurator .modal-home .modal-btn:last-child, .hero-header__content .truckconfigurator .modal-save .modal-btn:last-child, .hero-header__content .truckconfigurator .modal-send .modal-btn:last-child, .hero-header__content .truckconfigurator .modal-summary .modal-btn:last-child, .hero-header__content .truckconfigurator .modal-validation .modal-btn:last-child, .hero-header__content .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .select-model-btn:last-child, .hero-header__content .truckconfigurator .sp-choose:last-child, .hero-header__subtitle:last-child, .hero-header__title:last-child, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .hero-header__content .btn-configure:last-child, .truckconfigurator .hero-header__content .sp-choose:last-child, .truckconfigurator .modal .hero-header__content .modal-btn:last-child, .truckconfigurator .modal-disclaimer .hero-header__content .modal-btn:last-child, .truckconfigurator .modal-home .hero-header__content .modal-btn:last-child, .truckconfigurator .modal-save .hero-header__content .modal-btn:last-child, .truckconfigurator .modal-send .hero-header__content .modal-btn:last-child, .truckconfigurator .modal-summary .hero-header__content .modal-btn:last-child, .truckconfigurator .modal-validation .hero-header__content .modal-btn:last-child, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .hero-header__content .select-model-btn:last-child {
    margin-bottom: 0;
  }
}
.hero-header__text {
  margin-bottom: 1.375rem;
}

.hero-header.no-visual {
  min-height: 433px;
}

@media (min-width: 992px) {
  .hero-header.no-visual .hero-header__subtitle, .hero-header.no-visual .hero-header__text, .hero-header.no-visual .hero-header__title {
    text-shadow: none;
  }
}
.hero-header.no-visual .gradient {
  display: none;
}

.hero-header__cta-box {
  margin: 2.5rem 0 0;
  padding: 0;
  position: relative;
}

@media (min-width: 768px) {
  .hero-header__cta-box {
    margin: 3.75rem 0 1.25rem;
  }
}
@media (min-width: 992px) {
  .hero-header__cta-box {
    bottom: -30px;
    margin: 0;
    position: absolute;
    right: 0;
    width: 390px;
    z-index: 9000;
  }
}
@media (max-width: 991.98px) {
  .text-lg-light .btn--ghost, .text-lg-light .btn-ghost {
    background-color: #fff;
    border: 1px solid #f1f1f1;
    color: #00529c;
    transition: border-color 0.15s ease-in-out;
  }
  .text-lg-light .btn--ghost.active, .text-lg-light .btn--ghost.focus, .text-lg-light .btn--ghost.hover, .text-lg-light .btn--ghost:active, .text-lg-light .btn--ghost:focus, .text-lg-light .btn--ghost:hover, .text-lg-light .btn-ghost.active, .text-lg-light .btn-ghost.focus, .text-lg-light .btn-ghost.hover, .text-lg-light .btn-ghost:active, .text-lg-light .btn-ghost:focus, .text-lg-light .btn-ghost:hover {
    background-color: #fff !important;
    border: 1px solid #00529c !important;
    color: #00529c !important;
  }
  .text-lg-light .btn--ghost.active .icon, .text-lg-light .btn--ghost.focus .icon, .text-lg-light .btn--ghost.hover .icon, .text-lg-light .btn--ghost:active .icon, .text-lg-light .btn--ghost:focus .icon, .text-lg-light .btn--ghost:hover .icon, .text-lg-light .btn-ghost.active .icon, .text-lg-light .btn-ghost.focus .icon, .text-lg-light .btn-ghost.hover .icon, .text-lg-light .btn-ghost:active .icon, .text-lg-light .btn-ghost:focus .icon, .text-lg-light .btn-ghost:hover .icon {
    fill: #00529c !important;
  }
  .text-lg-light .btn--ghost:before, .text-lg-light .btn-ghost:before {
    display: none;
  }
  .text-lg-light .btn--ghost .icon, .text-lg-light .btn-ghost .icon {
    fill: #00529c;
  }
}
@media (min-width: 992px) {
  .text-lg-light .hero-header__subtitle, .text-lg-light .hero-header__text, .text-lg-light .hero-header__title {
    color: #fff !important;
  }
}
.carousel .hero-header__content {
  padding-top: 3.375rem !important;
}

.header-video {
  background-position: 50%;
  background-size: cover;
  height: 56.25vw;
  max-height: 70vh;
  position: relative;
  width: 100%;
}

.header-video--small {
  max-height: 60vh;
}

.header-video--large {
  max-height: 80vh;
}

.header-video:after {
  background-image: linear-gradient(90deg, #000, transparent);
  content: "";
  height: 100%;
  opacity: 0.4;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}

.header-video .vimeo-player {
  height: 100%;
  overflow: hidden;
  position: absolute;
  width: 100%;
}

.header-video .vimeo-player iframe {
  height: 56.25vw;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}

.header-video__play-toggle-overlay-mobile {
  background-color: transparent;
  border: 0;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 1;
}

@media (min-width: 992px) {
  .header-video__play-toggle-overlay-mobile {
    display: none;
  }
}
.header-video__play-toggle-overlay-mobile .icon {
  fill: #fff;
  height: 4rem;
  margin: auto;
  width: 4rem;
}

.header-video__controls {
  bottom: 1.5rem;
  display: none;
  position: absolute;
  right: 1.5rem;
  z-index: 1;
}

@media (min-width: 992px) {
  .header-video__controls {
    display: flex;
  }
}
.header-video__control-button {
  background-color: transparent;
  border: 0;
  cursor: pointer;
  display: flex;
  filter: drop-shadow(0.125rem 0.125rem 0.125rem rgba(0, 0, 0, 0.5));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.header-video__control-button > .icon {
  fill: #fff;
}

.header-video__content {
  z-index: 2;
}

@media (min-width: 992px) {
  .header-video__content {
    height: auto;
  }
}
.header-video__content--right {
  text-align: right;
}

.header-video__content--right .header-video__body {
  margin-left: auto;
}

@media (min-width: 992px) {
  .header-video__body {
    width: 60%;
  }
  .header-video__body .hero-header__subtitle, .header-video__body .hero-header__text, .header-video__body .hero-header__title {
    color: #fff;
  }
}
.header-video__body .hero-header__subtitle + .btn, .header-video__body .hero-header__text + .btn, .header-video__body .hero-header__title + .btn, .header-video__body .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .hero-header__subtitle + .btn-configure, .header-video__body .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .hero-header__text + .btn-configure, .header-video__body .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .hero-header__title + .btn-configure, .header-video__body .truckconfigurator .hero-header__subtitle + .sp-choose, .header-video__body .truckconfigurator .hero-header__text + .sp-choose, .header-video__body .truckconfigurator .hero-header__title + .sp-choose, .header-video__body .truckconfigurator .modal .hero-header__subtitle + .modal-btn, .header-video__body .truckconfigurator .modal .hero-header__text + .modal-btn, .header-video__body .truckconfigurator .modal .hero-header__title + .modal-btn, .header-video__body .truckconfigurator .modal-disclaimer .hero-header__subtitle + .modal-btn, .header-video__body .truckconfigurator .modal-disclaimer .hero-header__text + .modal-btn, .header-video__body .truckconfigurator .modal-disclaimer .hero-header__title + .modal-btn, .header-video__body .truckconfigurator .modal-home .hero-header__subtitle + .modal-btn, .header-video__body .truckconfigurator .modal-home .hero-header__text + .modal-btn, .header-video__body .truckconfigurator .modal-home .hero-header__title + .modal-btn, .header-video__body .truckconfigurator .modal-save .hero-header__subtitle + .modal-btn, .header-video__body .truckconfigurator .modal-save .hero-header__text + .modal-btn, .header-video__body .truckconfigurator .modal-save .hero-header__title + .modal-btn, .header-video__body .truckconfigurator .modal-send .hero-header__subtitle + .modal-btn, .header-video__body .truckconfigurator .modal-send .hero-header__text + .modal-btn, .header-video__body .truckconfigurator .modal-send .hero-header__title + .modal-btn, .header-video__body .truckconfigurator .modal-summary .hero-header__subtitle + .modal-btn, .header-video__body .truckconfigurator .modal-summary .hero-header__text + .modal-btn, .header-video__body .truckconfigurator .modal-summary .hero-header__title + .modal-btn, .header-video__body .truckconfigurator .modal-validation .hero-header__subtitle + .modal-btn, .header-video__body .truckconfigurator .modal-validation .hero-header__text + .modal-btn, .header-video__body .truckconfigurator .modal-validation .hero-header__title + .modal-btn, .header-video__body .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .hero-header__subtitle + .select-model-btn, .header-video__body .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .hero-header__text + .select-model-btn, .header-video__body .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .hero-header__title + .select-model-btn, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .header-video__body .hero-header__subtitle + .btn-configure, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .header-video__body .hero-header__text + .btn-configure, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .header-video__body .hero-header__title + .btn-configure, .truckconfigurator .header-video__body .hero-header__subtitle + .sp-choose, .truckconfigurator .header-video__body .hero-header__text + .sp-choose, .truckconfigurator .header-video__body .hero-header__title + .sp-choose, .truckconfigurator .modal .header-video__body .hero-header__subtitle + .modal-btn, .truckconfigurator .modal .header-video__body .hero-header__text + .modal-btn, .truckconfigurator .modal .header-video__body .hero-header__title + .modal-btn, .truckconfigurator .modal-disclaimer .header-video__body .hero-header__subtitle + .modal-btn, .truckconfigurator .modal-disclaimer .header-video__body .hero-header__text + .modal-btn, .truckconfigurator .modal-disclaimer .header-video__body .hero-header__title + .modal-btn, .truckconfigurator .modal-home .header-video__body .hero-header__subtitle + .modal-btn, .truckconfigurator .modal-home .header-video__body .hero-header__text + .modal-btn, .truckconfigurator .modal-home .header-video__body .hero-header__title + .modal-btn, .truckconfigurator .modal-save .header-video__body .hero-header__subtitle + .modal-btn, .truckconfigurator .modal-save .header-video__body .hero-header__text + .modal-btn, .truckconfigurator .modal-save .header-video__body .hero-header__title + .modal-btn, .truckconfigurator .modal-send .header-video__body .hero-header__subtitle + .modal-btn, .truckconfigurator .modal-send .header-video__body .hero-header__text + .modal-btn, .truckconfigurator .modal-send .header-video__body .hero-header__title + .modal-btn, .truckconfigurator .modal-summary .header-video__body .hero-header__subtitle + .modal-btn, .truckconfigurator .modal-summary .header-video__body .hero-header__text + .modal-btn, .truckconfigurator .modal-summary .header-video__body .hero-header__title + .modal-btn, .truckconfigurator .modal-validation .header-video__body .hero-header__subtitle + .modal-btn, .truckconfigurator .modal-validation .header-video__body .hero-header__text + .modal-btn, .truckconfigurator .modal-validation .header-video__body .hero-header__title + .modal-btn, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .header-video__body .hero-header__subtitle + .select-model-btn, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .header-video__body .hero-header__text + .select-model-btn, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .header-video__body .hero-header__title + .select-model-btn {
  margin-top: 1.25rem;
}

.copyright {
  margin: 0.4375rem 0;
  padding: 0;
  width: 100%;
}

.copyright .nav-item {
  padding-left: 0.625rem;
  position: relative;
}

.copyright .nav-item:before {
  content: "-";
  font-weight: 500;
  left: -0.125rem;
  position: absolute;
  top: 0.4375rem;
}

.copyright .nav-item:first-child {
  cursor: default;
  padding: 0.5rem 0.625rem 0.5rem 0;
}

.copyright .nav-item:first-child:before {
  display: none;
}

.copyright .nav-item, .copyright .nav-link {
  color: #868e96;
  font-size: 0.875rem;
  line-height: 1.1428571429;
}

.copyright .nav-link {
  cursor: pointer;
  padding: 0.5rem 0.625rem 0.5rem 0;
  position: relative;
  transition: color 0.1s ease-in-out, fill 0.1s ease-in-out;
}

.copyright .nav-link:hover {
  color: #fff;
  fill: #fff;
}

.logo-footer {
  border-top: 1px solid #656b6f;
  margin: 0;
  padding: 0;
  width: 100%;
}

.logo-footer a {
  display: inline-block;
  text-decoration: none;
}

.logo-footer .payoff {
  color: #fff;
  display: block;
  font-size: 1rem;
  line-height: 1.625;
  margin: 1.0625rem 0;
}

.logo-footer .payoff .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-contactdealer-wrapper .btn-contactdealer, .logo-footer .payoff .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-price, .logo-footer .payoff .truckconfigurator .footer-nav > li.footer-home .premodelsection-back-nav li a, .logo-footer .payoff .truckconfigurator .sidepanels .sidepanel-main > li .sidepanel-sub > li.is-active a.sidepanel-sub-item-title, .logo-footer .payoff .truckconfigurator .sidepanels .sidepanel-main > li.is-active > .accordion-toggle-title, .logo-footer .payoff strong, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-contactdealer-wrapper .logo-footer .payoff .btn-contactdealer, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .logo-footer .payoff .detail-price, .truckconfigurator .footer-nav > li.footer-home .premodelsection-back-nav li .logo-footer .payoff a, .truckconfigurator .sidepanels .logo-footer .payoff .sidepanel-main > li.is-active > .accordion-toggle-title, .truckconfigurator .sidepanels .sidepanel-main > li .sidepanel-sub > li.is-active .logo-footer .payoff a.sidepanel-sub-item-title {
  margin-right: 0.3125rem;
}

@media (min-width: 768px) {
  .logo-footer .payoff {
    margin: 1.0625rem 1.25rem 1.0625rem 0;
  }
}
.markets [class*=col-] {
  margin-bottom: 0;
}

.markets .collapse-trigger {
  border-bottom: 1px solid #ced3d6;
  color: #00529c !important;
  cursor: pointer;
  display: block;
  font-size: 1.3125rem;
  line-height: 2.619047619;
  margin: 0;
  padding-left: 0.875rem;
  position: relative;
}

.markets .collapse-trigger .icon {
  position: absolute;
  right: 0.9375rem;
  top: 0.3125rem;
  fill: #00529c;
}

.markets .collapse-trigger .icon svg {
  transform: rotate(0deg);
  transition: transform 0.25s ease-in-out;
}

.markets .collapse-trigger.open .icon svg {
  transform: rotate(180deg);
}

@media (min-width: 768px) {
  .markets .collapse-trigger {
    border-bottom: 0;
    color: #353c45 !important;
    cursor: default;
    font-size: 1.5rem;
    line-height: 1.1666666667;
    margin-bottom: 2rem;
    padding-left: 0;
  }
}
.markets .nav {
  border-bottom: 1px solid #ced3d6;
  margin-top: 0.3125rem;
  padding-bottom: 0.9375rem;
}

@media (min-width: 768px) {
  .markets .nav {
    border-bottom: 0;
    margin: 0 -20px 1.875rem;
    padding-bottom: 0;
  }
}
.markets .nav-item {
  padding-left: 0.875rem;
  width: 100%;
}

@media (min-width: 576px) {
  .markets .nav-item {
    width: 50%;
  }
}
@media (min-width: 768px) {
  .markets .nav-item {
    padding: 0 20px;
    width: 33.3333%;
  }
}
@media (min-width: 992px) {
  .markets .nav-item {
    width: 25%;
  }
}
.markets .nav-link {
  padding-left: 0;
  padding-right: 0;
  position: relative;
}

@media (min-width: 768px) {
  .markets .nav-link {
    border-top: 1px solid #dbdedf;
  }
}
.markets .flag-icon {
  box-shadow: 1px 3px 7px -1px rgba(0, 0, 0, 0.2);
  display: block;
  float: left;
  margin: 3px 10px 0 0;
}

.bg-black .markets .collapse-trigger, .bg-blue .markets .collapse-trigger, .bg-dark .markets .collapse-trigger {
  border-color: #656b6f;
  color: #fff !important;
}

.bg-black .markets .collapse-trigger .icon, .bg-blue .markets .collapse-trigger .icon, .bg-dark .markets .collapse-trigger .icon {
  fill: #fff;
}

.bg-black .markets .nav, .bg-blue .markets .nav, .bg-dark .markets .nav {
  border-color: #656b6f;
}

.bg-black .markets .nav-link, .bg-blue .markets .nav-link, .bg-dark .markets .nav-link {
  border-color: #656b6f;
  color: #b9c1c6;
}

.bg-black .markets .nav-link:hover, .bg-blue .markets .nav-link:hover, .bg-dark .markets .nav-link:hover {
  color: #fff;
}

.countrycontact-card {
  position: relative;
}

.countrycontact-card__container {
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  max-width: 536px;
  max-width: 990px;
}

.countrycontact-card__container h2 {
  font-weight: 200;
  margin-bottom: 1.25rem;
}

@media (min-width: 768px) {
  .countrycontact-card__container h2 {
    margin-bottom: 1rem;
  }
}
.countrycontact-card__container [class*=col-] {
  margin-bottom: 0;
}

@media (min-width: 576px) {
  .countrycontact-card__container {
    max-width: 728px;
  }
}
@media (min-width: 768px) {
  .countrycontact-card__container {
    max-width: 952px;
  }
}
.countrycontact-card__list {
  margin-bottom: 0;
}

.countrycontact-card__list li {
  padding: 0 0 0.5rem 2.1875rem;
  position: relative;
}

@media (min-width: 768px) {
  .countrycontact-card__list li {
    padding: 0.75rem 0 0.5rem 2.5rem;
  }
}
.countrycontact-card__list .icon {
  left: 0;
  margin-right: 0.9375rem;
  position: absolute;
  top: 0;
  fill: #656b6f;
  color: #656b6f;
  height: 20px;
  width: 20px;
}

@media (min-width: 768px) {
  .countrycontact-card__list .icon {
    height: 24px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
  }
}
.bg-black .countrycontact-card__list .icon, .bg-blue .countrycontact-card__list .icon, .bg-dark .countrycontact-card__list .icon {
  fill: #b9c1c6;
  color: #b9c1c6;
}

.countrycontact-card__list .icon.flag-icon {
  height: 18px;
  width: 24px;
}

.countrycontact-card__list .icon--link, .countrycontact-card__list .icon--location {
  height: 20px;
  width: 20px;
}

.countrycontact-card__list p {
  font-size: 0.875rem;
  margin-bottom: 0;
}

@media (min-width: 768px) {
  .countrycontact-card__list p {
    font-size: 1rem;
  }
}
.countrycontact-card__list p a {
  color: #656b6f;
}

.countrycontact-card__list p a:hover {
  color: #00529c;
  text-decoration: underline !important;
}

.bg-black .countrycontact-card__list p, .bg-blue .countrycontact-card__list p, .bg-dark .countrycontact-card__list p {
  color: #ced3d6 !important;
}

.archive .grid-sizer {
  margin-bottom: 0 !important;
}

.archive .itemlist {
  position: relative;
}

.archive .itemlist .alert {
  margin: 1.25rem auto;
  max-height: 50px;
}

.archive .itemlist [class*=col-] {
  margin-bottom: 20px;
}

.archive .loader .spinner, .archive .truckconfigurator .sidepanels .sideloader .sideloaderimage .spinner, .truckconfigurator .sidepanels .sideloader .archive .sideloaderimage .spinner {
  top: 230px;
}

.video-player {
  position: relative;
}

.video-player__poster {
  z-index: 31;
}

.video-player__poster, .video-player__poster .gradient, .video-player__poster img {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.video-player__poster .gradient {
  background: -owg-linear-gradient(90deg, #000, transparent 80%);
  background: linear-gradient(90deg, #000, transparent 80%);
  opacity: 0.45;
  z-index: 32;
}

.video-player__poster .container {
  left: 50%;
  padding-left: 1.5rem;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 33;
}

@media (min-width: 768px) {
  .video-player__poster .container {
    padding-left: 2rem;
  }
}
.video-player.no-poster .video-player__poster {
  pointer-events: none;
}

.video-player.no-poster .gradient {
  display: none;
}

.video-player__title {
  color: #fff;
  font-size: 1.125rem;
  font-weight: 200;
  line-height: 1;
  margin: 0;
  max-width: 38%;
}

@media (min-width: 576px) {
  .video-player__title {
    font-size: 2rem;
    line-height: 0.9375;
    max-width: 40%;
  }
}
@media (min-width: 768px) {
  .col-md-6 .video-player__title {
    font-size: 1.125rem;
    line-height: 1;
    max-width: 36%;
  }
}
@media (min-width: 992px) {
  .video-player__title {
    font-size: 3.25rem;
    line-height: 0.9230769231;
  }
  .col-md-6 .video-player__title {
    font-size: 1.5rem;
    line-height: 1;
    max-width: 40%;
  }
}
.video-player__video {
  margin: 0 auto;
  max-width: 970px;
  padding: 0 !important;
  position: relative;
  width: 100%;
  z-index: 30;
}

.video-player__video__placeholder {
  height: 100%;
  margin: 0;
  padding: 0;
  width: 100%;
}

.video-player__playbutton {
  background-color: transparent;
  border: 0;
  cursor: pointer;
  height: 50px;
  left: 50%;
  margin: 0;
  opacity: 0.7;
  padding: 0;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: background-color 0.2s ease-in-out;
  width: 50px;
  z-index: 35;
}

.video-player--gdpr .video-player__playbutton {
  display: none;
}

.video-player__playbutton .icon {
  fill: #fff;
  height: 100%;
  pointer-events: none;
  width: 100%;
}

.video-player__playbutton:hover {
  opacity: 1;
}

@media (min-width: 768px) {
  .video-player__playbutton {
    height: 60px;
    width: 60px;
  }
  .col-md-6 .video-player__playbutton {
    height: 50px;
    width: 50px;
  }
}
@media (min-width: 992px) {
  .video-player__playbutton {
    height: 100px;
    width: 100px;
  }
  .col-md-6 .video-player__playbutton {
    height: 60px;
    width: 60px;
  }
}
.container-fluid .video-player {
  margin: 0 -0.625rem;
}

.breadcrumb-list {
  color: #00529c;
  display: flex;
  flex-wrap: wrap;
  font-size: 0.875rem;
  gap: 0.375rem;
  list-style: none;
  margin: 0;
  padding: 0;
}

.breadcrumb-list .icon {
  margin: 0;
  fill: currentcolor;
  height: 18px;
  width: 18px;
}

.breadcrumb-list a {
  display: inline-flex;
  gap: 0.375rem;
}

.breadcrumb-list a:focus-visible, .breadcrumb-list a:hover {
  text-decoration: underline;
}

.breadcrumb-list a:focus-visible {
  outline: 1px solid currentcolor !important;
  outline-offset: 0.25rem;
}

.breadcrumb-list a[aria-current=page] {
  font-weight: 700;
}

.breadcrumb-list__item {
  align-items: center;
  display: none;
  gap: 0.375rem;
}

.breadcrumb-list__item:nth-last-child(2) {
  display: flex;
}

.breadcrumb-list__icon-divider {
  display: none;
}

@media (min-width: 768px) {
  .breadcrumb-list a {
    color: currentcolor;
  }
  .breadcrumb-list__item {
    display: flex;
  }
  .breadcrumb-list__icon-divider {
    display: block;
  }
  .breadcrumb-list__icon-back {
    display: none;
  }
}
.breadcrumb-nav {
  display: flex;
  margin: auto 0;
}

@media (max-width: 1199.98px) {
  .breadcrumb-nav {
    display: none;
  }
}
.breadcrumb-nav__item {
  font-size: 0.875rem;
}

.breadcrumb-nav__item:before {
  color: #0052a5;
  content: ">";
  display: inline-block;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.breadcrumb-nav__item.breadcrumb-nav__link, .breadcrumb-nav__item.breadcrumb-nav__link:hover {
  color: #0052a5;
}

.breadcrumb-nav__title {
  color: #444;
}

.header.headroom {
  left: 0;
  position: fixed;
  top: 0;
  transition: transform 0.25s ease-in-out;
  width: 100%;
  z-index: 1000;
}

.header.headroom--pinned {
  transform: translateY(0);
}

.header.headroom--unpinned {
  transform: translateY(-100%);
}

.pagemode-debug .header.headroom, .pagemode-edit .header.headroom, .pagemode-preview .header.headroom {
  position: relative;
}

.lock-scroll {
  overflow: hidden !important;
}

.main-navigation {
  background-color: #fff;
  border-bottom: 1px solid #dbdedf;
  padding-bottom: 0;
  padding-right: 0;
  padding-top: 0;
  position: relative;
}

.main-navigation .navbar-brand {
  margin-left: 0.625rem;
  margin-right: 1.875rem;
  max-width: 100px;
  width: 100px;
}

.main-navigation .navbar-brand img {
  width: 100%;
}

.main-navigation--item:before {
  border-left: 1px solid #ced3d6;
  content: "";
  display: inline-block;
  height: 20px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
}

.main-navigation--link {
  border-bottom: 4px solid #fff;
  color: #868e96;
  display: inline-block;
  font-size: 0.8125rem;
  padding: 0.9375rem 1.875rem !important;
}

@media (min-width: 992px) {
  .main-navigation--link {
    font-size: 1.0625rem;
  }
}
.main-navigation--link:hover {
  background-color: #f9f9f9;
  border-bottom: 4px solid #f9f9f9;
  color: #656b6f;
}

.main-navigation--link.is-active {
  border-bottom: 4px solid #00529c;
  color: #00529c;
}

.main-navigation--link.is-active:hover {
  background-color: #fff;
}

.main-navigation .btn--submenu {
  padding-right: 1.25rem;
}

.main-navigation .btn--search {
  border-left: 1px solid #f1f1f1;
  height: 60px;
  padding-left: 1.25rem;
  padding-right: 0.9375rem;
}

.main-navigation .btn--dealerlocator {
  height: 60px;
  line-height: 2;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.main-navigation .btn--dealerlocator:before {
  border-left: 1px solid #f1f1f1;
  content: "";
  display: inline-block;
  height: 20px;
  margin-left: -20px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
}

.main-navigation .btn--dealerlocator p {
  font-size: 1.0625rem;
}

.main-navigation .icon--dealerlocator {
  color: #656b6f;
  height: 24px;
  width: 24px;
  fill: #656b6f;
  margin-right: 3px;
  position: relative;
  top: 5px;
}

.main-navigation .icon--dealerlocator:hover {
  background-color: #f9f9f9;
}

.main-navigation .icon--search {
  color: #656b6f;
  height: 32px;
  width: 32px;
  fill: #656b6f;
  position: relative;
  top: 3px;
}

.main-navigation .icon--search:hover {
  background-color: #f9f9f9;
}

.main-navigation__right {
  align-items: center;
  background-color: #fff;
  display: flex;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
}

.main-navigation__searchform {
  display: flex;
}

.main-navigation__searchform .form {
  display: inline-block;
  margin-right: -250px;
  opacity: 0;
  position: relative;
}

.main-navigation__searchform .form-control {
  padding-right: 2.8125rem !important;
}

.main-navigation__searchform .btn--firstclick {
  margin-right: 25px;
}

.main-navigation__searchform .btn--secondclick, .main-navigation__searchform.is-active .btn--firstclick {
  display: none;
}

.main-navigation__searchform.is-active .form {
  align-items: center;
  display: flex;
  margin-right: 5px;
  opacity: 1;
  transition: all 0.2s ease-out;
}

.main-navigation__searchform.is-active .btn--secondclick {
  align-items: center;
  border: 0;
  display: flex;
  height: 100%;
  padding: 0 0.9375rem 0 0;
  position: absolute;
  right: 0;
  top: 0;
}

.main-navigation__searchform.is-active .btn--secondclick .icon {
  top: 0;
}

.main-navigation__searchform.is-active .btn--secondclick:hover {
  background-color: transparent !important;
  color: #00529c !important;
}

.mobile-navigation {
  background: #dbdedf;
  background: linear-gradient(180deg, #fff 0, #dbdedf);
  display: block;
  filter: progid:dximagetransform.microsoft.gradient(startcolorstr=$top,endcolorstr=$bottom,gradienttype=0);
  height: calc(100vh - 65px);
  left: 0;
  margin: 0;
  padding: 0;
  position: fixed;
  right: 0;
  transform: translateX(100%);
  transition: transform 0.2s ease-out;
  z-index: 99;
}

@media (min-width: 576px) {
  .mobile-navigation {
    height: calc(100vh - 103px);
  }
}
.mobile-navigation.is-open {
  display: flex;
  flex-direction: column;
  transform: translateX(0);
  transition: transform 0.2s ease-out;
}

@media (orientation: landscape) {
  .mobile-navigation.is-open .mobile-navigation__footer {
    display: none;
  }
}
@media (orientation: landscape) and (min-width: 992px) {
  .mobile-navigation.is-open .mobile-navigation__footer {
    display: unset;
  }
}
.mobile-navigation__menu {
  flex: 1;
  left: 0;
  right: 0;
  transform: translateX(100%);
  transition: transform 0.2s ease-out;
}

.mobile-navigation__menu.is-open {
  overflow-y: auto;
  transform: translateX(0);
  transition: transform 0.2s ease-out;
}

.mobile-navigation__scrollcontainer {
  overflow-x: hidden;
  overflow-y: auto;
}

.mobile-navigation .mobile-navigation__swipenav {
  border-bottom: 1px solid #ced3d6;
  height: 0;
  overflow-x: auto;
  transform: translateX(100%);
  transition: transform 0.2s ease-out;
  white-space: nowrap;
  width: 100%;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}

.mobile-navigation .mobile-navigation__swipenav.swipenav--lvl2, .mobile-navigation .mobile-navigation__swipenav.swipenav--lvl3 {
  height: auto;
  transform: translateX(0);
}

.mobile-navigation .mobile-navigation__swipenav ul {
  margin: 0;
}

.mobile-navigation .mobile-navigation__swipenav ul li {
  margin: 0;
  padding: 0;
}

.mobile-navigation .mobile-navigation__swipenav ul li.is-active a {
  color: #00529c;
}

.mobile-navigation .mobile-navigation__swipenav ul li.is-active a:after {
  border-bottom: 2px solid #80a9ce;
  content: "";
  display: block;
  left: 25px;
  position: relative;
  width: calc(100% - 25px);
}

.mobile-navigation .mobile-navigation__swipenav ul li.is-active .icon--chevron-left {
  color: #00529c;
  fill: #00529c;
}

.mobile-navigation .mobile-navigation__swipenav ul li a {
  color: #80a9ce;
  display: block;
  font-size: 1.125rem;
  font-weight: 500;
  padding: 1.0625rem 0.3125rem;
  position: relative;
}

.mobile-navigation .mobile-navigation__swipenav ul li .icon--chevron-left {
  color: #80a9ce;
  height: 20px;
  width: 20px;
  fill: #80a9ce;
  position: relative;
  top: 3px;
}

.mobile-navigation__list {
  margin: 0;
  padding: 0;
  transform: translateX(0);
  transition: transform 0.2s ease-out;
}

.mobile-navigation__list-container {
  height: 100%;
}

.mobile-navigation__list-container .icon {
  pointer-events: none;
}

.mobile-navigation__list li {
  border-bottom: 1px solid #ced3d6;
  color: #00529c;
  list-style: none;
  margin-left: 1.875rem;
  margin-right: 1.875rem;
}

.mobile-navigation__list li.parent.is-open .submenu--level2 {
  display: block;
}

.mobile-navigation__list li.parent .submenu--level2 {
  display: none;
}

.mobile-navigation__list li.parent .icon--chevron-right {
  color: #00529c;
  height: 20px;
  width: 20px;
  fill: #00529c;
  position: absolute;
  right: 5px;
  top: 22px;
}

.mobile-navigation__list li.is-active {
  border-bottom: 2px solid #00529c;
}

.mobile-navigation__list li.is-active a {
  font-weight: 500;
}

.mobile-navigation__list li a {
  color: #00529c;
  display: block;
  font-size: 1.3125rem;
  font-weight: 700;
  line-height: 1.3333333333;
  padding: 1.25rem 0.625rem;
  position: relative;
  text-decoration: none;
}

.mobile-navigation__list li .submenu {
  left: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.mobile-navigation__list li.is-open > .submenu {
  transform: translateX(0);
  transition: transform 0.2s ease-out;
}

.mobile-navigation__list li.back a {
  font-size: 0.875rem !important;
}

.mobile-navigation__list li.back a .icon--chevron-left {
  color: #00529c;
  height: 16px;
  width: 16px;
  fill: #00529c;
  left: -5px;
  position: relative;
  top: 3px;
}

.mobile-navigation__list .submenu {
  transform: translateX(100%);
  transition: transform 0.2s ease-out;
}

.mobile-navigation__list .submenu--level2 .is-open .submenu--level3 {
  display: block;
}

.mobile-navigation__list .submenu--level2 .submenu--level3 {
  display: none;
}

.mobile-navigation__list .submenu--level2 li.parent .icon--chevron-right, .mobile-navigation__list .submenu--level3 li.parent .icon--chevron-right {
  top: 17px;
}

.mobile-navigation__list .submenu--level2 li a, .mobile-navigation__list .submenu--level3 li a {
  font-size: 1rem;
  font-weight: 100;
  line-height: 1.25;
  padding: 0.9375rem 0.625rem;
}

.mobile-navigation__list .submenu--level2 li.is-active, .mobile-navigation__list .submenu--level3 li.is-active {
  border-bottom: 2px solid #00529c;
}

.mobile-navigation__list .submenu--level2 li.is-active a, .mobile-navigation__list .submenu--level3 li.is-active a {
  font-weight: 500;
}

.mobile-navigation__list.sub-is-open {
  transform: translateX(-100%);
  transition: transform 0.2s ease-out;
}

.mobile-navigation__list.sub-is-open .parent.is-open .submenu--level2 {
  transform: translateX(100%);
  z-index: 9;
}

.mobile-navigation__list.sub-is-open .parent .submenu--level2 {
  transform: translateX(100%);
}

.mobile-navigation__list.subsub-is-open {
  transform: translateX(-200%);
  transition: transform 0.2s ease-out;
}

.mobile-navigation__list.subsub-is-open .parent.is-open .submenu--level3 {
  transform: translateX(100%);
  z-index: 9;
}

.mobile-navigation__list.subsub-is-open .parent .submenu--level3 {
  transform: translateX(100%);
}

.mobile-navigation__footer {
  bottom: 0;
  min-height: 205px;
  width: 100%;
}

.mobile-navigation__footer .mobilenav-searchbar {
  position: relative;
}

.mobile-navigation__footer .mobilenav-searchbar .form {
  display: none;
  padding: 5px;
}

.mobile-navigation__footer .mobilenav-searchbar .btn, .mobile-navigation__footer .mobilenav-searchbar .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-configure, .mobile-navigation__footer .mobilenav-searchbar .truckconfigurator .modal .modal-btn, .mobile-navigation__footer .mobilenav-searchbar .truckconfigurator .modal-disclaimer .modal-btn, .mobile-navigation__footer .mobilenav-searchbar .truckconfigurator .modal-home .modal-btn, .mobile-navigation__footer .mobilenav-searchbar .truckconfigurator .modal-save .modal-btn, .mobile-navigation__footer .mobilenav-searchbar .truckconfigurator .modal-send .modal-btn, .mobile-navigation__footer .mobilenav-searchbar .truckconfigurator .modal-summary .modal-btn, .mobile-navigation__footer .mobilenav-searchbar .truckconfigurator .modal-validation .modal-btn, .mobile-navigation__footer .mobilenav-searchbar .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .select-model-btn, .mobile-navigation__footer .mobilenav-searchbar .truckconfigurator .sp-choose, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .mobile-navigation__footer .mobilenav-searchbar .btn-configure, .truckconfigurator .mobile-navigation__footer .mobilenav-searchbar .sp-choose, .truckconfigurator .modal .mobile-navigation__footer .mobilenav-searchbar .modal-btn, .truckconfigurator .modal-disclaimer .mobile-navigation__footer .mobilenav-searchbar .modal-btn, .truckconfigurator .modal-home .mobile-navigation__footer .mobilenav-searchbar .modal-btn, .truckconfigurator .modal-save .mobile-navigation__footer .mobilenav-searchbar .modal-btn, .truckconfigurator .modal-send .mobile-navigation__footer .mobilenav-searchbar .modal-btn, .truckconfigurator .modal-summary .mobile-navigation__footer .mobilenav-searchbar .modal-btn, .truckconfigurator .modal-validation .mobile-navigation__footer .mobilenav-searchbar .modal-btn, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .mobile-navigation__footer .mobilenav-searchbar .select-model-btn {
  position: absolute;
  right: 5px;
  top: 0;
}

.mobile-navigation__footer .mobilenav-searchbar .icon {
  margin: 7px 0;
  fill: #868e96;
  top: 5px;
}

.mobile-navigation__footer .mobilenav-searchbar.is-active .form {
  display: block;
}

.mobile-navigation__footer .mobilenav-buttons {
  background-color: #fff;
  min-height: 60px;
  position: relative;
}

.mobile-navigation__footer .mobilenav-buttons:before {
  background-color: #dbdedf;
  bottom: 0;
  content: "";
  height: 35px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 1px;
}

.mobile-navigation__footer .mobilenav-buttons ul {
  -moz-columns: 100px 2;
  columns: 100px 2;
  margin: 0;
  padding-bottom: 0.875rem;
  padding-top: 0.875rem;
}

.mobile-navigation__footer .mobilenav-buttons .btn, .mobile-navigation__footer .mobilenav-buttons .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-configure, .mobile-navigation__footer .mobilenav-buttons .truckconfigurator .modal .modal-btn, .mobile-navigation__footer .mobilenav-buttons .truckconfigurator .modal-disclaimer .modal-btn, .mobile-navigation__footer .mobilenav-buttons .truckconfigurator .modal-home .modal-btn, .mobile-navigation__footer .mobilenav-buttons .truckconfigurator .modal-save .modal-btn, .mobile-navigation__footer .mobilenav-buttons .truckconfigurator .modal-send .modal-btn, .mobile-navigation__footer .mobilenav-buttons .truckconfigurator .modal-summary .modal-btn, .mobile-navigation__footer .mobilenav-buttons .truckconfigurator .modal-validation .modal-btn, .mobile-navigation__footer .mobilenav-buttons .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .select-model-btn, .mobile-navigation__footer .mobilenav-buttons .truckconfigurator .sp-choose, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .mobile-navigation__footer .mobilenav-buttons .btn-configure, .truckconfigurator .mobile-navigation__footer .mobilenav-buttons .sp-choose, .truckconfigurator .modal .mobile-navigation__footer .mobilenav-buttons .modal-btn, .truckconfigurator .modal-disclaimer .mobile-navigation__footer .mobilenav-buttons .modal-btn, .truckconfigurator .modal-home .mobile-navigation__footer .mobilenav-buttons .modal-btn, .truckconfigurator .modal-save .mobile-navigation__footer .mobilenav-buttons .modal-btn, .truckconfigurator .modal-send .mobile-navigation__footer .mobilenav-buttons .modal-btn, .truckconfigurator .modal-summary .mobile-navigation__footer .mobilenav-buttons .modal-btn, .truckconfigurator .modal-validation .mobile-navigation__footer .mobilenav-buttons .modal-btn, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .mobile-navigation__footer .mobilenav-buttons .select-model-btn {
  padding-bottom: 0;
  padding-top: 0;
  position: relative;
}

.mobile-navigation__footer .mobilenav-buttons .btn p, .mobile-navigation__footer .mobilenav-buttons .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-configure p, .mobile-navigation__footer .mobilenav-buttons .truckconfigurator .modal .modal-btn p, .mobile-navigation__footer .mobilenav-buttons .truckconfigurator .modal-disclaimer .modal-btn p, .mobile-navigation__footer .mobilenav-buttons .truckconfigurator .modal-home .modal-btn p, .mobile-navigation__footer .mobilenav-buttons .truckconfigurator .modal-save .modal-btn p, .mobile-navigation__footer .mobilenav-buttons .truckconfigurator .modal-send .modal-btn p, .mobile-navigation__footer .mobilenav-buttons .truckconfigurator .modal-summary .modal-btn p, .mobile-navigation__footer .mobilenav-buttons .truckconfigurator .modal-validation .modal-btn p, .mobile-navigation__footer .mobilenav-buttons .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .select-model-btn p, .mobile-navigation__footer .mobilenav-buttons .truckconfigurator .sp-choose p, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .mobile-navigation__footer .mobilenav-buttons .btn-configure p, .truckconfigurator .mobile-navigation__footer .mobilenav-buttons .sp-choose p, .truckconfigurator .modal .mobile-navigation__footer .mobilenav-buttons .modal-btn p, .truckconfigurator .modal-disclaimer .mobile-navigation__footer .mobilenav-buttons .modal-btn p, .truckconfigurator .modal-home .mobile-navigation__footer .mobilenav-buttons .modal-btn p, .truckconfigurator .modal-save .mobile-navigation__footer .mobilenav-buttons .modal-btn p, .truckconfigurator .modal-send .mobile-navigation__footer .mobilenav-buttons .modal-btn p, .truckconfigurator .modal-summary .mobile-navigation__footer .mobilenav-buttons .modal-btn p, .truckconfigurator .modal-validation .mobile-navigation__footer .mobilenav-buttons .modal-btn p, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .mobile-navigation__footer .mobilenav-buttons .select-model-btn p {
  color: #00529c;
  font-size: 1.125rem;
}

.mobile-navigation__footer .mobilenav-buttons .btn--dealerlocator, .mobile-navigation__footer .mobilenav-buttons .btn--search {
  padding-left: 1.875rem;
  padding-right: 0.625rem;
}

.mobile-navigation__footer .mobilenav-buttons .icon--dealerlocator {
  color: #00529c;
  height: 24px;
  width: 24px;
  fill: #00529c;
  left: 0;
  position: absolute;
  top: 2px;
}

.mobile-navigation__footer .mobilenav-buttons .icon--search {
  color: #00529c;
  height: 20px;
  width: 20px;
  fill: #00529c;
  left: 0;
  position: absolute;
  top: 2px;
}

.mobile-navigation__footer .meta-navigation--mobile {
  background-color: #353c45;
  min-height: 135px;
  position: relative;
}

.mobile-navigation__footer .meta-navigation--mobile:before {
  background-color: #404953;
  bottom: 0;
  content: "";
  height: 90px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 1px;
}

.mobile-navigation__footer .meta-navigation--mobile ul {
  -moz-column-count: 2;
  column-count: 2;
  margin: 0;
  padding-bottom: 1.5625rem;
  padding-top: 1.5625rem;
}

.mobile-navigation__footer .meta-navigation--mobile ul li {
  page-break-inside: avoid;
  -moz-column-break-inside: avoid;
  break-inside: avoid;
}

.mobile-navigation__footer .meta-navigation--mobile ul li a {
  color: #b9c1c6;
  font-family: Arial, Inter, sans-serif;
  font-size: 0.75rem;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
}

.mobile-navigation__footer .meta-navigation--mobile ul li.show .icon--chevron-right {
  transform: rotate(-90deg) translateY(5px);
}

.mobile-navigation__footer .meta-navigation--mobile ul li .icon--chevron-right {
  color: #b9c1c6;
  height: 18px;
  width: 18px;
  fill: #b9c1c6;
  position: absolute;
  top: 7px;
  transform: rotate(90deg) translateY(-5px);
  transition: all 0.1s linear;
}

.mobile-navigation__footer .meta-navigation--mobile .dropdown-toggle:after {
  display: none;
}

.mobile-navigation__footer .meta-navigation--mobile .language-list {
  background: #353c45;
  bottom: 70px;
  position: absolute;
  right: 0;
}

.mobile-navigation__footer .meta-navigation--mobile .language-list a {
  padding: 0.5rem 1rem;
}

.meta-navigation {
  background-color: #353c45;
  font-family: Arial, Inter, sans-serif;
  font-size: 0.75rem;
  padding: 0;
}

.meta-navigation__list {
  flex-direction: row;
}

.meta-navigation__list li:last-of-type .dropdown-menu {
  left: auto;
  right: 0;
}

.meta-navigation__list li:last-of-type .dropdown-menu .dropdown-item {
  text-align: right;
}

.meta-navigation__list .nav-link {
  color: #b9c1c6 !important;
  padding: 0.625rem 0.9375rem;
  position: relative;
  text-transform: uppercase;
}

.meta-navigation__list .nav-link.dropdown-toggle {
  padding-right: 1.875rem;
}

.meta-navigation__list .nav-link .icon--chevron-right {
  color: #b9c1c6;
  height: 18px;
  width: 18px;
  fill: #b9c1c6;
  position: absolute;
  right: 8px;
  top: 9px;
  transform: rotate(90deg);
}

.meta-navigation__list .nav-link.submit {
  background-color: transparent;
  border: 0;
  cursor: pointer;
}

.meta-navigation .dropdown > .dropdown-toggle:active {
  pointer-events: none;
}

.meta-navigation .dropdown > .dropdown-toggle:after {
  display: none;
}

.meta-navigation .dropdown.is-active, .meta-navigation .dropdown:hover {
  background-color: #adb5bd;
}

.meta-navigation .dropdown.is-active .icon--chevron-right, .meta-navigation .dropdown:hover .icon--chevron-right {
  color: #fff;
  fill: #fff;
}

.meta-navigation .dropdown.is-active .nav-link, .meta-navigation .dropdown:hover .nav-link {
  color: #fff !important;
}

.meta-navigation .dropdown.is-active > .dropdown-menu, .meta-navigation .dropdown:hover > .dropdown-menu {
  border: 1px solid #ced4da;
  border-top: 0 solid #ced4da;
  display: block;
  font-size: 0.75rem;
  margin: 0;
  max-height: 117px;
  overflow-x: auto;
  padding: 0;
  position: absolute;
}

.meta-navigation .dropdown.is-active > .dropdown-menu .dropdown-item, .meta-navigation .dropdown:hover > .dropdown-menu .dropdown-item {
  border-bottom: 1px solid #ced4da;
  padding: 0.625rem 0.875rem;
}

.meta-navigation .dropdown.is-active > .dropdown-menu .dropdown-item:last-of-type, .meta-navigation .dropdown:hover > .dropdown-menu .dropdown-item:last-of-type {
  border-bottom: 0 solid #ced4da;
}

.meta-navigation .dropdown.is-active > .dropdown-menu .dropdown-item.is-active, .meta-navigation .dropdown.is-active > .dropdown-menu .dropdown-item:focus, .meta-navigation .dropdown.is-active > .dropdown-menu .dropdown-item:hover, .meta-navigation .dropdown:hover > .dropdown-menu .dropdown-item.is-active, .meta-navigation .dropdown:hover > .dropdown-menu .dropdown-item:focus, .meta-navigation .dropdown:hover > .dropdown-menu .dropdown-item:hover {
  background-color: #f8f9fa;
}

.meta-navigation .dropdown.is-active .dropdown-toggle:focus, .meta-navigation .dropdown.is-active .dropdown-toggle:hover, .meta-navigation .dropdown:hover .dropdown-toggle:focus, .meta-navigation .dropdown:hover .dropdown-toggle:hover {
  background-color: #adb5bd;
}

.quicklinks {
  display: flex;
  flex-direction: column;
  justify-content: center;
  list-style: none;
  margin: 0;
  padding: 0;
}

.quicklinks__item {
  display: flex;
  flex: 1;
}

.quicklinks__item .btn, .quicklinks__item .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-configure, .quicklinks__item .truckconfigurator .modal .modal-btn, .quicklinks__item .truckconfigurator .modal-disclaimer .modal-btn, .quicklinks__item .truckconfigurator .modal-home .modal-btn, .quicklinks__item .truckconfigurator .modal-save .modal-btn, .quicklinks__item .truckconfigurator .modal-send .modal-btn, .quicklinks__item .truckconfigurator .modal-summary .modal-btn, .quicklinks__item .truckconfigurator .modal-validation .modal-btn, .quicklinks__item .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .select-model-btn, .quicklinks__item .truckconfigurator .sp-choose, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .quicklinks__item .btn-configure, .truckconfigurator .modal .quicklinks__item .modal-btn, .truckconfigurator .modal-disclaimer .quicklinks__item .modal-btn, .truckconfigurator .modal-home .quicklinks__item .modal-btn, .truckconfigurator .modal-save .quicklinks__item .modal-btn, .truckconfigurator .modal-send .quicklinks__item .modal-btn, .truckconfigurator .modal-summary .quicklinks__item .modal-btn, .truckconfigurator .modal-validation .quicklinks__item .modal-btn, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .quicklinks__item .select-model-btn, .truckconfigurator .quicklinks__item .sp-choose {
  flex: 1 1 auto;
}

@media (max-width: 767.98px) {
  .quicklinks__item .btn, .quicklinks__item .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-configure, .quicklinks__item .truckconfigurator .modal .modal-btn, .quicklinks__item .truckconfigurator .modal-disclaimer .modal-btn, .quicklinks__item .truckconfigurator .modal-home .modal-btn, .quicklinks__item .truckconfigurator .modal-save .modal-btn, .quicklinks__item .truckconfigurator .modal-send .modal-btn, .quicklinks__item .truckconfigurator .modal-summary .modal-btn, .quicklinks__item .truckconfigurator .modal-validation .modal-btn, .quicklinks__item .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .select-model-btn, .quicklinks__item .truckconfigurator .sp-choose, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .quicklinks__item .btn-configure, .truckconfigurator .modal .quicklinks__item .modal-btn, .truckconfigurator .modal-disclaimer .quicklinks__item .modal-btn, .truckconfigurator .modal-home .quicklinks__item .modal-btn, .truckconfigurator .modal-save .quicklinks__item .modal-btn, .truckconfigurator .modal-send .quicklinks__item .modal-btn, .truckconfigurator .modal-summary .quicklinks__item .modal-btn, .truckconfigurator .modal-validation .quicklinks__item .modal-btn, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .quicklinks__item .select-model-btn, .truckconfigurator .quicklinks__item .sp-choose {
    border-radius: 0;
    margin-top: -1px;
  }
  .quicklinks__item:first-child .btn, .quicklinks__item:first-child .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-configure, .quicklinks__item:first-child .truckconfigurator .modal .modal-btn, .quicklinks__item:first-child .truckconfigurator .modal-disclaimer .modal-btn, .quicklinks__item:first-child .truckconfigurator .modal-home .modal-btn, .quicklinks__item:first-child .truckconfigurator .modal-save .modal-btn, .quicklinks__item:first-child .truckconfigurator .modal-send .modal-btn, .quicklinks__item:first-child .truckconfigurator .modal-summary .modal-btn, .quicklinks__item:first-child .truckconfigurator .modal-validation .modal-btn, .quicklinks__item:first-child .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .select-model-btn, .quicklinks__item:first-child .truckconfigurator .sp-choose, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .quicklinks__item:first-child .btn-configure, .truckconfigurator .modal .quicklinks__item:first-child .modal-btn, .truckconfigurator .modal-disclaimer .quicklinks__item:first-child .modal-btn, .truckconfigurator .modal-home .quicklinks__item:first-child .modal-btn, .truckconfigurator .modal-save .quicklinks__item:first-child .modal-btn, .truckconfigurator .modal-send .quicklinks__item:first-child .modal-btn, .truckconfigurator .modal-summary .quicklinks__item:first-child .modal-btn, .truckconfigurator .modal-validation .quicklinks__item:first-child .modal-btn, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .quicklinks__item:first-child .select-model-btn, .truckconfigurator .quicklinks__item:first-child .sp-choose {
    border-radius: 5px 5px 0 0;
  }
  .quicklinks__item:last-child .btn, .quicklinks__item:last-child .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-configure, .quicklinks__item:last-child .truckconfigurator .modal .modal-btn, .quicklinks__item:last-child .truckconfigurator .modal-disclaimer .modal-btn, .quicklinks__item:last-child .truckconfigurator .modal-home .modal-btn, .quicklinks__item:last-child .truckconfigurator .modal-save .modal-btn, .quicklinks__item:last-child .truckconfigurator .modal-send .modal-btn, .quicklinks__item:last-child .truckconfigurator .modal-summary .modal-btn, .quicklinks__item:last-child .truckconfigurator .modal-validation .modal-btn, .quicklinks__item:last-child .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .select-model-btn, .quicklinks__item:last-child .truckconfigurator .sp-choose, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .quicklinks__item:last-child .btn-configure, .truckconfigurator .modal .quicklinks__item:last-child .modal-btn, .truckconfigurator .modal-disclaimer .quicklinks__item:last-child .modal-btn, .truckconfigurator .modal-home .quicklinks__item:last-child .modal-btn, .truckconfigurator .modal-save .quicklinks__item:last-child .modal-btn, .truckconfigurator .modal-send .quicklinks__item:last-child .modal-btn, .truckconfigurator .modal-summary .quicklinks__item:last-child .modal-btn, .truckconfigurator .modal-validation .quicklinks__item:last-child .modal-btn, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .quicklinks__item:last-child .select-model-btn, .truckconfigurator .quicklinks__item:last-child .sp-choose {
    border-radius: 0 0 5px 5px;
  }
}
@media (min-width: 768px) {
  .quicklinks {
    flex-direction: row;
    gap: 1.25rem;
  }
  .quicklinks__item {
    max-width: 285px;
  }
}
.quicklinks-new {
  display: grid;
  grid-auto-rows: 1fr;
  grid-template-columns: 1fr 1fr;
  list-style: none;
  margin: 0;
  padding: 0;
}

.quicklinks-new__item {
  display: flex;
}

.quicklinks-new__item:nth-child(odd) {
  border-right: 1px solid #b9c1c6;
}

.quicklinks-new__item:not(:nth-last-child(2):nth-child(odd), :last-child) {
  border-bottom: 1px solid #b9c1c6;
}

.quicklinks-new__link {
  align-items: center;
  background: #fff;
  color: #656b6f;
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  font-size: 0.6875rem;
  font-weight: 400;
  gap: 0.5rem;
  line-height: 1.2727272727;
  padding: 0.75rem;
  text-align: center;
  text-transform: uppercase;
}

.quicklinks-new__link:focus-visible, .quicklinks-new__link:hover {
  color: #00529c;
}

.quicklinks-new__link:focus-visible {
  text-decoration: underline;
}

.quicklinks-new__img {
  display: block;
  flex: 1 1 auto;
  height: auto;
  max-height: 38px;
  max-width: 100%;
  width: auto;
}

@media (min-width: 768px) {
  .quicklinks-new {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
  }
  .quicklinks-new__item {
    border-right: 1px solid #b9c1c6;
    flex: 1 1 100%;
    max-width: 250px;
    min-height: auto;
  }
  .quicklinks-new__item:last-child {
    border-right: 0;
  }
  .quicklinks-new__item:not(:nth-last-child(2):nth-child(odd), :last-child) {
    border-bottom: 0;
  }
  .quicklinks-new__link {
    font-size: 0.875rem;
    gap: 0.75rem;
    line-height: 1.4285714286;
    padding: 0.625rem 1.25rem;
  }
  .quicklinks-new__img {
    max-height: 70px;
  }
}
.sub-navigation {
  background: #dbdedf;
  background: linear-gradient(180deg, #f1f1f1 0, #dbdedf);
  filter: progid:dximagetransform.microsoft.gradient(startcolorstr=$top,endcolorstr=$bottom,gradienttype=0);
}

.sub-navigation__top {
  min-height: 64px;
}

@media (min-width: 992px) {
  .sub-navigation__top {
    min-height: 70px;
  }
}
.sub-navigation__top .icon--arrow-back {
  color: #00529c;
  height: 22px;
  width: 22px;
  fill: #00529c;
  margin-right: 5px;
  position: relative;
  top: 4px;
}

.sub-navigation__topics {
  border-top: 1px solid #dbdedf;
}

.sub-navigation__topics .topics {
  padding-bottom: 2.5rem;
  padding-top: 1.25rem;
}

.sub-navigation__topics .topics .list li, .sub-navigation__topics .topics .truckconfigurator .detail-main .detail-maincontent .detail-infoblock ul.detail-list-includes li, .sub-navigation__topics .topics .truckconfigurator .detail-main .detail-maincontent .detail-titleblock ul.detail-list-advantages li, .sub-navigation__topics .topics .truckconfigurator ul.otc-list-bullets li, .sub-navigation__topics .topics .truckconfigurator ul.otc-list-checks li, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .sub-navigation__topics .topics ul.detail-list-includes li, .truckconfigurator .detail-main .detail-maincontent .detail-titleblock .sub-navigation__topics .topics ul.detail-list-advantages li, .truckconfigurator .sub-navigation__topics .topics .detail-main .detail-maincontent .detail-infoblock ul.detail-list-includes li, .truckconfigurator .sub-navigation__topics .topics .detail-main .detail-maincontent .detail-titleblock ul.detail-list-advantages li, .truckconfigurator .sub-navigation__topics .topics ul.otc-list-bullets li, .truckconfigurator .sub-navigation__topics .topics ul.otc-list-checks li {
  border-bottom: 1px solid #ced3d6;
  height: 41px;
  position: relative;
}

.sub-navigation__topics .topics .list li:before, .sub-navigation__topics .topics .truckconfigurator .detail-main .detail-maincontent .detail-infoblock ul.detail-list-includes li:before, .sub-navigation__topics .topics .truckconfigurator .detail-main .detail-maincontent .detail-titleblock ul.detail-list-advantages li:before, .sub-navigation__topics .topics .truckconfigurator ul.otc-list-bullets li:before, .sub-navigation__topics .topics .truckconfigurator ul.otc-list-checks li:before, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .sub-navigation__topics .topics ul.detail-list-includes li:before, .truckconfigurator .detail-main .detail-maincontent .detail-titleblock .sub-navigation__topics .topics ul.detail-list-advantages li:before, .truckconfigurator .sub-navigation__topics .topics .detail-main .detail-maincontent .detail-infoblock ul.detail-list-includes li:before, .truckconfigurator .sub-navigation__topics .topics .detail-main .detail-maincontent .detail-titleblock ul.detail-list-advantages li:before, .truckconfigurator .sub-navigation__topics .topics ul.otc-list-bullets li:before, .truckconfigurator .sub-navigation__topics .topics ul.otc-list-checks li:before {
  bottom: 0;
  content: "";
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
}

.sub-navigation__topics .topics .list li.is-active, .sub-navigation__topics .topics .truckconfigurator .detail-main .detail-maincontent .detail-infoblock ul.detail-list-includes li.is-active, .sub-navigation__topics .topics .truckconfigurator .detail-main .detail-maincontent .detail-titleblock ul.detail-list-advantages li.is-active, .sub-navigation__topics .topics .truckconfigurator ul.otc-list-bullets li.is-active, .sub-navigation__topics .topics .truckconfigurator ul.otc-list-checks li.is-active, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .sub-navigation__topics .topics ul.detail-list-includes li.is-active, .truckconfigurator .detail-main .detail-maincontent .detail-titleblock .sub-navigation__topics .topics ul.detail-list-advantages li.is-active, .truckconfigurator .sub-navigation__topics .topics .detail-main .detail-maincontent .detail-infoblock ul.detail-list-includes li.is-active, .truckconfigurator .sub-navigation__topics .topics .detail-main .detail-maincontent .detail-titleblock ul.detail-list-advantages li.is-active, .truckconfigurator .sub-navigation__topics .topics ul.otc-list-bullets li.is-active, .truckconfigurator .sub-navigation__topics .topics ul.otc-list-checks li.is-active {
  border-bottom: 3px solid #00529c;
  pointer-events: none;
}

.sub-navigation__topics .topics .list li:hover, .sub-navigation__topics .topics .truckconfigurator .detail-main .detail-maincontent .detail-infoblock ul.detail-list-includes li:hover, .sub-navigation__topics .topics .truckconfigurator .detail-main .detail-maincontent .detail-titleblock ul.detail-list-advantages li:hover, .sub-navigation__topics .topics .truckconfigurator ul.otc-list-bullets li:hover, .sub-navigation__topics .topics .truckconfigurator ul.otc-list-checks li:hover, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .sub-navigation__topics .topics ul.detail-list-includes li:hover, .truckconfigurator .detail-main .detail-maincontent .detail-titleblock .sub-navigation__topics .topics ul.detail-list-advantages li:hover, .truckconfigurator .sub-navigation__topics .topics .detail-main .detail-maincontent .detail-infoblock ul.detail-list-includes li:hover, .truckconfigurator .sub-navigation__topics .topics .detail-main .detail-maincontent .detail-titleblock ul.detail-list-advantages li:hover, .truckconfigurator .sub-navigation__topics .topics ul.otc-list-bullets li:hover, .truckconfigurator .sub-navigation__topics .topics ul.otc-list-checks li:hover {
  background-color: #fff;
}

.sub-navigation__topics .topics .list li.empty, .sub-navigation__topics .topics .truckconfigurator .detail-main .detail-maincontent .detail-infoblock ul.detail-list-includes li.empty, .sub-navigation__topics .topics .truckconfigurator .detail-main .detail-maincontent .detail-titleblock ul.detail-list-advantages li.empty, .sub-navigation__topics .topics .truckconfigurator ul.otc-list-bullets li.empty, .sub-navigation__topics .topics .truckconfigurator ul.otc-list-checks li.empty, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .sub-navigation__topics .topics ul.detail-list-includes li.empty, .truckconfigurator .detail-main .detail-maincontent .detail-titleblock .sub-navigation__topics .topics ul.detail-list-advantages li.empty, .truckconfigurator .sub-navigation__topics .topics .detail-main .detail-maincontent .detail-infoblock ul.detail-list-includes li.empty, .truckconfigurator .sub-navigation__topics .topics .detail-main .detail-maincontent .detail-titleblock ul.detail-list-advantages li.empty, .truckconfigurator .sub-navigation__topics .topics ul.otc-list-bullets li.empty, .truckconfigurator .sub-navigation__topics .topics ul.otc-list-checks li.empty {
  border-bottom: 0;
  display: none;
}

.sub-navigation__topics .topics .list li.empty:before, .sub-navigation__topics .topics .truckconfigurator .detail-main .detail-maincontent .detail-infoblock ul.detail-list-includes li.empty:before, .sub-navigation__topics .topics .truckconfigurator .detail-main .detail-maincontent .detail-titleblock ul.detail-list-advantages li.empty:before, .sub-navigation__topics .topics .truckconfigurator ul.otc-list-bullets li.empty:before, .sub-navigation__topics .topics .truckconfigurator ul.otc-list-checks li.empty:before, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .sub-navigation__topics .topics ul.detail-list-includes li.empty:before, .truckconfigurator .detail-main .detail-maincontent .detail-titleblock .sub-navigation__topics .topics ul.detail-list-advantages li.empty:before, .truckconfigurator .sub-navigation__topics .topics .detail-main .detail-maincontent .detail-infoblock ul.detail-list-includes li.empty:before, .truckconfigurator .sub-navigation__topics .topics .detail-main .detail-maincontent .detail-titleblock ul.detail-list-advantages li.empty:before, .truckconfigurator .sub-navigation__topics .topics ul.otc-list-bullets li.empty:before, .truckconfigurator .sub-navigation__topics .topics ul.otc-list-checks li.empty:before {
  border-bottom: 0;
}

.sub-navigation__topics .topics .list li.empty:hover, .sub-navigation__topics .topics .truckconfigurator .detail-main .detail-maincontent .detail-infoblock ul.detail-list-includes li.empty:hover, .sub-navigation__topics .topics .truckconfigurator .detail-main .detail-maincontent .detail-titleblock ul.detail-list-advantages li.empty:hover, .sub-navigation__topics .topics .truckconfigurator ul.otc-list-bullets li.empty:hover, .sub-navigation__topics .topics .truckconfigurator ul.otc-list-checks li.empty:hover, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .sub-navigation__topics .topics ul.detail-list-includes li.empty:hover, .truckconfigurator .detail-main .detail-maincontent .detail-titleblock .sub-navigation__topics .topics ul.detail-list-advantages li.empty:hover, .truckconfigurator .sub-navigation__topics .topics .detail-main .detail-maincontent .detail-infoblock ul.detail-list-includes li.empty:hover, .truckconfigurator .sub-navigation__topics .topics .detail-main .detail-maincontent .detail-titleblock ul.detail-list-advantages li.empty:hover, .truckconfigurator .sub-navigation__topics .topics ul.otc-list-bullets li.empty:hover, .truckconfigurator .sub-navigation__topics .topics ul.otc-list-checks li.empty:hover {
  background: transparent;
}

@media (min-width: 768px) {
  .sub-navigation__topics .topics .list li.empty, .sub-navigation__topics .topics .truckconfigurator .detail-main .detail-maincontent .detail-infoblock ul.detail-list-includes li.empty, .sub-navigation__topics .topics .truckconfigurator .detail-main .detail-maincontent .detail-titleblock ul.detail-list-advantages li.empty, .sub-navigation__topics .topics .truckconfigurator ul.otc-list-bullets li.empty, .sub-navigation__topics .topics .truckconfigurator ul.otc-list-checks li.empty, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .sub-navigation__topics .topics ul.detail-list-includes li.empty, .truckconfigurator .detail-main .detail-maincontent .detail-titleblock .sub-navigation__topics .topics ul.detail-list-advantages li.empty, .truckconfigurator .sub-navigation__topics .topics .detail-main .detail-maincontent .detail-infoblock ul.detail-list-includes li.empty, .truckconfigurator .sub-navigation__topics .topics .detail-main .detail-maincontent .detail-titleblock ul.detail-list-advantages li.empty, .truckconfigurator .sub-navigation__topics .topics ul.otc-list-bullets li.empty, .truckconfigurator .sub-navigation__topics .topics ul.otc-list-checks li.empty {
    display: block;
  }
}
.sub-navigation__topics .topics .list li a, .sub-navigation__topics .topics .truckconfigurator .detail-main .detail-maincontent .detail-infoblock ul.detail-list-includes li a, .sub-navigation__topics .topics .truckconfigurator .detail-main .detail-maincontent .detail-titleblock ul.detail-list-advantages li a, .sub-navigation__topics .topics .truckconfigurator ul.otc-list-bullets li a, .sub-navigation__topics .topics .truckconfigurator ul.otc-list-checks li a, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .sub-navigation__topics .topics ul.detail-list-includes li a, .truckconfigurator .detail-main .detail-maincontent .detail-titleblock .sub-navigation__topics .topics ul.detail-list-advantages li a, .truckconfigurator .sub-navigation__topics .topics .detail-main .detail-maincontent .detail-infoblock ul.detail-list-includes li a, .truckconfigurator .sub-navigation__topics .topics .detail-main .detail-maincontent .detail-titleblock ul.detail-list-advantages li a, .truckconfigurator .sub-navigation__topics .topics ul.otc-list-bullets li a, .truckconfigurator .sub-navigation__topics .topics ul.otc-list-checks li a {
  color: #00529c;
  display: block;
  overflow: hidden;
  padding-bottom: 0.5625rem;
  padding-left: 0.6875rem;
  padding-top: 0.5rem;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sub-navigation__topics .topics .list li a:focus-visible, .sub-navigation__topics .topics .truckconfigurator .detail-main .detail-maincontent .detail-infoblock ul.detail-list-includes li a:focus-visible, .sub-navigation__topics .topics .truckconfigurator .detail-main .detail-maincontent .detail-titleblock ul.detail-list-advantages li a:focus-visible, .sub-navigation__topics .topics .truckconfigurator ul.otc-list-bullets li a:focus-visible, .sub-navigation__topics .topics .truckconfigurator ul.otc-list-checks li a:focus-visible, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .sub-navigation__topics .topics ul.detail-list-includes li a:focus-visible, .truckconfigurator .detail-main .detail-maincontent .detail-titleblock .sub-navigation__topics .topics ul.detail-list-advantages li a:focus-visible, .truckconfigurator .sub-navigation__topics .topics .detail-main .detail-maincontent .detail-infoblock ul.detail-list-includes li a:focus-visible, .truckconfigurator .sub-navigation__topics .topics .detail-main .detail-maincontent .detail-titleblock ul.detail-list-advantages li a:focus-visible, .truckconfigurator .sub-navigation__topics .topics ul.otc-list-bullets li a:focus-visible, .truckconfigurator .sub-navigation__topics .topics ul.otc-list-checks li a:focus-visible {
  outline: 1px solid #00529c !important;
  outline-offset: -0.0625rem;
  text-decoration: underline;
}

.sub-navigation__topics .topics .list li a .icon--chevron-right, .sub-navigation__topics .topics .truckconfigurator .detail-main .detail-maincontent .detail-infoblock ul.detail-list-includes li a .icon--chevron-right, .sub-navigation__topics .topics .truckconfigurator .detail-main .detail-maincontent .detail-titleblock ul.detail-list-advantages li a .icon--chevron-right, .sub-navigation__topics .topics .truckconfigurator ul.otc-list-bullets li a .icon--chevron-right, .sub-navigation__topics .topics .truckconfigurator ul.otc-list-checks li a .icon--chevron-right, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .sub-navigation__topics .topics ul.detail-list-includes li a .icon--chevron-right, .truckconfigurator .detail-main .detail-maincontent .detail-titleblock .sub-navigation__topics .topics ul.detail-list-advantages li a .icon--chevron-right, .truckconfigurator .sub-navigation__topics .topics .detail-main .detail-maincontent .detail-infoblock ul.detail-list-includes li a .icon--chevron-right, .truckconfigurator .sub-navigation__topics .topics .detail-main .detail-maincontent .detail-titleblock ul.detail-list-advantages li a .icon--chevron-right, .truckconfigurator .sub-navigation__topics .topics ul.otc-list-bullets li a .icon--chevron-right, .truckconfigurator .sub-navigation__topics .topics ul.otc-list-checks li a .icon--chevron-right {
  color: #00529c;
  height: 16px;
  width: 16px;
  fill: #00529c;
  position: relative;
  top: 1px;
}

.icon--submenu {
  color: #00529c;
  cursor: pointer;
  height: 14px;
  margin: 4px auto;
  padding-bottom: 0.8125rem;
  padding-top: 0.8125rem;
  position: relative;
  width: 22px;
}

.icon--submenu, .icon--submenu span {
  transform: rotate(0deg);
  transition: 0.25s ease-in-out;
}

.icon--submenu span {
  background-color: #00529c;
  display: block;
  height: 2px;
  opacity: 1;
  position: absolute;
  width: 50%;
}

.icon--submenu span:nth-child(2n) {
  left: 50%;
}

.icon--submenu span:nth-child(odd) {
  left: 0;
}

.icon--submenu span:first-child, .icon--submenu span:nth-child(2) {
  top: 6px;
}

.icon--submenu span:nth-child(3), .icon--submenu span:nth-child(4) {
  top: 12px;
}

.icon--submenu span:nth-child(5), .icon--submenu span:nth-child(6) {
  top: 18px;
}

.icon--submenu.is-open span:first-child, .icon--submenu.is-open span:nth-child(6) {
  transform: rotate(45deg);
}

.icon--submenu.is-open span:nth-child(2), .icon--submenu.is-open span:nth-child(5) {
  transform: rotate(-45deg);
}

.icon--submenu.is-open span:first-child {
  left: 2px;
  top: 8px;
}

.icon--submenu.is-open span:nth-child(2) {
  left: calc(50% - 2px);
  top: 8px;
}

.icon--submenu.is-open span:nth-child(3) {
  left: -50%;
  opacity: 0;
}

.icon--submenu.is-open span:nth-child(4) {
  left: 100%;
  opacity: 0;
}

.icon--submenu.is-open span:nth-child(5) {
  left: 2px;
  top: 15px;
}

.icon--submenu.is-open span:nth-child(6) {
  left: calc(50% - 2px);
  top: 15px;
}

.news--article .image-caption {
  margin-bottom: 0;
}

.news--article .hero-header__content {
  bottom: 0;
  top: auto;
}

@media (min-width: 992px) {
  .news--article .hero-header__content {
    transform: translate(-45%);
  }
}
.news__meta {
  font-size: 0.75rem;
  padding: 0;
}

@media (min-width: 576px) {
  .news__meta {
    font-size: 1rem;
    padding: 0 0 0.9375rem;
  }
}
@media (min-width: 768px) {
  .news__meta {
    padding: 0 0 2.875rem;
  }
}
.news__meta .list-inline {
  margin-bottom: 0;
}

.news__meta .list-inline .list-inline-item {
  position: relative;
}

.news__meta .list-inline .list-inline-item--separator {
  margin-right: 0.1875rem;
  padding-right: 0.375rem;
}

@media (min-width: 768px) {
  .news__meta .list-inline .list-inline-item--separator {
    margin-right: 0.3125rem;
    padding-right: 0.625rem;
  }
}
.news__meta .list-inline .list-inline-item--separator:before {
  content: "|";
  position: absolute;
  right: 0;
}

.news__checkmark--bordered {
  border-bottom: 1px solid #b9c1c6;
}

.news__checkmark .list--checkmark {
  margin-bottom: 0;
  padding-bottom: 20px;
}

.news__checkmark .list--checkmark li {
  color: #656b6f;
  font-size: 0.875rem;
  margin-bottom: 2px;
}

.bg-black.text-light .news__checkmark .list--checkmark li, .bg-blue.text-light .news__checkmark .list--checkmark li, .bg-dark.text-light .news__checkmark .list--checkmark li {
  color: #fff !important;
}

@media (min-width: 768px) {
  .news__checkmark .list--checkmark li {
    font-size: 1rem;
  }
}
.news__checkmark .list--checkmark .icon {
  height: 18px;
  margin-right: 15px;
  width: 18px;
}

.news__checkmark .list--checkmark .icon--checkmark {
  position: relative;
}

.news__checkmark .list--checkmark .icon--checkmark svg {
  color: #b9c1c6;
  fill: #b9c1c6;
}

.news__title {
  margin-bottom: 1.5625rem;
}

.news__subtitle {
  margin-bottom: 0;
}

@media (min-width: 768px) {
  .news__subtitle {
    margin-bottom: 1.25rem;
  }
}
.news h4 {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.5555555556;
}

.news h4, .news p {
  margin-bottom: 0;
}

@media (min-width: 768px) {
  .news p {
    margin-bottom: 1.25rem;
  }
}
.news p.lead {
  margin-bottom: 0;
}

.downloads-bar {
  position: relative;
}

.downloads-bar__container {
  align-items: center;
  border: 1px solid #b9c1c6;
  border-radius: 9999px;
  display: flex;
  height: 40px;
  padding: 0 5px 0 15px;
  width: -moz-fit-content;
  width: fit-content;
}

@media (min-width: 576px) {
  .downloads-bar__container {
    height: 46px;
  }
}
@media (min-width: 768px) {
  .downloads-bar__container {
    margin: 0 0 10px;
    padding: 0 10px 0 20px;
  }
}
@media (min-width: 992px) {
  .downloads-bar__container {
    height: 46px;
    left: auto;
    position: absolute;
    right: 0;
  }
}
.downloads-bar__title {
  color: #656b6f;
  font-size: 0.875rem;
  font-weight: 500;
  margin-bottom: 0;
  margin-right: 15px;
}

@media (min-width: 768px) {
  .downloads-bar__title {
    font-size: 1rem;
  }
}
.downloads-bar__link {
  height: 32px;
  position: relative;
  text-align: center;
  text-decoration: none;
  width: 32px;
}

@media (min-width: 576px) {
  .downloads-bar__link {
    height: 40px;
    width: 40px;
  }
}
@media (min-width: 768px) {
  .downloads-bar__link {
    height: 38px;
    margin-left: 3px;
    margin-right: 3px;
    width: 38px;
  }
}
.downloads-bar__link:hover {
  background-color: rgba(0, 82, 156, 0.1);
  border-radius: 50%;
}

.downloads-bar__link:hover .icon {
  color: #00529c;
  fill: #00529c;
}

.downloads-bar__link .icon {
  height: 18px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 14px;
  fill: #656b6f;
  color: #656b6f;
}

@media (min-width: 768px) {
  .downloads-bar__link .icon {
    height: 18px;
    width: 18px;
  }
}
.downloads-bar .download-options__hover {
  height: 32px;
  margin: 3px auto;
  position: relative;
  text-align: center;
  width: 32px;
}

@media (min-width: 576px) {
  .downloads-bar .download-options__hover {
    height: 38px;
    margin: 3px auto;
    width: 38px;
  }
}
.downloads-bar .download-options__hover:hover {
  background-color: rgba(0, 82, 156, 0.1);
  border-radius: 50%;
}

.whitespace {
  margin: 0;
  padding: 0;
  position: relative;
}

.whitespace, .whitespace--small {
  height: 1.25rem;
}

.whitespace--medium {
  height: 1.875rem;
}

.whitespace--large {
  height: 2.5rem;
}

@media (min-width: 768px) {
  .whitespace, .whitespace--small {
    height: 1.5625rem;
  }
  .whitespace--medium {
    height: 3.125rem;
  }
  .whitespace--large {
    height: 5rem;
  }
}
.whitespace.desktop-only {
  display: none;
}

@media (min-width: 768px) {
  .whitespace.desktop-only {
    display: block;
  }
}
.share-bar {
  overflow: hidden;
  position: relative;
}

.share-bar__container {
  background-color: #fff;
  border: 1px solid #b9c1c6;
  border-radius: 9999px;
  padding: 0 0.9375rem;
  position: relative;
}

.share-bar__container .label {
  color: #656b6f;
  display: none;
  margin: 0;
  max-width: 300px;
  padding: 14px 15px;
}

@media (min-width: 992px) {
  .share-bar__container .label {
    display: block;
    font-size: 1.25rem;
    line-height: 1.6;
  }
}
.share-bar__container .btn--share {
  border-radius: 50%;
  height: 50px;
  margin: 0;
  padding: 0;
  width: 50px;
}

.share-bar__container .btn:hover, .share-bar__container .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-configure:hover, .share-bar__container .truckconfigurator .modal .modal-btn:hover, .share-bar__container .truckconfigurator .modal-disclaimer .modal-btn:hover, .share-bar__container .truckconfigurator .modal-home .modal-btn:hover, .share-bar__container .truckconfigurator .modal-save .modal-btn:hover, .share-bar__container .truckconfigurator .modal-send .modal-btn:hover, .share-bar__container .truckconfigurator .modal-summary .modal-btn:hover, .share-bar__container .truckconfigurator .modal-validation .modal-btn:hover, .share-bar__container .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .select-model-btn:hover, .share-bar__container .truckconfigurator .sp-choose:hover, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .share-bar__container .btn-configure:hover, .truckconfigurator .modal .share-bar__container .modal-btn:hover, .truckconfigurator .modal-disclaimer .share-bar__container .modal-btn:hover, .truckconfigurator .modal-home .share-bar__container .modal-btn:hover, .truckconfigurator .modal-save .share-bar__container .modal-btn:hover, .truckconfigurator .modal-send .share-bar__container .modal-btn:hover, .truckconfigurator .modal-summary .share-bar__container .modal-btn:hover, .truckconfigurator .modal-validation .share-bar__container .modal-btn:hover, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .share-bar__container .select-model-btn:hover, .truckconfigurator .share-bar__container .sp-choose:hover {
  background-color: rgba(0, 82, 156, 0.1);
}

.share-bar__container .btn:hover .icon, .share-bar__container .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-configure:hover .icon, .share-bar__container .truckconfigurator .modal .modal-btn:hover .icon, .share-bar__container .truckconfigurator .modal-disclaimer .modal-btn:hover .icon, .share-bar__container .truckconfigurator .modal-home .modal-btn:hover .icon, .share-bar__container .truckconfigurator .modal-save .modal-btn:hover .icon, .share-bar__container .truckconfigurator .modal-send .modal-btn:hover .icon, .share-bar__container .truckconfigurator .modal-summary .modal-btn:hover .icon, .share-bar__container .truckconfigurator .modal-validation .modal-btn:hover .icon, .share-bar__container .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .select-model-btn:hover .icon, .share-bar__container .truckconfigurator .sp-choose:hover .icon, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .share-bar__container .btn-configure:hover .icon, .truckconfigurator .modal .share-bar__container .modal-btn:hover .icon, .truckconfigurator .modal-disclaimer .share-bar__container .modal-btn:hover .icon, .truckconfigurator .modal-home .share-bar__container .modal-btn:hover .icon, .truckconfigurator .modal-save .share-bar__container .modal-btn:hover .icon, .truckconfigurator .modal-send .share-bar__container .modal-btn:hover .icon, .truckconfigurator .modal-summary .share-bar__container .modal-btn:hover .icon, .truckconfigurator .modal-validation .share-bar__container .modal-btn:hover .icon, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .share-bar__container .select-model-btn:hover .icon, .truckconfigurator .share-bar__container .sp-choose:hover .icon {
  color: #00529c;
  fill: #00529c;
}

.share-bar__container .btn .icon, .share-bar__container .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-configure .icon, .share-bar__container .truckconfigurator .modal .modal-btn .icon, .share-bar__container .truckconfigurator .modal-disclaimer .modal-btn .icon, .share-bar__container .truckconfigurator .modal-home .modal-btn .icon, .share-bar__container .truckconfigurator .modal-save .modal-btn .icon, .share-bar__container .truckconfigurator .modal-send .modal-btn .icon, .share-bar__container .truckconfigurator .modal-summary .modal-btn .icon, .share-bar__container .truckconfigurator .modal-validation .modal-btn .icon, .share-bar__container .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .select-model-btn .icon, .share-bar__container .truckconfigurator .sp-choose .icon, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .share-bar__container .btn-configure .icon, .truckconfigurator .modal .share-bar__container .modal-btn .icon, .truckconfigurator .modal-disclaimer .share-bar__container .modal-btn .icon, .truckconfigurator .modal-home .share-bar__container .modal-btn .icon, .truckconfigurator .modal-save .share-bar__container .modal-btn .icon, .truckconfigurator .modal-send .share-bar__container .modal-btn .icon, .truckconfigurator .modal-summary .share-bar__container .modal-btn .icon, .truckconfigurator .modal-validation .share-bar__container .modal-btn .icon, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .share-bar__container .select-model-btn .icon, .truckconfigurator .share-bar__container .sp-choose .icon {
  color: #656b6f;
  fill: #656b6f;
  margin: 0 auto;
  transform: translateY(50%);
}

.bg-black .share-bar__container, .bg-blue .share-bar__container, .bg-dark .share-bar__container {
  background-color: #353c45;
}

.bg-black .share-bar__container .label, .bg-blue .share-bar__container .label, .bg-dark .share-bar__container .label {
  color: #fff;
}

.bg-black .share-bar__container .btn:hover, .bg-black .share-bar__container .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-configure:hover, .bg-black .share-bar__container .truckconfigurator .modal .modal-btn:hover, .bg-black .share-bar__container .truckconfigurator .modal-disclaimer .modal-btn:hover, .bg-black .share-bar__container .truckconfigurator .modal-home .modal-btn:hover, .bg-black .share-bar__container .truckconfigurator .modal-save .modal-btn:hover, .bg-black .share-bar__container .truckconfigurator .modal-send .modal-btn:hover, .bg-black .share-bar__container .truckconfigurator .modal-summary .modal-btn:hover, .bg-black .share-bar__container .truckconfigurator .modal-validation .modal-btn:hover, .bg-black .share-bar__container .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .select-model-btn:hover, .bg-black .share-bar__container .truckconfigurator .sp-choose:hover, .bg-blue .share-bar__container .btn:hover, .bg-blue .share-bar__container .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-configure:hover, .bg-blue .share-bar__container .truckconfigurator .modal .modal-btn:hover, .bg-blue .share-bar__container .truckconfigurator .modal-disclaimer .modal-btn:hover, .bg-blue .share-bar__container .truckconfigurator .modal-home .modal-btn:hover, .bg-blue .share-bar__container .truckconfigurator .modal-save .modal-btn:hover, .bg-blue .share-bar__container .truckconfigurator .modal-send .modal-btn:hover, .bg-blue .share-bar__container .truckconfigurator .modal-summary .modal-btn:hover, .bg-blue .share-bar__container .truckconfigurator .modal-validation .modal-btn:hover, .bg-blue .share-bar__container .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .select-model-btn:hover, .bg-blue .share-bar__container .truckconfigurator .sp-choose:hover, .bg-dark .share-bar__container .btn:hover, .bg-dark .share-bar__container .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-configure:hover, .bg-dark .share-bar__container .truckconfigurator .modal .modal-btn:hover, .bg-dark .share-bar__container .truckconfigurator .modal-disclaimer .modal-btn:hover, .bg-dark .share-bar__container .truckconfigurator .modal-home .modal-btn:hover, .bg-dark .share-bar__container .truckconfigurator .modal-save .modal-btn:hover, .bg-dark .share-bar__container .truckconfigurator .modal-send .modal-btn:hover, .bg-dark .share-bar__container .truckconfigurator .modal-summary .modal-btn:hover, .bg-dark .share-bar__container .truckconfigurator .modal-validation .modal-btn:hover, .bg-dark .share-bar__container .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .select-model-btn:hover, .bg-dark .share-bar__container .truckconfigurator .sp-choose:hover, .truckconfigurator .bg-black .share-bar__container .sp-choose:hover, .truckconfigurator .bg-blue .share-bar__container .sp-choose:hover, .truckconfigurator .bg-dark .share-bar__container .sp-choose:hover, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .bg-black .share-bar__container .btn-configure:hover, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .bg-blue .share-bar__container .btn-configure:hover, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .bg-dark .share-bar__container .btn-configure:hover, .truckconfigurator .modal .bg-black .share-bar__container .modal-btn:hover, .truckconfigurator .modal .bg-blue .share-bar__container .modal-btn:hover, .truckconfigurator .modal .bg-dark .share-bar__container .modal-btn:hover, .truckconfigurator .modal-disclaimer .bg-black .share-bar__container .modal-btn:hover, .truckconfigurator .modal-disclaimer .bg-blue .share-bar__container .modal-btn:hover, .truckconfigurator .modal-disclaimer .bg-dark .share-bar__container .modal-btn:hover, .truckconfigurator .modal-home .bg-black .share-bar__container .modal-btn:hover, .truckconfigurator .modal-home .bg-blue .share-bar__container .modal-btn:hover, .truckconfigurator .modal-home .bg-dark .share-bar__container .modal-btn:hover, .truckconfigurator .modal-save .bg-black .share-bar__container .modal-btn:hover, .truckconfigurator .modal-save .bg-blue .share-bar__container .modal-btn:hover, .truckconfigurator .modal-save .bg-dark .share-bar__container .modal-btn:hover, .truckconfigurator .modal-send .bg-black .share-bar__container .modal-btn:hover, .truckconfigurator .modal-send .bg-blue .share-bar__container .modal-btn:hover, .truckconfigurator .modal-send .bg-dark .share-bar__container .modal-btn:hover, .truckconfigurator .modal-summary .bg-black .share-bar__container .modal-btn:hover, .truckconfigurator .modal-summary .bg-blue .share-bar__container .modal-btn:hover, .truckconfigurator .modal-summary .bg-dark .share-bar__container .modal-btn:hover, .truckconfigurator .modal-validation .bg-black .share-bar__container .modal-btn:hover, .truckconfigurator .modal-validation .bg-blue .share-bar__container .modal-btn:hover, .truckconfigurator .modal-validation .bg-dark .share-bar__container .modal-btn:hover, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .bg-black .share-bar__container .select-model-btn:hover, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .bg-blue .share-bar__container .select-model-btn:hover, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .bg-dark .share-bar__container .select-model-btn:hover {
  background-color: hsla(0, 0%, 95%, 0.1);
}

.bg-black .share-bar__container .btn:hover .icon, .bg-black .share-bar__container .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-configure:hover .icon, .bg-black .share-bar__container .truckconfigurator .modal .modal-btn:hover .icon, .bg-black .share-bar__container .truckconfigurator .modal-disclaimer .modal-btn:hover .icon, .bg-black .share-bar__container .truckconfigurator .modal-home .modal-btn:hover .icon, .bg-black .share-bar__container .truckconfigurator .modal-save .modal-btn:hover .icon, .bg-black .share-bar__container .truckconfigurator .modal-send .modal-btn:hover .icon, .bg-black .share-bar__container .truckconfigurator .modal-summary .modal-btn:hover .icon, .bg-black .share-bar__container .truckconfigurator .modal-validation .modal-btn:hover .icon, .bg-black .share-bar__container .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .select-model-btn:hover .icon, .bg-black .share-bar__container .truckconfigurator .sp-choose:hover .icon, .bg-blue .share-bar__container .btn:hover .icon, .bg-blue .share-bar__container .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-configure:hover .icon, .bg-blue .share-bar__container .truckconfigurator .modal .modal-btn:hover .icon, .bg-blue .share-bar__container .truckconfigurator .modal-disclaimer .modal-btn:hover .icon, .bg-blue .share-bar__container .truckconfigurator .modal-home .modal-btn:hover .icon, .bg-blue .share-bar__container .truckconfigurator .modal-save .modal-btn:hover .icon, .bg-blue .share-bar__container .truckconfigurator .modal-send .modal-btn:hover .icon, .bg-blue .share-bar__container .truckconfigurator .modal-summary .modal-btn:hover .icon, .bg-blue .share-bar__container .truckconfigurator .modal-validation .modal-btn:hover .icon, .bg-blue .share-bar__container .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .select-model-btn:hover .icon, .bg-blue .share-bar__container .truckconfigurator .sp-choose:hover .icon, .bg-dark .share-bar__container .btn:hover .icon, .bg-dark .share-bar__container .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-configure:hover .icon, .bg-dark .share-bar__container .truckconfigurator .modal .modal-btn:hover .icon, .bg-dark .share-bar__container .truckconfigurator .modal-disclaimer .modal-btn:hover .icon, .bg-dark .share-bar__container .truckconfigurator .modal-home .modal-btn:hover .icon, .bg-dark .share-bar__container .truckconfigurator .modal-save .modal-btn:hover .icon, .bg-dark .share-bar__container .truckconfigurator .modal-send .modal-btn:hover .icon, .bg-dark .share-bar__container .truckconfigurator .modal-summary .modal-btn:hover .icon, .bg-dark .share-bar__container .truckconfigurator .modal-validation .modal-btn:hover .icon, .bg-dark .share-bar__container .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .select-model-btn:hover .icon, .bg-dark .share-bar__container .truckconfigurator .sp-choose:hover .icon, .truckconfigurator .bg-black .share-bar__container .sp-choose:hover .icon, .truckconfigurator .bg-blue .share-bar__container .sp-choose:hover .icon, .truckconfigurator .bg-dark .share-bar__container .sp-choose:hover .icon, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .bg-black .share-bar__container .btn-configure:hover .icon, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .bg-blue .share-bar__container .btn-configure:hover .icon, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .bg-dark .share-bar__container .btn-configure:hover .icon, .truckconfigurator .modal .bg-black .share-bar__container .modal-btn:hover .icon, .truckconfigurator .modal .bg-blue .share-bar__container .modal-btn:hover .icon, .truckconfigurator .modal .bg-dark .share-bar__container .modal-btn:hover .icon, .truckconfigurator .modal-disclaimer .bg-black .share-bar__container .modal-btn:hover .icon, .truckconfigurator .modal-disclaimer .bg-blue .share-bar__container .modal-btn:hover .icon, .truckconfigurator .modal-disclaimer .bg-dark .share-bar__container .modal-btn:hover .icon, .truckconfigurator .modal-home .bg-black .share-bar__container .modal-btn:hover .icon, .truckconfigurator .modal-home .bg-blue .share-bar__container .modal-btn:hover .icon, .truckconfigurator .modal-home .bg-dark .share-bar__container .modal-btn:hover .icon, .truckconfigurator .modal-save .bg-black .share-bar__container .modal-btn:hover .icon, .truckconfigurator .modal-save .bg-blue .share-bar__container .modal-btn:hover .icon, .truckconfigurator .modal-save .bg-dark .share-bar__container .modal-btn:hover .icon, .truckconfigurator .modal-send .bg-black .share-bar__container .modal-btn:hover .icon, .truckconfigurator .modal-send .bg-blue .share-bar__container .modal-btn:hover .icon, .truckconfigurator .modal-send .bg-dark .share-bar__container .modal-btn:hover .icon, .truckconfigurator .modal-summary .bg-black .share-bar__container .modal-btn:hover .icon, .truckconfigurator .modal-summary .bg-blue .share-bar__container .modal-btn:hover .icon, .truckconfigurator .modal-summary .bg-dark .share-bar__container .modal-btn:hover .icon, .truckconfigurator .modal-validation .bg-black .share-bar__container .modal-btn:hover .icon, .truckconfigurator .modal-validation .bg-blue .share-bar__container .modal-btn:hover .icon, .truckconfigurator .modal-validation .bg-dark .share-bar__container .modal-btn:hover .icon, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .bg-black .share-bar__container .select-model-btn:hover .icon, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .bg-blue .share-bar__container .select-model-btn:hover .icon, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .bg-dark .share-bar__container .select-model-btn:hover .icon {
  color: #b9c1c6;
  fill: #b9c1c6;
}

.bg-black .share-bar__container .btn .icon, .bg-black .share-bar__container .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-configure .icon, .bg-black .share-bar__container .truckconfigurator .modal .modal-btn .icon, .bg-black .share-bar__container .truckconfigurator .modal-disclaimer .modal-btn .icon, .bg-black .share-bar__container .truckconfigurator .modal-home .modal-btn .icon, .bg-black .share-bar__container .truckconfigurator .modal-save .modal-btn .icon, .bg-black .share-bar__container .truckconfigurator .modal-send .modal-btn .icon, .bg-black .share-bar__container .truckconfigurator .modal-summary .modal-btn .icon, .bg-black .share-bar__container .truckconfigurator .modal-validation .modal-btn .icon, .bg-black .share-bar__container .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .select-model-btn .icon, .bg-black .share-bar__container .truckconfigurator .sp-choose .icon, .bg-blue .share-bar__container .btn .icon, .bg-blue .share-bar__container .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-configure .icon, .bg-blue .share-bar__container .truckconfigurator .modal .modal-btn .icon, .bg-blue .share-bar__container .truckconfigurator .modal-disclaimer .modal-btn .icon, .bg-blue .share-bar__container .truckconfigurator .modal-home .modal-btn .icon, .bg-blue .share-bar__container .truckconfigurator .modal-save .modal-btn .icon, .bg-blue .share-bar__container .truckconfigurator .modal-send .modal-btn .icon, .bg-blue .share-bar__container .truckconfigurator .modal-summary .modal-btn .icon, .bg-blue .share-bar__container .truckconfigurator .modal-validation .modal-btn .icon, .bg-blue .share-bar__container .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .select-model-btn .icon, .bg-blue .share-bar__container .truckconfigurator .sp-choose .icon, .bg-dark .share-bar__container .btn .icon, .bg-dark .share-bar__container .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-configure .icon, .bg-dark .share-bar__container .truckconfigurator .modal .modal-btn .icon, .bg-dark .share-bar__container .truckconfigurator .modal-disclaimer .modal-btn .icon, .bg-dark .share-bar__container .truckconfigurator .modal-home .modal-btn .icon, .bg-dark .share-bar__container .truckconfigurator .modal-save .modal-btn .icon, .bg-dark .share-bar__container .truckconfigurator .modal-send .modal-btn .icon, .bg-dark .share-bar__container .truckconfigurator .modal-summary .modal-btn .icon, .bg-dark .share-bar__container .truckconfigurator .modal-validation .modal-btn .icon, .bg-dark .share-bar__container .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .select-model-btn .icon, .bg-dark .share-bar__container .truckconfigurator .sp-choose .icon, .truckconfigurator .bg-black .share-bar__container .sp-choose .icon, .truckconfigurator .bg-blue .share-bar__container .sp-choose .icon, .truckconfigurator .bg-dark .share-bar__container .sp-choose .icon, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .bg-black .share-bar__container .btn-configure .icon, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .bg-blue .share-bar__container .btn-configure .icon, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .bg-dark .share-bar__container .btn-configure .icon, .truckconfigurator .modal .bg-black .share-bar__container .modal-btn .icon, .truckconfigurator .modal .bg-blue .share-bar__container .modal-btn .icon, .truckconfigurator .modal .bg-dark .share-bar__container .modal-btn .icon, .truckconfigurator .modal-disclaimer .bg-black .share-bar__container .modal-btn .icon, .truckconfigurator .modal-disclaimer .bg-blue .share-bar__container .modal-btn .icon, .truckconfigurator .modal-disclaimer .bg-dark .share-bar__container .modal-btn .icon, .truckconfigurator .modal-home .bg-black .share-bar__container .modal-btn .icon, .truckconfigurator .modal-home .bg-blue .share-bar__container .modal-btn .icon, .truckconfigurator .modal-home .bg-dark .share-bar__container .modal-btn .icon, .truckconfigurator .modal-save .bg-black .share-bar__container .modal-btn .icon, .truckconfigurator .modal-save .bg-blue .share-bar__container .modal-btn .icon, .truckconfigurator .modal-save .bg-dark .share-bar__container .modal-btn .icon, .truckconfigurator .modal-send .bg-black .share-bar__container .modal-btn .icon, .truckconfigurator .modal-send .bg-blue .share-bar__container .modal-btn .icon, .truckconfigurator .modal-send .bg-dark .share-bar__container .modal-btn .icon, .truckconfigurator .modal-summary .bg-black .share-bar__container .modal-btn .icon, .truckconfigurator .modal-summary .bg-blue .share-bar__container .modal-btn .icon, .truckconfigurator .modal-summary .bg-dark .share-bar__container .modal-btn .icon, .truckconfigurator .modal-validation .bg-black .share-bar__container .modal-btn .icon, .truckconfigurator .modal-validation .bg-blue .share-bar__container .modal-btn .icon, .truckconfigurator .modal-validation .bg-dark .share-bar__container .modal-btn .icon, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .bg-black .share-bar__container .select-model-btn .icon, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .bg-blue .share-bar__container .select-model-btn .icon, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .bg-dark .share-bar__container .select-model-btn .icon {
  color: #f1f1f1;
  fill: #f1f1f1;
  margin: 0 auto;
  transform: translateY(50%);
}

.cta-panel {
  position: relative;
  transform: translateY(3.125rem);
  z-index: 20;
}

.cta-panel a {
  text-decoration: none;
}

.cta-panel .row {
  min-height: auto;
}

@media (min-width: 992px) {
  .cta-panel .row {
    min-height: 325px;
  }
}
.cta-panel .card {
  background-color: #fff;
  border-radius: 0.625rem;
  box-shadow: 2px -2px 78px 0 rgba(0, 0, 0, 0.2);
  margin: 0;
  overflow: hidden;
  padding: 0;
  transition: box-shadow 0.15s ease-in-out;
}

.cta-panel .card.active, .cta-panel .card.focus, .cta-panel .card.hover, .cta-panel .card:active, .cta-panel .card:focus, .cta-panel .card:hover {
  box-shadow: -6.632px 4.474px 78px 0 rgba(0, 0, 0, 0.5);
}

.cta-panel .card.active .btn-primary, .cta-panel .card.focus .btn-primary, .cta-panel .card.hover .btn-primary, .cta-panel .card:active .btn-primary, .cta-panel .card:focus .btn-primary, .cta-panel .card:hover .btn-primary {
  background-color: #1b4770;
  border-color: #1b4770;
}

.cta-panel .card.active .btn-secondary, .cta-panel .card.focus .btn-secondary, .cta-panel .card.hover .btn-secondary, .cta-panel .card:active .btn-secondary, .cta-panel .card:focus .btn-secondary, .cta-panel .card:hover .btn-secondary {
  background-color: #fff !important;
  border: 1px solid #00529c !important;
  color: #00529c !important;
}

.cta-panel .card.active .btn-secondary .icon, .cta-panel .card.focus .btn-secondary .icon, .cta-panel .card.hover .btn-secondary .icon, .cta-panel .card:active .btn-secondary .icon, .cta-panel .card:focus .btn-secondary .icon, .cta-panel .card:hover .btn-secondary .icon {
  fill: #00529c !important;
}

.cta-panel .card.active .btn--ghost, .cta-panel .card.active .btn-ghost, .cta-panel .card.focus .btn--ghost, .cta-panel .card.focus .btn-ghost, .cta-panel .card.hover .btn--ghost, .cta-panel .card.hover .btn-ghost, .cta-panel .card:active .btn--ghost, .cta-panel .card:active .btn-ghost, .cta-panel .card:focus .btn--ghost, .cta-panel .card:focus .btn-ghost, .cta-panel .card:hover .btn--ghost, .cta-panel .card:hover .btn-ghost {
  background-color: #00529c;
  color: #fff !important;
}

.cta-panel .card__image {
  height: 320px;
  margin: 0;
}

@media (min-width: 992px) {
  .cta-panel .card__image {
    height: auto;
    max-width: 50%;
  }
}
.cta-panel .card-body {
  display: block;
  margin-bottom: 0;
  padding: 2.1875rem;
}

@media (min-width: 992px) {
  .cta-panel .card-body {
    max-width: 50%;
    padding: 0 1.875rem;
  }
}
.cta-panel .card-title {
  color: #353c45 !important;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.25;
}

@media (min-width: 992px) {
  .cta-panel .card-title {
    font-size: 1.5rem;
    line-height: 1.1666666667;
  }
}
.cta-panel .card-text {
  color: #656b6f !important;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.2857142857;
  margin-bottom: 1.5625rem;
}

@media (min-width: 992px) {
  .cta-panel .card-text {
    font-size: 1rem;
    line-height: 1.3125;
    margin-bottom: 1.5625rem;
  }
}
.cta-panel .card:not(.cta-panel--blue) .btn--ghost, .cta-panel .card:not(.cta-panel--blue) .btn-ghost {
  border-color: #00529c;
  color: #00529c;
}

.cta-panel .card:not(.cta-panel--blue) .btn--ghost.active, .cta-panel .card:not(.cta-panel--blue) .btn--ghost.focus, .cta-panel .card:not(.cta-panel--blue) .btn--ghost.hover, .cta-panel .card:not(.cta-panel--blue) .btn--ghost:active, .cta-panel .card:not(.cta-panel--blue) .btn--ghost:focus, .cta-panel .card:not(.cta-panel--blue) .btn--ghost:hover, .cta-panel .card:not(.cta-panel--blue) .btn-ghost.active, .cta-panel .card:not(.cta-panel--blue) .btn-ghost.focus, .cta-panel .card:not(.cta-panel--blue) .btn-ghost.hover, .cta-panel .card:not(.cta-panel--blue) .btn-ghost:active, .cta-panel .card:not(.cta-panel--blue) .btn-ghost:focus, .cta-panel .card:not(.cta-panel--blue) .btn-ghost:hover {
  background-color: #00529c;
  color: #fff;
}

.cta-panel--blue {
  background-color: #00529c !important;
  color: #fff !important;
  transform: translateY(1.25rem);
}

.cta-panel--blue p {
  color: inherit;
}

.cta-panel--blue .card-text, .cta-panel--blue .card-title {
  color: #fff !important;
}

.cta-panel--blue.card .btn--primary, .cta-panel--blue.card .btn-primary {
  border-color: #fff;
}

.cta-panel--blue.card .btn--primary.active, .cta-panel--blue.card .btn--primary.focus, .cta-panel--blue.card .btn--primary.hover, .cta-panel--blue.card .btn--primary:active, .cta-panel--blue.card .btn--primary:focus, .cta-panel--blue.card .btn--primary:hover, .cta-panel--blue.card .btn-primary.active, .cta-panel--blue.card .btn-primary.focus, .cta-panel--blue.card .btn-primary.hover, .cta-panel--blue.card .btn-primary:active, .cta-panel--blue.card .btn-primary:focus, .cta-panel--blue.card .btn-primary:hover {
  background-color: #fff;
  color: #00529c;
}

.cta-panel--blue.card.active .btn-primary, .cta-panel--blue.card.focus .btn-primary, .cta-panel--blue.card.hover .btn-primary, .cta-panel--blue.card:active .btn-primary, .cta-panel--blue.card:focus .btn-primary, .cta-panel--blue.card:hover .btn-primary {
  background-color: #fff;
  border-color: #fff;
  color: #00529c;
}

.cta-panel--blue.card.active .btn--ghost, .cta-panel--blue.card.active .btn-ghost, .cta-panel--blue.card.focus .btn--ghost, .cta-panel--blue.card.focus .btn-ghost, .cta-panel--blue.card.hover .btn--ghost, .cta-panel--blue.card.hover .btn-ghost, .cta-panel--blue.card:active .btn--ghost, .cta-panel--blue.card:active .btn-ghost, .cta-panel--blue.card:focus .btn--ghost, .cta-panel--blue.card:focus .btn-ghost, .cta-panel--blue.card:hover .btn--ghost, .cta-panel--blue.card:hover .btn-ghost {
  border-color: hsla(0, 0%, 100%, 0.3) !important;
}

.bg-medium:not(.card.cta-panel--blue) .btn--ghost.active, .bg-medium:not(.card.cta-panel--blue) .btn--ghost.focus, .bg-medium:not(.card.cta-panel--blue) .btn--ghost.hover, .bg-medium:not(.card.cta-panel--blue) .btn--ghost:active, .bg-medium:not(.card.cta-panel--blue) .btn--ghost:focus, .bg-medium:not(.card.cta-panel--blue) .btn--ghost:hover, .bg-medium:not(.card.cta-panel--blue) .btn-ghost.active, .bg-medium:not(.card.cta-panel--blue) .btn-ghost.focus, .bg-medium:not(.card.cta-panel--blue) .btn-ghost.hover, .bg-medium:not(.card.cta-panel--blue) .btn-ghost:active, .bg-medium:not(.card.cta-panel--blue) .btn-ghost:focus, .bg-medium:not(.card.cta-panel--blue) .btn-ghost:hover {
  background-color: #00529c !important;
  color: #fff !important;
}

.bg-medium .card.cta-panel--blue .btn--ghost, .bg-medium .card.cta-panel--blue .btn-ghost {
  background: transparent;
  border: 1px solid #fff;
  color: #fff;
}

.bg-medium .card.cta-panel--blue .btn--ghost.active, .bg-medium .card.cta-panel--blue .btn--ghost.focus, .bg-medium .card.cta-panel--blue .btn--ghost.hover, .bg-medium .card.cta-panel--blue .btn--ghost:active, .bg-medium .card.cta-panel--blue .btn--ghost:focus, .bg-medium .card.cta-panel--blue .btn--ghost:hover, .bg-medium .card.cta-panel--blue .btn-ghost.active, .bg-medium .card.cta-panel--blue .btn-ghost.focus, .bg-medium .card.cta-panel--blue .btn-ghost.hover, .bg-medium .card.cta-panel--blue .btn-ghost:active, .bg-medium .card.cta-panel--blue .btn-ghost:focus, .bg-medium .card.cta-panel--blue .btn-ghost:hover {
  border-color: hsla(0, 0%, 100%, 0.3);
}

.card {
  background-color: transparent;
  border: 0;
  margin: 0 0 1.875rem;
  position: relative;
}

@media (min-width: 768px) {
  .card {
    margin: 0;
  }
}
.card__image {
  background-position: 50% 50%;
  background-size: cover;
  margin: 0 1.25rem 0.3125rem;
}

.card__image--fill {
  position: relative;
}

.card__image--fill img {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.card__image .ratio {
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
  position: relative;
}

.card__image-hover {
  align-items: center;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  inset: 0;
  justify-content: center;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  transition: opacity 0.1s ease;
}

.card__image-hover .icon {
  border: 2px solid #fff;
  border-radius: 50%;
  height: 40px;
  padding: 0.25rem;
  width: 40px;
  fill: #fff;
}

.card:hover .card__image-hover {
  opacity: 1;
}

.card-title {
  font-weight: 400;
  line-height: 1.1666666667;
  margin-bottom: 0.3125rem;
}

.card-title__anchor, .card-title__anchor:hover {
  color: inherit;
}

.card-title__anchor:focus-visible {
  outline: 1px solid currentcolor !important;
  outline-offset: 0.25rem;
}

.card-title__anchor:before {
  content: "";
  inset: 0;
  position: absolute;
  z-index: 0;
}

.card-text {
  color: #656b6f;
  font-size: 1rem;
  line-height: 1.625;
}

.card-text:last-child {
  margin-bottom: 0;
}

.card-body {
  display: flex;
  flex-direction: column;
}

.card__links {
  color: #b9c1c6;
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem 0.75rem;
  list-style: none;
  margin: auto 0 0;
  padding: 0;
  position: relative;
}

.card__links-item {
  display: flex;
  gap: 0.75rem;
}

.card__links-item:first-child {
  font-weight: 500;
}

.card__links-item:not(:last-child):after {
  background: currentcolor;
  content: "";
  display: block;
  width: 1px;
}

.card__links-item:not(:last-child) .icon {
  display: none;
}

.card__links-anchor {
  align-items: center;
  display: inline-flex;
}

.card__links-anchor:focus-visible, .card__links-anchor:hover {
  color: #21252b;
  text-decoration: underline;
}

.card__links-anchor:focus-visible {
  outline: 1px solid currentcolor !important;
  outline-offset: 0.25rem;
}

.card__links-anchor .icon {
  height: 1.25em;
  width: 1.25em;
}

.card__links-anchor .icon svg {
  fill: currentcolor;
}

.text-light .card__links-anchor {
  color: #fff;
}

.content-carousel-yellow .card__links-anchor {
  color: #ffc107 !important;
}

.content-carousel-blue .card__links-anchor {
  color: #00529c !important;
}

.content-carousel-grey .card__links-anchor {
  color: #ced3d6 !important;
}

.card__btn {
  align-self: flex-start;
  margin: auto 0 0;
}

.card .table {
  margin: 0 1.25rem;
  width: auto;
}

.card .table table {
  margin-top: 0;
}

.dealer-page .hero-header__content {
  padding-bottom: 2.25rem !important;
}

@media (min-width: 768px) {
  .dealer-page .checkmarklist-container {
    max-width: 450px;
  }
}
@media (min-width: 992px) {
  .dealer-page .checkmarklist-container {
    max-width: 600px;
  }
}
.dealer-page .checkmarklist-container .list--checkmark {
  white-space: normal;
}

.dealer-page .checkmarklist-container .list--checkmark li {
  font-size: 1.125rem;
  line-height: 1.7777777778;
}

.basic-info {
  height: auto;
}

@media (min-width: 768px) {
  .basic-info {
    height: 0;
  }
}
.card--basic-info {
  background-color: #fff;
  border-radius: 0;
  box-shadow: 0 8px 78px 0 rgba(50, 50, 50, 0.1);
  margin-bottom: 0;
  margin-top: -50px;
  padding-bottom: 0;
  position: relative;
  z-index: 1;
}

@media (min-width: 768px) {
  .card--basic-info {
    margin-top: -50px;
  }
}
@media (min-width: 992px) {
  .card--basic-info {
    margin-top: -200px;
  }
}
.card--basic-info .card__header {
  background-color: #00529c;
  height: 50px;
  padding: 0.9375rem 1.25rem;
}

@media (min-width: 768px) {
  .card--basic-info .card__header {
    padding: 0.9375rem 0.8125rem;
  }
}
@media (min-width: 992px) {
  .card--basic-info .card__header {
    height: 60px;
    padding: 1.0625rem 1.875rem;
  }
}
.card--basic-info .card__header h4 {
  font-size: 1rem;
  line-height: 1.375;
  margin: 0;
  width: 100%;
}

@media (min-width: 992px) {
  .card--basic-info .card__header h4 {
    font-size: 1.125rem;
    line-height: 1.4444444444;
  }
}
.card--basic-info .card__header a {
  color: #fff;
  display: block;
}

.card--basic-info .card__header span {
  color: #fff;
}

.card--basic-info .card__header .icon {
  color: #fff;
  height: 28px;
  width: 28px;
  fill: #fff;
}

.card--basic-info .card__image {
  display: none;
  max-height: 140px;
  position: relative;
}

@media (min-width: 992px) {
  .card--basic-info .card__image {
    display: block;
    margin: 0;
  }
}
.card--basic-info .card__image .icon--static-marker {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -100%);
  fill: #00529c;
}

.card--basic-info .card-body {
  padding: 1.5625rem 1.875rem;
}

@media (min-width: 768px) {
  .card--basic-info .card-body {
    padding: 1.25rem;
  }
}
@media (min-width: 992px) {
  .card--basic-info .card-body {
    padding: 1.5625rem 1.875rem;
  }
}
.card--basic-info .card-text {
  color: #353c45;
}

.card--basic-info .card-text a {
  color: #353c45 !important;
  display: block;
}

.card--basic-info .card-text .goto-contactdetails {
  color: #00529c !important;
}

.card--basic-info .card-text .goto-contactdetails .icon {
  color: #00529c;
  height: 28px;
  width: 28px;
  fill: #00529c;
}

.card--basic-info .card-text .basic-info__logo {
  max-width: 100%;
}

.dealer-page .hero-header__content {
  padding-bottom: 2.5rem !important;
}

.location-details {
  padding-top: 1.875rem;
  position: relative;
}

.location-details__container {
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  max-width: 536px;
  max-width: 990px;
}

.location-details__container h2 {
  font-weight: 200;
  margin-bottom: 1.25rem;
}

@media (min-width: 768px) {
  .location-details__container h2 {
    margin-bottom: 1rem;
  }
}
.location-details__container .offset-lg-1, .location-details__container [class*=col-] {
  margin-bottom: 0;
}

@media (min-width: 768px) {
  .location-details__container .offset-lg-1 {
    margin-bottom: 1rem;
  }
}
@media (min-width: 576px) {
  .location-details__container {
    max-width: 728px;
  }
}
@media (min-width: 768px) {
  .location-details__container {
    max-width: 952px;
  }
}
.location-details__list {
  margin-bottom: 0;
}

.location-details__list li {
  padding: 0 0 0.5rem 2.1875rem;
  position: relative;
}

@media (min-width: 768px) {
  .location-details__list li {
    padding: 0.75rem 0 0.5rem 2.5rem;
  }
}
.location-details__list .icon {
  left: 0;
  margin-right: 0.9375rem;
  position: absolute;
  top: 0;
  fill: #656b6f;
  color: #656b6f;
  height: 20px;
  width: 20px;
}

@media (min-width: 768px) {
  .location-details__list .icon {
    height: 24px;
    top: 15px;
    width: 24px;
  }
}
.location-details__list .icon--link, .location-details__list .icon--location {
  height: 20px;
  top: 3px;
  width: 20px;
}

@media (min-width: 768px) {
  .location-details__list .icon--link, .location-details__list .icon--location {
    top: 17px;
  }
}
.location-details__list .icon--directions, .location-details__list .icon--locationcode {
  top: 0;
}

@media (min-width: 768px) {
  .location-details__list .icon--directions, .location-details__list .icon--locationcode {
    top: 12px;
  }
}
.location-details__list p {
  color: #ced3d6 !important;
  font-size: 0.875rem;
  margin-bottom: 0;
}

@media (min-width: 768px) {
  .location-details__list p {
    font-size: 1rem;
  }
}
.location-details .dealer-map {
  display: none;
  position: relative;
}

@media (min-width: 992px) {
  .location-details .dealer-map {
    display: block;
  }
}
.location-details .dealer-map .icon--mapdirections {
  pointer-events: none;
}

.location-details .dealer-map__container {
  cursor: pointer;
  margin-left: -10px;
  margin-right: -10px;
}

.location-details .dealer-map__container .card__image {
  background-image: url(/assets/images/daf/placeholders/dealer-map-background.jpg);
  background-position: 50% 50%;
  background-size: auto;
  margin: 0;
  max-height: 150px;
  overflow: hidden;
  transition: max-height 0.4s;
}

.location-details .dealer-map__container .card__image:before {
  background: linear-gradient(180deg, #00529c, rgba(38, 108, 171, 0));
  content: "";
  display: block;
  height: 150px;
  opacity: 0.3;
  transition: opacity 0.35s ease-in-out;
  z-index: 5;
}

.location-details .dealer-map__container .card__image .map-overlay {
  background: #000;
  height: 100%;
  left: 0;
  margin-left: -10px;
  margin-right: -10px;
  opacity: 0.2;
  position: absolute;
  top: 0;
  transition: opacity 0.35s ease-in-out;
  width: 105%;
  z-index: 3;
}

.location-details .dealer-map__container .card__image.is-active {
  max-height: 365px;
}

.location-details .dealer-map__container .card__image.is-active .dealer-marker {
  opacity: 1;
  transition: opacity 0.4s;
}

.location-details .dealer-map__container .card__image.is-active .map-overlay, .location-details .dealer-map__container .card__image.is-active:before {
  opacity: 0;
}

.location-details .dealer-map__container .card__image .dealer-marker {
  height: 66px;
  left: 50%;
  margin-top: -15px;
  opacity: 0;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: opacity 0.3s ease-in-out;
  width: 94px;
  z-index: 6;
}

.location-details .dealer-map__container .card__image .ratio {
  padding-top: 31.25%;
}

.location-details .btn--dealer-mapcontainer {
  display: none;
}

@media (min-width: 768px) {
  .location-details .btn--dealer-mapcontainer {
    background: -owg-linear-gradient(0deg, #00529c 0, #266cab 100%);
    background: linear-gradient(0deg, #00529c, #266cab);
    border: 0;
    border-radius: 50%;
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.25);
    cursor: pointer;
    display: block;
    height: 56px;
    left: 50%;
    margin-left: -28px;
    position: absolute;
    top: -28px;
    transition: background 0.3s ease-in-out;
    width: 56px;
    z-index: 10;
  }
  .location-details .btn--dealer-mapcontainer:active, .location-details .btn--dealer-mapcontainer:focus {
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.25) !important;
  }
  .location-details .btn--dealer-mapcontainer .icon {
    height: 35px;
    left: 50%;
    margin-left: -27px;
    position: absolute;
    top: 10px;
    width: 54px;
    fill: #fff;
    opacity: 1;
    transition: opacity 0.3s ease-in-out;
  }
  .location-details .btn--dealer-mapcontainer .icon--open {
    opacity: 1;
  }
  .location-details .btn--dealer-mapcontainer .icon--close {
    height: 35px;
    margin-left: -27px;
    opacity: 0;
    top: 10px;
    width: 54px;
    fill: #00529c;
  }
  .location-details .btn--dealer-mapcontainer.is-active {
    background: -owg-linear-gradient(0deg, #e8e9ea 0, #e8e9ea 100%);
    background: linear-gradient(0deg, #e8e9ea, #e8e9ea);
  }
  .location-details .btn--dealer-mapcontainer.is-active .icon--open {
    opacity: 0;
  }
  .location-details .btn--dealer-mapcontainer.is-active .icon--close {
    opacity: 1;
  }
}
.other-locations .row-wrapper:before {
  background-color: #fff;
  content: "";
  height: 50px;
  margin-left: -10px;
  margin-right: -10px;
  position: absolute;
  width: 100%;
}

.other-locations__container {
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  max-width: 536px;
  max-width: 990px;
}

@media (min-width: 576px) {
  .other-locations__container {
    max-width: 728px;
  }
}
@media (min-width: 768px) {
  .other-locations__container {
    max-width: 952px;
  }
}
.card--other-location {
  background-color: #fff;
  border-radius: 0;
  box-shadow: 0 8px 78px 0 rgba(50, 50, 50, 0.1);
  margin-bottom: 0;
  padding-bottom: 0;
  position: relative;
  z-index: 1;
}

@media (min-width: 768px) {
  .card--other-location {
    margin-bottom: 30px;
  }
}
.card--other-location .card__image {
  display: none;
  max-height: 140px;
  position: relative;
}

@media (min-width: 992px) {
  .card--other-location .card__image {
    display: block;
    margin: 0;
  }
}
.card--other-location .card__image .icon--static-marker {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -100%);
  fill: #00529c;
}

.card--other-location .card-body {
  padding: 1.5625rem 1.875rem;
}

.card--other-location .card-body .card-title {
  font-weight: 500;
}

.bg-black.text-light .card--other-location .card-body .card-title, .bg-blue.text-light .card--other-location .card-body .card-title, .bg-dark.text-light .card--other-location .card-body .card-title, .bg-medium.text-light .card--other-location .card-body .card-title, .card--other-location .card-text {
  color: #353c45 !important;
}

.card--other-location .card-text span {
  display: block;
}

.card--other-location .card-text a {
  color: #353c45 !important;
}

.card--other-location .card-text .btn-link {
  color: #00529c !important;
  display: inline-block;
  left: auto;
  padding-bottom: 0;
  position: relative;
  text-align: left;
  top: auto;
}

.dealerservices {
  border-bottom: 1px solid #b9c1c6;
  border-top: 1px solid #b9c1c6;
  padding-bottom: 30px;
  padding-top: 30px;
  position: relative;
}

@media (min-width: 768px) {
  .dealerservices {
    padding-bottom: 50px;
    padding-top: 50px;
  }
}
.dealerservices__container {
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  max-width: 536px;
  max-width: 990px;
  padding-left: 10px;
  padding-right: 10px;
}

.dealerservices__container h2 {
  font-weight: 200;
  margin-bottom: 1.25rem;
}

@media (min-width: 768px) {
  .dealerservices__container h2 {
    margin-bottom: 1rem;
  }
}
.dealerservices__container [class*=col-] {
  margin-bottom: 0;
}

@media (min-width: 576px) {
  .dealerservices__container {
    max-width: 728px;
  }
}
@media (min-width: 768px) {
  .dealerservices__container {
    max-width: 952px;
  }
}
.dealerservices__list {
  margin-bottom: 0;
  padding-left: 20px;
}

.dealerservices__list li {
  color: #848f9e;
  padding: 0 0 0.3125rem 0.3125rem;
  position: relative;
}

.bg-black .dealerservices__list li, .bg-blue .dealerservices__list li, .bg-dark .dealerservices__list li {
  color: #ced3d6 !important;
}

.dealerservices__list p {
  font-size: 0.875rem;
  margin-bottom: 0;
}

@media (min-width: 768px) {
  .dealerservices__list p {
    font-size: 1rem;
  }
}
.bg-black .dealerservices__list p, .bg-blue .dealerservices__list p, .bg-dark .dealerservices__list p {
  color: #ced3d6 !important;
}

.card-wrapper--contact {
  margin-bottom: 1.875rem;
  position: relative;
}

@media (min-width: 576px) {
  .card-wrapper--contact {
    margin-bottom: 3.75rem;
  }
}
.card-wrapper--contact .collapser {
  position: absolute;
  width: 100%;
  z-index: 2;
}

.card-wrapper--contact .collapser, .card-wrapper--contact.is-open .card--contact {
  box-shadow: -6.632px 4.474px 78px 0 rgba(0, 0, 0, 0.12);
  transition: all 0.1s ease-in-out;
}

.card-wrapper--contact.is-open .card--contact {
  background-color: #fff;
  z-index: 3;
}

.card--contact {
  background-color: #f1f1f1;
  border-radius: 5px 5px 0 0;
  margin-bottom: 0;
  padding: 1.5625rem 1.875rem 2.5rem;
}

.card--contact:hover .btn-round {
  background-image: -owg-linear-gradient(0deg, #00529c, #266cab) !important;
  background-image: linear-gradient(0deg, #00529c, #266cab) !important;
}

.card--contact .card__link {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.card--contact .card-body {
  padding: 0;
}

.card--contact .card-body .card-title {
  color: #353c45 !important;
  font-weight: 500;
}

.card--contact .card-body .card-text {
  color: #868e96 !important;
}

.card--contact .card-body .card-text, .card--contact .card-body .card-title {
  text-shadow: none;
}

.card--contact .card__image, .card--contact .icon--diverge {
  left: auto;
  margin: 0 0 0.9375rem;
  max-height: 30px;
  max-width: 30px;
  padding: 0;
  position: relative;
  top: auto;
}

.card--contact .icon--diverge {
  fill: #fc5f01;
}

.card--contact .btn, .card--contact .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-configure, .card--contact .truckconfigurator .modal .modal-btn, .card--contact .truckconfigurator .modal-disclaimer .modal-btn, .card--contact .truckconfigurator .modal-home .modal-btn, .card--contact .truckconfigurator .modal-save .modal-btn, .card--contact .truckconfigurator .modal-send .modal-btn, .card--contact .truckconfigurator .modal-summary .modal-btn, .card--contact .truckconfigurator .modal-validation .modal-btn, .card--contact .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .select-model-btn, .card--contact .truckconfigurator .sp-choose, .truckconfigurator .card--contact .sp-choose, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .card--contact .btn-configure, .truckconfigurator .modal .card--contact .modal-btn, .truckconfigurator .modal-disclaimer .card--contact .modal-btn, .truckconfigurator .modal-home .card--contact .modal-btn, .truckconfigurator .modal-save .card--contact .modal-btn, .truckconfigurator .modal-send .card--contact .modal-btn, .truckconfigurator .modal-summary .card--contact .modal-btn, .truckconfigurator .modal-validation .card--contact .modal-btn, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .card--contact .select-model-btn {
  background-image: -owg-linear-gradient(90deg, #4d545a 0, #21252b 100%) !important;
  background-image: linear-gradient(90deg, #4d545a, #21252b) !important;
  bottom: -20px;
  left: 1.875rem;
  position: absolute;
}

.card--contact .btn .icon, .card--contact .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-configure .icon, .card--contact .truckconfigurator .modal .modal-btn .icon, .card--contact .truckconfigurator .modal-disclaimer .modal-btn .icon, .card--contact .truckconfigurator .modal-home .modal-btn .icon, .card--contact .truckconfigurator .modal-save .modal-btn .icon, .card--contact .truckconfigurator .modal-send .modal-btn .icon, .card--contact .truckconfigurator .modal-summary .modal-btn .icon, .card--contact .truckconfigurator .modal-validation .modal-btn .icon, .card--contact .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .select-model-btn .icon, .card--contact .truckconfigurator .sp-choose .icon, .truckconfigurator .card--contact .sp-choose .icon, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .card--contact .btn-configure .icon, .truckconfigurator .modal .card--contact .modal-btn .icon, .truckconfigurator .modal-disclaimer .card--contact .modal-btn .icon, .truckconfigurator .modal-home .card--contact .modal-btn .icon, .truckconfigurator .modal-save .card--contact .modal-btn .icon, .truckconfigurator .modal-send .card--contact .modal-btn .icon, .truckconfigurator .modal-summary .card--contact .modal-btn .icon, .truckconfigurator .modal-validation .card--contact .modal-btn .icon, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .card--contact .select-model-btn .icon {
  left: 5px;
  transition: all 0.25s ease-in-out;
}

.card-wrapper--contact.is-open .btn, .card-wrapper--contact.is-open .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-configure, .card-wrapper--contact.is-open .truckconfigurator .modal .modal-btn, .card-wrapper--contact.is-open .truckconfigurator .modal-disclaimer .modal-btn, .card-wrapper--contact.is-open .truckconfigurator .modal-home .modal-btn, .card-wrapper--contact.is-open .truckconfigurator .modal-save .modal-btn, .card-wrapper--contact.is-open .truckconfigurator .modal-send .modal-btn, .card-wrapper--contact.is-open .truckconfigurator .modal-summary .modal-btn, .card-wrapper--contact.is-open .truckconfigurator .modal-validation .modal-btn, .card-wrapper--contact.is-open .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .select-model-btn, .card-wrapper--contact.is-open .truckconfigurator .sp-choose, .truckconfigurator .card-wrapper--contact.is-open .sp-choose, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .card-wrapper--contact.is-open .btn-configure, .truckconfigurator .modal .card-wrapper--contact.is-open .modal-btn, .truckconfigurator .modal-disclaimer .card-wrapper--contact.is-open .modal-btn, .truckconfigurator .modal-home .card-wrapper--contact.is-open .modal-btn, .truckconfigurator .modal-save .card-wrapper--contact.is-open .modal-btn, .truckconfigurator .modal-send .card-wrapper--contact.is-open .modal-btn, .truckconfigurator .modal-summary .card-wrapper--contact.is-open .modal-btn, .truckconfigurator .modal-validation .card-wrapper--contact.is-open .modal-btn, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .card-wrapper--contact.is-open .select-model-btn {
  background-image: -owg-linear-gradient(0deg, #b9c1c6 0, #f1f1f1 100%) !important;
  background-image: linear-gradient(0deg, #b9c1c6, #f1f1f1) !important;
  cursor: pointer;
}

.card-wrapper--contact.is-open .btn .icon, .card-wrapper--contact.is-open .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-configure .icon, .card-wrapper--contact.is-open .truckconfigurator .modal .modal-btn .icon, .card-wrapper--contact.is-open .truckconfigurator .modal-disclaimer .modal-btn .icon, .card-wrapper--contact.is-open .truckconfigurator .modal-home .modal-btn .icon, .card-wrapper--contact.is-open .truckconfigurator .modal-save .modal-btn .icon, .card-wrapper--contact.is-open .truckconfigurator .modal-send .modal-btn .icon, .card-wrapper--contact.is-open .truckconfigurator .modal-summary .modal-btn .icon, .card-wrapper--contact.is-open .truckconfigurator .modal-validation .modal-btn .icon, .card-wrapper--contact.is-open .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .select-model-btn .icon, .card-wrapper--contact.is-open .truckconfigurator .sp-choose .icon, .truckconfigurator .card-wrapper--contact.is-open .sp-choose .icon, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .card-wrapper--contact.is-open .btn-configure .icon, .truckconfigurator .modal .card-wrapper--contact.is-open .modal-btn .icon, .truckconfigurator .modal-disclaimer .card-wrapper--contact.is-open .modal-btn .icon, .truckconfigurator .modal-home .card-wrapper--contact.is-open .modal-btn .icon, .truckconfigurator .modal-save .card-wrapper--contact.is-open .modal-btn .icon, .truckconfigurator .modal-send .card-wrapper--contact.is-open .modal-btn .icon, .truckconfigurator .modal-summary .card-wrapper--contact.is-open .modal-btn .icon, .truckconfigurator .modal-validation .card-wrapper--contact.is-open .modal-btn .icon, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .card-wrapper--contact.is-open .select-model-btn .icon {
  fill: #00529c;
  transform: rotate(180deg);
}

.card-wrapper--contact.is-active .btn, .card-wrapper--contact.is-active .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-configure, .card-wrapper--contact.is-active .truckconfigurator .modal .modal-btn, .card-wrapper--contact.is-active .truckconfigurator .modal-disclaimer .modal-btn, .card-wrapper--contact.is-active .truckconfigurator .modal-home .modal-btn, .card-wrapper--contact.is-active .truckconfigurator .modal-save .modal-btn, .card-wrapper--contact.is-active .truckconfigurator .modal-send .modal-btn, .card-wrapper--contact.is-active .truckconfigurator .modal-summary .modal-btn, .card-wrapper--contact.is-active .truckconfigurator .modal-validation .modal-btn, .card-wrapper--contact.is-active .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .select-model-btn, .card-wrapper--contact.is-active .truckconfigurator .sp-choose, .truckconfigurator .card-wrapper--contact.is-active .sp-choose, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .card-wrapper--contact.is-active .btn-configure, .truckconfigurator .modal .card-wrapper--contact.is-active .modal-btn, .truckconfigurator .modal-disclaimer .card-wrapper--contact.is-active .modal-btn, .truckconfigurator .modal-home .card-wrapper--contact.is-active .modal-btn, .truckconfigurator .modal-save .card-wrapper--contact.is-active .modal-btn, .truckconfigurator .modal-send .card-wrapper--contact.is-active .modal-btn, .truckconfigurator .modal-summary .card-wrapper--contact.is-active .modal-btn, .truckconfigurator .modal-validation .card-wrapper--contact.is-active .modal-btn, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .card-wrapper--contact.is-active .select-model-btn {
  z-index: 3;
}

.card--contact .btn.active, .card--contact .btn:active, .card--contact .btn:focus, .card--contact .btn:hover, .card--contact .truckconfigurator .active.sp-choose, .card--contact .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .active.btn-configure, .card--contact .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-configure:active, .card--contact .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-configure:focus, .card--contact .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-configure:hover, .card--contact .truckconfigurator .modal .active.modal-btn, .card--contact .truckconfigurator .modal .modal-btn:active, .card--contact .truckconfigurator .modal .modal-btn:focus, .card--contact .truckconfigurator .modal .modal-btn:hover, .card--contact .truckconfigurator .modal-disclaimer .active.modal-btn, .card--contact .truckconfigurator .modal-disclaimer .modal-btn:active, .card--contact .truckconfigurator .modal-disclaimer .modal-btn:focus, .card--contact .truckconfigurator .modal-disclaimer .modal-btn:hover, .card--contact .truckconfigurator .modal-home .active.modal-btn, .card--contact .truckconfigurator .modal-home .modal-btn:active, .card--contact .truckconfigurator .modal-home .modal-btn:focus, .card--contact .truckconfigurator .modal-home .modal-btn:hover, .card--contact .truckconfigurator .modal-save .active.modal-btn, .card--contact .truckconfigurator .modal-save .modal-btn:active, .card--contact .truckconfigurator .modal-save .modal-btn:focus, .card--contact .truckconfigurator .modal-save .modal-btn:hover, .card--contact .truckconfigurator .modal-send .active.modal-btn, .card--contact .truckconfigurator .modal-send .modal-btn:active, .card--contact .truckconfigurator .modal-send .modal-btn:focus, .card--contact .truckconfigurator .modal-send .modal-btn:hover, .card--contact .truckconfigurator .modal-summary .active.modal-btn, .card--contact .truckconfigurator .modal-summary .modal-btn:active, .card--contact .truckconfigurator .modal-summary .modal-btn:focus, .card--contact .truckconfigurator .modal-summary .modal-btn:hover, .card--contact .truckconfigurator .modal-validation .active.modal-btn, .card--contact .truckconfigurator .modal-validation .modal-btn:active, .card--contact .truckconfigurator .modal-validation .modal-btn:focus, .card--contact .truckconfigurator .modal-validation .modal-btn:hover, .card--contact .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .active.select-model-btn, .card--contact .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .select-model-btn:active, .card--contact .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .select-model-btn:focus, .card--contact .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .select-model-btn:hover, .card--contact .truckconfigurator .sp-choose:active, .card--contact .truckconfigurator .sp-choose:focus, .card--contact .truckconfigurator .sp-choose:hover, .truckconfigurator .card--contact .active.sp-choose, .truckconfigurator .card--contact .sp-choose:active, .truckconfigurator .card--contact .sp-choose:focus, .truckconfigurator .card--contact .sp-choose:hover, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .card--contact .active.btn-configure, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .card--contact .btn-configure:active, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .card--contact .btn-configure:focus, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .card--contact .btn-configure:hover, .truckconfigurator .modal .card--contact .active.modal-btn, .truckconfigurator .modal .card--contact .modal-btn:active, .truckconfigurator .modal .card--contact .modal-btn:focus, .truckconfigurator .modal .card--contact .modal-btn:hover, .truckconfigurator .modal-disclaimer .card--contact .active.modal-btn, .truckconfigurator .modal-disclaimer .card--contact .modal-btn:active, .truckconfigurator .modal-disclaimer .card--contact .modal-btn:focus, .truckconfigurator .modal-disclaimer .card--contact .modal-btn:hover, .truckconfigurator .modal-home .card--contact .active.modal-btn, .truckconfigurator .modal-home .card--contact .modal-btn:active, .truckconfigurator .modal-home .card--contact .modal-btn:focus, .truckconfigurator .modal-home .card--contact .modal-btn:hover, .truckconfigurator .modal-save .card--contact .active.modal-btn, .truckconfigurator .modal-save .card--contact .modal-btn:active, .truckconfigurator .modal-save .card--contact .modal-btn:focus, .truckconfigurator .modal-save .card--contact .modal-btn:hover, .truckconfigurator .modal-send .card--contact .active.modal-btn, .truckconfigurator .modal-send .card--contact .modal-btn:active, .truckconfigurator .modal-send .card--contact .modal-btn:focus, .truckconfigurator .modal-send .card--contact .modal-btn:hover, .truckconfigurator .modal-summary .card--contact .active.modal-btn, .truckconfigurator .modal-summary .card--contact .modal-btn:active, .truckconfigurator .modal-summary .card--contact .modal-btn:focus, .truckconfigurator .modal-summary .card--contact .modal-btn:hover, .truckconfigurator .modal-validation .card--contact .active.modal-btn, .truckconfigurator .modal-validation .card--contact .modal-btn:active, .truckconfigurator .modal-validation .card--contact .modal-btn:focus, .truckconfigurator .modal-validation .card--contact .modal-btn:hover, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .card--contact .active.select-model-btn, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .card--contact .select-model-btn:active, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .card--contact .select-model-btn:focus, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .card--contact .select-model-btn:hover {
  background-image: -owg-linear-gradient(0deg, #00529c, #266cab) !important;
  background-image: linear-gradient(0deg, #00529c, #266cab) !important;
  cursor: pointer;
}

.card--contact .btn.active .icon, .card--contact .btn:active .icon, .card--contact .btn:focus .icon, .card--contact .btn:hover .icon, .card--contact .truckconfigurator .active.sp-choose .icon, .card--contact .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .active.btn-configure .icon, .card--contact .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-configure:active .icon, .card--contact .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-configure:focus .icon, .card--contact .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-configure:hover .icon, .card--contact .truckconfigurator .modal .active.modal-btn .icon, .card--contact .truckconfigurator .modal .modal-btn:active .icon, .card--contact .truckconfigurator .modal .modal-btn:focus .icon, .card--contact .truckconfigurator .modal .modal-btn:hover .icon, .card--contact .truckconfigurator .modal-disclaimer .active.modal-btn .icon, .card--contact .truckconfigurator .modal-disclaimer .modal-btn:active .icon, .card--contact .truckconfigurator .modal-disclaimer .modal-btn:focus .icon, .card--contact .truckconfigurator .modal-disclaimer .modal-btn:hover .icon, .card--contact .truckconfigurator .modal-home .active.modal-btn .icon, .card--contact .truckconfigurator .modal-home .modal-btn:active .icon, .card--contact .truckconfigurator .modal-home .modal-btn:focus .icon, .card--contact .truckconfigurator .modal-home .modal-btn:hover .icon, .card--contact .truckconfigurator .modal-save .active.modal-btn .icon, .card--contact .truckconfigurator .modal-save .modal-btn:active .icon, .card--contact .truckconfigurator .modal-save .modal-btn:focus .icon, .card--contact .truckconfigurator .modal-save .modal-btn:hover .icon, .card--contact .truckconfigurator .modal-send .active.modal-btn .icon, .card--contact .truckconfigurator .modal-send .modal-btn:active .icon, .card--contact .truckconfigurator .modal-send .modal-btn:focus .icon, .card--contact .truckconfigurator .modal-send .modal-btn:hover .icon, .card--contact .truckconfigurator .modal-summary .active.modal-btn .icon, .card--contact .truckconfigurator .modal-summary .modal-btn:active .icon, .card--contact .truckconfigurator .modal-summary .modal-btn:focus .icon, .card--contact .truckconfigurator .modal-summary .modal-btn:hover .icon, .card--contact .truckconfigurator .modal-validation .active.modal-btn .icon, .card--contact .truckconfigurator .modal-validation .modal-btn:active .icon, .card--contact .truckconfigurator .modal-validation .modal-btn:focus .icon, .card--contact .truckconfigurator .modal-validation .modal-btn:hover .icon, .card--contact .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .active.select-model-btn .icon, .card--contact .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .select-model-btn:active .icon, .card--contact .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .select-model-btn:focus .icon, .card--contact .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .select-model-btn:hover .icon, .card--contact .truckconfigurator .sp-choose:active .icon, .card--contact .truckconfigurator .sp-choose:focus .icon, .card--contact .truckconfigurator .sp-choose:hover .icon, .truckconfigurator .card--contact .active.sp-choose .icon, .truckconfigurator .card--contact .sp-choose:active .icon, .truckconfigurator .card--contact .sp-choose:focus .icon, .truckconfigurator .card--contact .sp-choose:hover .icon, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .card--contact .active.btn-configure .icon, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .card--contact .btn-configure:active .icon, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .card--contact .btn-configure:focus .icon, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .card--contact .btn-configure:hover .icon, .truckconfigurator .modal .card--contact .active.modal-btn .icon, .truckconfigurator .modal .card--contact .modal-btn:active .icon, .truckconfigurator .modal .card--contact .modal-btn:focus .icon, .truckconfigurator .modal .card--contact .modal-btn:hover .icon, .truckconfigurator .modal-disclaimer .card--contact .active.modal-btn .icon, .truckconfigurator .modal-disclaimer .card--contact .modal-btn:active .icon, .truckconfigurator .modal-disclaimer .card--contact .modal-btn:focus .icon, .truckconfigurator .modal-disclaimer .card--contact .modal-btn:hover .icon, .truckconfigurator .modal-home .card--contact .active.modal-btn .icon, .truckconfigurator .modal-home .card--contact .modal-btn:active .icon, .truckconfigurator .modal-home .card--contact .modal-btn:focus .icon, .truckconfigurator .modal-home .card--contact .modal-btn:hover .icon, .truckconfigurator .modal-save .card--contact .active.modal-btn .icon, .truckconfigurator .modal-save .card--contact .modal-btn:active .icon, .truckconfigurator .modal-save .card--contact .modal-btn:focus .icon, .truckconfigurator .modal-save .card--contact .modal-btn:hover .icon, .truckconfigurator .modal-send .card--contact .active.modal-btn .icon, .truckconfigurator .modal-send .card--contact .modal-btn:active .icon, .truckconfigurator .modal-send .card--contact .modal-btn:focus .icon, .truckconfigurator .modal-send .card--contact .modal-btn:hover .icon, .truckconfigurator .modal-summary .card--contact .active.modal-btn .icon, .truckconfigurator .modal-summary .card--contact .modal-btn:active .icon, .truckconfigurator .modal-summary .card--contact .modal-btn:focus .icon, .truckconfigurator .modal-summary .card--contact .modal-btn:hover .icon, .truckconfigurator .modal-validation .card--contact .active.modal-btn .icon, .truckconfigurator .modal-validation .card--contact .modal-btn:active .icon, .truckconfigurator .modal-validation .card--contact .modal-btn:focus .icon, .truckconfigurator .modal-validation .card--contact .modal-btn:hover .icon, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .card--contact .active.select-model-btn .icon, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .card--contact .select-model-btn:active .icon, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .card--contact .select-model-btn:focus .icon, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .card--contact .select-model-btn:hover .icon {
  fill: #fff;
}

.card--expanded {
  background-color: #00529c !important;
  border-radius: 0 0 0.3125rem 0.3125rem;
  padding: 1.5625rem 1.875rem 2.5rem;
}

.card--expanded > div:last-of-type {
  border-bottom: 0 solid #266cab;
  padding-bottom: 0;
}

.card .card-contactdata p, .card .card-openinghours p {
  color: #fff;
  margin-bottom: 0.125rem;
}

.card .card-contactdata span, .card .card-openinghours span {
  display: block;
}

.card .card-contactdata .lnk, .card .card-openinghours .lnk {
  color: #fff;
}

.card .card-contactdata .lnk--email, .card .card-openinghours .lnk--email {
  text-decoration: underline !important;
}

.card .card-contactdata {
  border-bottom: 1px solid #266cab;
  padding-bottom: 1.25rem;
  padding-top: 1.25rem;
}

.card .card-contactdata__name, .card .card-contactdata__tel {
  font-weight: 500;
}

.card .card-openinghours {
  border-bottom: 1px solid #266cab;
  padding-bottom: 1.25rem;
  padding-top: 0.625rem;
}

.card .card-openinghours p {
  margin-bottom: 0;
}

.card .card-openinghours span {
  color: #80a9ce;
  display: inline-block;
  margin-right: 15px;
  width: 85px;
}

.bg-medium .card--contact {
  background-color: #fff;
}

.dealerlocator {
  position: relative;
}

@media (min-width: 768px) {
  .dealerlocator {
    height: 100vh;
    min-height: 575px;
  }
}
.dealerlocator .row:first-child {
  height: 100%;
}

.dealerlocator .col-search {
  position: relative;
}

.dealerlocator .col-search .flyout-container {
  display: none;
}

.dealerlocator .col-search .flyout-container .icon--close {
  height: 25px;
  position: absolute;
  right: 15px;
  top: 15px;
  width: 15px;
  fill: #000;
  pointer-events: all;
  z-index: 100;
}

.dealerlocator .col-search .flyout-container .icon--close:hover {
  cursor: pointer;
}

.dealerlocator .col-search.col-flyout .flyout-container {
  display: none;
}

@media (min-width: 768px) {
  .dealerlocator .col-search {
    flex: 0 0 325px;
    height: 100%;
    max-width: 325px;
    overflow: hidden;
    transition: flex 0.2s ease-in-out;
  }
  .dealerlocator .col-search.col-flyout {
    flex: 0 0 650px;
    max-width: 650px;
  }
  .dealerlocator .col-search.col-flyout .flyout-container {
    background-color: #f1f1f1;
    display: block;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 325px;
    z-index: 5;
  }
  .dealerlocator .col-search.col-flyout .flyout-container.collapse {
    display: none;
  }
}
.dealerlocator .col-search .collapse-trigger {
  color: #fff;
  display: block;
}

.dealerlocator .col-search .collapse-trigger span {
  flex-shrink: 0;
}

.dealerlocator .col-search .collapse-trigger .icon {
  fill: #fff;
  transition: transform 0.2s ease-in-out;
}

.dealerlocator .col-search .collapse-trigger.is-active .icon {
  transform: rotate(180deg);
}

.dealerlocator .col-search .collapse-trigger hr {
  border-top: 1px solid #266cab;
  height: 1px;
  margin: 0;
  width: 100%;
}

.dealerlocator .col-search .search {
  background-color: #00529c;
  display: none;
  margin: 0;
  padding: 0;
  transition: transform 0.2s ease-in-out;
  width: 100%;
}

@media (min-width: 768px) {
  .dealerlocator .col-search .search {
    display: block;
    height: 100%;
    transform: translateX(-100%);
    width: 325px;
  }
}
.dealerlocator .col-search .search.is-active {
  display: block;
}

@media (min-width: 768px) {
  .dealerlocator .col-search .search.is-active {
    transform: translateX(0);
  }
}
.dealerlocator .col-search .search__title {
  border-bottom: 1px solid #266cab;
  color: #fff;
  font-size: 1.75rem;
  line-height: 1.1875;
  margin: 0;
  padding: 1rem 2.1875rem;
}

.dealerlocator .col-search .search__form {
  margin: 0;
  padding: 1.875rem 2.1875rem;
}

@media (min-width: 768px) {
  .dealerlocator .col-search .search__form {
    height: calc(100% - 100px);
    overflow-y: scroll;
  }
}
.dealerlocator .col-search .search__form select {
  color: #21252b;
}

.dealerlocator .col-search .search__form input::-moz-placeholder {
  color: #b9c1c6;
}

.dealerlocator .col-search .search__form input::placeholder {
  color: #b9c1c6;
}

.dealerlocator .col-search .search__fieldset-title {
  color: #b9c1c6;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.25;
  margin: 1.5rem 0 0;
  transition: transform 0.2s ease-in-out;
}

.dealerlocator .col-search .search__fieldset-title .icon {
  fill: #fff;
  transition: transform 0.2s ease-in-out;
}

.dealerlocator .col-search .search__fieldset-title.is-active .icon {
  transform: rotate(180deg);
}

.dealerlocator .col-search .search .loader-holder {
  margin: 0;
  padding: 0;
  position: relative;
}

.dealerlocator .col-search .search .loader-holder .loader, .dealerlocator .col-search .search .loader-holder .truckconfigurator .sidepanels .sideloader .sideloaderimage, .truckconfigurator .sidepanels .sideloader .dealerlocator .col-search .search .loader-holder .sideloaderimage {
  left: 0;
  position: absolute;
  top: 0;
}

.dealerlocator .col-search .search .loader-holder .loader .spinner, .dealerlocator .col-search .search .loader-holder .truckconfigurator .sidepanels .sideloader .sideloaderimage .spinner, .truckconfigurator .sidepanels .sideloader .dealerlocator .col-search .search .loader-holder .sideloaderimage .spinner {
  height: 20px;
  left: auto;
  right: 1.25rem;
  transform: translateY(-50%);
  width: 20px;
}

.dealerlocator .col-search .search .loader-holder .icon {
  position: absolute;
  right: 0;
  top: 0;
}

.dealerlocator .col-search .loader--search .loader__overlay {
  background-color: #00529c;
}

.dealerlocator .col-search .loader--search .spinner__circle {
  background-color: #fff;
}

.dealerlocator .col-search .results {
  background-color: #fff;
  display: none;
  height: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  transition: transform 0.2s ease-in-out;
  width: 100%;
  z-index: 10;
}

@media (min-width: 768px) {
  .dealerlocator .col-search .results {
    display: block;
    left: 0;
    position: absolute;
    top: 0;
    transform: translateX(100%);
    width: 325px;
  }
}
.dealerlocator .col-search .results.is-active {
  display: block;
}

@media (min-width: 768px) {
  .dealerlocator .col-search .results.is-active {
    transform: translateX(0);
  }
}
.dealerlocator .col-search .results .search__results-title {
  background-color: #00529c;
  border-bottom: 1px solid #266cab;
  color: #fff;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.5555555556;
  margin: 0;
  padding: 1.875rem 1.5625rem 1.25rem;
}

.dealerlocator .col-search .results .search__results-title .underline {
  border-bottom: 1px solid #fff;
  font-weight: 700;
  margin-right: 0.625rem;
}

.dealerlocator .col-search .results .search__results-title .icon {
  height: 25px;
  margin-left: -0.625rem;
  width: 15px;
  fill: #fff;
  cursor: pointer;
  pointer-events: all;
  vertical-align: bottom;
}

.dealerlocator .col-search .results .search__results-filter {
  background-color: #00529c;
  margin: 0;
  padding: 0.9375rem 1.5625rem;
}

.dealerlocator .col-search .results .search__results-filter .search__fieldset-title {
  color: #fff;
  display: block;
  margin-bottom: 0;
  margin-top: 0;
  position: relative;
}

.dealerlocator .col-search .results .search__results-filter .search__fieldset-title .icon {
  position: absolute;
  right: 0;
  top: 0;
  fill: #fff;
  transition: transform 0.2s ease-in-out;
}

.dealerlocator .col-search .results .search__results-filter .search__fieldset-title.is-active .icon {
  transform: rotate(180deg);
}

.dealerlocator .col-search .results .search__results-filter .form-group--list {
  padding-top: 15px;
}

.dealerlocator .col-search .results .dealerlist {
  background-color: #fff;
  display: block;
  min-height: 200px;
  overflow: hidden;
  overflow-y: auto;
  position: relative;
}

@media (min-width: 768px) {
  .dealerlocator .col-search .results .dealerlist {
    flex: 1;
    min-height: auto;
  }
}
.dealerlocator .col-search .results .dealerlist ul li {
  background-color: transparent;
  border-bottom: 1px solid #b9c1c6;
  margin: 0;
  padding: 0;
  position: relative;
  transition: background-color 0.2s ease-in-out;
}

.dealerlocator .col-search .results .dealerlist ul li:hover {
  cursor: pointer;
}

@media (min-width: 768px) {
  .dealerlocator .col-search .results .dealerlist ul li.is-active, .dealerlocator .col-search .results .dealerlist ul li:active, .dealerlocator .col-search .results .dealerlist ul li:hover {
    background-color: #f1f1f1;
  }
}
.dealerlocator .col-search .results .dealerlist ul li.is-active {
  cursor: default;
}

.dealerlocator .col-search .results .dealerlist ul li.error .dealerlist__row {
  padding-left: 1.5625rem;
}

.dealerlocator .col-search .results .dealerlist ul li.error:hover {
  background-color: transparent;
  cursor: default;
}

.dealerlocator .col-search .results .dealerlist ul li .flyout-container {
  background-color: #f1f1f1;
  margin: 0;
  min-height: 400px;
  padding: 0;
  position: relative;
  width: 100%;
}

.dealerlocator .col-search .results .dealerlist ul li .flyout-container.collapsing, .dealerlocator .col-search .results .dealerlist ul li .flyout-container.show {
  display: block;
}

.dealerlocator .col-search .results .dealerlist ul li .flyout-container .flyout {
  padding: 1.875rem 1.875rem 1.875rem 4.375rem;
}

.dealerlocator .col-search .results .dealerlist__row {
  margin: 0;
  min-height: 64px;
  padding: 0.9375rem 1.25rem 0.9375rem 4.375rem;
  position: relative;
}

.dealerlocator .col-search .results .dealerlist__marker {
  background-image: url(/assets/images/dealer/dealerlocator/marker.svg);
  background-position: 50% -10px;
  background-repeat: no-repeat;
  height: 64px;
  left: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 64px;
}

.dealerlocator .col-search .results .dealerlist__marker span {
  display: block;
  left: 0;
  position: absolute;
  text-align: center;
  width: 100%;
}

.dealerlocator .col-search .results .dealerlist__marker span.dealerlist__number {
  color: #fff;
  font-size: 0.75rem;
  top: 11px;
}

.dealerlocator .col-search .results .dealerlist__marker span.dealerlist__distance {
  bottom: 5px;
  color: #656b6f;
  font-size: 0.875rem;
  line-height: 0.8571428571;
}

.dealerlocator .col-search .results .dealerlist__dealerlocation, .dealerlocator .col-search .results .dealerlist__dealername {
  color: #353c45 !important;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  margin: 0;
  padding: 0;
}

@media (min-width: 768px) {
  .dealerlocator .col-search .results .gradient {
    background: -owg-linear-gradient(0deg, #fff 0, hsla(0, 0%, 100%, 0) 100%);
    background: linear-gradient(0deg, #fff, hsla(0, 0%, 100%, 0));
    bottom: 0;
    height: 70px;
    left: 0;
    pointer-events: none;
    position: absolute;
    width: 100%;
  }
}
.dealerlocator .col-search .flyout {
  margin: 0;
  padding: 1.875rem;
}

.dealerlocator .col-search .flyout__content {
  margin: 0;
  padding: 0 2.5rem 0 0;
}

.dealerlocator .col-search .flyout__content span {
  display: block;
}

.dealerlocator .col-search .flyout__content .organization-name {
  font-size: 1.5rem;
  line-height: 1.1666666667;
}

.dealerlocator .col-search .flyout__content .adr {
  color: #353c45;
}

.dealerlocator .col-search .flyout__content .country {
  margin-bottom: 0.9375rem;
}

.dealerlocator .col-search .flyout__content .email, .dealerlocator .col-search .flyout__content .tel {
  color: #353c45;
  display: block;
}

.dealerlocator .col-search .flyout__content .email:hover, .dealerlocator .col-search .flyout__content .tel:hover {
  text-decoration: underline;
}

.dealerlocator .col-search .flyout__content .email .icon, .dealerlocator .col-search .flyout__content .tel .icon {
  float: left;
  height: 16px;
  margin-right: 10px;
  margin-top: 3px;
  width: 16px;
  fill: #656b6f;
}

.dealerlocator .col-search .flyout__content .opened {
  font-size: 1rem;
  line-height: 1.5;
}

.dealerlocator .col-search .flyout__content .dealertypes {
  margin-bottom: 1.5625rem;
}

.dealerlocator .col-search .flyout__content .dealertypes__container {
  margin-left: -0.3125rem;
}

.dealerlocator .col-search .flyout__content .dealertypes__title {
  color: #656b6f;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.25;
  margin: 1.25rem 0 0.625rem;
}

.dealerlocator .col-search .flyout__content .dealertypes__type {
  background-color: #fff;
  border-radius: 15px;
  color: #656b6f;
  display: block;
  float: left;
  font-size: 0.875rem;
  line-height: 1.2857142857;
  margin: 0.3125rem;
  padding: 0.0625rem 0.625rem;
}

.dealerlocator .col-map {
  height: 100%;
}

.dealerlocator .col-map .map {
  height: 100%;
  margin: 0;
  padding: 0;
  width: 100%;
}

.dealerlocator .col-map .gradient {
  background: -owg-linear-gradient(90deg, rgba(0, 0, 0, 0.5) 0, transparent 100%);
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.5), transparent);
  height: 100%;
  left: 0;
  opacity: 0.4;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 20px;
}

.dealerlocator .col-map .loader__overlay {
  opacity: 0.7;
}

.dealerlocator input, .dealerlocator select {
  transition: opacity 0.2s ease-in-out;
}

.dealerlocator input:disabled, .dealerlocator select:disabled {
  cursor: default;
  opacity: 0.4;
  pointer-events: none;
}

.dealerlocator .form-control {
  margin: 0 0 0.9375rem;
}

.dealerlocator .form-control--latlng::-webkit-inner-spin-button, .dealerlocator .form-control--latlng::-webkit-outer-spin-button {
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
}

.dealerlocator .btn--dealer-latlng {
  border: 1px solid #fff;
}

.dealerlocator .btn--dealer-latlng[disabled] {
  border: 0;
}

.dealerlocator .btn--dealer-latlng[disabled]:hover {
  background-image: -owg-linear-gradient(180deg, #266cab 0, #00529c 100%) !important;
  background-image: linear-gradient(180deg, #266cab, #00529c) !important;
}

.dealerlocator .form-group--list {
  margin-bottom: 1.25rem;
  margin-left: -0.3125rem;
}

.dealerlocator .form-check.dealertype, .dealerlocator .form-check.uselocation {
  padding: 0;
}

.dealerlocator .form-check.dealertype .form-check-input, .dealerlocator .form-check.uselocation .form-check-input {
  display: none;
}

.dealerlocator .form-check.dealertype .form-check-label, .dealerlocator .form-check.uselocation .form-check-label {
  border: 1px solid #266cab;
  color: #fff;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}

.dealerlocator .form-check.uselocation {
  margin: 0 0 0.9375rem;
  padding: 0;
}

.dealerlocator .form-check.uselocation .form-check-label {
  border-radius: 4px;
  cursor: pointer;
  margin: 0;
  padding: 0.5625rem 0.9375rem 0.5625rem 3.75rem;
  position: relative;
  width: 100%;
}

.dealerlocator .form-check.uselocation .form-check-label .location-arrow {
  border-right: 1px solid #266cab;
  height: 40px;
  left: 0;
  position: absolute;
  top: 1px;
  width: 44px;
}

.dealerlocator .form-check.uselocation .form-check-label .location-arrow .icon {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  fill: #fff;
  height: 20px;
  transition: fill 0.2s ease-in-out;
  width: 16px;
}

.dealerlocator .form-check.uselocation .form-check-label:hover {
  background-color: #266cab;
}

.dealerlocator .form-check.uselocation .form-check-input:checked ~ .form-check-label {
  background-color: #fff;
  color: #00529c;
}

.dealerlocator .form-check.uselocation .form-check-input:checked ~ .form-check-label .location-arrow .icon {
  fill: #00529c;
}

.dealerlocator .form-check.dealertype {
  display: block;
  float: left;
}

.dealerlocator .form-check.dealertype .form-check-label {
  border-radius: 15px;
  cursor: pointer;
  margin: 0.3125rem;
  padding: 0.0625rem 0.8125rem;
}

.dealerlocator .form-check.dealertype .form-check-label:hover {
  background-color: #266cab;
}

.dealerlocator .form-check.dealertype .form-check-input:checked ~ .form-check-label {
  background-color: #fff;
  color: #00529c;
}

.dealerlocator-entrance {
  background-color: #00529c;
}

.dealerlocator-entrance .search__title {
  color: #fff;
  font-size: 2.5rem;
  line-height: 0.95;
  margin: 0;
  padding: 3.125rem 0 1.875rem;
}

.dealerlocator-entrance .search__form {
  padding-bottom: 3.125rem;
}

.dealerlocator-entrance .search .loader-holder {
  margin: 0;
  padding: 0;
  position: relative;
}

.dealerlocator-entrance .search .loader-holder .loader, .dealerlocator-entrance .search .loader-holder .truckconfigurator .sidepanels .sideloader .sideloaderimage, .truckconfigurator .sidepanels .sideloader .dealerlocator-entrance .search .loader-holder .sideloaderimage {
  left: 0;
  position: absolute;
  top: 0;
}

.dealerlocator-entrance .search .loader-holder .loader .spinner, .dealerlocator-entrance .search .loader-holder .truckconfigurator .sidepanels .sideloader .sideloaderimage .spinner, .truckconfigurator .sidepanels .sideloader .dealerlocator-entrance .search .loader-holder .sideloaderimage .spinner {
  height: 20px;
  left: auto;
  right: 1.25rem;
  transform: translateY(-50%);
  width: 20px;
}

.dealerlocator-entrance .search select {
  transition: opacity 0.2s ease-in-out;
}

.dealerlocator-entrance .search select:disabled {
  cursor: default;
  opacity: 0.4;
  pointer-events: none;
}

@media (min-width: 768px) {
  .dealerlocator-entrance .search .btn--dealer-search {
    padding-bottom: 0.25rem;
    padding-top: 0.25rem;
  }
}
.hotspot {
  position: relative;
}

.hotspot .hotspot-detail {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 5;
}

.hotspot-intro {
  position: relative;
}

.hotspot-intro__image, .hotspot-intro__overlay {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.hotspot-intro__overlay {
  background-image: radial-gradient(circle, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.75));
}

.hotspot-intro__container {
  margin: 0 auto;
  min-height: 80vh;
  padding: 4rem 0;
  position: relative;
}

@media (min-width: 768px) {
  .hotspot-intro__container {
    padding-left: 6rem;
    padding-right: 6rem;
    padding-top: 8rem;
  }
}
@media (min-width: 992px) {
  .hotspot-intro__container {
    display: block;
    padding: 0;
    width: 75%;
  }
}
.hotspot-intro__container .hotspot-button__border:after {
  border: none;
}

.hotspot-intro__details {
  text-align: center;
}

@media (min-width: 992px) {
  .hotspot-intro__details {
    margin-right: auto;
    position: absolute;
    text-align: left;
    top: 50%;
    top: 45%;
    transform: translateY(-50%);
    width: 50%;
  }
  .hotspot-intro-text-padding {
    padding-right: 4rem;
  }
}
.hotspot-intro__button-decoration-wrapper {
  margin-bottom: 2rem;
}

@media (min-width: 768px) {
  .hotspot-intro__button-decoration-wrapper {
    margin-bottom: 5rem;
  }
}
@media (min-width: 992px) {
  .hotspot-intro__button-decoration-wrapper {
    margin-bottom: 0;
  }
}
.hotspot-intro__button-decoration-wrapper .hotspot-button {
  margin-left: auto;
  margin-right: auto;
  z-index: 2;
}

@media (min-width: 992px) {
  .hotspot-intro__button-decoration-wrapper .hotspot-button {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
  }
}
.hotspot-map {
  position: relative;
}

@media (max-width: 1199.98px) {
  .hotspot-map {
    overflow-x: auto;
  }
  .hotspot.is-detail-open .hotspot-map {
    overflow-x: hidden;
  }
}
.hotspot-map__container {
  height: 37.5rem;
  position: relative;
}

@media (min-width: 992px) {
  .hotspot-map__container {
    height: auto;
  }
}
.hotspot-map__image {
  height: 100%;
}

@media (min-width: 992px) {
  .hotspot-map__image {
    height: auto;
    width: 100%;
  }
}
.hotspot-map__point {
  position: absolute;
  transform: translate(-50%, -50%);
  z-index: 2;
}

@keyframes hotspotMapScrollGesture {
  0% {
    transform: translateX(-50%) rotate(-5deg);
  }
  25% {
    transform: translateX(-50%) rotate(5deg);
  }
  to {
    transform: translateX(-50%) rotate(-5deg);
  }
}
.hotspot-map__scroll-indicator {
  animation: hotspotMapScrollGesture 1s infinite;
  bottom: 0;
  color: #fff;
  left: 50%;
  margin-bottom: 3rem;
  opacity: 1;
  pointer-events: none;
  position: absolute;
  transform: translateX(-50%);
  transition: opacity 0.3s ease-in;
  z-index: 2;
}

.hotspot-map__scroll-indicator.has-scrolled {
  opacity: 0;
}

.hotspot-map__scroll-indicator > svg {
  height: 5.9375rem;
  width: 5.9375rem;
}

@media (min-width: 992px) {
  .hotspot-map__scroll-indicator {
    display: none;
  }
}
.hotspot-detail {
  background-color: #353c45;
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
}

@media (min-width: 992px) {
  .hotspot-detail {
    flex-direction: row;
  }
}
.hotspot-detail__title {
  font-size: 1.5rem;
}

@media (min-width: 992px) {
  .hotspot-detail__title {
    font-size: 3rem;
  }
}
.hotspot-detail__description p {
  color: inherit;
}

.hotspot-detail__close {
  left: 50%;
  position: absolute;
  top: 0;
  transform: translate(-50%, -50%);
  z-index: 6;
}

@media (min-width: 992px) {
  .hotspot-detail__close {
    top: 2rem;
    transform: translateX(-50%);
  }
}
.hotspot-detail__close-label {
  color: hsla(0, 0%, 100%, 0.6);
  display: none;
  font-size: 1.25rem;
  letter-spacing: 1px;
  position: absolute;
  right: 135%;
  text-transform: uppercase;
  top: 50%;
  transform: translateY(-50%);
}

@media (min-width: 992px) {
  .hotspot-detail__close-label {
    display: inline-block;
  }
}
.hotspot-detail__close .hotspot-button {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5), 0 0 40px 0 rgba(0, 0, 0, 0.7);
}

.hotspot-detail__close .hotspot-button > .icon {
  width: 100%;
}

.hotspot-detail__container {
  display: flex;
  flex: 0 0 50%;
  height: 50%;
  position: relative;
}

@media (min-width: 992px) {
  .hotspot-detail__container {
    align-items: center;
    height: auto;
    max-width: 50%;
    padding-right: 8rem;
  }
}
.hotspot-detail__content {
  flex-direction: column;
  margin-top: auto;
  padding: 0 3rem 1rem;
}

@media (min-width: 992px) {
  .hotspot-detail__content {
    margin-left: auto;
    margin-top: 0;
    padding: 0;
    width: 60%;
  }
}
.hotspot-detail__overlay {
  background-image: radial-gradient(circle, #fff, #ced3d6 50.61%, #000);
  height: 100%;
  left: 0;
  opacity: 0.1;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
}

.hotspot-detail__image {
  flex: 0 0 50%;
  height: 50%;
}

@media (min-width: 992px) {
  .hotspot-detail__image {
    height: auto;
    max-width: 50%;
  }
}
.hotspot-button, .hotspot-button__border {
  border-radius: 50%;
  box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.3);
  height: 3rem;
  width: 3rem;
}

@media (min-width: 992px) {
  .hotspot-button, .hotspot-button__border {
    height: 3.375rem;
    width: 3.375rem;
  }
}
.hotspot-button > .icon, .hotspot-button__border > .icon {
  height: 2.5rem;
  min-height: 2.5rem;
  min-width: 2.5rem;
  width: 2.5rem;
  fill: #fff;
  stroke: #00529c;
}

.hotspot-button {
  align-items: center;
  background-color: #00529c;
  border: 0;
  display: flex;
  justify-content: center;
  outline: 0;
  transition: transform 0.1s ease-in;
}

@media (min-width: 992px) {
  .hotspot-button {
    background-color: #00529c;
  }
}
.hotspot-button--large {
  background-color: #00529c;
  height: 5rem;
  position: relative;
  width: 5rem;
}

@media (min-width: 992px) {
  .hotspot-button--large {
    height: 6.25rem;
    width: 6.25rem;
  }
}
.hotspot-button--large .hotspot-button__border {
  border-width: 0.875rem;
  height: 5rem;
  width: 5rem;
}

@media (min-width: 992px) {
  .hotspot-button--large .hotspot-button__border {
    height: 6.25rem;
    width: 6.25rem;
  }
}
.hotspot-button--large .hotspot-button__border:after {
  content: none;
}

.hotspot-button--large > .icon {
  height: 5rem;
  width: 5rem;
  stroke-width: 2px;
}

button.hotspot-button {
  cursor: pointer;
}

.hotspot-button__border {
  border: 0.375rem solid hsla(0, 0%, 100%, 0.25);
  box-sizing: content-box;
  left: 50%;
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: border-color 0.15s ease-in;
}

.hotspot-button__border:after {
  border-radius: inherit;
  content: "";
  height: inherit;
  left: 0;
  position: absolute;
  top: 0;
  transition: transform 0.15s ease-in;
  width: inherit;
}

button.hotspot-button:focus .hotspot-button__border, button.hotspot-button:hover .hotspot-button__border {
  border-color: #fff;
}

button.hotspot-button:focus .hotspot-button__border:after, button.hotspot-button:hover .hotspot-button__border:after {
  border: 1px solid hsla(0, 0%, 100%, 0.25);
  transform: scale(2.5);
}

@media (min-width: 992px) {
  .hotspot-button__border {
    border: 0.5rem solid hsla(0, 0%, 100%, 0.2);
  }
}
.hotspot-button__label {
  background-color: #00529c;
  border-radius: 1rem;
  box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.3);
  color: #fff;
  font-size: 1.25rem;
  margin-top: -1.6875rem;
  padding: 0.5rem 1rem;
  position: absolute;
  transform: translateX(-15%) rotate(90deg) scale(0);
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
  white-space: nowrap;
  z-index: 3;
}

@media (min-width: 992px) {
  button.hotspot-button:focus + .hotspot-button__label, button.hotspot-button:hover + .hotspot-button__label {
    opacity: 1;
    transform: translate(-50%, -175%) rotate(0);
  }
}
.hotspot-button__label:before {
  border: 0.75rem solid transparent;
  border-top-color: #00529c;
  content: "";
  left: 50%;
  margin-top: -1px;
  position: absolute;
  top: 100%;
  transform: translateX(-50%);
}

.hotspot-intro-fade-enter-active, .hotspot-intro-fade-leave-active {
  transition: all 0.5s ease-in-out;
}

.hotspot-intro-fade-enter, .hotspot-intro-fade-leave-to {
  opacity: 0;
}

.hotspot-map-fade-enter-active, .hotspot-map-fade-leave-active {
  transition: all 0.75s ease-in-out;
  transition-delay: 0.5s;
}

.hotspot-map-fade-enter, .hotspot-map-fade-leave-to {
  opacity: 0;
}

.hubspot-multi-step-form {
  margin: 0 auto;
  max-width: 750px;
  opacity: 0;
  width: 100%;
}

@media (min-width: 768px) {
  .hubspot-multi-step-form {
    max-width: 728px;
  }
}
@media (min-width: 992px) {
  .hubspot-multi-step-form {
    max-width: 990px;
  }
}
.hubspot-multi-step-form.initialized {
  opacity: 1;
  transition: 0.5s ease;
}

.hubspot-multi-step-form .search__title {
  font-size: 1.5rem;
  font-weight: 200;
  line-height: 1;
  margin: 0 0 0.625rem;
}

.hubspot-multi-step-form .sub__title {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.5556;
  margin: 0 0 1.25rem;
}

.hubspot-multi-step-form .submitted-message {
  font-size: 25px;
  padding: 40px;
  text-align: center;
}

.hubspot-multi-step-form .step-form {
  margin: 0 auto;
  padding-right: 0;
  width: 100%;
}

.hubspot-multi-step-form .step-slide--inner {
  padding-top: 0;
}

@media (min-width: 768px) {
  .hubspot-multi-step-form .step-slide--inner {
    padding-left: 50px;
    padding-right: 50px;
  }
}
.hubspot-multi-step-form .step-slide--inner fieldset {
  border: none;
  margin-bottom: 0;
  max-width: none;
  padding: 6px 12px 12px;
}

@media (min-width: 768px) {
  .hubspot-multi-step-form .step-slide--inner fieldset {
    display: flex;
  }
}
.hubspot-multi-step-form .hs-form-field {
  margin-bottom: 24px;
}

.hubspot-multi-step-form .step-form--container {
  padding-top: 40px;
}

.hubspot-multi-step-form .step-slide--inner fieldset div {
  padding: 0 10px;
  position: relative;
  width: 100%;
}

.hubspot-multi-step-form .step-slide--inner fieldset div .input {
  padding: 0;
}

.hubspot-multi-step-form .step-slide--inner fieldset div input, .hubspot-multi-step-form .step-slide--inner fieldset div input:focus, .hubspot-multi-step-form .step-slide--inner fieldset div select {
  background-color: #f5f8fa;
  border: 1px solid #cbd6e2;
  border-radius: 3px;
  height: 40px;
  outline: none;
  padding: 0 10px;
  width: 100%;
}

.hubspot-multi-step-form .slick-slide {
  padding-bottom: 20px;
}

.hubspot-multi-step-form .step-slide--inner fieldset div input.error {
  border: 1px solid red;
}

.hubspot-multi-step-form .step-slide--inner fieldset div input.error:focus {
  border: 1px solid #cbd6e2;
}

.hubspot-multi-step-form .step-slide--inner fieldset div .input .inputs-list {
  display: flex;
  flex-direction: column;
  list-style: none;
  margin: 15px 0 0;
  padding: 0;
}

.hubspot-multi-step-form .step-slide--inner fieldset div .input .inputs-list .hs-form-checkbox {
  font-size: 15px;
  margin-bottom: 10px;
}

.hubspot-multi-step-form .step-slide--inner fieldset div .input .inputs-list .hs-form-checkbox label {
  align-items: center;
  display: flex;
  justify-content: flex-start;
}

.hubspot-multi-step-form .step-slide--inner fieldset div .input .inputs-list .hs-form-checkbox label input {
  height: auto;
  margin: 0 5px 0 0;
  max-width: 15px;
}

.hubspot-multi-step-form .step-form--container .slick-dots {
  bottom: unset;
  display: none !important;
  top: 40px;
}

.hubspot-multi-step-form .step-form--container .slick-dots li {
  align-items: center;
  border-radius: 50%;
  display: inline-flex;
  height: 35px;
  justify-content: center;
  margin: 0 35px;
  width: 35px;
}

.hubspot-multi-step-form .step-form--container .slick-dots li.slick-active {
  background-color: #00529c;
  color: #fff;
}

.hubspot-multi-step-form .step-form--container .slick-arrow {
  align-items: center;
  background-image: linear-gradient(180deg, #266cab, #00529c) !important;
  border: 0;
  border-radius: 4px;
  bottom: -30px;
  color: #fff;
  display: flex;
  font-size: 20px;
  font-weight: 500;
  height: 40px;
  justify-content: center;
  top: unset;
  transition: all 0.3s ease;
  width: 130px;
}

.hubspot-multi-step-form .step-form--container .slick-arrow:hover {
  background-image: linear-gradient(180deg, #215f96, #004583) !important;
}

.hubspot-multi-step-form .step-form--container .slick-arrow.submit, .hubspot-multi-step-form .step-form--container .slick-arrow.submit:focus {
  border: none;
  bottom: -10px;
  cursor: pointer;
  left: 140px;
  margin: auto;
  outline: none;
  position: absolute;
  right: 0;
}

.hubspot-multi-step-form .step-form--container .slick-arrow.submit.centered {
  left: 0;
}

.hubspot-multi-step-form .step-form--container .slick-prev {
  left: 0;
  margin: auto;
  right: 140px;
}

.hubspot-multi-step-form .step-form--container .slick-next {
  left: 140px;
  margin: auto;
  right: 0;
  z-index: 1;
}

.hubspot-multi-step-form .step-form--container .slick-next.centered {
  left: 0;
}

.hubspot-multi-step-form .step-form--container .slick-next.slick-disabled, .hubspot-multi-step-form .step-form--container .slick-prev.slick-disabled {
  display: none !important;
}

.hubspot-multi-step-form .step-form--container .slick-arrow:before {
  display: none;
}

.hubspot-multi-step-form .step-form--container .slick-arrow:focus, .hubspot-multi-step-form .step-form--container .slick-arrow:hover {
  background-color: #00529c;
  color: #fff;
}

.hubspot-multi-step-form .step-form .slick-dotted.slick-slider {
  padding-bottom: 60px;
}

.hubspot-multi-step-form .hs-error-msgs {
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
}

.hubspot-multi-step-form .hs-error-msgs label {
  color: red;
  font-size: 12px;
}

.hubspot-multi-step-form .hs_submit {
  display: none;
}

.hubspot-multi-step-form .legal-consent-container .hs-form-booleancheckbox-display {
  display: flex;
}

.hubspot-multi-step-form .legal-consent-container .hs-dependent-field {
  padding: 0;
}

.hubspot-multi-step-form .legal-consent-container .hs-form-booleancheckbox-display input, .hubspot-multi-step-form .legal-consent-container .hs-form-booleancheckbox-display input:focus {
  height: 15px;
  margin-top: 18px;
  max-width: 25px;
}

.hubspot-multi-step-form .legal-consent-container .hs-fieldtype-booleancheckbox {
  padding: 0;
}

.hubspot-multi-step-form .notification {
  background-color: rgba(255, 207, 209, 0.2);
  border: 1px solid red;
  border-radius: 4px;
  color: red;
  display: none;
  font-size: 15px;
  font-weight: 400;
  padding: 15px;
  text-align: center;
}

.hubspot-multi-step-form .step-form--container .hs-input[class*=phone] {
  padding: 0;
}

.hubspot-multi-step-form .step-form--container .hs-input[class*=phone] > input {
  margin-left: 12px;
  max-width: 65%;
}

.hubspot-multi-step-form .step-form--container .hs-input[class*=phone] > select {
  max-width: 30%;
}

.family-day-form .form-group:not(.form-group--list) .invalid-feedback--msg, .family-day-form .form-row .invalid-feedback--msg {
  font-size: 0.875rem;
  line-height: 1.2857142857;
  margin: 0;
  padding: 0.5rem 0 0 !important;
  pointer-events: none;
  position: static;
}

@media (min-width: 768px) {
  .family-day-form .form-group:not(.form-group--list) .invalid-feedback--msg, .family-day-form .form-row .invalid-feedback--msg {
    align-items: center;
  }
}
.family-day-form .form-row .input-validation-wrapper {
  position: relative;
}

.family-day-form .form-row .input-validation-wrapper .help-feedback.icon, .family-day-form .form-row .input-validation-wrapper .invalid-feedback.icon, .family-day-form .form-row .input-validation-wrapper .valid-feedback.icon {
  height: 20px;
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
  z-index: 10;
}

.family-day-form .field-validation-error.help-block {
  color: #dc3545;
}

.family-day-form .field-validation-error.alert-danger {
  padding-left: 0.75rem;
}

.card--comparison {
  align-items: stretch;
  background-color: #f1f1f1;
  border-radius: 0;
  display: flex;
  height: 100%;
  margin-bottom: 0.9375rem;
  padding: 0;
}

@media (min-width: 576px) {
  .card--comparison {
    margin: 1.875rem 0.125rem 0;
  }
}
.card--comparison .card-title {
  color: #353c45;
  font-size: 1.875rem;
  font-weight: 700;
  text-align: center;
}

.card--comparison .card__image {
  display: block;
}

@media (min-width: 576px) {
  .card--comparison .card__image {
    margin-top: -3.75rem;
  }
  .card--comparison .card__image img {
    margin-left: auto;
    margin-right: auto;
  }
}
.card--comparison .card__link-overlay {
  display: none;
}

@media (min-width: 576px) {
  .card--comparison .card__link-overlay {
    display: block;
  }
}
.card--comparison .card__link-overlay:hover + .card-body .btn, .card--comparison .card__link-overlay:hover + .card-body .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-configure, .card--comparison .card__link-overlay:hover + .card-body .truckconfigurator .modal .modal-btn, .card--comparison .card__link-overlay:hover + .card-body .truckconfigurator .modal-disclaimer .modal-btn, .card--comparison .card__link-overlay:hover + .card-body .truckconfigurator .modal-home .modal-btn, .card--comparison .card__link-overlay:hover + .card-body .truckconfigurator .modal-save .modal-btn, .card--comparison .card__link-overlay:hover + .card-body .truckconfigurator .modal-send .modal-btn, .card--comparison .card__link-overlay:hover + .card-body .truckconfigurator .modal-summary .modal-btn, .card--comparison .card__link-overlay:hover + .card-body .truckconfigurator .modal-validation .modal-btn, .card--comparison .card__link-overlay:hover + .card-body .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .select-model-btn, .card--comparison .card__link-overlay:hover + .card-body .truckconfigurator .sp-choose, .truckconfigurator .card--comparison .card__link-overlay:hover + .card-body .sp-choose, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .card--comparison .card__link-overlay:hover + .card-body .btn-configure, .truckconfigurator .modal .card--comparison .card__link-overlay:hover + .card-body .modal-btn, .truckconfigurator .modal-disclaimer .card--comparison .card__link-overlay:hover + .card-body .modal-btn, .truckconfigurator .modal-home .card--comparison .card__link-overlay:hover + .card-body .modal-btn, .truckconfigurator .modal-save .card--comparison .card__link-overlay:hover + .card-body .modal-btn, .truckconfigurator .modal-send .card--comparison .card__link-overlay:hover + .card-body .modal-btn, .truckconfigurator .modal-summary .card--comparison .card__link-overlay:hover + .card-body .modal-btn, .truckconfigurator .modal-validation .card--comparison .card__link-overlay:hover + .card-body .modal-btn, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .card--comparison .card__link-overlay:hover + .card-body .select-model-btn {
  background-image: -owg-linear-gradient(180deg, #215f96 0, #004583 100%) !important;
  background-image: linear-gradient(180deg, #215f96, #004583) !important;
  color: #fff !important;
}

.card--comparison .card-body {
  padding-bottom: 4.6875rem;
}

.card--comparison .card-text {
  margin-bottom: 25px;
  text-align: center;
}

.card--comparison .card-list {
  padding-left: 0;
  padding-right: 0;
}

@media (min-width: 576px) {
  .card--comparison .card-list {
    padding-left: 1.5625rem;
    padding-right: 1.5625rem;
  }
}
.card--comparison .card-list li {
  border-bottom: 1px solid #dbdedf;
  color: #656b6f;
  padding: 0.3125rem 0.625rem;
}

@media (min-width: 576px) {
  .card--comparison .card-list li {
    padding: 0.625rem 1.25rem;
  }
}
.card--comparison .list--checkmark {
  margin-bottom: 0;
  white-space: nowrap;
}

@media (min-width: 576px) {
  .card--comparison .list--checkmark {
    white-space: inherit;
  }
}
.card--comparison .list--checkmark li {
  border-bottom: 0 solid #dbdedf;
  display: inline-block;
  position: relative;
}

@media (min-width: 576px) {
  .card--comparison .list--checkmark li {
    border-bottom: 1px solid #dbdedf;
    display: block;
    padding-left: 2.8125rem;
  }
}
.card--comparison .list--checkmark li.is-optional .icon--checkmark {
  opacity: 0.5;
}

.card--comparison .list--checkmark .icon {
  height: 20px;
  width: 20px;
}

.card--comparison .list--checkmark .icon--checkmark {
  left: 0;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  right: 0;
  top: -15px;
}

@media (min-width: 576px) {
  .card--comparison .list--checkmark .icon--checkmark {
    left: 15px;
    margin-right: 0.625rem;
    right: auto;
    top: 10px;
  }
}
.card--comparison .btn, .card--comparison .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-configure, .card--comparison .truckconfigurator .modal .modal-btn, .card--comparison .truckconfigurator .modal-disclaimer .modal-btn, .card--comparison .truckconfigurator .modal-home .modal-btn, .card--comparison .truckconfigurator .modal-save .modal-btn, .card--comparison .truckconfigurator .modal-send .modal-btn, .card--comparison .truckconfigurator .modal-summary .modal-btn, .card--comparison .truckconfigurator .modal-validation .modal-btn, .card--comparison .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .select-model-btn, .card--comparison .truckconfigurator .sp-choose, .truckconfigurator .card--comparison .sp-choose, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .card--comparison .btn-configure, .truckconfigurator .modal .card--comparison .modal-btn, .truckconfigurator .modal-disclaimer .card--comparison .modal-btn, .truckconfigurator .modal-home .card--comparison .modal-btn, .truckconfigurator .modal-save .card--comparison .modal-btn, .truckconfigurator .modal-send .card--comparison .modal-btn, .truckconfigurator .modal-summary .card--comparison .modal-btn, .truckconfigurator .modal-validation .card--comparison .modal-btn, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .card--comparison .select-model-btn {
  background-color: #fff !important;
  border: 1px solid #b9c1c6;
  bottom: 30px;
  color: #00529c;
  font-size: 1rem;
  font-weight: 400;
  left: 50%;
  line-height: 1;
  max-width: 140px;
  padding-bottom: 0.85rem;
  padding-top: 0.8125rem;
  position: absolute;
  transform: translateX(-50%);
}

.card--comparison .btn:hover, .card--comparison .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-configure:hover, .card--comparison .truckconfigurator .modal .modal-btn:hover, .card--comparison .truckconfigurator .modal-disclaimer .modal-btn:hover, .card--comparison .truckconfigurator .modal-home .modal-btn:hover, .card--comparison .truckconfigurator .modal-save .modal-btn:hover, .card--comparison .truckconfigurator .modal-send .modal-btn:hover, .card--comparison .truckconfigurator .modal-summary .modal-btn:hover, .card--comparison .truckconfigurator .modal-validation .modal-btn:hover, .card--comparison .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .select-model-btn:hover, .card--comparison .truckconfigurator .sp-choose:hover, .truckconfigurator .card--comparison .sp-choose:hover, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .card--comparison .btn-configure:hover, .truckconfigurator .modal .card--comparison .modal-btn:hover, .truckconfigurator .modal-disclaimer .card--comparison .modal-btn:hover, .truckconfigurator .modal-home .card--comparison .modal-btn:hover, .truckconfigurator .modal-save .card--comparison .modal-btn:hover, .truckconfigurator .modal-send .card--comparison .modal-btn:hover, .truckconfigurator .modal-summary .card--comparison .modal-btn:hover, .truckconfigurator .modal-validation .card--comparison .modal-btn:hover, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .card--comparison .select-model-btn:hover {
  color: #fff;
}

.card--highlight {
  background-color: #fff;
  border: 2px solid #b9c1c6;
  border-radius: 0.625rem;
  height: calc(100% + 50px);
  margin: 0 0.3125rem 0.9375rem;
}

@media (min-width: 576px) {
  .card--highlight {
    margin-bottom: 0;
    padding-top: 1.875rem;
  }
  .card--highlight .btn, .card--highlight .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-configure, .card--highlight .truckconfigurator .modal .modal-btn, .card--highlight .truckconfigurator .modal-disclaimer .modal-btn, .card--highlight .truckconfigurator .modal-home .modal-btn, .card--highlight .truckconfigurator .modal-save .modal-btn, .card--highlight .truckconfigurator .modal-send .modal-btn, .card--highlight .truckconfigurator .modal-summary .modal-btn, .card--highlight .truckconfigurator .modal-validation .modal-btn, .card--highlight .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .select-model-btn, .card--highlight .truckconfigurator .sp-choose, .truckconfigurator .card--highlight .sp-choose, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .card--highlight .btn-configure, .truckconfigurator .modal .card--highlight .modal-btn, .truckconfigurator .modal-disclaimer .card--highlight .modal-btn, .truckconfigurator .modal-home .card--highlight .modal-btn, .truckconfigurator .modal-save .card--highlight .modal-btn, .truckconfigurator .modal-send .card--highlight .modal-btn, .truckconfigurator .modal-summary .card--highlight .modal-btn, .truckconfigurator .modal-validation .card--highlight .modal-btn, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .card--highlight .select-model-btn {
    bottom: 50px;
  }
}
.bg-medium .card--comparison {
  background-color: #fff;
}

.bg-medium .card--highlight {
  background-color: #f1f1f1;
}

.bg-black .card--comparison, .bg-blue .card--comparison, .bg-dark .card--comparison {
  background-color: #404953;
}

.bg-black .card--comparison .card-text, .bg-black .card--comparison .card-title, .bg-blue .card--comparison .card-text, .bg-blue .card--comparison .card-title, .bg-dark .card--comparison .card-text, .bg-dark .card--comparison .card-title {
  color: #fff;
}

.bg-black .card--comparison .card-list li, .bg-blue .card--comparison .card-list li, .bg-dark .card--comparison .card-list li {
  border-bottom: 0 solid #71787c;
  color: #fff;
}

@media (min-width: 576px) {
  .bg-black .card--comparison .card-list li, .bg-blue .card--comparison .card-list li, .bg-dark .card--comparison .card-list li {
    border-bottom: 1px solid #71787c;
  }
}
.bg-black .card--comparison .btn, .bg-black .card--comparison .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-configure, .bg-black .card--comparison .truckconfigurator .modal .modal-btn, .bg-black .card--comparison .truckconfigurator .modal-disclaimer .modal-btn, .bg-black .card--comparison .truckconfigurator .modal-home .modal-btn, .bg-black .card--comparison .truckconfigurator .modal-save .modal-btn, .bg-black .card--comparison .truckconfigurator .modal-send .modal-btn, .bg-black .card--comparison .truckconfigurator .modal-summary .modal-btn, .bg-black .card--comparison .truckconfigurator .modal-validation .modal-btn, .bg-black .card--comparison .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .select-model-btn, .bg-black .card--comparison .truckconfigurator .sp-choose, .bg-blue .card--comparison .btn, .bg-blue .card--comparison .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-configure, .bg-blue .card--comparison .truckconfigurator .modal .modal-btn, .bg-blue .card--comparison .truckconfigurator .modal-disclaimer .modal-btn, .bg-blue .card--comparison .truckconfigurator .modal-home .modal-btn, .bg-blue .card--comparison .truckconfigurator .modal-save .modal-btn, .bg-blue .card--comparison .truckconfigurator .modal-send .modal-btn, .bg-blue .card--comparison .truckconfigurator .modal-summary .modal-btn, .bg-blue .card--comparison .truckconfigurator .modal-validation .modal-btn, .bg-blue .card--comparison .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .select-model-btn, .bg-blue .card--comparison .truckconfigurator .sp-choose, .bg-dark .card--comparison .btn, .bg-dark .card--comparison .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-configure, .bg-dark .card--comparison .truckconfigurator .modal .modal-btn, .bg-dark .card--comparison .truckconfigurator .modal-disclaimer .modal-btn, .bg-dark .card--comparison .truckconfigurator .modal-home .modal-btn, .bg-dark .card--comparison .truckconfigurator .modal-save .modal-btn, .bg-dark .card--comparison .truckconfigurator .modal-send .modal-btn, .bg-dark .card--comparison .truckconfigurator .modal-summary .modal-btn, .bg-dark .card--comparison .truckconfigurator .modal-validation .modal-btn, .bg-dark .card--comparison .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .select-model-btn, .bg-dark .card--comparison .truckconfigurator .sp-choose, .truckconfigurator .bg-black .card--comparison .sp-choose, .truckconfigurator .bg-blue .card--comparison .sp-choose, .truckconfigurator .bg-dark .card--comparison .sp-choose, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .bg-black .card--comparison .btn-configure, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .bg-blue .card--comparison .btn-configure, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .bg-dark .card--comparison .btn-configure, .truckconfigurator .modal .bg-black .card--comparison .modal-btn, .truckconfigurator .modal .bg-blue .card--comparison .modal-btn, .truckconfigurator .modal .bg-dark .card--comparison .modal-btn, .truckconfigurator .modal-disclaimer .bg-black .card--comparison .modal-btn, .truckconfigurator .modal-disclaimer .bg-blue .card--comparison .modal-btn, .truckconfigurator .modal-disclaimer .bg-dark .card--comparison .modal-btn, .truckconfigurator .modal-home .bg-black .card--comparison .modal-btn, .truckconfigurator .modal-home .bg-blue .card--comparison .modal-btn, .truckconfigurator .modal-home .bg-dark .card--comparison .modal-btn, .truckconfigurator .modal-save .bg-black .card--comparison .modal-btn, .truckconfigurator .modal-save .bg-blue .card--comparison .modal-btn, .truckconfigurator .modal-save .bg-dark .card--comparison .modal-btn, .truckconfigurator .modal-send .bg-black .card--comparison .modal-btn, .truckconfigurator .modal-send .bg-blue .card--comparison .modal-btn, .truckconfigurator .modal-send .bg-dark .card--comparison .modal-btn, .truckconfigurator .modal-summary .bg-black .card--comparison .modal-btn, .truckconfigurator .modal-summary .bg-blue .card--comparison .modal-btn, .truckconfigurator .modal-summary .bg-dark .card--comparison .modal-btn, .truckconfigurator .modal-validation .bg-black .card--comparison .modal-btn, .truckconfigurator .modal-validation .bg-blue .card--comparison .modal-btn, .truckconfigurator .modal-validation .bg-dark .card--comparison .modal-btn, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .bg-black .card--comparison .select-model-btn, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .bg-blue .card--comparison .select-model-btn, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .bg-dark .card--comparison .select-model-btn {
  background-color: #fff !important;
  border: 1px solid #fff;
  color: #00529c;
}

.bg-black .card--comparison .btn:hover, .bg-black .card--comparison .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-configure:hover, .bg-black .card--comparison .truckconfigurator .modal .modal-btn:hover, .bg-black .card--comparison .truckconfigurator .modal-disclaimer .modal-btn:hover, .bg-black .card--comparison .truckconfigurator .modal-home .modal-btn:hover, .bg-black .card--comparison .truckconfigurator .modal-save .modal-btn:hover, .bg-black .card--comparison .truckconfigurator .modal-send .modal-btn:hover, .bg-black .card--comparison .truckconfigurator .modal-summary .modal-btn:hover, .bg-black .card--comparison .truckconfigurator .modal-validation .modal-btn:hover, .bg-black .card--comparison .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .select-model-btn:hover, .bg-black .card--comparison .truckconfigurator .sp-choose:hover, .bg-blue .card--comparison .btn:hover, .bg-blue .card--comparison .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-configure:hover, .bg-blue .card--comparison .truckconfigurator .modal .modal-btn:hover, .bg-blue .card--comparison .truckconfigurator .modal-disclaimer .modal-btn:hover, .bg-blue .card--comparison .truckconfigurator .modal-home .modal-btn:hover, .bg-blue .card--comparison .truckconfigurator .modal-save .modal-btn:hover, .bg-blue .card--comparison .truckconfigurator .modal-send .modal-btn:hover, .bg-blue .card--comparison .truckconfigurator .modal-summary .modal-btn:hover, .bg-blue .card--comparison .truckconfigurator .modal-validation .modal-btn:hover, .bg-blue .card--comparison .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .select-model-btn:hover, .bg-blue .card--comparison .truckconfigurator .sp-choose:hover, .bg-dark .card--comparison .btn:hover, .bg-dark .card--comparison .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-configure:hover, .bg-dark .card--comparison .truckconfigurator .modal .modal-btn:hover, .bg-dark .card--comparison .truckconfigurator .modal-disclaimer .modal-btn:hover, .bg-dark .card--comparison .truckconfigurator .modal-home .modal-btn:hover, .bg-dark .card--comparison .truckconfigurator .modal-save .modal-btn:hover, .bg-dark .card--comparison .truckconfigurator .modal-send .modal-btn:hover, .bg-dark .card--comparison .truckconfigurator .modal-summary .modal-btn:hover, .bg-dark .card--comparison .truckconfigurator .modal-validation .modal-btn:hover, .bg-dark .card--comparison .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .select-model-btn:hover, .bg-dark .card--comparison .truckconfigurator .sp-choose:hover, .truckconfigurator .bg-black .card--comparison .sp-choose:hover, .truckconfigurator .bg-blue .card--comparison .sp-choose:hover, .truckconfigurator .bg-dark .card--comparison .sp-choose:hover, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .bg-black .card--comparison .btn-configure:hover, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .bg-blue .card--comparison .btn-configure:hover, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .bg-dark .card--comparison .btn-configure:hover, .truckconfigurator .modal .bg-black .card--comparison .modal-btn:hover, .truckconfigurator .modal .bg-blue .card--comparison .modal-btn:hover, .truckconfigurator .modal .bg-dark .card--comparison .modal-btn:hover, .truckconfigurator .modal-disclaimer .bg-black .card--comparison .modal-btn:hover, .truckconfigurator .modal-disclaimer .bg-blue .card--comparison .modal-btn:hover, .truckconfigurator .modal-disclaimer .bg-dark .card--comparison .modal-btn:hover, .truckconfigurator .modal-home .bg-black .card--comparison .modal-btn:hover, .truckconfigurator .modal-home .bg-blue .card--comparison .modal-btn:hover, .truckconfigurator .modal-home .bg-dark .card--comparison .modal-btn:hover, .truckconfigurator .modal-save .bg-black .card--comparison .modal-btn:hover, .truckconfigurator .modal-save .bg-blue .card--comparison .modal-btn:hover, .truckconfigurator .modal-save .bg-dark .card--comparison .modal-btn:hover, .truckconfigurator .modal-send .bg-black .card--comparison .modal-btn:hover, .truckconfigurator .modal-send .bg-blue .card--comparison .modal-btn:hover, .truckconfigurator .modal-send .bg-dark .card--comparison .modal-btn:hover, .truckconfigurator .modal-summary .bg-black .card--comparison .modal-btn:hover, .truckconfigurator .modal-summary .bg-blue .card--comparison .modal-btn:hover, .truckconfigurator .modal-summary .bg-dark .card--comparison .modal-btn:hover, .truckconfigurator .modal-validation .bg-black .card--comparison .modal-btn:hover, .truckconfigurator .modal-validation .bg-blue .card--comparison .modal-btn:hover, .truckconfigurator .modal-validation .bg-dark .card--comparison .modal-btn:hover, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .bg-black .card--comparison .select-model-btn:hover, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .bg-blue .card--comparison .select-model-btn:hover, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .bg-dark .card--comparison .select-model-btn:hover {
  color: #fff;
}

.bg-black .card--highlight, .bg-blue .card--highlight, .bg-dark .card--highlight {
  background-color: #656b6f;
  border: 2px solid #656b6f;
}

.list--checkmark__wrapper {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  margin-bottom: 5px;
  padding-top: 15px;
}

.doorway {
  overflow: hidden;
  position: relative;
}

.doorway__doors {
  display: flex;
  flex-direction: column;
  height: 85vh;
  margin: 0;
  overflow: hidden;
}

@media (min-width: 1200px) {
  .doorway__doors {
    flex-direction: row;
  }
}
.doorway__door {
  height: 33.3333333333%;
  overflow: hidden;
  position: relative;
  transition: height 1s ease;
}

@media (min-width: 1200px) {
  .doorway__door {
    height: auto;
    transition-property: width;
    width: 33.3333333333%;
  }
}
.doorway.has-2-doors .doorway__door {
  height: 50%;
}

@media (min-width: 1200px) {
  .doorway.has-2-doors .doorway__door {
    height: auto;
    width: 50%;
  }
}
.doorway.has-2-doors .doorway__door.is-active {
  height: 100%;
}

@media (min-width: 1200px) {
  .doorway.has-2-doors .doorway__door.is-active {
    height: auto;
    width: 75%;
  }
}
.doorway__door.is-active {
  height: 80%;
}

@media (min-width: 1200px) {
  .doorway__door.is-active {
    height: auto;
    width: 50%;
  }
}
.doorway__door.is-active .doorway__door-detail {
  transform: translateY(-2.5rem);
  transition: transform 0.4s ease-in 1s;
}

@media (min-width: 1200px) {
  .doorway__door.is-active .doorway__door-detail {
    transform: translateY(-3.75rem);
  }
}
@media (max-width: 1199.98px) {
  .doorway__door.is-active .doorway__door-content {
    bottom: 2.5rem;
  }
}
.doorway__door.is-active .doorway__door-overlay-tint {
  opacity: 0.2;
}

.doorway__door.is-active .doorway__door-hide-overflow:after {
  left: 5rem;
  right: -5rem;
  transition: right 1s ease, left 0.4s ease-in 1s;
}

@media (min-width: 1200px) {
  .doorway__door.is-active .doorway__door-hide-overflow:after {
    left: 3.75rem;
  }
}
.doorway__door.is-active .doorway__door-arrow-link {
  transform: translate(50%, 50%);
  transition-delay: 1.05s;
}

@media (min-width: 1200px) {
  .doorway__door.is-active .doorway__door-arrow-link {
    transform: translateY(50%);
  }
}
.doorway.has-active-door .doorway__door:not(.is-active) .doorway__door-overlay-tint {
  opacity: 0.7;
}

.doorway__door-image {
  display: block;
  height: 100%;
  width: 100%;
}

.doorway__door-content {
  bottom: 1.5rem;
  left: 2.5rem;
  position: absolute;
  right: 2rem;
  top: 0;
  transition: bottom 0.35s ease-in;
}

@media (min-width: 1200px) {
  .doorway__door-content {
    bottom: 6.25rem;
    left: 3.75rem;
    right: 0;
    top: auto;
    width: 25rem;
  }
}
.doorway__door-hide-overflow {
  bottom: 0;
  overflow: hidden;
  position: absolute;
}

@media (min-width: 1200px) {
  .doorway__door-hide-overflow {
    position: static;
  }
}
.doorway__door-hide-overflow:after {
  border-bottom: 1px solid #868e96;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  transition: right 1s ease, left 0.4s ease-in;
}

.doorway__door-detail {
  padding: 3.75rem 1.25rem 0;
  transform: translateY(100%);
  transition: transform 1s ease;
}

@media (min-width: 1200px) {
  .doorway__door-detail {
    padding-left: 0;
    padding-right: 0;
  }
}
.doorway__door-detail .lead p {
  font-size: inherit;
}

.doorway__door-arrow-link {
  bottom: 0;
  left: 0;
  position: absolute;
  transform: translate(-250%, 50%);
  transition: transform 0.35s ease-in;
}

.doorway__door-link-overlay-desktop {
  display: none;
}

@media (min-width: 1200px) {
  .doorway__door-link-overlay-desktop {
    display: block;
  }
}
.doorway__door-link-overlay-desktop, .doorway__door-overlay, .doorway__door-overlay-tint {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.doorway__door-overlay {
  background-image: linear-gradient(270deg, rgba(0, 0, 0, 0.25), transparent 13%), linear-gradient(225deg, transparent 40%, #000);
  transition: top 1s ease;
}

.doorway__door-overlay-tint {
  background-image: linear-gradient(225deg, #1b4770, #000);
  opacity: 0.4;
  transition: opacity 1s ease;
}

[class^=col]:has(> .teaser-diverge), [class^=col]:has(> a > .teaser-diverge) {
  display: flex;
  flex-wrap: wrap;
}

[class^=col]:has(> .teaser-diverge) a, [class^=col]:has(> a > .teaser-diverge) a {
  display: flex;
  flex-grow: 1;
}

.teaser-diverge {
  background-color: #f1f1f1;
  border-radius: 0.625rem;
  flex-grow: 1;
  padding: 1.5625rem 1.875rem 5rem;
}

.teaser-diverge .card__image, .teaser-diverge .icon--diverge {
  left: auto;
  margin: 0 0 0.9375rem;
  max-height: 30px;
  max-width: 30px;
  padding: 0;
  position: relative;
  top: auto;
}

.teaser-diverge .icon--diverge {
  fill: #fc5f01;
}

.teaser-diverge--blue .icon--diverge {
  fill: #00529c;
}

.teaser-diverge--yellow .icon--diverge {
  fill: #ffc107;
}

.teaser-diverge--grey .icon--diverge {
  fill: #b9c1c6;
}

.teaser-diverge .teaser-body {
  padding: 0;
}

.teaser-diverge .teaser-body .card-title {
  color: #353c45 !important;
  font-weight: 500;
  text-shadow: none;
}

.teaser-diverge .teaser-body .card-text, .teaser-diverge .teaser-body a, .teaser-diverge .teaser-body li, .teaser-diverge .teaser-body p {
  color: #868e96 !important;
  text-shadow: none;
}

.teaser-diverge .btn, .teaser-diverge .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-configure, .teaser-diverge .truckconfigurator .modal .modal-btn, .teaser-diverge .truckconfigurator .modal-disclaimer .modal-btn, .teaser-diverge .truckconfigurator .modal-home .modal-btn, .teaser-diverge .truckconfigurator .modal-save .modal-btn, .teaser-diverge .truckconfigurator .modal-send .modal-btn, .teaser-diverge .truckconfigurator .modal-summary .modal-btn, .teaser-diverge .truckconfigurator .modal-validation .modal-btn, .teaser-diverge .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .select-model-btn, .teaser-diverge .truckconfigurator .sp-choose, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .teaser-diverge .btn-configure, .truckconfigurator .modal .teaser-diverge .modal-btn, .truckconfigurator .modal-disclaimer .teaser-diverge .modal-btn, .truckconfigurator .modal-home .teaser-diverge .modal-btn, .truckconfigurator .modal-save .teaser-diverge .modal-btn, .truckconfigurator .modal-send .teaser-diverge .modal-btn, .truckconfigurator .modal-summary .teaser-diverge .modal-btn, .truckconfigurator .modal-validation .teaser-diverge .modal-btn, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .teaser-diverge .select-model-btn, .truckconfigurator .teaser-diverge .sp-choose {
  background-color: #fff;
  bottom: 1.25rem;
  box-shadow: none;
  left: 1.875rem;
  position: absolute;
  z-index: 20;
}

.teaser-diverge .btn .icon, .teaser-diverge .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-configure .icon, .teaser-diverge .truckconfigurator .modal .modal-btn .icon, .teaser-diverge .truckconfigurator .modal-disclaimer .modal-btn .icon, .teaser-diverge .truckconfigurator .modal-home .modal-btn .icon, .teaser-diverge .truckconfigurator .modal-save .modal-btn .icon, .teaser-diverge .truckconfigurator .modal-send .modal-btn .icon, .teaser-diverge .truckconfigurator .modal-summary .modal-btn .icon, .teaser-diverge .truckconfigurator .modal-validation .modal-btn .icon, .teaser-diverge .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .select-model-btn .icon, .teaser-diverge .truckconfigurator .sp-choose .icon, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .teaser-diverge .btn-configure .icon, .truckconfigurator .modal .teaser-diverge .modal-btn .icon, .truckconfigurator .modal-disclaimer .teaser-diverge .modal-btn .icon, .truckconfigurator .modal-home .teaser-diverge .modal-btn .icon, .truckconfigurator .modal-save .teaser-diverge .modal-btn .icon, .truckconfigurator .modal-send .teaser-diverge .modal-btn .icon, .truckconfigurator .modal-summary .teaser-diverge .modal-btn .icon, .truckconfigurator .modal-validation .teaser-diverge .modal-btn .icon, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .teaser-diverge .select-model-btn .icon, .truckconfigurator .teaser-diverge .sp-choose .icon {
  fill: #00529c;
  transition: fill 0.25s ease-in-out;
}

.teaser-diverge .btn.active, .teaser-diverge .btn:active, .teaser-diverge .btn:focus, .teaser-diverge .btn:hover, .teaser-diverge .truckconfigurator .active.sp-choose, .teaser-diverge .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .active.btn-configure, .teaser-diverge .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-configure:active, .teaser-diverge .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-configure:focus, .teaser-diverge .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-configure:hover, .teaser-diverge .truckconfigurator .modal .active.modal-btn, .teaser-diverge .truckconfigurator .modal .modal-btn:active, .teaser-diverge .truckconfigurator .modal .modal-btn:focus, .teaser-diverge .truckconfigurator .modal .modal-btn:hover, .teaser-diverge .truckconfigurator .modal-disclaimer .active.modal-btn, .teaser-diverge .truckconfigurator .modal-disclaimer .modal-btn:active, .teaser-diverge .truckconfigurator .modal-disclaimer .modal-btn:focus, .teaser-diverge .truckconfigurator .modal-disclaimer .modal-btn:hover, .teaser-diverge .truckconfigurator .modal-home .active.modal-btn, .teaser-diverge .truckconfigurator .modal-home .modal-btn:active, .teaser-diverge .truckconfigurator .modal-home .modal-btn:focus, .teaser-diverge .truckconfigurator .modal-home .modal-btn:hover, .teaser-diverge .truckconfigurator .modal-save .active.modal-btn, .teaser-diverge .truckconfigurator .modal-save .modal-btn:active, .teaser-diverge .truckconfigurator .modal-save .modal-btn:focus, .teaser-diverge .truckconfigurator .modal-save .modal-btn:hover, .teaser-diverge .truckconfigurator .modal-send .active.modal-btn, .teaser-diverge .truckconfigurator .modal-send .modal-btn:active, .teaser-diverge .truckconfigurator .modal-send .modal-btn:focus, .teaser-diverge .truckconfigurator .modal-send .modal-btn:hover, .teaser-diverge .truckconfigurator .modal-summary .active.modal-btn, .teaser-diverge .truckconfigurator .modal-summary .modal-btn:active, .teaser-diverge .truckconfigurator .modal-summary .modal-btn:focus, .teaser-diverge .truckconfigurator .modal-summary .modal-btn:hover, .teaser-diverge .truckconfigurator .modal-validation .active.modal-btn, .teaser-diverge .truckconfigurator .modal-validation .modal-btn:active, .teaser-diverge .truckconfigurator .modal-validation .modal-btn:focus, .teaser-diverge .truckconfigurator .modal-validation .modal-btn:hover, .teaser-diverge .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .active.select-model-btn, .teaser-diverge .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .select-model-btn:active, .teaser-diverge .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .select-model-btn:focus, .teaser-diverge .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .select-model-btn:hover, .teaser-diverge .truckconfigurator .sp-choose:active, .teaser-diverge .truckconfigurator .sp-choose:focus, .teaser-diverge .truckconfigurator .sp-choose:hover, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .teaser-diverge .active.btn-configure, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .teaser-diverge .btn-configure:active, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .teaser-diverge .btn-configure:focus, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .teaser-diverge .btn-configure:hover, .truckconfigurator .modal .teaser-diverge .active.modal-btn, .truckconfigurator .modal .teaser-diverge .modal-btn:active, .truckconfigurator .modal .teaser-diverge .modal-btn:focus, .truckconfigurator .modal .teaser-diverge .modal-btn:hover, .truckconfigurator .modal-disclaimer .teaser-diverge .active.modal-btn, .truckconfigurator .modal-disclaimer .teaser-diverge .modal-btn:active, .truckconfigurator .modal-disclaimer .teaser-diverge .modal-btn:focus, .truckconfigurator .modal-disclaimer .teaser-diverge .modal-btn:hover, .truckconfigurator .modal-home .teaser-diverge .active.modal-btn, .truckconfigurator .modal-home .teaser-diverge .modal-btn:active, .truckconfigurator .modal-home .teaser-diverge .modal-btn:focus, .truckconfigurator .modal-home .teaser-diverge .modal-btn:hover, .truckconfigurator .modal-save .teaser-diverge .active.modal-btn, .truckconfigurator .modal-save .teaser-diverge .modal-btn:active, .truckconfigurator .modal-save .teaser-diverge .modal-btn:focus, .truckconfigurator .modal-save .teaser-diverge .modal-btn:hover, .truckconfigurator .modal-send .teaser-diverge .active.modal-btn, .truckconfigurator .modal-send .teaser-diverge .modal-btn:active, .truckconfigurator .modal-send .teaser-diverge .modal-btn:focus, .truckconfigurator .modal-send .teaser-diverge .modal-btn:hover, .truckconfigurator .modal-summary .teaser-diverge .active.modal-btn, .truckconfigurator .modal-summary .teaser-diverge .modal-btn:active, .truckconfigurator .modal-summary .teaser-diverge .modal-btn:focus, .truckconfigurator .modal-summary .teaser-diverge .modal-btn:hover, .truckconfigurator .modal-validation .teaser-diverge .active.modal-btn, .truckconfigurator .modal-validation .teaser-diverge .modal-btn:active, .truckconfigurator .modal-validation .teaser-diverge .modal-btn:focus, .truckconfigurator .modal-validation .teaser-diverge .modal-btn:hover, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .teaser-diverge .active.select-model-btn, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .teaser-diverge .select-model-btn:active, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .teaser-diverge .select-model-btn:focus, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .teaser-diverge .select-model-btn:hover, .truckconfigurator .teaser-diverge .active.sp-choose, .truckconfigurator .teaser-diverge .sp-choose:active, .truckconfigurator .teaser-diverge .sp-choose:focus, .truckconfigurator .teaser-diverge .sp-choose:hover {
  box-shadow: none;
}

.teaser-diverge.active .btn, .teaser-diverge.active .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-configure, .teaser-diverge.active .truckconfigurator .modal .modal-btn, .teaser-diverge.active .truckconfigurator .modal-disclaimer .modal-btn, .teaser-diverge.active .truckconfigurator .modal-home .modal-btn, .teaser-diverge.active .truckconfigurator .modal-save .modal-btn, .teaser-diverge.active .truckconfigurator .modal-send .modal-btn, .teaser-diverge.active .truckconfigurator .modal-summary .modal-btn, .teaser-diverge.active .truckconfigurator .modal-validation .modal-btn, .teaser-diverge.active .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .select-model-btn, .teaser-diverge.active .truckconfigurator .sp-choose, .teaser-diverge:active .btn, .teaser-diverge:active .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-configure, .teaser-diverge:active .truckconfigurator .modal .modal-btn, .teaser-diverge:active .truckconfigurator .modal-disclaimer .modal-btn, .teaser-diverge:active .truckconfigurator .modal-home .modal-btn, .teaser-diverge:active .truckconfigurator .modal-save .modal-btn, .teaser-diverge:active .truckconfigurator .modal-send .modal-btn, .teaser-diverge:active .truckconfigurator .modal-summary .modal-btn, .teaser-diverge:active .truckconfigurator .modal-validation .modal-btn, .teaser-diverge:active .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .select-model-btn, .teaser-diverge:active .truckconfigurator .sp-choose, .teaser-diverge:focus .btn, .teaser-diverge:focus .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-configure, .teaser-diverge:focus .truckconfigurator .modal .modal-btn, .teaser-diverge:focus .truckconfigurator .modal-disclaimer .modal-btn, .teaser-diverge:focus .truckconfigurator .modal-home .modal-btn, .teaser-diverge:focus .truckconfigurator .modal-save .modal-btn, .teaser-diverge:focus .truckconfigurator .modal-send .modal-btn, .teaser-diverge:focus .truckconfigurator .modal-summary .modal-btn, .teaser-diverge:focus .truckconfigurator .modal-validation .modal-btn, .teaser-diverge:focus .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .select-model-btn, .teaser-diverge:focus .truckconfigurator .sp-choose, .teaser-diverge:hover .btn, .teaser-diverge:hover .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-configure, .teaser-diverge:hover .truckconfigurator .modal .modal-btn, .teaser-diverge:hover .truckconfigurator .modal-disclaimer .modal-btn, .teaser-diverge:hover .truckconfigurator .modal-home .modal-btn, .teaser-diverge:hover .truckconfigurator .modal-save .modal-btn, .teaser-diverge:hover .truckconfigurator .modal-send .modal-btn, .teaser-diverge:hover .truckconfigurator .modal-summary .modal-btn, .teaser-diverge:hover .truckconfigurator .modal-validation .modal-btn, .teaser-diverge:hover .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .select-model-btn, .teaser-diverge:hover .truckconfigurator .sp-choose, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .teaser-diverge.active .btn-configure, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .teaser-diverge:active .btn-configure, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .teaser-diverge:focus .btn-configure, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .teaser-diverge:hover .btn-configure, .truckconfigurator .modal .teaser-diverge.active .modal-btn, .truckconfigurator .modal .teaser-diverge:active .modal-btn, .truckconfigurator .modal .teaser-diverge:focus .modal-btn, .truckconfigurator .modal .teaser-diverge:hover .modal-btn, .truckconfigurator .modal-disclaimer .teaser-diverge.active .modal-btn, .truckconfigurator .modal-disclaimer .teaser-diverge:active .modal-btn, .truckconfigurator .modal-disclaimer .teaser-diverge:focus .modal-btn, .truckconfigurator .modal-disclaimer .teaser-diverge:hover .modal-btn, .truckconfigurator .modal-home .teaser-diverge.active .modal-btn, .truckconfigurator .modal-home .teaser-diverge:active .modal-btn, .truckconfigurator .modal-home .teaser-diverge:focus .modal-btn, .truckconfigurator .modal-home .teaser-diverge:hover .modal-btn, .truckconfigurator .modal-save .teaser-diverge.active .modal-btn, .truckconfigurator .modal-save .teaser-diverge:active .modal-btn, .truckconfigurator .modal-save .teaser-diverge:focus .modal-btn, .truckconfigurator .modal-save .teaser-diverge:hover .modal-btn, .truckconfigurator .modal-send .teaser-diverge.active .modal-btn, .truckconfigurator .modal-send .teaser-diverge:active .modal-btn, .truckconfigurator .modal-send .teaser-diverge:focus .modal-btn, .truckconfigurator .modal-send .teaser-diverge:hover .modal-btn, .truckconfigurator .modal-summary .teaser-diverge.active .modal-btn, .truckconfigurator .modal-summary .teaser-diverge:active .modal-btn, .truckconfigurator .modal-summary .teaser-diverge:focus .modal-btn, .truckconfigurator .modal-summary .teaser-diverge:hover .modal-btn, .truckconfigurator .modal-validation .teaser-diverge.active .modal-btn, .truckconfigurator .modal-validation .teaser-diverge:active .modal-btn, .truckconfigurator .modal-validation .teaser-diverge:focus .modal-btn, .truckconfigurator .modal-validation .teaser-diverge:hover .modal-btn, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .teaser-diverge.active .select-model-btn, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .teaser-diverge:active .select-model-btn, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .teaser-diverge:focus .select-model-btn, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .teaser-diverge:hover .select-model-btn, .truckconfigurator .teaser-diverge.active .sp-choose, .truckconfigurator .teaser-diverge:active .sp-choose, .truckconfigurator .teaser-diverge:focus .sp-choose, .truckconfigurator .teaser-diverge:hover .sp-choose {
  background-color: #00529c;
}

.teaser-diverge.active .btn .icon, .teaser-diverge.active .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-configure .icon, .teaser-diverge.active .truckconfigurator .modal .modal-btn .icon, .teaser-diverge.active .truckconfigurator .modal-disclaimer .modal-btn .icon, .teaser-diverge.active .truckconfigurator .modal-home .modal-btn .icon, .teaser-diverge.active .truckconfigurator .modal-save .modal-btn .icon, .teaser-diverge.active .truckconfigurator .modal-send .modal-btn .icon, .teaser-diverge.active .truckconfigurator .modal-summary .modal-btn .icon, .teaser-diverge.active .truckconfigurator .modal-validation .modal-btn .icon, .teaser-diverge.active .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .select-model-btn .icon, .teaser-diverge.active .truckconfigurator .sp-choose .icon, .teaser-diverge:active .btn .icon, .teaser-diverge:active .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-configure .icon, .teaser-diverge:active .truckconfigurator .modal .modal-btn .icon, .teaser-diverge:active .truckconfigurator .modal-disclaimer .modal-btn .icon, .teaser-diverge:active .truckconfigurator .modal-home .modal-btn .icon, .teaser-diverge:active .truckconfigurator .modal-save .modal-btn .icon, .teaser-diverge:active .truckconfigurator .modal-send .modal-btn .icon, .teaser-diverge:active .truckconfigurator .modal-summary .modal-btn .icon, .teaser-diverge:active .truckconfigurator .modal-validation .modal-btn .icon, .teaser-diverge:active .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .select-model-btn .icon, .teaser-diverge:active .truckconfigurator .sp-choose .icon, .teaser-diverge:focus .btn .icon, .teaser-diverge:focus .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-configure .icon, .teaser-diverge:focus .truckconfigurator .modal .modal-btn .icon, .teaser-diverge:focus .truckconfigurator .modal-disclaimer .modal-btn .icon, .teaser-diverge:focus .truckconfigurator .modal-home .modal-btn .icon, .teaser-diverge:focus .truckconfigurator .modal-save .modal-btn .icon, .teaser-diverge:focus .truckconfigurator .modal-send .modal-btn .icon, .teaser-diverge:focus .truckconfigurator .modal-summary .modal-btn .icon, .teaser-diverge:focus .truckconfigurator .modal-validation .modal-btn .icon, .teaser-diverge:focus .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .select-model-btn .icon, .teaser-diverge:focus .truckconfigurator .sp-choose .icon, .teaser-diverge:hover .btn .icon, .teaser-diverge:hover .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-configure .icon, .teaser-diverge:hover .truckconfigurator .modal .modal-btn .icon, .teaser-diverge:hover .truckconfigurator .modal-disclaimer .modal-btn .icon, .teaser-diverge:hover .truckconfigurator .modal-home .modal-btn .icon, .teaser-diverge:hover .truckconfigurator .modal-save .modal-btn .icon, .teaser-diverge:hover .truckconfigurator .modal-send .modal-btn .icon, .teaser-diverge:hover .truckconfigurator .modal-summary .modal-btn .icon, .teaser-diverge:hover .truckconfigurator .modal-validation .modal-btn .icon, .teaser-diverge:hover .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .select-model-btn .icon, .teaser-diverge:hover .truckconfigurator .sp-choose .icon, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .teaser-diverge.active .btn-configure .icon, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .teaser-diverge:active .btn-configure .icon, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .teaser-diverge:focus .btn-configure .icon, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .teaser-diverge:hover .btn-configure .icon, .truckconfigurator .modal .teaser-diverge.active .modal-btn .icon, .truckconfigurator .modal .teaser-diverge:active .modal-btn .icon, .truckconfigurator .modal .teaser-diverge:focus .modal-btn .icon, .truckconfigurator .modal .teaser-diverge:hover .modal-btn .icon, .truckconfigurator .modal-disclaimer .teaser-diverge.active .modal-btn .icon, .truckconfigurator .modal-disclaimer .teaser-diverge:active .modal-btn .icon, .truckconfigurator .modal-disclaimer .teaser-diverge:focus .modal-btn .icon, .truckconfigurator .modal-disclaimer .teaser-diverge:hover .modal-btn .icon, .truckconfigurator .modal-home .teaser-diverge.active .modal-btn .icon, .truckconfigurator .modal-home .teaser-diverge:active .modal-btn .icon, .truckconfigurator .modal-home .teaser-diverge:focus .modal-btn .icon, .truckconfigurator .modal-home .teaser-diverge:hover .modal-btn .icon, .truckconfigurator .modal-save .teaser-diverge.active .modal-btn .icon, .truckconfigurator .modal-save .teaser-diverge:active .modal-btn .icon, .truckconfigurator .modal-save .teaser-diverge:focus .modal-btn .icon, .truckconfigurator .modal-save .teaser-diverge:hover .modal-btn .icon, .truckconfigurator .modal-send .teaser-diverge.active .modal-btn .icon, .truckconfigurator .modal-send .teaser-diverge:active .modal-btn .icon, .truckconfigurator .modal-send .teaser-diverge:focus .modal-btn .icon, .truckconfigurator .modal-send .teaser-diverge:hover .modal-btn .icon, .truckconfigurator .modal-summary .teaser-diverge.active .modal-btn .icon, .truckconfigurator .modal-summary .teaser-diverge:active .modal-btn .icon, .truckconfigurator .modal-summary .teaser-diverge:focus .modal-btn .icon, .truckconfigurator .modal-summary .teaser-diverge:hover .modal-btn .icon, .truckconfigurator .modal-validation .teaser-diverge.active .modal-btn .icon, .truckconfigurator .modal-validation .teaser-diverge:active .modal-btn .icon, .truckconfigurator .modal-validation .teaser-diverge:focus .modal-btn .icon, .truckconfigurator .modal-validation .teaser-diverge:hover .modal-btn .icon, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .teaser-diverge.active .select-model-btn .icon, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .teaser-diverge:active .select-model-btn .icon, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .teaser-diverge:focus .select-model-btn .icon, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .teaser-diverge:hover .select-model-btn .icon, .truckconfigurator .teaser-diverge.active .sp-choose .icon, .truckconfigurator .teaser-diverge:active .sp-choose .icon, .truckconfigurator .teaser-diverge:focus .sp-choose .icon, .truckconfigurator .teaser-diverge:hover .sp-choose .icon {
  fill: #fff;
}

.teaser-diverge--black .card-text, .teaser-diverge--black a, .teaser-diverge--black li, .teaser-diverge--black p, .teaser-diverge--blue .card-text, .teaser-diverge--blue a, .teaser-diverge--blue li, .teaser-diverge--blue p, .teaser-diverge--dark .card-text, .teaser-diverge--dark a, .teaser-diverge--dark li, .teaser-diverge--dark p {
  color: #868e96 !important;
  text-shadow: none;
}

.bg-medium .teaser-diverge {
  background-color: #fff;
}

.bg-medium .teaser-diverge .btn.btn--round, .bg-medium .teaser-diverge .btn.btn-round, .bg-medium .teaser-diverge .truckconfigurator .btn--round.sp-choose, .bg-medium .teaser-diverge .truckconfigurator .btn-round.sp-choose, .bg-medium .teaser-diverge .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn--round.btn-configure, .bg-medium .teaser-diverge .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-round.btn-configure, .bg-medium .teaser-diverge .truckconfigurator .modal .btn--round.modal-btn, .bg-medium .teaser-diverge .truckconfigurator .modal .btn-round.modal-btn, .bg-medium .teaser-diverge .truckconfigurator .modal-disclaimer .btn--round.modal-btn, .bg-medium .teaser-diverge .truckconfigurator .modal-disclaimer .btn-round.modal-btn, .bg-medium .teaser-diverge .truckconfigurator .modal-home .btn--round.modal-btn, .bg-medium .teaser-diverge .truckconfigurator .modal-home .btn-round.modal-btn, .bg-medium .teaser-diverge .truckconfigurator .modal-save .btn--round.modal-btn, .bg-medium .teaser-diverge .truckconfigurator .modal-save .btn-round.modal-btn, .bg-medium .teaser-diverge .truckconfigurator .modal-send .btn--round.modal-btn, .bg-medium .teaser-diverge .truckconfigurator .modal-send .btn-round.modal-btn, .bg-medium .teaser-diverge .truckconfigurator .modal-summary .btn--round.modal-btn, .bg-medium .teaser-diverge .truckconfigurator .modal-summary .btn-round.modal-btn, .bg-medium .teaser-diverge .truckconfigurator .modal-validation .btn--round.modal-btn, .bg-medium .teaser-diverge .truckconfigurator .modal-validation .btn-round.modal-btn, .bg-medium .teaser-diverge .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .btn--round.select-model-btn, .bg-medium .teaser-diverge .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .btn-round.select-model-btn, .truckconfigurator .bg-medium .teaser-diverge .btn--round.sp-choose, .truckconfigurator .bg-medium .teaser-diverge .btn-round.sp-choose, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .bg-medium .teaser-diverge .btn--round.btn-configure, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .bg-medium .teaser-diverge .btn-round.btn-configure, .truckconfigurator .modal .bg-medium .teaser-diverge .btn--round.modal-btn, .truckconfigurator .modal .bg-medium .teaser-diverge .btn-round.modal-btn, .truckconfigurator .modal-disclaimer .bg-medium .teaser-diverge .btn--round.modal-btn, .truckconfigurator .modal-disclaimer .bg-medium .teaser-diverge .btn-round.modal-btn, .truckconfigurator .modal-home .bg-medium .teaser-diverge .btn--round.modal-btn, .truckconfigurator .modal-home .bg-medium .teaser-diverge .btn-round.modal-btn, .truckconfigurator .modal-save .bg-medium .teaser-diverge .btn--round.modal-btn, .truckconfigurator .modal-save .bg-medium .teaser-diverge .btn-round.modal-btn, .truckconfigurator .modal-send .bg-medium .teaser-diverge .btn--round.modal-btn, .truckconfigurator .modal-send .bg-medium .teaser-diverge .btn-round.modal-btn, .truckconfigurator .modal-summary .bg-medium .teaser-diverge .btn--round.modal-btn, .truckconfigurator .modal-summary .bg-medium .teaser-diverge .btn-round.modal-btn, .truckconfigurator .modal-validation .bg-medium .teaser-diverge .btn--round.modal-btn, .truckconfigurator .modal-validation .bg-medium .teaser-diverge .btn-round.modal-btn, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .bg-medium .teaser-diverge .btn--round.select-model-btn, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .bg-medium .teaser-diverge .btn-round.select-model-btn {
  background-color: #f1f1f1;
}

.bg-medium .teaser-diverge .btn.btn--round .icon, .bg-medium .teaser-diverge .btn.btn-round .icon, .bg-medium .teaser-diverge .truckconfigurator .btn--round.sp-choose .icon, .bg-medium .teaser-diverge .truckconfigurator .btn-round.sp-choose .icon, .bg-medium .teaser-diverge .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn--round.btn-configure .icon, .bg-medium .teaser-diverge .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-round.btn-configure .icon, .bg-medium .teaser-diverge .truckconfigurator .modal .btn--round.modal-btn .icon, .bg-medium .teaser-diverge .truckconfigurator .modal .btn-round.modal-btn .icon, .bg-medium .teaser-diverge .truckconfigurator .modal-disclaimer .btn--round.modal-btn .icon, .bg-medium .teaser-diverge .truckconfigurator .modal-disclaimer .btn-round.modal-btn .icon, .bg-medium .teaser-diverge .truckconfigurator .modal-home .btn--round.modal-btn .icon, .bg-medium .teaser-diverge .truckconfigurator .modal-home .btn-round.modal-btn .icon, .bg-medium .teaser-diverge .truckconfigurator .modal-save .btn--round.modal-btn .icon, .bg-medium .teaser-diverge .truckconfigurator .modal-save .btn-round.modal-btn .icon, .bg-medium .teaser-diverge .truckconfigurator .modal-send .btn--round.modal-btn .icon, .bg-medium .teaser-diverge .truckconfigurator .modal-send .btn-round.modal-btn .icon, .bg-medium .teaser-diverge .truckconfigurator .modal-summary .btn--round.modal-btn .icon, .bg-medium .teaser-diverge .truckconfigurator .modal-summary .btn-round.modal-btn .icon, .bg-medium .teaser-diverge .truckconfigurator .modal-validation .btn--round.modal-btn .icon, .bg-medium .teaser-diverge .truckconfigurator .modal-validation .btn-round.modal-btn .icon, .bg-medium .teaser-diverge .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .btn--round.select-model-btn .icon, .bg-medium .teaser-diverge .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .btn-round.select-model-btn .icon, .truckconfigurator .bg-medium .teaser-diverge .btn--round.sp-choose .icon, .truckconfigurator .bg-medium .teaser-diverge .btn-round.sp-choose .icon, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .bg-medium .teaser-diverge .btn--round.btn-configure .icon, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .bg-medium .teaser-diverge .btn-round.btn-configure .icon, .truckconfigurator .modal .bg-medium .teaser-diverge .btn--round.modal-btn .icon, .truckconfigurator .modal .bg-medium .teaser-diverge .btn-round.modal-btn .icon, .truckconfigurator .modal-disclaimer .bg-medium .teaser-diverge .btn--round.modal-btn .icon, .truckconfigurator .modal-disclaimer .bg-medium .teaser-diverge .btn-round.modal-btn .icon, .truckconfigurator .modal-home .bg-medium .teaser-diverge .btn--round.modal-btn .icon, .truckconfigurator .modal-home .bg-medium .teaser-diverge .btn-round.modal-btn .icon, .truckconfigurator .modal-save .bg-medium .teaser-diverge .btn--round.modal-btn .icon, .truckconfigurator .modal-save .bg-medium .teaser-diverge .btn-round.modal-btn .icon, .truckconfigurator .modal-send .bg-medium .teaser-diverge .btn--round.modal-btn .icon, .truckconfigurator .modal-send .bg-medium .teaser-diverge .btn-round.modal-btn .icon, .truckconfigurator .modal-summary .bg-medium .teaser-diverge .btn--round.modal-btn .icon, .truckconfigurator .modal-summary .bg-medium .teaser-diverge .btn-round.modal-btn .icon, .truckconfigurator .modal-validation .bg-medium .teaser-diverge .btn--round.modal-btn .icon, .truckconfigurator .modal-validation .bg-medium .teaser-diverge .btn-round.modal-btn .icon, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .bg-medium .teaser-diverge .btn--round.select-model-btn .icon, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .bg-medium .teaser-diverge .btn-round.select-model-btn .icon {
  fill: #343a40;
}

.bg-medium .teaser-diverge.active .btn.btn--round, .bg-medium .teaser-diverge.active .btn.btn-round, .bg-medium .teaser-diverge.active .truckconfigurator .btn--round.sp-choose, .bg-medium .teaser-diverge.active .truckconfigurator .btn-round.sp-choose, .bg-medium .teaser-diverge.active .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn--round.btn-configure, .bg-medium .teaser-diverge.active .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-round.btn-configure, .bg-medium .teaser-diverge.active .truckconfigurator .modal .btn--round.modal-btn, .bg-medium .teaser-diverge.active .truckconfigurator .modal .btn-round.modal-btn, .bg-medium .teaser-diverge.active .truckconfigurator .modal-disclaimer .btn--round.modal-btn, .bg-medium .teaser-diverge.active .truckconfigurator .modal-disclaimer .btn-round.modal-btn, .bg-medium .teaser-diverge.active .truckconfigurator .modal-home .btn--round.modal-btn, .bg-medium .teaser-diverge.active .truckconfigurator .modal-home .btn-round.modal-btn, .bg-medium .teaser-diverge.active .truckconfigurator .modal-save .btn--round.modal-btn, .bg-medium .teaser-diverge.active .truckconfigurator .modal-save .btn-round.modal-btn, .bg-medium .teaser-diverge.active .truckconfigurator .modal-send .btn--round.modal-btn, .bg-medium .teaser-diverge.active .truckconfigurator .modal-send .btn-round.modal-btn, .bg-medium .teaser-diverge.active .truckconfigurator .modal-summary .btn--round.modal-btn, .bg-medium .teaser-diverge.active .truckconfigurator .modal-summary .btn-round.modal-btn, .bg-medium .teaser-diverge.active .truckconfigurator .modal-validation .btn--round.modal-btn, .bg-medium .teaser-diverge.active .truckconfigurator .modal-validation .btn-round.modal-btn, .bg-medium .teaser-diverge.active .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .btn--round.select-model-btn, .bg-medium .teaser-diverge.active .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .btn-round.select-model-btn, .bg-medium .teaser-diverge:active .btn.btn--round, .bg-medium .teaser-diverge:active .btn.btn-round, .bg-medium .teaser-diverge:active .truckconfigurator .btn--round.sp-choose, .bg-medium .teaser-diverge:active .truckconfigurator .btn-round.sp-choose, .bg-medium .teaser-diverge:active .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn--round.btn-configure, .bg-medium .teaser-diverge:active .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-round.btn-configure, .bg-medium .teaser-diverge:active .truckconfigurator .modal .btn--round.modal-btn, .bg-medium .teaser-diverge:active .truckconfigurator .modal .btn-round.modal-btn, .bg-medium .teaser-diverge:active .truckconfigurator .modal-disclaimer .btn--round.modal-btn, .bg-medium .teaser-diverge:active .truckconfigurator .modal-disclaimer .btn-round.modal-btn, .bg-medium .teaser-diverge:active .truckconfigurator .modal-home .btn--round.modal-btn, .bg-medium .teaser-diverge:active .truckconfigurator .modal-home .btn-round.modal-btn, .bg-medium .teaser-diverge:active .truckconfigurator .modal-save .btn--round.modal-btn, .bg-medium .teaser-diverge:active .truckconfigurator .modal-save .btn-round.modal-btn, .bg-medium .teaser-diverge:active .truckconfigurator .modal-send .btn--round.modal-btn, .bg-medium .teaser-diverge:active .truckconfigurator .modal-send .btn-round.modal-btn, .bg-medium .teaser-diverge:active .truckconfigurator .modal-summary .btn--round.modal-btn, .bg-medium .teaser-diverge:active .truckconfigurator .modal-summary .btn-round.modal-btn, .bg-medium .teaser-diverge:active .truckconfigurator .modal-validation .btn--round.modal-btn, .bg-medium .teaser-diverge:active .truckconfigurator .modal-validation .btn-round.modal-btn, .bg-medium .teaser-diverge:active .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .btn--round.select-model-btn, .bg-medium .teaser-diverge:active .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .btn-round.select-model-btn, .bg-medium .teaser-diverge:focus .btn.btn--round, .bg-medium .teaser-diverge:focus .btn.btn-round, .bg-medium .teaser-diverge:focus .truckconfigurator .btn--round.sp-choose, .bg-medium .teaser-diverge:focus .truckconfigurator .btn-round.sp-choose, .bg-medium .teaser-diverge:focus .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn--round.btn-configure, .bg-medium .teaser-diverge:focus .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-round.btn-configure, .bg-medium .teaser-diverge:focus .truckconfigurator .modal .btn--round.modal-btn, .bg-medium .teaser-diverge:focus .truckconfigurator .modal .btn-round.modal-btn, .bg-medium .teaser-diverge:focus .truckconfigurator .modal-disclaimer .btn--round.modal-btn, .bg-medium .teaser-diverge:focus .truckconfigurator .modal-disclaimer .btn-round.modal-btn, .bg-medium .teaser-diverge:focus .truckconfigurator .modal-home .btn--round.modal-btn, .bg-medium .teaser-diverge:focus .truckconfigurator .modal-home .btn-round.modal-btn, .bg-medium .teaser-diverge:focus .truckconfigurator .modal-save .btn--round.modal-btn, .bg-medium .teaser-diverge:focus .truckconfigurator .modal-save .btn-round.modal-btn, .bg-medium .teaser-diverge:focus .truckconfigurator .modal-send .btn--round.modal-btn, .bg-medium .teaser-diverge:focus .truckconfigurator .modal-send .btn-round.modal-btn, .bg-medium .teaser-diverge:focus .truckconfigurator .modal-summary .btn--round.modal-btn, .bg-medium .teaser-diverge:focus .truckconfigurator .modal-summary .btn-round.modal-btn, .bg-medium .teaser-diverge:focus .truckconfigurator .modal-validation .btn--round.modal-btn, .bg-medium .teaser-diverge:focus .truckconfigurator .modal-validation .btn-round.modal-btn, .bg-medium .teaser-diverge:focus .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .btn--round.select-model-btn, .bg-medium .teaser-diverge:focus .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .btn-round.select-model-btn, .bg-medium .teaser-diverge:hover .btn.btn--round, .bg-medium .teaser-diverge:hover .btn.btn-round, .bg-medium .teaser-diverge:hover .truckconfigurator .btn--round.sp-choose, .bg-medium .teaser-diverge:hover .truckconfigurator .btn-round.sp-choose, .bg-medium .teaser-diverge:hover .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn--round.btn-configure, .bg-medium .teaser-diverge:hover .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-round.btn-configure, .bg-medium .teaser-diverge:hover .truckconfigurator .modal .btn--round.modal-btn, .bg-medium .teaser-diverge:hover .truckconfigurator .modal .btn-round.modal-btn, .bg-medium .teaser-diverge:hover .truckconfigurator .modal-disclaimer .btn--round.modal-btn, .bg-medium .teaser-diverge:hover .truckconfigurator .modal-disclaimer .btn-round.modal-btn, .bg-medium .teaser-diverge:hover .truckconfigurator .modal-home .btn--round.modal-btn, .bg-medium .teaser-diverge:hover .truckconfigurator .modal-home .btn-round.modal-btn, .bg-medium .teaser-diverge:hover .truckconfigurator .modal-save .btn--round.modal-btn, .bg-medium .teaser-diverge:hover .truckconfigurator .modal-save .btn-round.modal-btn, .bg-medium .teaser-diverge:hover .truckconfigurator .modal-send .btn--round.modal-btn, .bg-medium .teaser-diverge:hover .truckconfigurator .modal-send .btn-round.modal-btn, .bg-medium .teaser-diverge:hover .truckconfigurator .modal-summary .btn--round.modal-btn, .bg-medium .teaser-diverge:hover .truckconfigurator .modal-summary .btn-round.modal-btn, .bg-medium .teaser-diverge:hover .truckconfigurator .modal-validation .btn--round.modal-btn, .bg-medium .teaser-diverge:hover .truckconfigurator .modal-validation .btn-round.modal-btn, .bg-medium .teaser-diverge:hover .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .btn--round.select-model-btn, .bg-medium .teaser-diverge:hover .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .btn-round.select-model-btn, .truckconfigurator .bg-medium .teaser-diverge.active .btn--round.sp-choose, .truckconfigurator .bg-medium .teaser-diverge.active .btn-round.sp-choose, .truckconfigurator .bg-medium .teaser-diverge:active .btn--round.sp-choose, .truckconfigurator .bg-medium .teaser-diverge:active .btn-round.sp-choose, .truckconfigurator .bg-medium .teaser-diverge:focus .btn--round.sp-choose, .truckconfigurator .bg-medium .teaser-diverge:focus .btn-round.sp-choose, .truckconfigurator .bg-medium .teaser-diverge:hover .btn--round.sp-choose, .truckconfigurator .bg-medium .teaser-diverge:hover .btn-round.sp-choose, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .bg-medium .teaser-diverge.active .btn--round.btn-configure, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .bg-medium .teaser-diverge.active .btn-round.btn-configure, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .bg-medium .teaser-diverge:active .btn--round.btn-configure, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .bg-medium .teaser-diverge:active .btn-round.btn-configure, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .bg-medium .teaser-diverge:focus .btn--round.btn-configure, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .bg-medium .teaser-diverge:focus .btn-round.btn-configure, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .bg-medium .teaser-diverge:hover .btn--round.btn-configure, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .bg-medium .teaser-diverge:hover .btn-round.btn-configure, .truckconfigurator .modal .bg-medium .teaser-diverge.active .btn--round.modal-btn, .truckconfigurator .modal .bg-medium .teaser-diverge.active .btn-round.modal-btn, .truckconfigurator .modal .bg-medium .teaser-diverge:active .btn--round.modal-btn, .truckconfigurator .modal .bg-medium .teaser-diverge:active .btn-round.modal-btn, .truckconfigurator .modal .bg-medium .teaser-diverge:focus .btn--round.modal-btn, .truckconfigurator .modal .bg-medium .teaser-diverge:focus .btn-round.modal-btn, .truckconfigurator .modal .bg-medium .teaser-diverge:hover .btn--round.modal-btn, .truckconfigurator .modal .bg-medium .teaser-diverge:hover .btn-round.modal-btn, .truckconfigurator .modal-disclaimer .bg-medium .teaser-diverge.active .btn--round.modal-btn, .truckconfigurator .modal-disclaimer .bg-medium .teaser-diverge.active .btn-round.modal-btn, .truckconfigurator .modal-disclaimer .bg-medium .teaser-diverge:active .btn--round.modal-btn, .truckconfigurator .modal-disclaimer .bg-medium .teaser-diverge:active .btn-round.modal-btn, .truckconfigurator .modal-disclaimer .bg-medium .teaser-diverge:focus .btn--round.modal-btn, .truckconfigurator .modal-disclaimer .bg-medium .teaser-diverge:focus .btn-round.modal-btn, .truckconfigurator .modal-disclaimer .bg-medium .teaser-diverge:hover .btn--round.modal-btn, .truckconfigurator .modal-disclaimer .bg-medium .teaser-diverge:hover .btn-round.modal-btn, .truckconfigurator .modal-home .bg-medium .teaser-diverge.active .btn--round.modal-btn, .truckconfigurator .modal-home .bg-medium .teaser-diverge.active .btn-round.modal-btn, .truckconfigurator .modal-home .bg-medium .teaser-diverge:active .btn--round.modal-btn, .truckconfigurator .modal-home .bg-medium .teaser-diverge:active .btn-round.modal-btn, .truckconfigurator .modal-home .bg-medium .teaser-diverge:focus .btn--round.modal-btn, .truckconfigurator .modal-home .bg-medium .teaser-diverge:focus .btn-round.modal-btn, .truckconfigurator .modal-home .bg-medium .teaser-diverge:hover .btn--round.modal-btn, .truckconfigurator .modal-home .bg-medium .teaser-diverge:hover .btn-round.modal-btn, .truckconfigurator .modal-save .bg-medium .teaser-diverge.active .btn--round.modal-btn, .truckconfigurator .modal-save .bg-medium .teaser-diverge.active .btn-round.modal-btn, .truckconfigurator .modal-save .bg-medium .teaser-diverge:active .btn--round.modal-btn, .truckconfigurator .modal-save .bg-medium .teaser-diverge:active .btn-round.modal-btn, .truckconfigurator .modal-save .bg-medium .teaser-diverge:focus .btn--round.modal-btn, .truckconfigurator .modal-save .bg-medium .teaser-diverge:focus .btn-round.modal-btn, .truckconfigurator .modal-save .bg-medium .teaser-diverge:hover .btn--round.modal-btn, .truckconfigurator .modal-save .bg-medium .teaser-diverge:hover .btn-round.modal-btn, .truckconfigurator .modal-send .bg-medium .teaser-diverge.active .btn--round.modal-btn, .truckconfigurator .modal-send .bg-medium .teaser-diverge.active .btn-round.modal-btn, .truckconfigurator .modal-send .bg-medium .teaser-diverge:active .btn--round.modal-btn, .truckconfigurator .modal-send .bg-medium .teaser-diverge:active .btn-round.modal-btn, .truckconfigurator .modal-send .bg-medium .teaser-diverge:focus .btn--round.modal-btn, .truckconfigurator .modal-send .bg-medium .teaser-diverge:focus .btn-round.modal-btn, .truckconfigurator .modal-send .bg-medium .teaser-diverge:hover .btn--round.modal-btn, .truckconfigurator .modal-send .bg-medium .teaser-diverge:hover .btn-round.modal-btn, .truckconfigurator .modal-summary .bg-medium .teaser-diverge.active .btn--round.modal-btn, .truckconfigurator .modal-summary .bg-medium .teaser-diverge.active .btn-round.modal-btn, .truckconfigurator .modal-summary .bg-medium .teaser-diverge:active .btn--round.modal-btn, .truckconfigurator .modal-summary .bg-medium .teaser-diverge:active .btn-round.modal-btn, .truckconfigurator .modal-summary .bg-medium .teaser-diverge:focus .btn--round.modal-btn, .truckconfigurator .modal-summary .bg-medium .teaser-diverge:focus .btn-round.modal-btn, .truckconfigurator .modal-summary .bg-medium .teaser-diverge:hover .btn--round.modal-btn, .truckconfigurator .modal-summary .bg-medium .teaser-diverge:hover .btn-round.modal-btn, .truckconfigurator .modal-validation .bg-medium .teaser-diverge.active .btn--round.modal-btn, .truckconfigurator .modal-validation .bg-medium .teaser-diverge.active .btn-round.modal-btn, .truckconfigurator .modal-validation .bg-medium .teaser-diverge:active .btn--round.modal-btn, .truckconfigurator .modal-validation .bg-medium .teaser-diverge:active .btn-round.modal-btn, .truckconfigurator .modal-validation .bg-medium .teaser-diverge:focus .btn--round.modal-btn, .truckconfigurator .modal-validation .bg-medium .teaser-diverge:focus .btn-round.modal-btn, .truckconfigurator .modal-validation .bg-medium .teaser-diverge:hover .btn--round.modal-btn, .truckconfigurator .modal-validation .bg-medium .teaser-diverge:hover .btn-round.modal-btn, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .bg-medium .teaser-diverge.active .btn--round.select-model-btn, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .bg-medium .teaser-diverge.active .btn-round.select-model-btn, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .bg-medium .teaser-diverge:active .btn--round.select-model-btn, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .bg-medium .teaser-diverge:active .btn-round.select-model-btn, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .bg-medium .teaser-diverge:focus .btn--round.select-model-btn, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .bg-medium .teaser-diverge:focus .btn-round.select-model-btn, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .bg-medium .teaser-diverge:hover .btn--round.select-model-btn, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .bg-medium .teaser-diverge:hover .btn-round.select-model-btn {
  background-color: #00529c;
}

.bg-medium .teaser-diverge.active .btn.btn--round .icon, .bg-medium .teaser-diverge.active .btn.btn-round .icon, .bg-medium .teaser-diverge.active .truckconfigurator .btn--round.sp-choose .icon, .bg-medium .teaser-diverge.active .truckconfigurator .btn-round.sp-choose .icon, .bg-medium .teaser-diverge.active .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn--round.btn-configure .icon, .bg-medium .teaser-diverge.active .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-round.btn-configure .icon, .bg-medium .teaser-diverge.active .truckconfigurator .modal .btn--round.modal-btn .icon, .bg-medium .teaser-diverge.active .truckconfigurator .modal .btn-round.modal-btn .icon, .bg-medium .teaser-diverge.active .truckconfigurator .modal-disclaimer .btn--round.modal-btn .icon, .bg-medium .teaser-diverge.active .truckconfigurator .modal-disclaimer .btn-round.modal-btn .icon, .bg-medium .teaser-diverge.active .truckconfigurator .modal-home .btn--round.modal-btn .icon, .bg-medium .teaser-diverge.active .truckconfigurator .modal-home .btn-round.modal-btn .icon, .bg-medium .teaser-diverge.active .truckconfigurator .modal-save .btn--round.modal-btn .icon, .bg-medium .teaser-diverge.active .truckconfigurator .modal-save .btn-round.modal-btn .icon, .bg-medium .teaser-diverge.active .truckconfigurator .modal-send .btn--round.modal-btn .icon, .bg-medium .teaser-diverge.active .truckconfigurator .modal-send .btn-round.modal-btn .icon, .bg-medium .teaser-diverge.active .truckconfigurator .modal-summary .btn--round.modal-btn .icon, .bg-medium .teaser-diverge.active .truckconfigurator .modal-summary .btn-round.modal-btn .icon, .bg-medium .teaser-diverge.active .truckconfigurator .modal-validation .btn--round.modal-btn .icon, .bg-medium .teaser-diverge.active .truckconfigurator .modal-validation .btn-round.modal-btn .icon, .bg-medium .teaser-diverge.active .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .btn--round.select-model-btn .icon, .bg-medium .teaser-diverge.active .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .btn-round.select-model-btn .icon, .bg-medium .teaser-diverge:active .btn.btn--round .icon, .bg-medium .teaser-diverge:active .btn.btn-round .icon, .bg-medium .teaser-diverge:active .truckconfigurator .btn--round.sp-choose .icon, .bg-medium .teaser-diverge:active .truckconfigurator .btn-round.sp-choose .icon, .bg-medium .teaser-diverge:active .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn--round.btn-configure .icon, .bg-medium .teaser-diverge:active .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-round.btn-configure .icon, .bg-medium .teaser-diverge:active .truckconfigurator .modal .btn--round.modal-btn .icon, .bg-medium .teaser-diverge:active .truckconfigurator .modal .btn-round.modal-btn .icon, .bg-medium .teaser-diverge:active .truckconfigurator .modal-disclaimer .btn--round.modal-btn .icon, .bg-medium .teaser-diverge:active .truckconfigurator .modal-disclaimer .btn-round.modal-btn .icon, .bg-medium .teaser-diverge:active .truckconfigurator .modal-home .btn--round.modal-btn .icon, .bg-medium .teaser-diverge:active .truckconfigurator .modal-home .btn-round.modal-btn .icon, .bg-medium .teaser-diverge:active .truckconfigurator .modal-save .btn--round.modal-btn .icon, .bg-medium .teaser-diverge:active .truckconfigurator .modal-save .btn-round.modal-btn .icon, .bg-medium .teaser-diverge:active .truckconfigurator .modal-send .btn--round.modal-btn .icon, .bg-medium .teaser-diverge:active .truckconfigurator .modal-send .btn-round.modal-btn .icon, .bg-medium .teaser-diverge:active .truckconfigurator .modal-summary .btn--round.modal-btn .icon, .bg-medium .teaser-diverge:active .truckconfigurator .modal-summary .btn-round.modal-btn .icon, .bg-medium .teaser-diverge:active .truckconfigurator .modal-validation .btn--round.modal-btn .icon, .bg-medium .teaser-diverge:active .truckconfigurator .modal-validation .btn-round.modal-btn .icon, .bg-medium .teaser-diverge:active .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .btn--round.select-model-btn .icon, .bg-medium .teaser-diverge:active .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .btn-round.select-model-btn .icon, .bg-medium .teaser-diverge:focus .btn.btn--round .icon, .bg-medium .teaser-diverge:focus .btn.btn-round .icon, .bg-medium .teaser-diverge:focus .truckconfigurator .btn--round.sp-choose .icon, .bg-medium .teaser-diverge:focus .truckconfigurator .btn-round.sp-choose .icon, .bg-medium .teaser-diverge:focus .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn--round.btn-configure .icon, .bg-medium .teaser-diverge:focus .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-round.btn-configure .icon, .bg-medium .teaser-diverge:focus .truckconfigurator .modal .btn--round.modal-btn .icon, .bg-medium .teaser-diverge:focus .truckconfigurator .modal .btn-round.modal-btn .icon, .bg-medium .teaser-diverge:focus .truckconfigurator .modal-disclaimer .btn--round.modal-btn .icon, .bg-medium .teaser-diverge:focus .truckconfigurator .modal-disclaimer .btn-round.modal-btn .icon, .bg-medium .teaser-diverge:focus .truckconfigurator .modal-home .btn--round.modal-btn .icon, .bg-medium .teaser-diverge:focus .truckconfigurator .modal-home .btn-round.modal-btn .icon, .bg-medium .teaser-diverge:focus .truckconfigurator .modal-save .btn--round.modal-btn .icon, .bg-medium .teaser-diverge:focus .truckconfigurator .modal-save .btn-round.modal-btn .icon, .bg-medium .teaser-diverge:focus .truckconfigurator .modal-send .btn--round.modal-btn .icon, .bg-medium .teaser-diverge:focus .truckconfigurator .modal-send .btn-round.modal-btn .icon, .bg-medium .teaser-diverge:focus .truckconfigurator .modal-summary .btn--round.modal-btn .icon, .bg-medium .teaser-diverge:focus .truckconfigurator .modal-summary .btn-round.modal-btn .icon, .bg-medium .teaser-diverge:focus .truckconfigurator .modal-validation .btn--round.modal-btn .icon, .bg-medium .teaser-diverge:focus .truckconfigurator .modal-validation .btn-round.modal-btn .icon, .bg-medium .teaser-diverge:focus .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .btn--round.select-model-btn .icon, .bg-medium .teaser-diverge:focus .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .btn-round.select-model-btn .icon, .bg-medium .teaser-diverge:hover .btn.btn--round .icon, .bg-medium .teaser-diverge:hover .btn.btn-round .icon, .bg-medium .teaser-diverge:hover .truckconfigurator .btn--round.sp-choose .icon, .bg-medium .teaser-diverge:hover .truckconfigurator .btn-round.sp-choose .icon, .bg-medium .teaser-diverge:hover .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn--round.btn-configure .icon, .bg-medium .teaser-diverge:hover .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-round.btn-configure .icon, .bg-medium .teaser-diverge:hover .truckconfigurator .modal .btn--round.modal-btn .icon, .bg-medium .teaser-diverge:hover .truckconfigurator .modal .btn-round.modal-btn .icon, .bg-medium .teaser-diverge:hover .truckconfigurator .modal-disclaimer .btn--round.modal-btn .icon, .bg-medium .teaser-diverge:hover .truckconfigurator .modal-disclaimer .btn-round.modal-btn .icon, .bg-medium .teaser-diverge:hover .truckconfigurator .modal-home .btn--round.modal-btn .icon, .bg-medium .teaser-diverge:hover .truckconfigurator .modal-home .btn-round.modal-btn .icon, .bg-medium .teaser-diverge:hover .truckconfigurator .modal-save .btn--round.modal-btn .icon, .bg-medium .teaser-diverge:hover .truckconfigurator .modal-save .btn-round.modal-btn .icon, .bg-medium .teaser-diverge:hover .truckconfigurator .modal-send .btn--round.modal-btn .icon, .bg-medium .teaser-diverge:hover .truckconfigurator .modal-send .btn-round.modal-btn .icon, .bg-medium .teaser-diverge:hover .truckconfigurator .modal-summary .btn--round.modal-btn .icon, .bg-medium .teaser-diverge:hover .truckconfigurator .modal-summary .btn-round.modal-btn .icon, .bg-medium .teaser-diverge:hover .truckconfigurator .modal-validation .btn--round.modal-btn .icon, .bg-medium .teaser-diverge:hover .truckconfigurator .modal-validation .btn-round.modal-btn .icon, .bg-medium .teaser-diverge:hover .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .btn--round.select-model-btn .icon, .bg-medium .teaser-diverge:hover .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .btn-round.select-model-btn .icon, .truckconfigurator .bg-medium .teaser-diverge.active .btn--round.sp-choose .icon, .truckconfigurator .bg-medium .teaser-diverge.active .btn-round.sp-choose .icon, .truckconfigurator .bg-medium .teaser-diverge:active .btn--round.sp-choose .icon, .truckconfigurator .bg-medium .teaser-diverge:active .btn-round.sp-choose .icon, .truckconfigurator .bg-medium .teaser-diverge:focus .btn--round.sp-choose .icon, .truckconfigurator .bg-medium .teaser-diverge:focus .btn-round.sp-choose .icon, .truckconfigurator .bg-medium .teaser-diverge:hover .btn--round.sp-choose .icon, .truckconfigurator .bg-medium .teaser-diverge:hover .btn-round.sp-choose .icon, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .bg-medium .teaser-diverge.active .btn--round.btn-configure .icon, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .bg-medium .teaser-diverge.active .btn-round.btn-configure .icon, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .bg-medium .teaser-diverge:active .btn--round.btn-configure .icon, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .bg-medium .teaser-diverge:active .btn-round.btn-configure .icon, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .bg-medium .teaser-diverge:focus .btn--round.btn-configure .icon, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .bg-medium .teaser-diverge:focus .btn-round.btn-configure .icon, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .bg-medium .teaser-diverge:hover .btn--round.btn-configure .icon, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .bg-medium .teaser-diverge:hover .btn-round.btn-configure .icon, .truckconfigurator .modal .bg-medium .teaser-diverge.active .btn--round.modal-btn .icon, .truckconfigurator .modal .bg-medium .teaser-diverge.active .btn-round.modal-btn .icon, .truckconfigurator .modal .bg-medium .teaser-diverge:active .btn--round.modal-btn .icon, .truckconfigurator .modal .bg-medium .teaser-diverge:active .btn-round.modal-btn .icon, .truckconfigurator .modal .bg-medium .teaser-diverge:focus .btn--round.modal-btn .icon, .truckconfigurator .modal .bg-medium .teaser-diverge:focus .btn-round.modal-btn .icon, .truckconfigurator .modal .bg-medium .teaser-diverge:hover .btn--round.modal-btn .icon, .truckconfigurator .modal .bg-medium .teaser-diverge:hover .btn-round.modal-btn .icon, .truckconfigurator .modal-disclaimer .bg-medium .teaser-diverge.active .btn--round.modal-btn .icon, .truckconfigurator .modal-disclaimer .bg-medium .teaser-diverge.active .btn-round.modal-btn .icon, .truckconfigurator .modal-disclaimer .bg-medium .teaser-diverge:active .btn--round.modal-btn .icon, .truckconfigurator .modal-disclaimer .bg-medium .teaser-diverge:active .btn-round.modal-btn .icon, .truckconfigurator .modal-disclaimer .bg-medium .teaser-diverge:focus .btn--round.modal-btn .icon, .truckconfigurator .modal-disclaimer .bg-medium .teaser-diverge:focus .btn-round.modal-btn .icon, .truckconfigurator .modal-disclaimer .bg-medium .teaser-diverge:hover .btn--round.modal-btn .icon, .truckconfigurator .modal-disclaimer .bg-medium .teaser-diverge:hover .btn-round.modal-btn .icon, .truckconfigurator .modal-home .bg-medium .teaser-diverge.active .btn--round.modal-btn .icon, .truckconfigurator .modal-home .bg-medium .teaser-diverge.active .btn-round.modal-btn .icon, .truckconfigurator .modal-home .bg-medium .teaser-diverge:active .btn--round.modal-btn .icon, .truckconfigurator .modal-home .bg-medium .teaser-diverge:active .btn-round.modal-btn .icon, .truckconfigurator .modal-home .bg-medium .teaser-diverge:focus .btn--round.modal-btn .icon, .truckconfigurator .modal-home .bg-medium .teaser-diverge:focus .btn-round.modal-btn .icon, .truckconfigurator .modal-home .bg-medium .teaser-diverge:hover .btn--round.modal-btn .icon, .truckconfigurator .modal-home .bg-medium .teaser-diverge:hover .btn-round.modal-btn .icon, .truckconfigurator .modal-save .bg-medium .teaser-diverge.active .btn--round.modal-btn .icon, .truckconfigurator .modal-save .bg-medium .teaser-diverge.active .btn-round.modal-btn .icon, .truckconfigurator .modal-save .bg-medium .teaser-diverge:active .btn--round.modal-btn .icon, .truckconfigurator .modal-save .bg-medium .teaser-diverge:active .btn-round.modal-btn .icon, .truckconfigurator .modal-save .bg-medium .teaser-diverge:focus .btn--round.modal-btn .icon, .truckconfigurator .modal-save .bg-medium .teaser-diverge:focus .btn-round.modal-btn .icon, .truckconfigurator .modal-save .bg-medium .teaser-diverge:hover .btn--round.modal-btn .icon, .truckconfigurator .modal-save .bg-medium .teaser-diverge:hover .btn-round.modal-btn .icon, .truckconfigurator .modal-send .bg-medium .teaser-diverge.active .btn--round.modal-btn .icon, .truckconfigurator .modal-send .bg-medium .teaser-diverge.active .btn-round.modal-btn .icon, .truckconfigurator .modal-send .bg-medium .teaser-diverge:active .btn--round.modal-btn .icon, .truckconfigurator .modal-send .bg-medium .teaser-diverge:active .btn-round.modal-btn .icon, .truckconfigurator .modal-send .bg-medium .teaser-diverge:focus .btn--round.modal-btn .icon, .truckconfigurator .modal-send .bg-medium .teaser-diverge:focus .btn-round.modal-btn .icon, .truckconfigurator .modal-send .bg-medium .teaser-diverge:hover .btn--round.modal-btn .icon, .truckconfigurator .modal-send .bg-medium .teaser-diverge:hover .btn-round.modal-btn .icon, .truckconfigurator .modal-summary .bg-medium .teaser-diverge.active .btn--round.modal-btn .icon, .truckconfigurator .modal-summary .bg-medium .teaser-diverge.active .btn-round.modal-btn .icon, .truckconfigurator .modal-summary .bg-medium .teaser-diverge:active .btn--round.modal-btn .icon, .truckconfigurator .modal-summary .bg-medium .teaser-diverge:active .btn-round.modal-btn .icon, .truckconfigurator .modal-summary .bg-medium .teaser-diverge:focus .btn--round.modal-btn .icon, .truckconfigurator .modal-summary .bg-medium .teaser-diverge:focus .btn-round.modal-btn .icon, .truckconfigurator .modal-summary .bg-medium .teaser-diverge:hover .btn--round.modal-btn .icon, .truckconfigurator .modal-summary .bg-medium .teaser-diverge:hover .btn-round.modal-btn .icon, .truckconfigurator .modal-validation .bg-medium .teaser-diverge.active .btn--round.modal-btn .icon, .truckconfigurator .modal-validation .bg-medium .teaser-diverge.active .btn-round.modal-btn .icon, .truckconfigurator .modal-validation .bg-medium .teaser-diverge:active .btn--round.modal-btn .icon, .truckconfigurator .modal-validation .bg-medium .teaser-diverge:active .btn-round.modal-btn .icon, .truckconfigurator .modal-validation .bg-medium .teaser-diverge:focus .btn--round.modal-btn .icon, .truckconfigurator .modal-validation .bg-medium .teaser-diverge:focus .btn-round.modal-btn .icon, .truckconfigurator .modal-validation .bg-medium .teaser-diverge:hover .btn--round.modal-btn .icon, .truckconfigurator .modal-validation .bg-medium .teaser-diverge:hover .btn-round.modal-btn .icon, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .bg-medium .teaser-diverge.active .btn--round.select-model-btn .icon, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .bg-medium .teaser-diverge.active .btn-round.select-model-btn .icon, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .bg-medium .teaser-diverge:active .btn--round.select-model-btn .icon, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .bg-medium .teaser-diverge:active .btn-round.select-model-btn .icon, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .bg-medium .teaser-diverge:focus .btn--round.select-model-btn .icon, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .bg-medium .teaser-diverge:focus .btn-round.select-model-btn .icon, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .bg-medium .teaser-diverge:hover .btn--round.select-model-btn .icon, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .bg-medium .teaser-diverge:hover .btn-round.select-model-btn .icon {
  fill: #fff;
}

.card-highlight {
  margin: 0;
  padding-bottom: 0;
}

@media (-ms-high-contrast: none) {
  .card-highlight {
    display: block;
  }
}
.card-highlight:first-child {
  margin-top: 0.625rem;
}

@media (min-width: 768px) {
  .card-highlight:first-child {
    margin-top: 0;
  }
}
.card-highlight .card__image, .card-highlight .icon--highlight {
  margin: 0;
  padding: 0;
}

@media (min-width: 768px) {
  .card-highlight .card__image, .card-highlight .icon--highlight {
    margin: 0.625rem 0 0;
  }
}
.card-highlight .card__image {
  max-width: 100%;
}

.card-highlight .icon--highlight {
  fill: #00529c;
  max-height: 30px;
  max-width: 30px;
}

.highlight-features-blue .card-highlight .icon--highlight {
  fill: #00529c;
}

.highlight-features-orange .card-highlight .icon--highlight {
  fill: #fc5f01;
}

.highlight-features-yellow .card-highlight .icon--highlight {
  fill: #ffc107;
}

.highlight-features-grey .card-highlight .icon--highlight {
  fill: #353c45;
}

.card-highlight .card-body {
  padding: 0.625rem 0 0;
}

@media (min-width: 768px) {
  .card-highlight .card-body {
    padding: 0.625rem 1.25rem 1.25rem 0;
  }
}
.card-highlight .card-body .card-title {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 0.75rem;
}

.card-highlight .card-body .card-text {
  line-height: 1.25;
  margin-bottom: 0.75rem;
}

.card-highlight__link {
  display: inline-flex;
  font-weight: 700;
}

.card-highlight__link:focus-visible, .card-highlight__link:hover {
  text-decoration: underline;
}

.card-highlight__link:focus-visible {
  outline: 1px solid currentcolor !important;
  outline-offset: 0.25rem;
}

.card-highlight__link .icon {
  fill: currentcolor;
}

.bg-black .card-highlight, .bg-black .card-highlight .card-text, .bg-black .card-highlight a, .bg-black .card-highlight li, .bg-black .card-highlight p, .bg-blue .card-highlight, .bg-blue .card-highlight .card-text, .bg-blue .card-highlight a, .bg-blue .card-highlight li, .bg-blue .card-highlight p, .bg-dark .card-highlight, .bg-dark .card-highlight .card-text, .bg-dark .card-highlight a, .bg-dark .card-highlight li, .bg-dark .card-highlight p {
  color: #b9c1c6 !important;
}

.card--media {
  background-color: #f1f1f1;
  border-radius: 0;
  height: 100%;
  margin: 0;
  padding-bottom: 3.4375rem;
}

@media (min-width: 768px) {
  .card--media {
    height: calc(100% - 20px);
  }
}
.card--media:hover {
  box-shadow: 0 0 78px 0 rgba(0, 0, 0, 0.25);
}

.card--media .card-title {
  border-bottom: 1px solid #dbdedf;
  color: #353c45 !important;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.1666666667;
  padding-bottom: 0.9375rem;
  text-align: left;
}

.card--media .card-title a, .card--media .card-title a:hover {
  color: #353c45 !important;
}

.card--media .card__body {
  padding: 1.25rem 1.25rem 0.25rem;
}

.card--media .card__image {
  margin: 0;
  position: relative;
}

.card--media .card__overlay {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.card--media .card__overlay:hover {
  background-color: rgba(0, 82, 156, 0.5);
}

.card--media .card__overlay:hover .icon {
  opacity: 1;
}

.card--media .card__overlay .icon {
  color: #fff;
  height: 48px;
  width: 48px;
  fill: #fff;
  opacity: 0;
}

.card--media .card__overlay .icon--zoom-in {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
}

.card--media .card__downloads {
  bottom: 10px;
  line-height: 1.2;
  margin: 0;
  position: absolute;
}

.card--media .btn-link {
  bottom: auto;
  color: #00529c !important;
  display: block;
  font-size: 0.875rem;
  left: 0;
  padding-bottom: 0;
  padding-top: 0;
  position: relative;
  text-align: left;
}

.card--media .btn-link:hover {
  color: #00529c !important;
  text-decoration: underline !important;
}

.card--media .btn-link .icon {
  position: relative;
  top: 5px;
}

.bg-medium .card--media {
  background-color: #fff;
}

.bg-medium .card--media .card-title {
  border-bottom: 1px solid #f1f1f1;
}

.modal--mediacard .card--media {
  background-color: #fff;
}

.modal--mediacard .modal-body {
  padding: 0;
}

.modal--mediacard .modal-footer {
  justify-content: flex-start;
}

.modal--mediacard .modal-footer .modal-description {
  margin: 0;
}

.modal--mediacard .modal-footer .card__downloads {
  left: 16px;
}

.link-card {
  border: 1px solid transparent;
  border-radius: 0.625rem;
  display: block;
  position: relative;
  transition: background-color 0.2s ease-in, border 0.2s ease-in;
}

.link-card:hover {
  background-color: hsla(0, 0%, 95%, 0.5);
  border-color: #dbdedf;
}

.bg-black .link-card:hover, .bg-blue .link-card:hover, .bg-dark .link-card:hover {
  background-color: hsla(0, 0%, 100%, 0.05);
}

.bg-medium .link-card:hover {
  background-color: #fff;
}

.link-card:hover .btn-round {
  opacity: 1;
}

.link-card img {
  height: 7.5rem;
}

.link-card .btn-round {
  bottom: 0;
  left: 50%;
  opacity: 0;
  position: absolute;
  transform: translate(-50%, 50%);
  transition: opacity 0.2s ease-in;
}

.card--news {
  background-color: #f1f1f1;
  border-radius: 0;
  margin: 0;
  padding-bottom: 0;
}

.card--news a {
  display: block;
}

.card--news:hover {
  box-shadow: 0 0 78px 0 rgba(0, 0, 0, 0.25);
}

.card--news .card-date {
  color: #656b6f;
  display: block;
  font-family: Arial, Inter, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  margin-bottom: 0.3125rem;
}

.card--news .card-title {
  color: #353c45;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.3333333333;
  margin-bottom: 0;
  text-align: left;
}

.card--news .card__image {
  margin: 0;
  position: relative;
}

.card--news .card__downloads {
  bottom: 10px;
  position: absolute;
}

.card--news .btn-link {
  bottom: auto;
  display: block;
  font-size: 0.875rem;
  left: 0;
  padding-bottom: 0;
  padding-top: 0;
  position: relative;
  text-align: left;
}

.card--news .btn-link:hover {
  text-decoration: underline !important;
}

.card--news .btn-link .icon {
  position: relative;
  top: 5px;
}

.bg-medium .card--news {
  background-color: #fff;
}

@media (min-width: 576px) {
  .swiper-slide-active--showcase .card-body {
    opacity: 1;
    transition: all 0.3s ease-in;
  }
  .swiper-slide-active--showcase .card__image {
    filter: none;
    transform: scale(1.2);
    transform-origin: bottom center;
    transition: all 0.3s ease-in;
  }
}
.swiper-slide-active--showcase .card__link-overlay {
  pointer-events: auto;
}

@media (min-width: 576px) {
  .is-slickcurrent .card--showcase .card-body {
    opacity: 1;
    transition: all 0.3s ease-in;
  }
  .is-slickcurrent .card--showcase .card__image {
    filter: none;
    transform: scale(1.2);
    transform-origin: bottom center;
    transition: all 0.3s ease-in;
  }
}
.is-slickcurrent .card--showcase .card__link-overlay {
  bottom: 0;
  left: 0;
  pointer-events: auto;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 100;
}

.card--showcase {
  align-items: stretch;
  background-color: transparent;
  border-radius: 0;
  cursor: pointer;
  display: flex;
  height: 100%;
  margin-top: 1.875rem;
  padding: 0;
}

@media (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .card--showcase {
    display: block;
  }
}
.card--showcase .card__link-overlay {
  pointer-events: none;
}

.card--showcase .card-title {
  color: #fc5f01 !important;
  font-size: 1.5rem;
  font-weight: 500;
  text-align: center;
}

.card--showcase .card-subtitle {
  color: #656b6f;
  font-size: 1.125rem;
  font-weight: 500;
  margin-bottom: 0.625rem;
  text-align: center;
}

.card--showcase .card__image {
  transform-origin: bottom center;
  transition: all 0.3s ease-in;
}

@media (min-width: 576px) {
  .card--showcase .card__image {
    filter: grayscale(100%);
  }
}
.card--showcase .card__image img {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.card--showcase .card-body {
  padding-bottom: 4.6875rem;
  position: relative;
  transition: all 0.3s ease-in;
}

@media (min-width: 576px) {
  .card--showcase .card-body {
    opacity: 0;
  }
}
.card--showcase .card-text {
  margin-bottom: 25px;
  text-align: center;
}

.card--showcase .card-list {
  padding-left: 1.5625rem;
  padding-right: 1.5625rem;
}

.card--showcase .card-list li {
  border-bottom: 1px solid #dbdedf;
  color: #656b6f;
  padding: 0.625rem 1.25rem;
}

.card--showcase .list--checkmark li {
  padding-left: 2.8125rem;
  position: relative;
}

.card--showcase .list--checkmark .icon {
  height: 20px;
  width: 20px;
}

.card--showcase .list--checkmark .icon--checkmark {
  color: #fc5f01;
  left: 15px;
  margin-right: 0.625rem;
  position: absolute;
  top: 10px;
  fill: #fc5f01;
}

.card--showcase .btn-link {
  bottom: 30px;
  color: #353c45;
  display: inline-block !important;
  left: 0;
  padding-left: 0;
  padding-right: 0;
  position: absolute;
  right: 0;
  text-decoration: underline !important;
}

.card--showcase .btn:hover, .card--showcase .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-configure:hover, .card--showcase .truckconfigurator .modal .modal-btn:hover, .card--showcase .truckconfigurator .modal-disclaimer .modal-btn:hover, .card--showcase .truckconfigurator .modal-home .modal-btn:hover, .card--showcase .truckconfigurator .modal-save .modal-btn:hover, .card--showcase .truckconfigurator .modal-send .modal-btn:hover, .card--showcase .truckconfigurator .modal-summary .modal-btn:hover, .card--showcase .truckconfigurator .modal-validation .modal-btn:hover, .card--showcase .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .select-model-btn:hover, .card--showcase .truckconfigurator .sp-choose:hover, .truckconfigurator .card--showcase .sp-choose:hover, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .card--showcase .btn-configure:hover, .truckconfigurator .modal .card--showcase .modal-btn:hover, .truckconfigurator .modal-disclaimer .card--showcase .modal-btn:hover, .truckconfigurator .modal-home .card--showcase .modal-btn:hover, .truckconfigurator .modal-save .card--showcase .modal-btn:hover, .truckconfigurator .modal-send .card--showcase .modal-btn:hover, .truckconfigurator .modal-summary .card--showcase .modal-btn:hover, .truckconfigurator .modal-validation .card--showcase .modal-btn:hover, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .card--showcase .select-model-btn:hover {
  text-decoration: none !important;
}

.bg-black .card--showcase .card-subtitle, .bg-black .card--showcase .card-text, .bg-blue .card--showcase .card-subtitle, .bg-blue .card--showcase .card-text, .bg-dark .card--showcase .card-subtitle, .bg-dark .card--showcase .card-text {
  color: #b9c1c6;
}

.bg-black .card--showcase .card-list li, .bg-blue .card--showcase .card-list li, .bg-dark .card--showcase .card-list li {
  border-bottom: 1px solid #71787c;
  color: #fff;
}

.bg-black .card--showcase .btn, .bg-black .card--showcase .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-configure, .bg-black .card--showcase .truckconfigurator .modal .modal-btn, .bg-black .card--showcase .truckconfigurator .modal-disclaimer .modal-btn, .bg-black .card--showcase .truckconfigurator .modal-home .modal-btn, .bg-black .card--showcase .truckconfigurator .modal-save .modal-btn, .bg-black .card--showcase .truckconfigurator .modal-send .modal-btn, .bg-black .card--showcase .truckconfigurator .modal-summary .modal-btn, .bg-black .card--showcase .truckconfigurator .modal-validation .modal-btn, .bg-black .card--showcase .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .select-model-btn, .bg-black .card--showcase .truckconfigurator .sp-choose, .bg-blue .card--showcase .btn, .bg-blue .card--showcase .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-configure, .bg-blue .card--showcase .truckconfigurator .modal .modal-btn, .bg-blue .card--showcase .truckconfigurator .modal-disclaimer .modal-btn, .bg-blue .card--showcase .truckconfigurator .modal-home .modal-btn, .bg-blue .card--showcase .truckconfigurator .modal-save .modal-btn, .bg-blue .card--showcase .truckconfigurator .modal-send .modal-btn, .bg-blue .card--showcase .truckconfigurator .modal-summary .modal-btn, .bg-blue .card--showcase .truckconfigurator .modal-validation .modal-btn, .bg-blue .card--showcase .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .select-model-btn, .bg-blue .card--showcase .truckconfigurator .sp-choose, .bg-dark .card--showcase .btn, .bg-dark .card--showcase .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-configure, .bg-dark .card--showcase .truckconfigurator .modal .modal-btn, .bg-dark .card--showcase .truckconfigurator .modal-disclaimer .modal-btn, .bg-dark .card--showcase .truckconfigurator .modal-home .modal-btn, .bg-dark .card--showcase .truckconfigurator .modal-save .modal-btn, .bg-dark .card--showcase .truckconfigurator .modal-send .modal-btn, .bg-dark .card--showcase .truckconfigurator .modal-summary .modal-btn, .bg-dark .card--showcase .truckconfigurator .modal-validation .modal-btn, .bg-dark .card--showcase .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .select-model-btn, .bg-dark .card--showcase .truckconfigurator .sp-choose, .truckconfigurator .bg-black .card--showcase .sp-choose, .truckconfigurator .bg-blue .card--showcase .sp-choose, .truckconfigurator .bg-dark .card--showcase .sp-choose, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .bg-black .card--showcase .btn-configure, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .bg-blue .card--showcase .btn-configure, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .bg-dark .card--showcase .btn-configure, .truckconfigurator .modal .bg-black .card--showcase .modal-btn, .truckconfigurator .modal .bg-blue .card--showcase .modal-btn, .truckconfigurator .modal .bg-dark .card--showcase .modal-btn, .truckconfigurator .modal-disclaimer .bg-black .card--showcase .modal-btn, .truckconfigurator .modal-disclaimer .bg-blue .card--showcase .modal-btn, .truckconfigurator .modal-disclaimer .bg-dark .card--showcase .modal-btn, .truckconfigurator .modal-home .bg-black .card--showcase .modal-btn, .truckconfigurator .modal-home .bg-blue .card--showcase .modal-btn, .truckconfigurator .modal-home .bg-dark .card--showcase .modal-btn, .truckconfigurator .modal-save .bg-black .card--showcase .modal-btn, .truckconfigurator .modal-save .bg-blue .card--showcase .modal-btn, .truckconfigurator .modal-save .bg-dark .card--showcase .modal-btn, .truckconfigurator .modal-send .bg-black .card--showcase .modal-btn, .truckconfigurator .modal-send .bg-blue .card--showcase .modal-btn, .truckconfigurator .modal-send .bg-dark .card--showcase .modal-btn, .truckconfigurator .modal-summary .bg-black .card--showcase .modal-btn, .truckconfigurator .modal-summary .bg-blue .card--showcase .modal-btn, .truckconfigurator .modal-summary .bg-dark .card--showcase .modal-btn, .truckconfigurator .modal-validation .bg-black .card--showcase .modal-btn, .truckconfigurator .modal-validation .bg-blue .card--showcase .modal-btn, .truckconfigurator .modal-validation .bg-dark .card--showcase .modal-btn, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .bg-black .card--showcase .select-model-btn, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .bg-blue .card--showcase .select-model-btn, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .bg-dark .card--showcase .select-model-btn {
  color: #00529c;
}

.bg-black .card--showcase .btn:hover, .bg-black .card--showcase .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-configure:hover, .bg-black .card--showcase .truckconfigurator .modal .modal-btn:hover, .bg-black .card--showcase .truckconfigurator .modal-disclaimer .modal-btn:hover, .bg-black .card--showcase .truckconfigurator .modal-home .modal-btn:hover, .bg-black .card--showcase .truckconfigurator .modal-save .modal-btn:hover, .bg-black .card--showcase .truckconfigurator .modal-send .modal-btn:hover, .bg-black .card--showcase .truckconfigurator .modal-summary .modal-btn:hover, .bg-black .card--showcase .truckconfigurator .modal-validation .modal-btn:hover, .bg-black .card--showcase .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .select-model-btn:hover, .bg-black .card--showcase .truckconfigurator .sp-choose:hover, .bg-blue .card--showcase .btn:hover, .bg-blue .card--showcase .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-configure:hover, .bg-blue .card--showcase .truckconfigurator .modal .modal-btn:hover, .bg-blue .card--showcase .truckconfigurator .modal-disclaimer .modal-btn:hover, .bg-blue .card--showcase .truckconfigurator .modal-home .modal-btn:hover, .bg-blue .card--showcase .truckconfigurator .modal-save .modal-btn:hover, .bg-blue .card--showcase .truckconfigurator .modal-send .modal-btn:hover, .bg-blue .card--showcase .truckconfigurator .modal-summary .modal-btn:hover, .bg-blue .card--showcase .truckconfigurator .modal-validation .modal-btn:hover, .bg-blue .card--showcase .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .select-model-btn:hover, .bg-blue .card--showcase .truckconfigurator .sp-choose:hover, .bg-dark .card--showcase .btn:hover, .bg-dark .card--showcase .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-configure:hover, .bg-dark .card--showcase .truckconfigurator .modal .modal-btn:hover, .bg-dark .card--showcase .truckconfigurator .modal-disclaimer .modal-btn:hover, .bg-dark .card--showcase .truckconfigurator .modal-home .modal-btn:hover, .bg-dark .card--showcase .truckconfigurator .modal-save .modal-btn:hover, .bg-dark .card--showcase .truckconfigurator .modal-send .modal-btn:hover, .bg-dark .card--showcase .truckconfigurator .modal-summary .modal-btn:hover, .bg-dark .card--showcase .truckconfigurator .modal-validation .modal-btn:hover, .bg-dark .card--showcase .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .select-model-btn:hover, .bg-dark .card--showcase .truckconfigurator .sp-choose:hover, .truckconfigurator .bg-black .card--showcase .sp-choose:hover, .truckconfigurator .bg-blue .card--showcase .sp-choose:hover, .truckconfigurator .bg-dark .card--showcase .sp-choose:hover, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .bg-black .card--showcase .btn-configure:hover, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .bg-blue .card--showcase .btn-configure:hover, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .bg-dark .card--showcase .btn-configure:hover, .truckconfigurator .modal .bg-black .card--showcase .modal-btn:hover, .truckconfigurator .modal .bg-blue .card--showcase .modal-btn:hover, .truckconfigurator .modal .bg-dark .card--showcase .modal-btn:hover, .truckconfigurator .modal-disclaimer .bg-black .card--showcase .modal-btn:hover, .truckconfigurator .modal-disclaimer .bg-blue .card--showcase .modal-btn:hover, .truckconfigurator .modal-disclaimer .bg-dark .card--showcase .modal-btn:hover, .truckconfigurator .modal-home .bg-black .card--showcase .modal-btn:hover, .truckconfigurator .modal-home .bg-blue .card--showcase .modal-btn:hover, .truckconfigurator .modal-home .bg-dark .card--showcase .modal-btn:hover, .truckconfigurator .modal-save .bg-black .card--showcase .modal-btn:hover, .truckconfigurator .modal-save .bg-blue .card--showcase .modal-btn:hover, .truckconfigurator .modal-save .bg-dark .card--showcase .modal-btn:hover, .truckconfigurator .modal-send .bg-black .card--showcase .modal-btn:hover, .truckconfigurator .modal-send .bg-blue .card--showcase .modal-btn:hover, .truckconfigurator .modal-send .bg-dark .card--showcase .modal-btn:hover, .truckconfigurator .modal-summary .bg-black .card--showcase .modal-btn:hover, .truckconfigurator .modal-summary .bg-blue .card--showcase .modal-btn:hover, .truckconfigurator .modal-summary .bg-dark .card--showcase .modal-btn:hover, .truckconfigurator .modal-validation .bg-black .card--showcase .modal-btn:hover, .truckconfigurator .modal-validation .bg-blue .card--showcase .modal-btn:hover, .truckconfigurator .modal-validation .bg-dark .card--showcase .modal-btn:hover, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .bg-black .card--showcase .select-model-btn:hover, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .bg-blue .card--showcase .select-model-btn:hover, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .bg-dark .card--showcase .select-model-btn:hover {
  color: #fff;
}

.showcase-gallery {
  height: auto;
  padding-top: 5rem;
  text-align: center;
}

@media (min-width: 768px) {
  .showcase-gallery {
    text-align: left;
  }
}
.showcase-gallery__slides .swiper-slide {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-bottom: auto;
  margin-top: auto;
}

.showcase-gallery__slides .swiper-slide-next, .showcase-gallery__slides .swiper-slide-prev {
  opacity: 0.4;
}

.showcase-gallery__slides .swiper-slide-active {
  opacity: 1;
}

.showcase-gallery__image {
  flex: 1;
  height: auto;
  max-height: 100%;
  max-width: 100%;
  width: auto;
}

.showcase-gallery__description {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 auto;
  opacity: 0;
  padding: 1.75rem 0;
  position: relative;
}

@media (min-width: 768px) {
  .showcase-gallery__description {
    align-items: flex-start;
    flex-wrap: nowrap;
    padding: 2.75rem 0;
  }
}
.showcase-gallery__description.is-visible {
  opacity: 1;
}

.showcase-gallery__description-wrapper {
  left: 0;
  opacity: 0;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  pointer-events: none;
  position: absolute;
  right: 0;
  transition: opacity 0.4s ease-in-out;
}

@media (min-width: 768px) {
  .showcase-gallery__description-wrapper {
    border-bottom: 1px solid #353c45;
    padding: 0 0 2rem;
  }
  .bg-black .showcase-gallery__description-wrapper, .bg-blue .showcase-gallery__description-wrapper, .bg-dark .showcase-gallery__description-wrapper {
    border-color: #fff;
  }
}
.showcase-gallery__description-wrapper.is-active {
  opacity: 1;
  pointer-events: auto;
}

.showcase-gallery__description-text {
  position: relative;
  width: 100%;
}

@media (min-width: 768px) {
  .showcase-gallery__description-text {
    margin-bottom: 2.5rem;
    order: 2;
    width: 60%;
  }
}
.showcase-gallery__slide-title {
  font-size: 1.75rem;
  line-height: 1.1428571429;
}

.showcase-gallery__slide-description, .showcase-gallery__slide-description p {
  font-size: 1.125rem;
  line-height: 1.5555555556;
}

.showcase-gallery__slide-link {
  display: flex;
  font-size: 1rem;
  font-weight: 700;
}

.showcase-gallery__slide-link:hover .icon {
  fill: #1b4770;
}

.showcase-gallery__slide-link .icon {
  fill: #00529c;
}

.bg-black .showcase-gallery__slide-link, .bg-blue .showcase-gallery__slide-link, .bg-dark .showcase-gallery__slide-link {
  color: #fff;
}

.bg-black .showcase-gallery__slide-link .icon, .bg-blue .showcase-gallery__slide-link .icon, .bg-dark .showcase-gallery__slide-link .icon {
  fill: #fff;
}

.showcase-gallery__navigation {
  position: relative;
}

@media (min-width: 768px) {
  .showcase-gallery__navigation {
    order: 3;
  }
}
.showcase-gallery__navigation-button {
  border-radius: 50%;
  height: 2.5rem;
  margin-left: 0.625rem;
  padding: 0;
  position: relative;
  width: 2.5rem;
}

.showcase-gallery__navigation-button, .showcase-gallery__navigation-button:active, .showcase-gallery__navigation-button:hover {
  border: 1px solid #353c45;
}

.bg-black .showcase-gallery__navigation-button, .bg-black .showcase-gallery__navigation-button:active, .bg-black .showcase-gallery__navigation-button:hover, .bg-blue .showcase-gallery__navigation-button, .bg-blue .showcase-gallery__navigation-button:active, .bg-blue .showcase-gallery__navigation-button:hover, .bg-dark .showcase-gallery__navigation-button, .bg-dark .showcase-gallery__navigation-button:active, .bg-dark .showcase-gallery__navigation-button:hover {
  border-color: #fff;
}

.showcase-gallery__navigation-button .icon, .showcase-gallery__navigation-button:active .icon, .showcase-gallery__navigation-button:hover .icon {
  fill: #353c45;
}

.bg-black .showcase-gallery__navigation-button .icon, .bg-black .showcase-gallery__navigation-button:active .icon, .bg-black .showcase-gallery__navigation-button:hover .icon, .bg-blue .showcase-gallery__navigation-button .icon, .bg-blue .showcase-gallery__navigation-button:active .icon, .bg-blue .showcase-gallery__navigation-button:hover .icon, .bg-dark .showcase-gallery__navigation-button .icon, .bg-dark .showcase-gallery__navigation-button:active .icon, .bg-dark .showcase-gallery__navigation-button:hover .icon {
  fill: #fff;
}

.showcase-gallery__navigation-button .icon {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}

.showcase-gallery__pagination {
  font-size: 1.25rem;
  line-height: 1;
  width: auto !important;
}

@media (min-width: 768px) {
  .showcase-gallery__pagination {
    font-size: 1.75rem;
    order: 1;
  }
}
.showcase-gallery__pagination:after {
  background-color: #353c45;
  content: "";
  height: 1px;
  margin-left: 1.125rem;
  margin-top: 0.625rem;
  position: absolute;
  width: calc(100% - 11.5rem);
}

.bg-black .showcase-gallery__pagination:after, .bg-blue .showcase-gallery__pagination:after, .bg-dark .showcase-gallery__pagination:after {
  background-color: #fff;
}

@media (min-width: 768px) {
  .showcase-gallery__pagination:after {
    content: none;
  }
}
.teaser-fullwidth, .teaser-fullwidth__visual {
  position: relative;
}

.teaser-fullwidth__visual img {
  margin-bottom: 0 !important;
  max-width: none;
  width: 100%;
}

.teaser-fullwidth__visual .gradient {
  background: -owg-linear-gradient(0deg, #000 0, transparent 100%);
  background: linear-gradient(0deg, #000, transparent);
  height: 100%;
  left: 0;
  opacity: 0.8;
  position: absolute;
  top: 0;
  width: 100%;
}

.teaser-fullwidth__content {
  padding: 1.5625rem 0 0.9375rem;
  position: relative;
  width: 100%;
}

.teaser-fullwidth__content .body {
  padding: 0;
}

.teaser-fullwidth__content .teaser-fullwidth__title {
  font-size: 1.5rem;
  line-height: 1;
}

@media (min-width: 992px) {
  .teaser-fullwidth__content .teaser-fullwidth__title {
    color: #fff !important;
  }
}
.teaser-fullwidth__content .teaser-fullwidth__text {
  font-size: 0.875rem;
  line-height: 1.5714285714;
  margin-bottom: 1.5625rem;
}

@media (min-width: 992px) {
  .teaser-fullwidth__content .teaser-fullwidth__text {
    color: #f1f1f1 !important;
  }
}
@media (max-width: 991.98px) {
  .teaser-fullwidth__content .btn--ghost, .teaser-fullwidth__content .btn-ghost {
    background-color: #fff;
    border: 1px solid #b9c1c6;
    color: #00529c;
    transition: border-color 0.15s ease-in-out;
  }
  .teaser-fullwidth__content .btn--ghost.active, .teaser-fullwidth__content .btn--ghost.focus, .teaser-fullwidth__content .btn--ghost.hover, .teaser-fullwidth__content .btn--ghost:active, .teaser-fullwidth__content .btn--ghost:focus, .teaser-fullwidth__content .btn--ghost:hover, .teaser-fullwidth__content .btn-ghost.active, .teaser-fullwidth__content .btn-ghost.focus, .teaser-fullwidth__content .btn-ghost.hover, .teaser-fullwidth__content .btn-ghost:active, .teaser-fullwidth__content .btn-ghost:focus, .teaser-fullwidth__content .btn-ghost:hover {
    background-color: #fff !important;
    border: 1px solid #00529c !important;
    color: #00529c !important;
  }
  .teaser-fullwidth__content .btn--ghost.active .icon, .teaser-fullwidth__content .btn--ghost.focus .icon, .teaser-fullwidth__content .btn--ghost.hover .icon, .teaser-fullwidth__content .btn--ghost:active .icon, .teaser-fullwidth__content .btn--ghost:focus .icon, .teaser-fullwidth__content .btn--ghost:hover .icon, .teaser-fullwidth__content .btn-ghost.active .icon, .teaser-fullwidth__content .btn-ghost.focus .icon, .teaser-fullwidth__content .btn-ghost.hover .icon, .teaser-fullwidth__content .btn-ghost:active .icon, .teaser-fullwidth__content .btn-ghost:focus .icon, .teaser-fullwidth__content .btn-ghost:hover .icon {
    fill: #00529c !important;
  }
  .teaser-fullwidth__content .btn--ghost .icon, .teaser-fullwidth__content .btn-ghost .icon {
    fill: #00529c;
  }
}
@media (min-width: 992px) {
  .teaser-fullwidth__content {
    height: 100%;
    left: 50%;
    position: absolute;
    top: 0;
    transform: translateX(-50%);
  }
  .teaser-fullwidth__content .body {
    left: 50%;
    max-width: 500px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
  }
}
.teaser-fullwidth__cta-box {
  padding: 0;
  position: relative;
}

@media (min-width: 768px) {
  .teaser-fullwidth__cta-box {
    margin: 3.75rem 0 1.25rem;
  }
}
@media (min-width: 992px) {
  .teaser-fullwidth__cta-box {
    bottom: -30px;
    margin: 0;
    position: absolute;
    right: 0;
    width: 390px;
    z-index: 9000;
  }
}
.teaser-fullwidth__content > .body + .teaser-fullwidth__cta-box {
  margin-top: 2.5rem;
}

@media (min-width: 992px) {
  .teaser-fullwidth.content--top-left .body {
    left: 0;
    right: auto;
    top: 2.1875rem;
    transform: none;
  }
  .teaser-fullwidth.content--top-center .body {
    top: 2.1875rem;
    transform: translate(-50%);
  }
  .teaser-fullwidth.content--top-right .body {
    left: auto;
    right: 0;
    top: 2.1875rem;
    transform: none;
  }
  .teaser-fullwidth.content--middle-left .body {
    left: 0;
    right: auto;
    transform: translateY(-50%);
  }
  .teaser-fullwidth.content--middle-right .body {
    left: auto;
    right: 0;
    transform: translateY(-50%);
  }
  .teaser-fullwidth.content--bottom-left .body {
    bottom: 2.1875rem;
    left: 0;
    right: auto;
    top: auto;
    transform: none;
  }
  .teaser-fullwidth.content--bottom-center .body {
    bottom: 2.1875rem;
    top: auto;
    transform: translate(-50%);
  }
  .teaser-fullwidth.content--bottom-right .body {
    bottom: 2.1875rem;
    left: auto;
    right: 0;
    top: auto;
    transform: none;
  }
  .bg-light .teaser-fullwidth__content .btn--ghost, .bg-light .teaser-fullwidth__content .btn-ghost, .bg-medium:not(.card.cta-panel--blue) .teaser-fullwidth__content .btn--ghost, .bg-medium:not(.card.cta-panel--blue) .teaser-fullwidth__content .btn-ghost {
    align-items: center;
    background: transparent;
    border: 1px solid #fff;
    color: #fff;
    display: inline-flex;
    gap: 0.5rem;
    justify-content: center;
    position: relative;
    transition: border-color 0.15s ease-in-out;
  }
  .bg-light .teaser-fullwidth__content .btn--ghost:before, .bg-light .teaser-fullwidth__content .btn-ghost:before, .bg-medium:not(.card.cta-panel--blue) .teaser-fullwidth__content .btn--ghost:before, .bg-medium:not(.card.cta-panel--blue) .teaser-fullwidth__content .btn-ghost:before {
    border-radius: 9999px;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: backdrop-filter 0.15s ease-in-out;
    width: 100%;
    z-index: -1;
  }
  .bg-light .teaser-fullwidth__content .btn--ghost.active, .bg-light .teaser-fullwidth__content .btn--ghost.focus, .bg-light .teaser-fullwidth__content .btn--ghost.hover, .bg-light .teaser-fullwidth__content .btn--ghost:active, .bg-light .teaser-fullwidth__content .btn--ghost:focus, .bg-light .teaser-fullwidth__content .btn--ghost:hover, .bg-light .teaser-fullwidth__content .btn-ghost.active, .bg-light .teaser-fullwidth__content .btn-ghost.focus, .bg-light .teaser-fullwidth__content .btn-ghost.hover, .bg-light .teaser-fullwidth__content .btn-ghost:active, .bg-light .teaser-fullwidth__content .btn-ghost:focus, .bg-light .teaser-fullwidth__content .btn-ghost:hover, .bg-medium:not(.card.cta-panel--blue) .teaser-fullwidth__content .btn--ghost.active, .bg-medium:not(.card.cta-panel--blue) .teaser-fullwidth__content .btn--ghost.focus, .bg-medium:not(.card.cta-panel--blue) .teaser-fullwidth__content .btn--ghost.hover, .bg-medium:not(.card.cta-panel--blue) .teaser-fullwidth__content .btn--ghost:active, .bg-medium:not(.card.cta-panel--blue) .teaser-fullwidth__content .btn--ghost:focus, .bg-medium:not(.card.cta-panel--blue) .teaser-fullwidth__content .btn--ghost:hover, .bg-medium:not(.card.cta-panel--blue) .teaser-fullwidth__content .btn-ghost.active, .bg-medium:not(.card.cta-panel--blue) .teaser-fullwidth__content .btn-ghost.focus, .bg-medium:not(.card.cta-panel--blue) .teaser-fullwidth__content .btn-ghost.hover, .bg-medium:not(.card.cta-panel--blue) .teaser-fullwidth__content .btn-ghost:active, .bg-medium:not(.card.cta-panel--blue) .teaser-fullwidth__content .btn-ghost:focus, .bg-medium:not(.card.cta-panel--blue) .teaser-fullwidth__content .btn-ghost:hover {
    background-color: transparent !important;
    border-color: hsla(0, 0%, 100%, 0.3) !important;
    color: #fff !important;
  }
  .bg-light .teaser-fullwidth__content .btn--ghost.active:before, .bg-light .teaser-fullwidth__content .btn--ghost.focus:before, .bg-light .teaser-fullwidth__content .btn--ghost.hover:before, .bg-light .teaser-fullwidth__content .btn--ghost:active:before, .bg-light .teaser-fullwidth__content .btn--ghost:focus:before, .bg-light .teaser-fullwidth__content .btn--ghost:hover:before, .bg-light .teaser-fullwidth__content .btn-ghost.active:before, .bg-light .teaser-fullwidth__content .btn-ghost.focus:before, .bg-light .teaser-fullwidth__content .btn-ghost.hover:before, .bg-light .teaser-fullwidth__content .btn-ghost:active:before, .bg-light .teaser-fullwidth__content .btn-ghost:focus:before, .bg-light .teaser-fullwidth__content .btn-ghost:hover:before, .bg-medium:not(.card.cta-panel--blue) .teaser-fullwidth__content .btn--ghost.active:before, .bg-medium:not(.card.cta-panel--blue) .teaser-fullwidth__content .btn--ghost.focus:before, .bg-medium:not(.card.cta-panel--blue) .teaser-fullwidth__content .btn--ghost.hover:before, .bg-medium:not(.card.cta-panel--blue) .teaser-fullwidth__content .btn--ghost:active:before, .bg-medium:not(.card.cta-panel--blue) .teaser-fullwidth__content .btn--ghost:focus:before, .bg-medium:not(.card.cta-panel--blue) .teaser-fullwidth__content .btn--ghost:hover:before, .bg-medium:not(.card.cta-panel--blue) .teaser-fullwidth__content .btn-ghost.active:before, .bg-medium:not(.card.cta-panel--blue) .teaser-fullwidth__content .btn-ghost.focus:before, .bg-medium:not(.card.cta-panel--blue) .teaser-fullwidth__content .btn-ghost.hover:before, .bg-medium:not(.card.cta-panel--blue) .teaser-fullwidth__content .btn-ghost:active:before, .bg-medium:not(.card.cta-panel--blue) .teaser-fullwidth__content .btn-ghost:focus:before, .bg-medium:not(.card.cta-panel--blue) .teaser-fullwidth__content .btn-ghost:hover:before {
    backdrop-filter: blur(8px) !important;
  }
}
@media (min-width: 992px) {
  .bg-light .teaser-fullwidth__content .btn--ghost:focus-visible, .bg-light .teaser-fullwidth__content .btn-ghost:focus-visible, .bg-medium:not(.card.cta-panel--blue) .teaser-fullwidth__content .btn--ghost:focus-visible, .bg-medium:not(.card.cta-panel--blue) .teaser-fullwidth__content .btn-ghost:focus-visible {
    border-color: hsla(0, 0%, 100%, 0.3);
  }
  .bg-light .teaser-fullwidth__content .btn--ghost:focus-visible:before, .bg-light .teaser-fullwidth__content .btn-ghost:focus-visible:before, .bg-medium:not(.card.cta-panel--blue) .teaser-fullwidth__content .btn--ghost:focus-visible:before, .bg-medium:not(.card.cta-panel--blue) .teaser-fullwidth__content .btn-ghost:focus-visible:before {
    backdrop-filter: blur(8px);
  }
  .bg-light .teaser-fullwidth__content .btn--ghost .icon, .bg-light .teaser-fullwidth__content .btn-ghost .icon, .bg-medium:not(.card.cta-panel--blue) .teaser-fullwidth__content .btn--ghost .icon, .bg-medium:not(.card.cta-panel--blue) .teaser-fullwidth__content .btn-ghost .icon {
    fill: #fff;
  }
}
.teaser-fullwidth__title {
  font-size: 2.25rem;
  line-height: 1.1111111111;
  margin-bottom: 0.9375rem;
}

.teaser-fullwidth__text {
  font-size: 1.125rem;
  line-height: 1.5555555556;
  margin-bottom: 2.1875rem;
}

.text-light .teaser-fullwidth__text, .text-light .teaser-fullwidth__title {
  color: #fff !important;
}

.container-fluid .teaser-fullwidth {
  margin: 0 -0.625rem;
}

[class^=col]:has(> .teaser), [class^=col]:has(> a > .teaser) {
  display: flex;
}

[class^=col]:has(> .teaser) a, [class^=col]:has(> a > .teaser) a {
  display: flex;
  flex-grow: 1;
}

.teaser {
  border-radius: 0.625rem;
  flex-direction: row;
  flex-grow: 1;
  min-height: 23.625rem;
  overflow: hidden;
  padding-bottom: 1.75rem;
  position: relative;
}

@media (max-width: 991.98px) {
  .teaser {
    min-height: 0;
    padding-bottom: 1.25rem;
    width: 100%;
  }
  .teaser:after {
    content: "";
    display: block;
    padding-top: 100%;
  }
}
.teaser__container {
  opacity: 1;
  transition: opacity 0.15s ease-in-out;
}

.teaser.active .teaser__container, .teaser.focus .teaser__container, .teaser.hover .teaser__container, .teaser:active .teaser__container, .teaser:focus .teaser__container, .teaser:hover .teaser__container {
  opacity: 0.65;
}

.teaser.active .btn.btn--ghost, .teaser.active .btn.btn-ghost, .teaser.active .truckconfigurator .btn--ghost.sp-choose, .teaser.active .truckconfigurator .btn-ghost.sp-choose, .teaser.active .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn--ghost.btn-configure, .teaser.active .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-ghost.btn-configure, .teaser.active .truckconfigurator .modal .btn--ghost.modal-btn, .teaser.active .truckconfigurator .modal .btn-ghost.modal-btn, .teaser.active .truckconfigurator .modal-disclaimer .btn--ghost.modal-btn, .teaser.active .truckconfigurator .modal-disclaimer .btn-ghost.modal-btn, .teaser.active .truckconfigurator .modal-home .btn--ghost.modal-btn, .teaser.active .truckconfigurator .modal-home .btn-ghost.modal-btn, .teaser.active .truckconfigurator .modal-save .btn--ghost.modal-btn, .teaser.active .truckconfigurator .modal-save .btn-ghost.modal-btn, .teaser.active .truckconfigurator .modal-send .btn--ghost.modal-btn, .teaser.active .truckconfigurator .modal-send .btn-ghost.modal-btn, .teaser.active .truckconfigurator .modal-summary .btn--ghost.modal-btn, .teaser.active .truckconfigurator .modal-summary .btn-ghost.modal-btn, .teaser.active .truckconfigurator .modal-validation .btn--ghost.modal-btn, .teaser.active .truckconfigurator .modal-validation .btn-ghost.modal-btn, .teaser.active .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .btn--ghost.select-model-btn, .teaser.active .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .btn-ghost.select-model-btn, .teaser.focus .btn.btn--ghost, .teaser.focus .btn.btn-ghost, .teaser.focus .truckconfigurator .btn--ghost.sp-choose, .teaser.focus .truckconfigurator .btn-ghost.sp-choose, .teaser.focus .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn--ghost.btn-configure, .teaser.focus .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-ghost.btn-configure, .teaser.focus .truckconfigurator .modal .btn--ghost.modal-btn, .teaser.focus .truckconfigurator .modal .btn-ghost.modal-btn, .teaser.focus .truckconfigurator .modal-disclaimer .btn--ghost.modal-btn, .teaser.focus .truckconfigurator .modal-disclaimer .btn-ghost.modal-btn, .teaser.focus .truckconfigurator .modal-home .btn--ghost.modal-btn, .teaser.focus .truckconfigurator .modal-home .btn-ghost.modal-btn, .teaser.focus .truckconfigurator .modal-save .btn--ghost.modal-btn, .teaser.focus .truckconfigurator .modal-save .btn-ghost.modal-btn, .teaser.focus .truckconfigurator .modal-send .btn--ghost.modal-btn, .teaser.focus .truckconfigurator .modal-send .btn-ghost.modal-btn, .teaser.focus .truckconfigurator .modal-summary .btn--ghost.modal-btn, .teaser.focus .truckconfigurator .modal-summary .btn-ghost.modal-btn, .teaser.focus .truckconfigurator .modal-validation .btn--ghost.modal-btn, .teaser.focus .truckconfigurator .modal-validation .btn-ghost.modal-btn, .teaser.focus .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .btn--ghost.select-model-btn, .teaser.focus .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .btn-ghost.select-model-btn, .teaser.hover .btn.btn--ghost, .teaser.hover .btn.btn-ghost, .teaser.hover .truckconfigurator .btn--ghost.sp-choose, .teaser.hover .truckconfigurator .btn-ghost.sp-choose, .teaser.hover .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn--ghost.btn-configure, .teaser.hover .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-ghost.btn-configure, .teaser.hover .truckconfigurator .modal .btn--ghost.modal-btn, .teaser.hover .truckconfigurator .modal .btn-ghost.modal-btn, .teaser.hover .truckconfigurator .modal-disclaimer .btn--ghost.modal-btn, .teaser.hover .truckconfigurator .modal-disclaimer .btn-ghost.modal-btn, .teaser.hover .truckconfigurator .modal-home .btn--ghost.modal-btn, .teaser.hover .truckconfigurator .modal-home .btn-ghost.modal-btn, .teaser.hover .truckconfigurator .modal-save .btn--ghost.modal-btn, .teaser.hover .truckconfigurator .modal-save .btn-ghost.modal-btn, .teaser.hover .truckconfigurator .modal-send .btn--ghost.modal-btn, .teaser.hover .truckconfigurator .modal-send .btn-ghost.modal-btn, .teaser.hover .truckconfigurator .modal-summary .btn--ghost.modal-btn, .teaser.hover .truckconfigurator .modal-summary .btn-ghost.modal-btn, .teaser.hover .truckconfigurator .modal-validation .btn--ghost.modal-btn, .teaser.hover .truckconfigurator .modal-validation .btn-ghost.modal-btn, .teaser.hover .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .btn--ghost.select-model-btn, .teaser.hover .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .btn-ghost.select-model-btn, .teaser:active .btn.btn--ghost, .teaser:active .btn.btn-ghost, .teaser:active .truckconfigurator .btn--ghost.sp-choose, .teaser:active .truckconfigurator .btn-ghost.sp-choose, .teaser:active .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn--ghost.btn-configure, .teaser:active .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-ghost.btn-configure, .teaser:active .truckconfigurator .modal .btn--ghost.modal-btn, .teaser:active .truckconfigurator .modal .btn-ghost.modal-btn, .teaser:active .truckconfigurator .modal-disclaimer .btn--ghost.modal-btn, .teaser:active .truckconfigurator .modal-disclaimer .btn-ghost.modal-btn, .teaser:active .truckconfigurator .modal-home .btn--ghost.modal-btn, .teaser:active .truckconfigurator .modal-home .btn-ghost.modal-btn, .teaser:active .truckconfigurator .modal-save .btn--ghost.modal-btn, .teaser:active .truckconfigurator .modal-save .btn-ghost.modal-btn, .teaser:active .truckconfigurator .modal-send .btn--ghost.modal-btn, .teaser:active .truckconfigurator .modal-send .btn-ghost.modal-btn, .teaser:active .truckconfigurator .modal-summary .btn--ghost.modal-btn, .teaser:active .truckconfigurator .modal-summary .btn-ghost.modal-btn, .teaser:active .truckconfigurator .modal-validation .btn--ghost.modal-btn, .teaser:active .truckconfigurator .modal-validation .btn-ghost.modal-btn, .teaser:active .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .btn--ghost.select-model-btn, .teaser:active .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .btn-ghost.select-model-btn, .teaser:focus .btn.btn--ghost, .teaser:focus .btn.btn-ghost, .teaser:focus .truckconfigurator .btn--ghost.sp-choose, .teaser:focus .truckconfigurator .btn-ghost.sp-choose, .teaser:focus .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn--ghost.btn-configure, .teaser:focus .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-ghost.btn-configure, .teaser:focus .truckconfigurator .modal .btn--ghost.modal-btn, .teaser:focus .truckconfigurator .modal .btn-ghost.modal-btn, .teaser:focus .truckconfigurator .modal-disclaimer .btn--ghost.modal-btn, .teaser:focus .truckconfigurator .modal-disclaimer .btn-ghost.modal-btn, .teaser:focus .truckconfigurator .modal-home .btn--ghost.modal-btn, .teaser:focus .truckconfigurator .modal-home .btn-ghost.modal-btn, .teaser:focus .truckconfigurator .modal-save .btn--ghost.modal-btn, .teaser:focus .truckconfigurator .modal-save .btn-ghost.modal-btn, .teaser:focus .truckconfigurator .modal-send .btn--ghost.modal-btn, .teaser:focus .truckconfigurator .modal-send .btn-ghost.modal-btn, .teaser:focus .truckconfigurator .modal-summary .btn--ghost.modal-btn, .teaser:focus .truckconfigurator .modal-summary .btn-ghost.modal-btn, .teaser:focus .truckconfigurator .modal-validation .btn--ghost.modal-btn, .teaser:focus .truckconfigurator .modal-validation .btn-ghost.modal-btn, .teaser:focus .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .btn--ghost.select-model-btn, .teaser:focus .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .btn-ghost.select-model-btn, .teaser:hover .btn.btn--ghost, .teaser:hover .btn.btn-ghost, .teaser:hover .truckconfigurator .btn--ghost.sp-choose, .teaser:hover .truckconfigurator .btn-ghost.sp-choose, .teaser:hover .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn--ghost.btn-configure, .teaser:hover .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-ghost.btn-configure, .teaser:hover .truckconfigurator .modal .btn--ghost.modal-btn, .teaser:hover .truckconfigurator .modal .btn-ghost.modal-btn, .teaser:hover .truckconfigurator .modal-disclaimer .btn--ghost.modal-btn, .teaser:hover .truckconfigurator .modal-disclaimer .btn-ghost.modal-btn, .teaser:hover .truckconfigurator .modal-home .btn--ghost.modal-btn, .teaser:hover .truckconfigurator .modal-home .btn-ghost.modal-btn, .teaser:hover .truckconfigurator .modal-save .btn--ghost.modal-btn, .teaser:hover .truckconfigurator .modal-save .btn-ghost.modal-btn, .teaser:hover .truckconfigurator .modal-send .btn--ghost.modal-btn, .teaser:hover .truckconfigurator .modal-send .btn-ghost.modal-btn, .teaser:hover .truckconfigurator .modal-summary .btn--ghost.modal-btn, .teaser:hover .truckconfigurator .modal-summary .btn-ghost.modal-btn, .teaser:hover .truckconfigurator .modal-validation .btn--ghost.modal-btn, .teaser:hover .truckconfigurator .modal-validation .btn-ghost.modal-btn, .teaser:hover .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .btn--ghost.select-model-btn, .teaser:hover .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .btn-ghost.select-model-btn, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .teaser.active .btn--ghost.btn-configure, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .teaser.active .btn-ghost.btn-configure, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .teaser.focus .btn--ghost.btn-configure, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .teaser.focus .btn-ghost.btn-configure, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .teaser.hover .btn--ghost.btn-configure, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .teaser.hover .btn-ghost.btn-configure, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .teaser:active .btn--ghost.btn-configure, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .teaser:active .btn-ghost.btn-configure, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .teaser:focus .btn--ghost.btn-configure, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .teaser:focus .btn-ghost.btn-configure, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .teaser:hover .btn--ghost.btn-configure, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .teaser:hover .btn-ghost.btn-configure, .truckconfigurator .modal .teaser.active .btn--ghost.modal-btn, .truckconfigurator .modal .teaser.active .btn-ghost.modal-btn, .truckconfigurator .modal .teaser.focus .btn--ghost.modal-btn, .truckconfigurator .modal .teaser.focus .btn-ghost.modal-btn, .truckconfigurator .modal .teaser.hover .btn--ghost.modal-btn, .truckconfigurator .modal .teaser.hover .btn-ghost.modal-btn, .truckconfigurator .modal .teaser:active .btn--ghost.modal-btn, .truckconfigurator .modal .teaser:active .btn-ghost.modal-btn, .truckconfigurator .modal .teaser:focus .btn--ghost.modal-btn, .truckconfigurator .modal .teaser:focus .btn-ghost.modal-btn, .truckconfigurator .modal .teaser:hover .btn--ghost.modal-btn, .truckconfigurator .modal .teaser:hover .btn-ghost.modal-btn, .truckconfigurator .modal-disclaimer .teaser.active .btn--ghost.modal-btn, .truckconfigurator .modal-disclaimer .teaser.active .btn-ghost.modal-btn, .truckconfigurator .modal-disclaimer .teaser.focus .btn--ghost.modal-btn, .truckconfigurator .modal-disclaimer .teaser.focus .btn-ghost.modal-btn, .truckconfigurator .modal-disclaimer .teaser.hover .btn--ghost.modal-btn, .truckconfigurator .modal-disclaimer .teaser.hover .btn-ghost.modal-btn, .truckconfigurator .modal-disclaimer .teaser:active .btn--ghost.modal-btn, .truckconfigurator .modal-disclaimer .teaser:active .btn-ghost.modal-btn, .truckconfigurator .modal-disclaimer .teaser:focus .btn--ghost.modal-btn, .truckconfigurator .modal-disclaimer .teaser:focus .btn-ghost.modal-btn, .truckconfigurator .modal-disclaimer .teaser:hover .btn--ghost.modal-btn, .truckconfigurator .modal-disclaimer .teaser:hover .btn-ghost.modal-btn, .truckconfigurator .modal-home .teaser.active .btn--ghost.modal-btn, .truckconfigurator .modal-home .teaser.active .btn-ghost.modal-btn, .truckconfigurator .modal-home .teaser.focus .btn--ghost.modal-btn, .truckconfigurator .modal-home .teaser.focus .btn-ghost.modal-btn, .truckconfigurator .modal-home .teaser.hover .btn--ghost.modal-btn, .truckconfigurator .modal-home .teaser.hover .btn-ghost.modal-btn, .truckconfigurator .modal-home .teaser:active .btn--ghost.modal-btn, .truckconfigurator .modal-home .teaser:active .btn-ghost.modal-btn, .truckconfigurator .modal-home .teaser:focus .btn--ghost.modal-btn, .truckconfigurator .modal-home .teaser:focus .btn-ghost.modal-btn, .truckconfigurator .modal-home .teaser:hover .btn--ghost.modal-btn, .truckconfigurator .modal-home .teaser:hover .btn-ghost.modal-btn, .truckconfigurator .modal-save .teaser.active .btn--ghost.modal-btn, .truckconfigurator .modal-save .teaser.active .btn-ghost.modal-btn, .truckconfigurator .modal-save .teaser.focus .btn--ghost.modal-btn, .truckconfigurator .modal-save .teaser.focus .btn-ghost.modal-btn, .truckconfigurator .modal-save .teaser.hover .btn--ghost.modal-btn, .truckconfigurator .modal-save .teaser.hover .btn-ghost.modal-btn, .truckconfigurator .modal-save .teaser:active .btn--ghost.modal-btn, .truckconfigurator .modal-save .teaser:active .btn-ghost.modal-btn, .truckconfigurator .modal-save .teaser:focus .btn--ghost.modal-btn, .truckconfigurator .modal-save .teaser:focus .btn-ghost.modal-btn, .truckconfigurator .modal-save .teaser:hover .btn--ghost.modal-btn, .truckconfigurator .modal-save .teaser:hover .btn-ghost.modal-btn, .truckconfigurator .modal-send .teaser.active .btn--ghost.modal-btn, .truckconfigurator .modal-send .teaser.active .btn-ghost.modal-btn, .truckconfigurator .modal-send .teaser.focus .btn--ghost.modal-btn, .truckconfigurator .modal-send .teaser.focus .btn-ghost.modal-btn, .truckconfigurator .modal-send .teaser.hover .btn--ghost.modal-btn, .truckconfigurator .modal-send .teaser.hover .btn-ghost.modal-btn, .truckconfigurator .modal-send .teaser:active .btn--ghost.modal-btn, .truckconfigurator .modal-send .teaser:active .btn-ghost.modal-btn, .truckconfigurator .modal-send .teaser:focus .btn--ghost.modal-btn, .truckconfigurator .modal-send .teaser:focus .btn-ghost.modal-btn, .truckconfigurator .modal-send .teaser:hover .btn--ghost.modal-btn, .truckconfigurator .modal-send .teaser:hover .btn-ghost.modal-btn, .truckconfigurator .modal-summary .teaser.active .btn--ghost.modal-btn, .truckconfigurator .modal-summary .teaser.active .btn-ghost.modal-btn, .truckconfigurator .modal-summary .teaser.focus .btn--ghost.modal-btn, .truckconfigurator .modal-summary .teaser.focus .btn-ghost.modal-btn, .truckconfigurator .modal-summary .teaser.hover .btn--ghost.modal-btn, .truckconfigurator .modal-summary .teaser.hover .btn-ghost.modal-btn, .truckconfigurator .modal-summary .teaser:active .btn--ghost.modal-btn, .truckconfigurator .modal-summary .teaser:active .btn-ghost.modal-btn, .truckconfigurator .modal-summary .teaser:focus .btn--ghost.modal-btn, .truckconfigurator .modal-summary .teaser:focus .btn-ghost.modal-btn, .truckconfigurator .modal-summary .teaser:hover .btn--ghost.modal-btn, .truckconfigurator .modal-summary .teaser:hover .btn-ghost.modal-btn, .truckconfigurator .modal-validation .teaser.active .btn--ghost.modal-btn, .truckconfigurator .modal-validation .teaser.active .btn-ghost.modal-btn, .truckconfigurator .modal-validation .teaser.focus .btn--ghost.modal-btn, .truckconfigurator .modal-validation .teaser.focus .btn-ghost.modal-btn, .truckconfigurator .modal-validation .teaser.hover .btn--ghost.modal-btn, .truckconfigurator .modal-validation .teaser.hover .btn-ghost.modal-btn, .truckconfigurator .modal-validation .teaser:active .btn--ghost.modal-btn, .truckconfigurator .modal-validation .teaser:active .btn-ghost.modal-btn, .truckconfigurator .modal-validation .teaser:focus .btn--ghost.modal-btn, .truckconfigurator .modal-validation .teaser:focus .btn-ghost.modal-btn, .truckconfigurator .modal-validation .teaser:hover .btn--ghost.modal-btn, .truckconfigurator .modal-validation .teaser:hover .btn-ghost.modal-btn, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .teaser.active .btn--ghost.select-model-btn, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .teaser.active .btn-ghost.select-model-btn, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .teaser.focus .btn--ghost.select-model-btn, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .teaser.focus .btn-ghost.select-model-btn, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .teaser.hover .btn--ghost.select-model-btn, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .teaser.hover .btn-ghost.select-model-btn, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .teaser:active .btn--ghost.select-model-btn, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .teaser:active .btn-ghost.select-model-btn, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .teaser:focus .btn--ghost.select-model-btn, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .teaser:focus .btn-ghost.select-model-btn, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .teaser:hover .btn--ghost.select-model-btn, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .teaser:hover .btn-ghost.select-model-btn, .truckconfigurator .teaser.active .btn--ghost.sp-choose, .truckconfigurator .teaser.active .btn-ghost.sp-choose, .truckconfigurator .teaser.focus .btn--ghost.sp-choose, .truckconfigurator .teaser.focus .btn-ghost.sp-choose, .truckconfigurator .teaser.hover .btn--ghost.sp-choose, .truckconfigurator .teaser.hover .btn-ghost.sp-choose, .truckconfigurator .teaser:active .btn--ghost.sp-choose, .truckconfigurator .teaser:active .btn-ghost.sp-choose, .truckconfigurator .teaser:focus .btn--ghost.sp-choose, .truckconfigurator .teaser:focus .btn-ghost.sp-choose, .truckconfigurator .teaser:hover .btn--ghost.sp-choose, .truckconfigurator .teaser:hover .btn-ghost.sp-choose {
  border-color: hsla(0, 0%, 100%, 0.3);
}

.teaser.active .btn.btn--ghost:before, .teaser.active .btn.btn-ghost:before, .teaser.active .truckconfigurator .btn--ghost.sp-choose:before, .teaser.active .truckconfigurator .btn-ghost.sp-choose:before, .teaser.active .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn--ghost.btn-configure:before, .teaser.active .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-ghost.btn-configure:before, .teaser.active .truckconfigurator .modal .btn--ghost.modal-btn:before, .teaser.active .truckconfigurator .modal .btn-ghost.modal-btn:before, .teaser.active .truckconfigurator .modal-disclaimer .btn--ghost.modal-btn:before, .teaser.active .truckconfigurator .modal-disclaimer .btn-ghost.modal-btn:before, .teaser.active .truckconfigurator .modal-home .btn--ghost.modal-btn:before, .teaser.active .truckconfigurator .modal-home .btn-ghost.modal-btn:before, .teaser.active .truckconfigurator .modal-save .btn--ghost.modal-btn:before, .teaser.active .truckconfigurator .modal-save .btn-ghost.modal-btn:before, .teaser.active .truckconfigurator .modal-send .btn--ghost.modal-btn:before, .teaser.active .truckconfigurator .modal-send .btn-ghost.modal-btn:before, .teaser.active .truckconfigurator .modal-summary .btn--ghost.modal-btn:before, .teaser.active .truckconfigurator .modal-summary .btn-ghost.modal-btn:before, .teaser.active .truckconfigurator .modal-validation .btn--ghost.modal-btn:before, .teaser.active .truckconfigurator .modal-validation .btn-ghost.modal-btn:before, .teaser.active .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .btn--ghost.select-model-btn:before, .teaser.active .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .btn-ghost.select-model-btn:before, .teaser.focus .btn.btn--ghost:before, .teaser.focus .btn.btn-ghost:before, .teaser.focus .truckconfigurator .btn--ghost.sp-choose:before, .teaser.focus .truckconfigurator .btn-ghost.sp-choose:before, .teaser.focus .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn--ghost.btn-configure:before, .teaser.focus .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-ghost.btn-configure:before, .teaser.focus .truckconfigurator .modal .btn--ghost.modal-btn:before, .teaser.focus .truckconfigurator .modal .btn-ghost.modal-btn:before, .teaser.focus .truckconfigurator .modal-disclaimer .btn--ghost.modal-btn:before, .teaser.focus .truckconfigurator .modal-disclaimer .btn-ghost.modal-btn:before, .teaser.focus .truckconfigurator .modal-home .btn--ghost.modal-btn:before, .teaser.focus .truckconfigurator .modal-home .btn-ghost.modal-btn:before, .teaser.focus .truckconfigurator .modal-save .btn--ghost.modal-btn:before, .teaser.focus .truckconfigurator .modal-save .btn-ghost.modal-btn:before, .teaser.focus .truckconfigurator .modal-send .btn--ghost.modal-btn:before, .teaser.focus .truckconfigurator .modal-send .btn-ghost.modal-btn:before, .teaser.focus .truckconfigurator .modal-summary .btn--ghost.modal-btn:before, .teaser.focus .truckconfigurator .modal-summary .btn-ghost.modal-btn:before, .teaser.focus .truckconfigurator .modal-validation .btn--ghost.modal-btn:before, .teaser.focus .truckconfigurator .modal-validation .btn-ghost.modal-btn:before, .teaser.focus .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .btn--ghost.select-model-btn:before, .teaser.focus .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .btn-ghost.select-model-btn:before, .teaser.hover .btn.btn--ghost:before, .teaser.hover .btn.btn-ghost:before, .teaser.hover .truckconfigurator .btn--ghost.sp-choose:before, .teaser.hover .truckconfigurator .btn-ghost.sp-choose:before, .teaser.hover .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn--ghost.btn-configure:before, .teaser.hover .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-ghost.btn-configure:before, .teaser.hover .truckconfigurator .modal .btn--ghost.modal-btn:before, .teaser.hover .truckconfigurator .modal .btn-ghost.modal-btn:before, .teaser.hover .truckconfigurator .modal-disclaimer .btn--ghost.modal-btn:before, .teaser.hover .truckconfigurator .modal-disclaimer .btn-ghost.modal-btn:before, .teaser.hover .truckconfigurator .modal-home .btn--ghost.modal-btn:before, .teaser.hover .truckconfigurator .modal-home .btn-ghost.modal-btn:before, .teaser.hover .truckconfigurator .modal-save .btn--ghost.modal-btn:before, .teaser.hover .truckconfigurator .modal-save .btn-ghost.modal-btn:before, .teaser.hover .truckconfigurator .modal-send .btn--ghost.modal-btn:before, .teaser.hover .truckconfigurator .modal-send .btn-ghost.modal-btn:before, .teaser.hover .truckconfigurator .modal-summary .btn--ghost.modal-btn:before, .teaser.hover .truckconfigurator .modal-summary .btn-ghost.modal-btn:before, .teaser.hover .truckconfigurator .modal-validation .btn--ghost.modal-btn:before, .teaser.hover .truckconfigurator .modal-validation .btn-ghost.modal-btn:before, .teaser.hover .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .btn--ghost.select-model-btn:before, .teaser.hover .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .btn-ghost.select-model-btn:before, .teaser:active .btn.btn--ghost:before, .teaser:active .btn.btn-ghost:before, .teaser:active .truckconfigurator .btn--ghost.sp-choose:before, .teaser:active .truckconfigurator .btn-ghost.sp-choose:before, .teaser:active .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn--ghost.btn-configure:before, .teaser:active .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-ghost.btn-configure:before, .teaser:active .truckconfigurator .modal .btn--ghost.modal-btn:before, .teaser:active .truckconfigurator .modal .btn-ghost.modal-btn:before, .teaser:active .truckconfigurator .modal-disclaimer .btn--ghost.modal-btn:before, .teaser:active .truckconfigurator .modal-disclaimer .btn-ghost.modal-btn:before, .teaser:active .truckconfigurator .modal-home .btn--ghost.modal-btn:before, .teaser:active .truckconfigurator .modal-home .btn-ghost.modal-btn:before, .teaser:active .truckconfigurator .modal-save .btn--ghost.modal-btn:before, .teaser:active .truckconfigurator .modal-save .btn-ghost.modal-btn:before, .teaser:active .truckconfigurator .modal-send .btn--ghost.modal-btn:before, .teaser:active .truckconfigurator .modal-send .btn-ghost.modal-btn:before, .teaser:active .truckconfigurator .modal-summary .btn--ghost.modal-btn:before, .teaser:active .truckconfigurator .modal-summary .btn-ghost.modal-btn:before, .teaser:active .truckconfigurator .modal-validation .btn--ghost.modal-btn:before, .teaser:active .truckconfigurator .modal-validation .btn-ghost.modal-btn:before, .teaser:active .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .btn--ghost.select-model-btn:before, .teaser:active .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .btn-ghost.select-model-btn:before, .teaser:focus .btn.btn--ghost:before, .teaser:focus .btn.btn-ghost:before, .teaser:focus .truckconfigurator .btn--ghost.sp-choose:before, .teaser:focus .truckconfigurator .btn-ghost.sp-choose:before, .teaser:focus .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn--ghost.btn-configure:before, .teaser:focus .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-ghost.btn-configure:before, .teaser:focus .truckconfigurator .modal .btn--ghost.modal-btn:before, .teaser:focus .truckconfigurator .modal .btn-ghost.modal-btn:before, .teaser:focus .truckconfigurator .modal-disclaimer .btn--ghost.modal-btn:before, .teaser:focus .truckconfigurator .modal-disclaimer .btn-ghost.modal-btn:before, .teaser:focus .truckconfigurator .modal-home .btn--ghost.modal-btn:before, .teaser:focus .truckconfigurator .modal-home .btn-ghost.modal-btn:before, .teaser:focus .truckconfigurator .modal-save .btn--ghost.modal-btn:before, .teaser:focus .truckconfigurator .modal-save .btn-ghost.modal-btn:before, .teaser:focus .truckconfigurator .modal-send .btn--ghost.modal-btn:before, .teaser:focus .truckconfigurator .modal-send .btn-ghost.modal-btn:before, .teaser:focus .truckconfigurator .modal-summary .btn--ghost.modal-btn:before, .teaser:focus .truckconfigurator .modal-summary .btn-ghost.modal-btn:before, .teaser:focus .truckconfigurator .modal-validation .btn--ghost.modal-btn:before, .teaser:focus .truckconfigurator .modal-validation .btn-ghost.modal-btn:before, .teaser:focus .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .btn--ghost.select-model-btn:before, .teaser:focus .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .btn-ghost.select-model-btn:before, .teaser:hover .btn.btn--ghost:before, .teaser:hover .btn.btn-ghost:before, .teaser:hover .truckconfigurator .btn--ghost.sp-choose:before, .teaser:hover .truckconfigurator .btn-ghost.sp-choose:before, .teaser:hover .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn--ghost.btn-configure:before, .teaser:hover .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-ghost.btn-configure:before, .teaser:hover .truckconfigurator .modal .btn--ghost.modal-btn:before, .teaser:hover .truckconfigurator .modal .btn-ghost.modal-btn:before, .teaser:hover .truckconfigurator .modal-disclaimer .btn--ghost.modal-btn:before, .teaser:hover .truckconfigurator .modal-disclaimer .btn-ghost.modal-btn:before, .teaser:hover .truckconfigurator .modal-home .btn--ghost.modal-btn:before, .teaser:hover .truckconfigurator .modal-home .btn-ghost.modal-btn:before, .teaser:hover .truckconfigurator .modal-save .btn--ghost.modal-btn:before, .teaser:hover .truckconfigurator .modal-save .btn-ghost.modal-btn:before, .teaser:hover .truckconfigurator .modal-send .btn--ghost.modal-btn:before, .teaser:hover .truckconfigurator .modal-send .btn-ghost.modal-btn:before, .teaser:hover .truckconfigurator .modal-summary .btn--ghost.modal-btn:before, .teaser:hover .truckconfigurator .modal-summary .btn-ghost.modal-btn:before, .teaser:hover .truckconfigurator .modal-validation .btn--ghost.modal-btn:before, .teaser:hover .truckconfigurator .modal-validation .btn-ghost.modal-btn:before, .teaser:hover .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .btn--ghost.select-model-btn:before, .teaser:hover .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .btn-ghost.select-model-btn:before, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .teaser.active .btn--ghost.btn-configure:before, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .teaser.active .btn-ghost.btn-configure:before, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .teaser.focus .btn--ghost.btn-configure:before, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .teaser.focus .btn-ghost.btn-configure:before, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .teaser.hover .btn--ghost.btn-configure:before, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .teaser.hover .btn-ghost.btn-configure:before, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .teaser:active .btn--ghost.btn-configure:before, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .teaser:active .btn-ghost.btn-configure:before, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .teaser:focus .btn--ghost.btn-configure:before, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .teaser:focus .btn-ghost.btn-configure:before, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .teaser:hover .btn--ghost.btn-configure:before, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .teaser:hover .btn-ghost.btn-configure:before, .truckconfigurator .modal .teaser.active .btn--ghost.modal-btn:before, .truckconfigurator .modal .teaser.active .btn-ghost.modal-btn:before, .truckconfigurator .modal .teaser.focus .btn--ghost.modal-btn:before, .truckconfigurator .modal .teaser.focus .btn-ghost.modal-btn:before, .truckconfigurator .modal .teaser.hover .btn--ghost.modal-btn:before, .truckconfigurator .modal .teaser.hover .btn-ghost.modal-btn:before, .truckconfigurator .modal .teaser:active .btn--ghost.modal-btn:before, .truckconfigurator .modal .teaser:active .btn-ghost.modal-btn:before, .truckconfigurator .modal .teaser:focus .btn--ghost.modal-btn:before, .truckconfigurator .modal .teaser:focus .btn-ghost.modal-btn:before, .truckconfigurator .modal .teaser:hover .btn--ghost.modal-btn:before, .truckconfigurator .modal .teaser:hover .btn-ghost.modal-btn:before, .truckconfigurator .modal-disclaimer .teaser.active .btn--ghost.modal-btn:before, .truckconfigurator .modal-disclaimer .teaser.active .btn-ghost.modal-btn:before, .truckconfigurator .modal-disclaimer .teaser.focus .btn--ghost.modal-btn:before, .truckconfigurator .modal-disclaimer .teaser.focus .btn-ghost.modal-btn:before, .truckconfigurator .modal-disclaimer .teaser.hover .btn--ghost.modal-btn:before, .truckconfigurator .modal-disclaimer .teaser.hover .btn-ghost.modal-btn:before, .truckconfigurator .modal-disclaimer .teaser:active .btn--ghost.modal-btn:before, .truckconfigurator .modal-disclaimer .teaser:active .btn-ghost.modal-btn:before, .truckconfigurator .modal-disclaimer .teaser:focus .btn--ghost.modal-btn:before, .truckconfigurator .modal-disclaimer .teaser:focus .btn-ghost.modal-btn:before, .truckconfigurator .modal-disclaimer .teaser:hover .btn--ghost.modal-btn:before, .truckconfigurator .modal-disclaimer .teaser:hover .btn-ghost.modal-btn:before, .truckconfigurator .modal-home .teaser.active .btn--ghost.modal-btn:before, .truckconfigurator .modal-home .teaser.active .btn-ghost.modal-btn:before, .truckconfigurator .modal-home .teaser.focus .btn--ghost.modal-btn:before, .truckconfigurator .modal-home .teaser.focus .btn-ghost.modal-btn:before, .truckconfigurator .modal-home .teaser.hover .btn--ghost.modal-btn:before, .truckconfigurator .modal-home .teaser.hover .btn-ghost.modal-btn:before, .truckconfigurator .modal-home .teaser:active .btn--ghost.modal-btn:before, .truckconfigurator .modal-home .teaser:active .btn-ghost.modal-btn:before, .truckconfigurator .modal-home .teaser:focus .btn--ghost.modal-btn:before, .truckconfigurator .modal-home .teaser:focus .btn-ghost.modal-btn:before, .truckconfigurator .modal-home .teaser:hover .btn--ghost.modal-btn:before, .truckconfigurator .modal-home .teaser:hover .btn-ghost.modal-btn:before, .truckconfigurator .modal-save .teaser.active .btn--ghost.modal-btn:before, .truckconfigurator .modal-save .teaser.active .btn-ghost.modal-btn:before, .truckconfigurator .modal-save .teaser.focus .btn--ghost.modal-btn:before, .truckconfigurator .modal-save .teaser.focus .btn-ghost.modal-btn:before, .truckconfigurator .modal-save .teaser.hover .btn--ghost.modal-btn:before, .truckconfigurator .modal-save .teaser.hover .btn-ghost.modal-btn:before, .truckconfigurator .modal-save .teaser:active .btn--ghost.modal-btn:before, .truckconfigurator .modal-save .teaser:active .btn-ghost.modal-btn:before, .truckconfigurator .modal-save .teaser:focus .btn--ghost.modal-btn:before, .truckconfigurator .modal-save .teaser:focus .btn-ghost.modal-btn:before, .truckconfigurator .modal-save .teaser:hover .btn--ghost.modal-btn:before, .truckconfigurator .modal-save .teaser:hover .btn-ghost.modal-btn:before, .truckconfigurator .modal-send .teaser.active .btn--ghost.modal-btn:before, .truckconfigurator .modal-send .teaser.active .btn-ghost.modal-btn:before, .truckconfigurator .modal-send .teaser.focus .btn--ghost.modal-btn:before, .truckconfigurator .modal-send .teaser.focus .btn-ghost.modal-btn:before, .truckconfigurator .modal-send .teaser.hover .btn--ghost.modal-btn:before, .truckconfigurator .modal-send .teaser.hover .btn-ghost.modal-btn:before, .truckconfigurator .modal-send .teaser:active .btn--ghost.modal-btn:before, .truckconfigurator .modal-send .teaser:active .btn-ghost.modal-btn:before, .truckconfigurator .modal-send .teaser:focus .btn--ghost.modal-btn:before, .truckconfigurator .modal-send .teaser:focus .btn-ghost.modal-btn:before, .truckconfigurator .modal-send .teaser:hover .btn--ghost.modal-btn:before, .truckconfigurator .modal-send .teaser:hover .btn-ghost.modal-btn:before, .truckconfigurator .modal-summary .teaser.active .btn--ghost.modal-btn:before, .truckconfigurator .modal-summary .teaser.active .btn-ghost.modal-btn:before, .truckconfigurator .modal-summary .teaser.focus .btn--ghost.modal-btn:before, .truckconfigurator .modal-summary .teaser.focus .btn-ghost.modal-btn:before, .truckconfigurator .modal-summary .teaser.hover .btn--ghost.modal-btn:before, .truckconfigurator .modal-summary .teaser.hover .btn-ghost.modal-btn:before, .truckconfigurator .modal-summary .teaser:active .btn--ghost.modal-btn:before, .truckconfigurator .modal-summary .teaser:active .btn-ghost.modal-btn:before, .truckconfigurator .modal-summary .teaser:focus .btn--ghost.modal-btn:before, .truckconfigurator .modal-summary .teaser:focus .btn-ghost.modal-btn:before, .truckconfigurator .modal-summary .teaser:hover .btn--ghost.modal-btn:before, .truckconfigurator .modal-summary .teaser:hover .btn-ghost.modal-btn:before, .truckconfigurator .modal-validation .teaser.active .btn--ghost.modal-btn:before, .truckconfigurator .modal-validation .teaser.active .btn-ghost.modal-btn:before, .truckconfigurator .modal-validation .teaser.focus .btn--ghost.modal-btn:before, .truckconfigurator .modal-validation .teaser.focus .btn-ghost.modal-btn:before, .truckconfigurator .modal-validation .teaser.hover .btn--ghost.modal-btn:before, .truckconfigurator .modal-validation .teaser.hover .btn-ghost.modal-btn:before, .truckconfigurator .modal-validation .teaser:active .btn--ghost.modal-btn:before, .truckconfigurator .modal-validation .teaser:active .btn-ghost.modal-btn:before, .truckconfigurator .modal-validation .teaser:focus .btn--ghost.modal-btn:before, .truckconfigurator .modal-validation .teaser:focus .btn-ghost.modal-btn:before, .truckconfigurator .modal-validation .teaser:hover .btn--ghost.modal-btn:before, .truckconfigurator .modal-validation .teaser:hover .btn-ghost.modal-btn:before, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .teaser.active .btn--ghost.select-model-btn:before, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .teaser.active .btn-ghost.select-model-btn:before, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .teaser.focus .btn--ghost.select-model-btn:before, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .teaser.focus .btn-ghost.select-model-btn:before, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .teaser.hover .btn--ghost.select-model-btn:before, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .teaser.hover .btn-ghost.select-model-btn:before, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .teaser:active .btn--ghost.select-model-btn:before, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .teaser:active .btn-ghost.select-model-btn:before, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .teaser:focus .btn--ghost.select-model-btn:before, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .teaser:focus .btn-ghost.select-model-btn:before, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .teaser:hover .btn--ghost.select-model-btn:before, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .teaser:hover .btn-ghost.select-model-btn:before, .truckconfigurator .teaser.active .btn--ghost.sp-choose:before, .truckconfigurator .teaser.active .btn-ghost.sp-choose:before, .truckconfigurator .teaser.focus .btn--ghost.sp-choose:before, .truckconfigurator .teaser.focus .btn-ghost.sp-choose:before, .truckconfigurator .teaser.hover .btn--ghost.sp-choose:before, .truckconfigurator .teaser.hover .btn-ghost.sp-choose:before, .truckconfigurator .teaser:active .btn--ghost.sp-choose:before, .truckconfigurator .teaser:active .btn-ghost.sp-choose:before, .truckconfigurator .teaser:focus .btn--ghost.sp-choose:before, .truckconfigurator .teaser:focus .btn-ghost.sp-choose:before, .truckconfigurator .teaser:hover .btn--ghost.sp-choose:before, .truckconfigurator .teaser:hover .btn-ghost.sp-choose:before {
  backdrop-filter: blur(8px);
}

.teaser__gradient, .teaser__image {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.teaser__gradient {
  background: -owg-linear-gradient(0deg, #000, transparent);
  background: linear-gradient(0deg, #000, transparent);
  opacity: 0.8;
}

.teaser-body {
  padding: 3.125rem 2.5rem 0;
  position: relative;
  z-index: 15;
}

.teaser-body .card-title {
  font-weight: 700;
  text-decoration: none;
}

.teaser-body .card-text, .teaser-body .card-title {
  color: #fff !important;
  text-shadow: 0 0 0 rgba(0, 0, 0, 0.25), 0 0 60px rgba(0, 0, 0, 0.75);
}

.teaser-body .btn.btn--round, .teaser-body .btn.btn-round, .teaser-body .truckconfigurator .btn--round.sp-choose, .teaser-body .truckconfigurator .btn-round.sp-choose, .teaser-body .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn--round.btn-configure, .teaser-body .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-round.btn-configure, .teaser-body .truckconfigurator .modal .btn--round.modal-btn, .teaser-body .truckconfigurator .modal .btn-round.modal-btn, .teaser-body .truckconfigurator .modal-disclaimer .btn--round.modal-btn, .teaser-body .truckconfigurator .modal-disclaimer .btn-round.modal-btn, .teaser-body .truckconfigurator .modal-home .btn--round.modal-btn, .teaser-body .truckconfigurator .modal-home .btn-round.modal-btn, .teaser-body .truckconfigurator .modal-save .btn--round.modal-btn, .teaser-body .truckconfigurator .modal-save .btn-round.modal-btn, .teaser-body .truckconfigurator .modal-send .btn--round.modal-btn, .teaser-body .truckconfigurator .modal-send .btn-round.modal-btn, .teaser-body .truckconfigurator .modal-summary .btn--round.modal-btn, .teaser-body .truckconfigurator .modal-summary .btn-round.modal-btn, .teaser-body .truckconfigurator .modal-validation .btn--round.modal-btn, .teaser-body .truckconfigurator .modal-validation .btn-round.modal-btn, .teaser-body .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .btn--round.select-model-btn, .teaser-body .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .btn-round.select-model-btn, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .teaser-body .btn--round.btn-configure, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .teaser-body .btn-round.btn-configure, .truckconfigurator .modal .teaser-body .btn--round.modal-btn, .truckconfigurator .modal .teaser-body .btn-round.modal-btn, .truckconfigurator .modal-disclaimer .teaser-body .btn--round.modal-btn, .truckconfigurator .modal-disclaimer .teaser-body .btn-round.modal-btn, .truckconfigurator .modal-home .teaser-body .btn--round.modal-btn, .truckconfigurator .modal-home .teaser-body .btn-round.modal-btn, .truckconfigurator .modal-save .teaser-body .btn--round.modal-btn, .truckconfigurator .modal-save .teaser-body .btn-round.modal-btn, .truckconfigurator .modal-send .teaser-body .btn--round.modal-btn, .truckconfigurator .modal-send .teaser-body .btn-round.modal-btn, .truckconfigurator .modal-summary .teaser-body .btn--round.modal-btn, .truckconfigurator .modal-summary .teaser-body .btn-round.modal-btn, .truckconfigurator .modal-validation .teaser-body .btn--round.modal-btn, .truckconfigurator .modal-validation .teaser-body .btn-round.modal-btn, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .teaser-body .btn--round.select-model-btn, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .teaser-body .btn-round.select-model-btn, .truckconfigurator .teaser-body .btn--round.sp-choose, .truckconfigurator .teaser-body .btn-round.sp-choose {
  background-color: #fff;
}

.teaser-body .btn.btn--round .icon, .teaser-body .btn.btn-round .icon, .teaser-body .truckconfigurator .btn--round.sp-choose .icon, .teaser-body .truckconfigurator .btn-round.sp-choose .icon, .teaser-body .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn--round.btn-configure .icon, .teaser-body .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-round.btn-configure .icon, .teaser-body .truckconfigurator .modal .btn--round.modal-btn .icon, .teaser-body .truckconfigurator .modal .btn-round.modal-btn .icon, .teaser-body .truckconfigurator .modal-disclaimer .btn--round.modal-btn .icon, .teaser-body .truckconfigurator .modal-disclaimer .btn-round.modal-btn .icon, .teaser-body .truckconfigurator .modal-home .btn--round.modal-btn .icon, .teaser-body .truckconfigurator .modal-home .btn-round.modal-btn .icon, .teaser-body .truckconfigurator .modal-save .btn--round.modal-btn .icon, .teaser-body .truckconfigurator .modal-save .btn-round.modal-btn .icon, .teaser-body .truckconfigurator .modal-send .btn--round.modal-btn .icon, .teaser-body .truckconfigurator .modal-send .btn-round.modal-btn .icon, .teaser-body .truckconfigurator .modal-summary .btn--round.modal-btn .icon, .teaser-body .truckconfigurator .modal-summary .btn-round.modal-btn .icon, .teaser-body .truckconfigurator .modal-validation .btn--round.modal-btn .icon, .teaser-body .truckconfigurator .modal-validation .btn-round.modal-btn .icon, .teaser-body .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .btn--round.select-model-btn .icon, .teaser-body .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .btn-round.select-model-btn .icon, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .teaser-body .btn--round.btn-configure .icon, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .teaser-body .btn-round.btn-configure .icon, .truckconfigurator .modal .teaser-body .btn--round.modal-btn .icon, .truckconfigurator .modal .teaser-body .btn-round.modal-btn .icon, .truckconfigurator .modal-disclaimer .teaser-body .btn--round.modal-btn .icon, .truckconfigurator .modal-disclaimer .teaser-body .btn-round.modal-btn .icon, .truckconfigurator .modal-home .teaser-body .btn--round.modal-btn .icon, .truckconfigurator .modal-home .teaser-body .btn-round.modal-btn .icon, .truckconfigurator .modal-save .teaser-body .btn--round.modal-btn .icon, .truckconfigurator .modal-save .teaser-body .btn-round.modal-btn .icon, .truckconfigurator .modal-send .teaser-body .btn--round.modal-btn .icon, .truckconfigurator .modal-send .teaser-body .btn-round.modal-btn .icon, .truckconfigurator .modal-summary .teaser-body .btn--round.modal-btn .icon, .truckconfigurator .modal-summary .teaser-body .btn-round.modal-btn .icon, .truckconfigurator .modal-validation .teaser-body .btn--round.modal-btn .icon, .truckconfigurator .modal-validation .teaser-body .btn-round.modal-btn .icon, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .teaser-body .btn--round.select-model-btn .icon, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .teaser-body .btn-round.select-model-btn .icon, .truckconfigurator .teaser-body .btn--round.sp-choose .icon, .truckconfigurator .teaser-body .btn-round.sp-choose .icon {
  fill: #00529c;
}

.teaser.focus .btn.btn--round, .teaser.focus .btn.btn-round, .teaser.focus .truckconfigurator .btn--round.sp-choose, .teaser.focus .truckconfigurator .btn-round.sp-choose, .teaser.focus .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn--round.btn-configure, .teaser.focus .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-round.btn-configure, .teaser.focus .truckconfigurator .modal .btn--round.modal-btn, .teaser.focus .truckconfigurator .modal .btn-round.modal-btn, .teaser.focus .truckconfigurator .modal-disclaimer .btn--round.modal-btn, .teaser.focus .truckconfigurator .modal-disclaimer .btn-round.modal-btn, .teaser.focus .truckconfigurator .modal-home .btn--round.modal-btn, .teaser.focus .truckconfigurator .modal-home .btn-round.modal-btn, .teaser.focus .truckconfigurator .modal-save .btn--round.modal-btn, .teaser.focus .truckconfigurator .modal-save .btn-round.modal-btn, .teaser.focus .truckconfigurator .modal-send .btn--round.modal-btn, .teaser.focus .truckconfigurator .modal-send .btn-round.modal-btn, .teaser.focus .truckconfigurator .modal-summary .btn--round.modal-btn, .teaser.focus .truckconfigurator .modal-summary .btn-round.modal-btn, .teaser.focus .truckconfigurator .modal-validation .btn--round.modal-btn, .teaser.focus .truckconfigurator .modal-validation .btn-round.modal-btn, .teaser.focus .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .btn--round.select-model-btn, .teaser.focus .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .btn-round.select-model-btn, .teaser.hover .btn.btn--round, .teaser.hover .btn.btn-round, .teaser.hover .truckconfigurator .btn--round.sp-choose, .teaser.hover .truckconfigurator .btn-round.sp-choose, .teaser.hover .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn--round.btn-configure, .teaser.hover .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-round.btn-configure, .teaser.hover .truckconfigurator .modal .btn--round.modal-btn, .teaser.hover .truckconfigurator .modal .btn-round.modal-btn, .teaser.hover .truckconfigurator .modal-disclaimer .btn--round.modal-btn, .teaser.hover .truckconfigurator .modal-disclaimer .btn-round.modal-btn, .teaser.hover .truckconfigurator .modal-home .btn--round.modal-btn, .teaser.hover .truckconfigurator .modal-home .btn-round.modal-btn, .teaser.hover .truckconfigurator .modal-save .btn--round.modal-btn, .teaser.hover .truckconfigurator .modal-save .btn-round.modal-btn, .teaser.hover .truckconfigurator .modal-send .btn--round.modal-btn, .teaser.hover .truckconfigurator .modal-send .btn-round.modal-btn, .teaser.hover .truckconfigurator .modal-summary .btn--round.modal-btn, .teaser.hover .truckconfigurator .modal-summary .btn-round.modal-btn, .teaser.hover .truckconfigurator .modal-validation .btn--round.modal-btn, .teaser.hover .truckconfigurator .modal-validation .btn-round.modal-btn, .teaser.hover .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .btn--round.select-model-btn, .teaser.hover .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .btn-round.select-model-btn, .teaser:focus .btn.btn--round, .teaser:focus .btn.btn-round, .teaser:focus .truckconfigurator .btn--round.sp-choose, .teaser:focus .truckconfigurator .btn-round.sp-choose, .teaser:focus .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn--round.btn-configure, .teaser:focus .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-round.btn-configure, .teaser:focus .truckconfigurator .modal .btn--round.modal-btn, .teaser:focus .truckconfigurator .modal .btn-round.modal-btn, .teaser:focus .truckconfigurator .modal-disclaimer .btn--round.modal-btn, .teaser:focus .truckconfigurator .modal-disclaimer .btn-round.modal-btn, .teaser:focus .truckconfigurator .modal-home .btn--round.modal-btn, .teaser:focus .truckconfigurator .modal-home .btn-round.modal-btn, .teaser:focus .truckconfigurator .modal-save .btn--round.modal-btn, .teaser:focus .truckconfigurator .modal-save .btn-round.modal-btn, .teaser:focus .truckconfigurator .modal-send .btn--round.modal-btn, .teaser:focus .truckconfigurator .modal-send .btn-round.modal-btn, .teaser:focus .truckconfigurator .modal-summary .btn--round.modal-btn, .teaser:focus .truckconfigurator .modal-summary .btn-round.modal-btn, .teaser:focus .truckconfigurator .modal-validation .btn--round.modal-btn, .teaser:focus .truckconfigurator .modal-validation .btn-round.modal-btn, .teaser:focus .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .btn--round.select-model-btn, .teaser:focus .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .btn-round.select-model-btn, .teaser:hover .btn.btn--round, .teaser:hover .btn.btn-round, .teaser:hover .truckconfigurator .btn--round.sp-choose, .teaser:hover .truckconfigurator .btn-round.sp-choose, .teaser:hover .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn--round.btn-configure, .teaser:hover .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-round.btn-configure, .teaser:hover .truckconfigurator .modal .btn--round.modal-btn, .teaser:hover .truckconfigurator .modal .btn-round.modal-btn, .teaser:hover .truckconfigurator .modal-disclaimer .btn--round.modal-btn, .teaser:hover .truckconfigurator .modal-disclaimer .btn-round.modal-btn, .teaser:hover .truckconfigurator .modal-home .btn--round.modal-btn, .teaser:hover .truckconfigurator .modal-home .btn-round.modal-btn, .teaser:hover .truckconfigurator .modal-save .btn--round.modal-btn, .teaser:hover .truckconfigurator .modal-save .btn-round.modal-btn, .teaser:hover .truckconfigurator .modal-send .btn--round.modal-btn, .teaser:hover .truckconfigurator .modal-send .btn-round.modal-btn, .teaser:hover .truckconfigurator .modal-summary .btn--round.modal-btn, .teaser:hover .truckconfigurator .modal-summary .btn-round.modal-btn, .teaser:hover .truckconfigurator .modal-validation .btn--round.modal-btn, .teaser:hover .truckconfigurator .modal-validation .btn-round.modal-btn, .teaser:hover .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .btn--round.select-model-btn, .teaser:hover .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .btn-round.select-model-btn, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .teaser.focus .btn--round.btn-configure, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .teaser.focus .btn-round.btn-configure, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .teaser.hover .btn--round.btn-configure, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .teaser.hover .btn-round.btn-configure, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .teaser:focus .btn--round.btn-configure, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .teaser:focus .btn-round.btn-configure, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .teaser:hover .btn--round.btn-configure, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .teaser:hover .btn-round.btn-configure, .truckconfigurator .modal .teaser.focus .btn--round.modal-btn, .truckconfigurator .modal .teaser.focus .btn-round.modal-btn, .truckconfigurator .modal .teaser.hover .btn--round.modal-btn, .truckconfigurator .modal .teaser.hover .btn-round.modal-btn, .truckconfigurator .modal .teaser:focus .btn--round.modal-btn, .truckconfigurator .modal .teaser:focus .btn-round.modal-btn, .truckconfigurator .modal .teaser:hover .btn--round.modal-btn, .truckconfigurator .modal .teaser:hover .btn-round.modal-btn, .truckconfigurator .modal-disclaimer .teaser.focus .btn--round.modal-btn, .truckconfigurator .modal-disclaimer .teaser.focus .btn-round.modal-btn, .truckconfigurator .modal-disclaimer .teaser.hover .btn--round.modal-btn, .truckconfigurator .modal-disclaimer .teaser.hover .btn-round.modal-btn, .truckconfigurator .modal-disclaimer .teaser:focus .btn--round.modal-btn, .truckconfigurator .modal-disclaimer .teaser:focus .btn-round.modal-btn, .truckconfigurator .modal-disclaimer .teaser:hover .btn--round.modal-btn, .truckconfigurator .modal-disclaimer .teaser:hover .btn-round.modal-btn, .truckconfigurator .modal-home .teaser.focus .btn--round.modal-btn, .truckconfigurator .modal-home .teaser.focus .btn-round.modal-btn, .truckconfigurator .modal-home .teaser.hover .btn--round.modal-btn, .truckconfigurator .modal-home .teaser.hover .btn-round.modal-btn, .truckconfigurator .modal-home .teaser:focus .btn--round.modal-btn, .truckconfigurator .modal-home .teaser:focus .btn-round.modal-btn, .truckconfigurator .modal-home .teaser:hover .btn--round.modal-btn, .truckconfigurator .modal-home .teaser:hover .btn-round.modal-btn, .truckconfigurator .modal-save .teaser.focus .btn--round.modal-btn, .truckconfigurator .modal-save .teaser.focus .btn-round.modal-btn, .truckconfigurator .modal-save .teaser.hover .btn--round.modal-btn, .truckconfigurator .modal-save .teaser.hover .btn-round.modal-btn, .truckconfigurator .modal-save .teaser:focus .btn--round.modal-btn, .truckconfigurator .modal-save .teaser:focus .btn-round.modal-btn, .truckconfigurator .modal-save .teaser:hover .btn--round.modal-btn, .truckconfigurator .modal-save .teaser:hover .btn-round.modal-btn, .truckconfigurator .modal-send .teaser.focus .btn--round.modal-btn, .truckconfigurator .modal-send .teaser.focus .btn-round.modal-btn, .truckconfigurator .modal-send .teaser.hover .btn--round.modal-btn, .truckconfigurator .modal-send .teaser.hover .btn-round.modal-btn, .truckconfigurator .modal-send .teaser:focus .btn--round.modal-btn, .truckconfigurator .modal-send .teaser:focus .btn-round.modal-btn, .truckconfigurator .modal-send .teaser:hover .btn--round.modal-btn, .truckconfigurator .modal-send .teaser:hover .btn-round.modal-btn, .truckconfigurator .modal-summary .teaser.focus .btn--round.modal-btn, .truckconfigurator .modal-summary .teaser.focus .btn-round.modal-btn, .truckconfigurator .modal-summary .teaser.hover .btn--round.modal-btn, .truckconfigurator .modal-summary .teaser.hover .btn-round.modal-btn, .truckconfigurator .modal-summary .teaser:focus .btn--round.modal-btn, .truckconfigurator .modal-summary .teaser:focus .btn-round.modal-btn, .truckconfigurator .modal-summary .teaser:hover .btn--round.modal-btn, .truckconfigurator .modal-summary .teaser:hover .btn-round.modal-btn, .truckconfigurator .modal-validation .teaser.focus .btn--round.modal-btn, .truckconfigurator .modal-validation .teaser.focus .btn-round.modal-btn, .truckconfigurator .modal-validation .teaser.hover .btn--round.modal-btn, .truckconfigurator .modal-validation .teaser.hover .btn-round.modal-btn, .truckconfigurator .modal-validation .teaser:focus .btn--round.modal-btn, .truckconfigurator .modal-validation .teaser:focus .btn-round.modal-btn, .truckconfigurator .modal-validation .teaser:hover .btn--round.modal-btn, .truckconfigurator .modal-validation .teaser:hover .btn-round.modal-btn, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .teaser.focus .btn--round.select-model-btn, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .teaser.focus .btn-round.select-model-btn, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .teaser.hover .btn--round.select-model-btn, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .teaser.hover .btn-round.select-model-btn, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .teaser:focus .btn--round.select-model-btn, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .teaser:focus .btn-round.select-model-btn, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .teaser:hover .btn--round.select-model-btn, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .teaser:hover .btn-round.select-model-btn, .truckconfigurator .teaser.focus .btn--round.sp-choose, .truckconfigurator .teaser.focus .btn-round.sp-choose, .truckconfigurator .teaser.hover .btn--round.sp-choose, .truckconfigurator .teaser.hover .btn-round.sp-choose, .truckconfigurator .teaser:focus .btn--round.sp-choose, .truckconfigurator .teaser:focus .btn-round.sp-choose, .truckconfigurator .teaser:hover .btn--round.sp-choose, .truckconfigurator .teaser:hover .btn-round.sp-choose {
  background-color: #00529c;
}

.teaser.focus .btn.btn--round .icon, .teaser.focus .btn.btn-round .icon, .teaser.focus .truckconfigurator .btn--round.sp-choose .icon, .teaser.focus .truckconfigurator .btn-round.sp-choose .icon, .teaser.focus .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn--round.btn-configure .icon, .teaser.focus .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-round.btn-configure .icon, .teaser.focus .truckconfigurator .modal .btn--round.modal-btn .icon, .teaser.focus .truckconfigurator .modal .btn-round.modal-btn .icon, .teaser.focus .truckconfigurator .modal-disclaimer .btn--round.modal-btn .icon, .teaser.focus .truckconfigurator .modal-disclaimer .btn-round.modal-btn .icon, .teaser.focus .truckconfigurator .modal-home .btn--round.modal-btn .icon, .teaser.focus .truckconfigurator .modal-home .btn-round.modal-btn .icon, .teaser.focus .truckconfigurator .modal-save .btn--round.modal-btn .icon, .teaser.focus .truckconfigurator .modal-save .btn-round.modal-btn .icon, .teaser.focus .truckconfigurator .modal-send .btn--round.modal-btn .icon, .teaser.focus .truckconfigurator .modal-send .btn-round.modal-btn .icon, .teaser.focus .truckconfigurator .modal-summary .btn--round.modal-btn .icon, .teaser.focus .truckconfigurator .modal-summary .btn-round.modal-btn .icon, .teaser.focus .truckconfigurator .modal-validation .btn--round.modal-btn .icon, .teaser.focus .truckconfigurator .modal-validation .btn-round.modal-btn .icon, .teaser.focus .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .btn--round.select-model-btn .icon, .teaser.focus .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .btn-round.select-model-btn .icon, .teaser.hover .btn.btn--round .icon, .teaser.hover .btn.btn-round .icon, .teaser.hover .truckconfigurator .btn--round.sp-choose .icon, .teaser.hover .truckconfigurator .btn-round.sp-choose .icon, .teaser.hover .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn--round.btn-configure .icon, .teaser.hover .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-round.btn-configure .icon, .teaser.hover .truckconfigurator .modal .btn--round.modal-btn .icon, .teaser.hover .truckconfigurator .modal .btn-round.modal-btn .icon, .teaser.hover .truckconfigurator .modal-disclaimer .btn--round.modal-btn .icon, .teaser.hover .truckconfigurator .modal-disclaimer .btn-round.modal-btn .icon, .teaser.hover .truckconfigurator .modal-home .btn--round.modal-btn .icon, .teaser.hover .truckconfigurator .modal-home .btn-round.modal-btn .icon, .teaser.hover .truckconfigurator .modal-save .btn--round.modal-btn .icon, .teaser.hover .truckconfigurator .modal-save .btn-round.modal-btn .icon, .teaser.hover .truckconfigurator .modal-send .btn--round.modal-btn .icon, .teaser.hover .truckconfigurator .modal-send .btn-round.modal-btn .icon, .teaser.hover .truckconfigurator .modal-summary .btn--round.modal-btn .icon, .teaser.hover .truckconfigurator .modal-summary .btn-round.modal-btn .icon, .teaser.hover .truckconfigurator .modal-validation .btn--round.modal-btn .icon, .teaser.hover .truckconfigurator .modal-validation .btn-round.modal-btn .icon, .teaser.hover .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .btn--round.select-model-btn .icon, .teaser.hover .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .btn-round.select-model-btn .icon, .teaser:focus .btn.btn--round .icon, .teaser:focus .btn.btn-round .icon, .teaser:focus .truckconfigurator .btn--round.sp-choose .icon, .teaser:focus .truckconfigurator .btn-round.sp-choose .icon, .teaser:focus .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn--round.btn-configure .icon, .teaser:focus .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-round.btn-configure .icon, .teaser:focus .truckconfigurator .modal .btn--round.modal-btn .icon, .teaser:focus .truckconfigurator .modal .btn-round.modal-btn .icon, .teaser:focus .truckconfigurator .modal-disclaimer .btn--round.modal-btn .icon, .teaser:focus .truckconfigurator .modal-disclaimer .btn-round.modal-btn .icon, .teaser:focus .truckconfigurator .modal-home .btn--round.modal-btn .icon, .teaser:focus .truckconfigurator .modal-home .btn-round.modal-btn .icon, .teaser:focus .truckconfigurator .modal-save .btn--round.modal-btn .icon, .teaser:focus .truckconfigurator .modal-save .btn-round.modal-btn .icon, .teaser:focus .truckconfigurator .modal-send .btn--round.modal-btn .icon, .teaser:focus .truckconfigurator .modal-send .btn-round.modal-btn .icon, .teaser:focus .truckconfigurator .modal-summary .btn--round.modal-btn .icon, .teaser:focus .truckconfigurator .modal-summary .btn-round.modal-btn .icon, .teaser:focus .truckconfigurator .modal-validation .btn--round.modal-btn .icon, .teaser:focus .truckconfigurator .modal-validation .btn-round.modal-btn .icon, .teaser:focus .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .btn--round.select-model-btn .icon, .teaser:focus .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .btn-round.select-model-btn .icon, .teaser:hover .btn.btn--round .icon, .teaser:hover .btn.btn-round .icon, .teaser:hover .truckconfigurator .btn--round.sp-choose .icon, .teaser:hover .truckconfigurator .btn-round.sp-choose .icon, .teaser:hover .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn--round.btn-configure .icon, .teaser:hover .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-round.btn-configure .icon, .teaser:hover .truckconfigurator .modal .btn--round.modal-btn .icon, .teaser:hover .truckconfigurator .modal .btn-round.modal-btn .icon, .teaser:hover .truckconfigurator .modal-disclaimer .btn--round.modal-btn .icon, .teaser:hover .truckconfigurator .modal-disclaimer .btn-round.modal-btn .icon, .teaser:hover .truckconfigurator .modal-home .btn--round.modal-btn .icon, .teaser:hover .truckconfigurator .modal-home .btn-round.modal-btn .icon, .teaser:hover .truckconfigurator .modal-save .btn--round.modal-btn .icon, .teaser:hover .truckconfigurator .modal-save .btn-round.modal-btn .icon, .teaser:hover .truckconfigurator .modal-send .btn--round.modal-btn .icon, .teaser:hover .truckconfigurator .modal-send .btn-round.modal-btn .icon, .teaser:hover .truckconfigurator .modal-summary .btn--round.modal-btn .icon, .teaser:hover .truckconfigurator .modal-summary .btn-round.modal-btn .icon, .teaser:hover .truckconfigurator .modal-validation .btn--round.modal-btn .icon, .teaser:hover .truckconfigurator .modal-validation .btn-round.modal-btn .icon, .teaser:hover .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .btn--round.select-model-btn .icon, .teaser:hover .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .btn-round.select-model-btn .icon, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .teaser.focus .btn--round.btn-configure .icon, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .teaser.focus .btn-round.btn-configure .icon, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .teaser.hover .btn--round.btn-configure .icon, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .teaser.hover .btn-round.btn-configure .icon, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .teaser:focus .btn--round.btn-configure .icon, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .teaser:focus .btn-round.btn-configure .icon, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .teaser:hover .btn--round.btn-configure .icon, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .teaser:hover .btn-round.btn-configure .icon, .truckconfigurator .modal .teaser.focus .btn--round.modal-btn .icon, .truckconfigurator .modal .teaser.focus .btn-round.modal-btn .icon, .truckconfigurator .modal .teaser.hover .btn--round.modal-btn .icon, .truckconfigurator .modal .teaser.hover .btn-round.modal-btn .icon, .truckconfigurator .modal .teaser:focus .btn--round.modal-btn .icon, .truckconfigurator .modal .teaser:focus .btn-round.modal-btn .icon, .truckconfigurator .modal .teaser:hover .btn--round.modal-btn .icon, .truckconfigurator .modal .teaser:hover .btn-round.modal-btn .icon, .truckconfigurator .modal-disclaimer .teaser.focus .btn--round.modal-btn .icon, .truckconfigurator .modal-disclaimer .teaser.focus .btn-round.modal-btn .icon, .truckconfigurator .modal-disclaimer .teaser.hover .btn--round.modal-btn .icon, .truckconfigurator .modal-disclaimer .teaser.hover .btn-round.modal-btn .icon, .truckconfigurator .modal-disclaimer .teaser:focus .btn--round.modal-btn .icon, .truckconfigurator .modal-disclaimer .teaser:focus .btn-round.modal-btn .icon, .truckconfigurator .modal-disclaimer .teaser:hover .btn--round.modal-btn .icon, .truckconfigurator .modal-disclaimer .teaser:hover .btn-round.modal-btn .icon, .truckconfigurator .modal-home .teaser.focus .btn--round.modal-btn .icon, .truckconfigurator .modal-home .teaser.focus .btn-round.modal-btn .icon, .truckconfigurator .modal-home .teaser.hover .btn--round.modal-btn .icon, .truckconfigurator .modal-home .teaser.hover .btn-round.modal-btn .icon, .truckconfigurator .modal-home .teaser:focus .btn--round.modal-btn .icon, .truckconfigurator .modal-home .teaser:focus .btn-round.modal-btn .icon, .truckconfigurator .modal-home .teaser:hover .btn--round.modal-btn .icon, .truckconfigurator .modal-home .teaser:hover .btn-round.modal-btn .icon, .truckconfigurator .modal-save .teaser.focus .btn--round.modal-btn .icon, .truckconfigurator .modal-save .teaser.focus .btn-round.modal-btn .icon, .truckconfigurator .modal-save .teaser.hover .btn--round.modal-btn .icon, .truckconfigurator .modal-save .teaser.hover .btn-round.modal-btn .icon, .truckconfigurator .modal-save .teaser:focus .btn--round.modal-btn .icon, .truckconfigurator .modal-save .teaser:focus .btn-round.modal-btn .icon, .truckconfigurator .modal-save .teaser:hover .btn--round.modal-btn .icon, .truckconfigurator .modal-save .teaser:hover .btn-round.modal-btn .icon, .truckconfigurator .modal-send .teaser.focus .btn--round.modal-btn .icon, .truckconfigurator .modal-send .teaser.focus .btn-round.modal-btn .icon, .truckconfigurator .modal-send .teaser.hover .btn--round.modal-btn .icon, .truckconfigurator .modal-send .teaser.hover .btn-round.modal-btn .icon, .truckconfigurator .modal-send .teaser:focus .btn--round.modal-btn .icon, .truckconfigurator .modal-send .teaser:focus .btn-round.modal-btn .icon, .truckconfigurator .modal-send .teaser:hover .btn--round.modal-btn .icon, .truckconfigurator .modal-send .teaser:hover .btn-round.modal-btn .icon, .truckconfigurator .modal-summary .teaser.focus .btn--round.modal-btn .icon, .truckconfigurator .modal-summary .teaser.focus .btn-round.modal-btn .icon, .truckconfigurator .modal-summary .teaser.hover .btn--round.modal-btn .icon, .truckconfigurator .modal-summary .teaser.hover .btn-round.modal-btn .icon, .truckconfigurator .modal-summary .teaser:focus .btn--round.modal-btn .icon, .truckconfigurator .modal-summary .teaser:focus .btn-round.modal-btn .icon, .truckconfigurator .modal-summary .teaser:hover .btn--round.modal-btn .icon, .truckconfigurator .modal-summary .teaser:hover .btn-round.modal-btn .icon, .truckconfigurator .modal-validation .teaser.focus .btn--round.modal-btn .icon, .truckconfigurator .modal-validation .teaser.focus .btn-round.modal-btn .icon, .truckconfigurator .modal-validation .teaser.hover .btn--round.modal-btn .icon, .truckconfigurator .modal-validation .teaser.hover .btn-round.modal-btn .icon, .truckconfigurator .modal-validation .teaser:focus .btn--round.modal-btn .icon, .truckconfigurator .modal-validation .teaser:focus .btn-round.modal-btn .icon, .truckconfigurator .modal-validation .teaser:hover .btn--round.modal-btn .icon, .truckconfigurator .modal-validation .teaser:hover .btn-round.modal-btn .icon, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .teaser.focus .btn--round.select-model-btn .icon, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .teaser.focus .btn-round.select-model-btn .icon, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .teaser.hover .btn--round.select-model-btn .icon, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .teaser.hover .btn-round.select-model-btn .icon, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .teaser:focus .btn--round.select-model-btn .icon, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .teaser:focus .btn-round.select-model-btn .icon, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .teaser:hover .btn--round.select-model-btn .icon, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .teaser:hover .btn-round.select-model-btn .icon, .truckconfigurator .teaser.focus .btn--round.sp-choose .icon, .truckconfigurator .teaser.focus .btn-round.sp-choose .icon, .truckconfigurator .teaser.hover .btn--round.sp-choose .icon, .truckconfigurator .teaser.hover .btn-round.sp-choose .icon, .truckconfigurator .teaser:focus .btn--round.sp-choose .icon, .truckconfigurator .teaser:focus .btn-round.sp-choose .icon, .truckconfigurator .teaser:hover .btn--round.sp-choose .icon, .truckconfigurator .teaser:hover .btn-round.sp-choose .icon {
  fill: #fff;
}

.truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .teaser .btn-configure, .truckconfigurator .modal .teaser .modal-btn, .truckconfigurator .modal-disclaimer .teaser .modal-btn, .truckconfigurator .modal-home .teaser .modal-btn, .truckconfigurator .modal-save .teaser .modal-btn, .truckconfigurator .modal-send .teaser .modal-btn, .truckconfigurator .modal-summary .teaser .modal-btn, .truckconfigurator .modal-validation .teaser .modal-btn, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .teaser .select-model-btn, .truckconfigurator .teaser .btn, .truckconfigurator .teaser .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-configure, .truckconfigurator .teaser .modal .modal-btn, .truckconfigurator .teaser .modal-disclaimer .modal-btn, .truckconfigurator .teaser .modal-home .modal-btn, .truckconfigurator .teaser .modal-save .modal-btn, .truckconfigurator .teaser .modal-send .modal-btn, .truckconfigurator .teaser .modal-summary .modal-btn, .truckconfigurator .teaser .modal-validation .modal-btn, .truckconfigurator .teaser .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .select-model-btn, .truckconfigurator .teaser .sp-choose {
  margin-top: 0.625rem;
}

.bg-light .teaser .teaser-body .btn.btn--ghost, .bg-light .teaser .teaser-body .btn.btn-ghost, .bg-light .teaser .teaser-body .truckconfigurator .btn--ghost.sp-choose, .bg-light .teaser .teaser-body .truckconfigurator .btn-ghost.sp-choose, .bg-light .teaser .teaser-body .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn--ghost.btn-configure, .bg-light .teaser .teaser-body .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-ghost.btn-configure, .bg-light .teaser .teaser-body .truckconfigurator .modal .btn--ghost.modal-btn, .bg-light .teaser .teaser-body .truckconfigurator .modal .btn-ghost.modal-btn, .bg-light .teaser .teaser-body .truckconfigurator .modal-disclaimer .btn--ghost.modal-btn, .bg-light .teaser .teaser-body .truckconfigurator .modal-disclaimer .btn-ghost.modal-btn, .bg-light .teaser .teaser-body .truckconfigurator .modal-home .btn--ghost.modal-btn, .bg-light .teaser .teaser-body .truckconfigurator .modal-home .btn-ghost.modal-btn, .bg-light .teaser .teaser-body .truckconfigurator .modal-save .btn--ghost.modal-btn, .bg-light .teaser .teaser-body .truckconfigurator .modal-save .btn-ghost.modal-btn, .bg-light .teaser .teaser-body .truckconfigurator .modal-send .btn--ghost.modal-btn, .bg-light .teaser .teaser-body .truckconfigurator .modal-send .btn-ghost.modal-btn, .bg-light .teaser .teaser-body .truckconfigurator .modal-summary .btn--ghost.modal-btn, .bg-light .teaser .teaser-body .truckconfigurator .modal-summary .btn-ghost.modal-btn, .bg-light .teaser .teaser-body .truckconfigurator .modal-validation .btn--ghost.modal-btn, .bg-light .teaser .teaser-body .truckconfigurator .modal-validation .btn-ghost.modal-btn, .bg-light .teaser .teaser-body .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .btn--ghost.select-model-btn, .bg-light .teaser .teaser-body .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .btn-ghost.select-model-btn, .bg-medium .teaser .teaser-body .btn.btn--ghost, .bg-medium .teaser .teaser-body .btn.btn-ghost, .bg-medium .teaser .teaser-body .truckconfigurator .btn--ghost.sp-choose, .bg-medium .teaser .teaser-body .truckconfigurator .btn-ghost.sp-choose, .bg-medium .teaser .teaser-body .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn--ghost.btn-configure, .bg-medium .teaser .teaser-body .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-ghost.btn-configure, .bg-medium .teaser .teaser-body .truckconfigurator .modal .btn--ghost.modal-btn, .bg-medium .teaser .teaser-body .truckconfigurator .modal .btn-ghost.modal-btn, .bg-medium .teaser .teaser-body .truckconfigurator .modal-disclaimer .btn--ghost.modal-btn, .bg-medium .teaser .teaser-body .truckconfigurator .modal-disclaimer .btn-ghost.modal-btn, .bg-medium .teaser .teaser-body .truckconfigurator .modal-home .btn--ghost.modal-btn, .bg-medium .teaser .teaser-body .truckconfigurator .modal-home .btn-ghost.modal-btn, .bg-medium .teaser .teaser-body .truckconfigurator .modal-save .btn--ghost.modal-btn, .bg-medium .teaser .teaser-body .truckconfigurator .modal-save .btn-ghost.modal-btn, .bg-medium .teaser .teaser-body .truckconfigurator .modal-send .btn--ghost.modal-btn, .bg-medium .teaser .teaser-body .truckconfigurator .modal-send .btn-ghost.modal-btn, .bg-medium .teaser .teaser-body .truckconfigurator .modal-summary .btn--ghost.modal-btn, .bg-medium .teaser .teaser-body .truckconfigurator .modal-summary .btn-ghost.modal-btn, .bg-medium .teaser .teaser-body .truckconfigurator .modal-validation .btn--ghost.modal-btn, .bg-medium .teaser .teaser-body .truckconfigurator .modal-validation .btn-ghost.modal-btn, .bg-medium .teaser .teaser-body .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .btn--ghost.select-model-btn, .bg-medium .teaser .teaser-body .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .btn-ghost.select-model-btn, .truckconfigurator .bg-light .teaser .teaser-body .btn--ghost.sp-choose, .truckconfigurator .bg-light .teaser .teaser-body .btn-ghost.sp-choose, .truckconfigurator .bg-medium .teaser .teaser-body .btn--ghost.sp-choose, .truckconfigurator .bg-medium .teaser .teaser-body .btn-ghost.sp-choose, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .bg-light .teaser .teaser-body .btn--ghost.btn-configure, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .bg-light .teaser .teaser-body .btn-ghost.btn-configure, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .bg-medium .teaser .teaser-body .btn--ghost.btn-configure, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .bg-medium .teaser .teaser-body .btn-ghost.btn-configure, .truckconfigurator .modal .bg-light .teaser .teaser-body .btn--ghost.modal-btn, .truckconfigurator .modal .bg-light .teaser .teaser-body .btn-ghost.modal-btn, .truckconfigurator .modal .bg-medium .teaser .teaser-body .btn--ghost.modal-btn, .truckconfigurator .modal .bg-medium .teaser .teaser-body .btn-ghost.modal-btn, .truckconfigurator .modal-disclaimer .bg-light .teaser .teaser-body .btn--ghost.modal-btn, .truckconfigurator .modal-disclaimer .bg-light .teaser .teaser-body .btn-ghost.modal-btn, .truckconfigurator .modal-disclaimer .bg-medium .teaser .teaser-body .btn--ghost.modal-btn, .truckconfigurator .modal-disclaimer .bg-medium .teaser .teaser-body .btn-ghost.modal-btn, .truckconfigurator .modal-home .bg-light .teaser .teaser-body .btn--ghost.modal-btn, .truckconfigurator .modal-home .bg-light .teaser .teaser-body .btn-ghost.modal-btn, .truckconfigurator .modal-home .bg-medium .teaser .teaser-body .btn--ghost.modal-btn, .truckconfigurator .modal-home .bg-medium .teaser .teaser-body .btn-ghost.modal-btn, .truckconfigurator .modal-save .bg-light .teaser .teaser-body .btn--ghost.modal-btn, .truckconfigurator .modal-save .bg-light .teaser .teaser-body .btn-ghost.modal-btn, .truckconfigurator .modal-save .bg-medium .teaser .teaser-body .btn--ghost.modal-btn, .truckconfigurator .modal-save .bg-medium .teaser .teaser-body .btn-ghost.modal-btn, .truckconfigurator .modal-send .bg-light .teaser .teaser-body .btn--ghost.modal-btn, .truckconfigurator .modal-send .bg-light .teaser .teaser-body .btn-ghost.modal-btn, .truckconfigurator .modal-send .bg-medium .teaser .teaser-body .btn--ghost.modal-btn, .truckconfigurator .modal-send .bg-medium .teaser .teaser-body .btn-ghost.modal-btn, .truckconfigurator .modal-summary .bg-light .teaser .teaser-body .btn--ghost.modal-btn, .truckconfigurator .modal-summary .bg-light .teaser .teaser-body .btn-ghost.modal-btn, .truckconfigurator .modal-summary .bg-medium .teaser .teaser-body .btn--ghost.modal-btn, .truckconfigurator .modal-summary .bg-medium .teaser .teaser-body .btn-ghost.modal-btn, .truckconfigurator .modal-validation .bg-light .teaser .teaser-body .btn--ghost.modal-btn, .truckconfigurator .modal-validation .bg-light .teaser .teaser-body .btn-ghost.modal-btn, .truckconfigurator .modal-validation .bg-medium .teaser .teaser-body .btn--ghost.modal-btn, .truckconfigurator .modal-validation .bg-medium .teaser .teaser-body .btn-ghost.modal-btn, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .bg-light .teaser .teaser-body .btn--ghost.select-model-btn, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .bg-light .teaser .teaser-body .btn-ghost.select-model-btn, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .bg-medium .teaser .teaser-body .btn--ghost.select-model-btn, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .bg-medium .teaser .teaser-body .btn-ghost.select-model-btn {
  align-items: center;
  background: transparent;
  border: 1px solid #fff;
  color: #fff;
  display: inline-flex;
  gap: 0.5rem;
  justify-content: center;
  position: relative;
  transition: border-color 0.15s ease-in-out;
}

.bg-light .teaser .teaser-body .btn.btn--ghost:before, .bg-light .teaser .teaser-body .btn.btn-ghost:before, .bg-light .teaser .teaser-body .truckconfigurator .btn--ghost.sp-choose:before, .bg-light .teaser .teaser-body .truckconfigurator .btn-ghost.sp-choose:before, .bg-light .teaser .teaser-body .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn--ghost.btn-configure:before, .bg-light .teaser .teaser-body .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-ghost.btn-configure:before, .bg-light .teaser .teaser-body .truckconfigurator .modal .btn--ghost.modal-btn:before, .bg-light .teaser .teaser-body .truckconfigurator .modal .btn-ghost.modal-btn:before, .bg-light .teaser .teaser-body .truckconfigurator .modal-disclaimer .btn--ghost.modal-btn:before, .bg-light .teaser .teaser-body .truckconfigurator .modal-disclaimer .btn-ghost.modal-btn:before, .bg-light .teaser .teaser-body .truckconfigurator .modal-home .btn--ghost.modal-btn:before, .bg-light .teaser .teaser-body .truckconfigurator .modal-home .btn-ghost.modal-btn:before, .bg-light .teaser .teaser-body .truckconfigurator .modal-save .btn--ghost.modal-btn:before, .bg-light .teaser .teaser-body .truckconfigurator .modal-save .btn-ghost.modal-btn:before, .bg-light .teaser .teaser-body .truckconfigurator .modal-send .btn--ghost.modal-btn:before, .bg-light .teaser .teaser-body .truckconfigurator .modal-send .btn-ghost.modal-btn:before, .bg-light .teaser .teaser-body .truckconfigurator .modal-summary .btn--ghost.modal-btn:before, .bg-light .teaser .teaser-body .truckconfigurator .modal-summary .btn-ghost.modal-btn:before, .bg-light .teaser .teaser-body .truckconfigurator .modal-validation .btn--ghost.modal-btn:before, .bg-light .teaser .teaser-body .truckconfigurator .modal-validation .btn-ghost.modal-btn:before, .bg-light .teaser .teaser-body .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .btn--ghost.select-model-btn:before, .bg-light .teaser .teaser-body .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .btn-ghost.select-model-btn:before, .bg-medium .teaser .teaser-body .btn.btn--ghost:before, .bg-medium .teaser .teaser-body .btn.btn-ghost:before, .bg-medium .teaser .teaser-body .truckconfigurator .btn--ghost.sp-choose:before, .bg-medium .teaser .teaser-body .truckconfigurator .btn-ghost.sp-choose:before, .bg-medium .teaser .teaser-body .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn--ghost.btn-configure:before, .bg-medium .teaser .teaser-body .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-ghost.btn-configure:before, .bg-medium .teaser .teaser-body .truckconfigurator .modal .btn--ghost.modal-btn:before, .bg-medium .teaser .teaser-body .truckconfigurator .modal .btn-ghost.modal-btn:before, .bg-medium .teaser .teaser-body .truckconfigurator .modal-disclaimer .btn--ghost.modal-btn:before, .bg-medium .teaser .teaser-body .truckconfigurator .modal-disclaimer .btn-ghost.modal-btn:before, .bg-medium .teaser .teaser-body .truckconfigurator .modal-home .btn--ghost.modal-btn:before, .bg-medium .teaser .teaser-body .truckconfigurator .modal-home .btn-ghost.modal-btn:before, .bg-medium .teaser .teaser-body .truckconfigurator .modal-save .btn--ghost.modal-btn:before, .bg-medium .teaser .teaser-body .truckconfigurator .modal-save .btn-ghost.modal-btn:before, .bg-medium .teaser .teaser-body .truckconfigurator .modal-send .btn--ghost.modal-btn:before, .bg-medium .teaser .teaser-body .truckconfigurator .modal-send .btn-ghost.modal-btn:before, .bg-medium .teaser .teaser-body .truckconfigurator .modal-summary .btn--ghost.modal-btn:before, .bg-medium .teaser .teaser-body .truckconfigurator .modal-summary .btn-ghost.modal-btn:before, .bg-medium .teaser .teaser-body .truckconfigurator .modal-validation .btn--ghost.modal-btn:before, .bg-medium .teaser .teaser-body .truckconfigurator .modal-validation .btn-ghost.modal-btn:before, .bg-medium .teaser .teaser-body .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .btn--ghost.select-model-btn:before, .bg-medium .teaser .teaser-body .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .btn-ghost.select-model-btn:before, .truckconfigurator .bg-light .teaser .teaser-body .btn--ghost.sp-choose:before, .truckconfigurator .bg-light .teaser .teaser-body .btn-ghost.sp-choose:before, .truckconfigurator .bg-medium .teaser .teaser-body .btn--ghost.sp-choose:before, .truckconfigurator .bg-medium .teaser .teaser-body .btn-ghost.sp-choose:before, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .bg-light .teaser .teaser-body .btn--ghost.btn-configure:before, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .bg-light .teaser .teaser-body .btn-ghost.btn-configure:before, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .bg-medium .teaser .teaser-body .btn--ghost.btn-configure:before, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .bg-medium .teaser .teaser-body .btn-ghost.btn-configure:before, .truckconfigurator .modal .bg-light .teaser .teaser-body .btn--ghost.modal-btn:before, .truckconfigurator .modal .bg-light .teaser .teaser-body .btn-ghost.modal-btn:before, .truckconfigurator .modal .bg-medium .teaser .teaser-body .btn--ghost.modal-btn:before, .truckconfigurator .modal .bg-medium .teaser .teaser-body .btn-ghost.modal-btn:before, .truckconfigurator .modal-disclaimer .bg-light .teaser .teaser-body .btn--ghost.modal-btn:before, .truckconfigurator .modal-disclaimer .bg-light .teaser .teaser-body .btn-ghost.modal-btn:before, .truckconfigurator .modal-disclaimer .bg-medium .teaser .teaser-body .btn--ghost.modal-btn:before, .truckconfigurator .modal-disclaimer .bg-medium .teaser .teaser-body .btn-ghost.modal-btn:before, .truckconfigurator .modal-home .bg-light .teaser .teaser-body .btn--ghost.modal-btn:before, .truckconfigurator .modal-home .bg-light .teaser .teaser-body .btn-ghost.modal-btn:before, .truckconfigurator .modal-home .bg-medium .teaser .teaser-body .btn--ghost.modal-btn:before, .truckconfigurator .modal-home .bg-medium .teaser .teaser-body .btn-ghost.modal-btn:before, .truckconfigurator .modal-save .bg-light .teaser .teaser-body .btn--ghost.modal-btn:before, .truckconfigurator .modal-save .bg-light .teaser .teaser-body .btn-ghost.modal-btn:before, .truckconfigurator .modal-save .bg-medium .teaser .teaser-body .btn--ghost.modal-btn:before, .truckconfigurator .modal-save .bg-medium .teaser .teaser-body .btn-ghost.modal-btn:before, .truckconfigurator .modal-send .bg-light .teaser .teaser-body .btn--ghost.modal-btn:before, .truckconfigurator .modal-send .bg-light .teaser .teaser-body .btn-ghost.modal-btn:before, .truckconfigurator .modal-send .bg-medium .teaser .teaser-body .btn--ghost.modal-btn:before, .truckconfigurator .modal-send .bg-medium .teaser .teaser-body .btn-ghost.modal-btn:before, .truckconfigurator .modal-summary .bg-light .teaser .teaser-body .btn--ghost.modal-btn:before, .truckconfigurator .modal-summary .bg-light .teaser .teaser-body .btn-ghost.modal-btn:before, .truckconfigurator .modal-summary .bg-medium .teaser .teaser-body .btn--ghost.modal-btn:before, .truckconfigurator .modal-summary .bg-medium .teaser .teaser-body .btn-ghost.modal-btn:before, .truckconfigurator .modal-validation .bg-light .teaser .teaser-body .btn--ghost.modal-btn:before, .truckconfigurator .modal-validation .bg-light .teaser .teaser-body .btn-ghost.modal-btn:before, .truckconfigurator .modal-validation .bg-medium .teaser .teaser-body .btn--ghost.modal-btn:before, .truckconfigurator .modal-validation .bg-medium .teaser .teaser-body .btn-ghost.modal-btn:before, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .bg-light .teaser .teaser-body .btn--ghost.select-model-btn:before, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .bg-light .teaser .teaser-body .btn-ghost.select-model-btn:before, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .bg-medium .teaser .teaser-body .btn--ghost.select-model-btn:before, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .bg-medium .teaser .teaser-body .btn-ghost.select-model-btn:before {
  border-radius: 9999px;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transition: backdrop-filter 0.15s ease-in-out;
  width: 100%;
  z-index: -1;
}

.bg-light .teaser.active .btn.btn--ghost, .bg-light .teaser.active .btn.btn-ghost, .bg-light .teaser.active .truckconfigurator .btn--ghost.sp-choose, .bg-light .teaser.active .truckconfigurator .btn-ghost.sp-choose, .bg-light .teaser.active .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn--ghost.btn-configure, .bg-light .teaser.active .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-ghost.btn-configure, .bg-light .teaser.active .truckconfigurator .modal .btn--ghost.modal-btn, .bg-light .teaser.active .truckconfigurator .modal .btn-ghost.modal-btn, .bg-light .teaser.active .truckconfigurator .modal-disclaimer .btn--ghost.modal-btn, .bg-light .teaser.active .truckconfigurator .modal-disclaimer .btn-ghost.modal-btn, .bg-light .teaser.active .truckconfigurator .modal-home .btn--ghost.modal-btn, .bg-light .teaser.active .truckconfigurator .modal-home .btn-ghost.modal-btn, .bg-light .teaser.active .truckconfigurator .modal-save .btn--ghost.modal-btn, .bg-light .teaser.active .truckconfigurator .modal-save .btn-ghost.modal-btn, .bg-light .teaser.active .truckconfigurator .modal-send .btn--ghost.modal-btn, .bg-light .teaser.active .truckconfigurator .modal-send .btn-ghost.modal-btn, .bg-light .teaser.active .truckconfigurator .modal-summary .btn--ghost.modal-btn, .bg-light .teaser.active .truckconfigurator .modal-summary .btn-ghost.modal-btn, .bg-light .teaser.active .truckconfigurator .modal-validation .btn--ghost.modal-btn, .bg-light .teaser.active .truckconfigurator .modal-validation .btn-ghost.modal-btn, .bg-light .teaser.active .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .btn--ghost.select-model-btn, .bg-light .teaser.active .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .btn-ghost.select-model-btn, .bg-light .teaser.focus .btn.btn--ghost, .bg-light .teaser.focus .btn.btn-ghost, .bg-light .teaser.focus .truckconfigurator .btn--ghost.sp-choose, .bg-light .teaser.focus .truckconfigurator .btn-ghost.sp-choose, .bg-light .teaser.focus .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn--ghost.btn-configure, .bg-light .teaser.focus .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-ghost.btn-configure, .bg-light .teaser.focus .truckconfigurator .modal .btn--ghost.modal-btn, .bg-light .teaser.focus .truckconfigurator .modal .btn-ghost.modal-btn, .bg-light .teaser.focus .truckconfigurator .modal-disclaimer .btn--ghost.modal-btn, .bg-light .teaser.focus .truckconfigurator .modal-disclaimer .btn-ghost.modal-btn, .bg-light .teaser.focus .truckconfigurator .modal-home .btn--ghost.modal-btn, .bg-light .teaser.focus .truckconfigurator .modal-home .btn-ghost.modal-btn, .bg-light .teaser.focus .truckconfigurator .modal-save .btn--ghost.modal-btn, .bg-light .teaser.focus .truckconfigurator .modal-save .btn-ghost.modal-btn, .bg-light .teaser.focus .truckconfigurator .modal-send .btn--ghost.modal-btn, .bg-light .teaser.focus .truckconfigurator .modal-send .btn-ghost.modal-btn, .bg-light .teaser.focus .truckconfigurator .modal-summary .btn--ghost.modal-btn, .bg-light .teaser.focus .truckconfigurator .modal-summary .btn-ghost.modal-btn, .bg-light .teaser.focus .truckconfigurator .modal-validation .btn--ghost.modal-btn, .bg-light .teaser.focus .truckconfigurator .modal-validation .btn-ghost.modal-btn, .bg-light .teaser.focus .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .btn--ghost.select-model-btn, .bg-light .teaser.focus .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .btn-ghost.select-model-btn, .bg-light .teaser.hover .btn.btn--ghost, .bg-light .teaser.hover .btn.btn-ghost, .bg-light .teaser.hover .truckconfigurator .btn--ghost.sp-choose, .bg-light .teaser.hover .truckconfigurator .btn-ghost.sp-choose, .bg-light .teaser.hover .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn--ghost.btn-configure, .bg-light .teaser.hover .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-ghost.btn-configure, .bg-light .teaser.hover .truckconfigurator .modal .btn--ghost.modal-btn, .bg-light .teaser.hover .truckconfigurator .modal .btn-ghost.modal-btn, .bg-light .teaser.hover .truckconfigurator .modal-disclaimer .btn--ghost.modal-btn, .bg-light .teaser.hover .truckconfigurator .modal-disclaimer .btn-ghost.modal-btn, .bg-light .teaser.hover .truckconfigurator .modal-home .btn--ghost.modal-btn, .bg-light .teaser.hover .truckconfigurator .modal-home .btn-ghost.modal-btn, .bg-light .teaser.hover .truckconfigurator .modal-save .btn--ghost.modal-btn, .bg-light .teaser.hover .truckconfigurator .modal-save .btn-ghost.modal-btn, .bg-light .teaser.hover .truckconfigurator .modal-send .btn--ghost.modal-btn, .bg-light .teaser.hover .truckconfigurator .modal-send .btn-ghost.modal-btn, .bg-light .teaser.hover .truckconfigurator .modal-summary .btn--ghost.modal-btn, .bg-light .teaser.hover .truckconfigurator .modal-summary .btn-ghost.modal-btn, .bg-light .teaser.hover .truckconfigurator .modal-validation .btn--ghost.modal-btn, .bg-light .teaser.hover .truckconfigurator .modal-validation .btn-ghost.modal-btn, .bg-light .teaser.hover .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .btn--ghost.select-model-btn, .bg-light .teaser.hover .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .btn-ghost.select-model-btn, .bg-light .teaser:active .btn.btn--ghost, .bg-light .teaser:active .btn.btn-ghost, .bg-light .teaser:active .truckconfigurator .btn--ghost.sp-choose, .bg-light .teaser:active .truckconfigurator .btn-ghost.sp-choose, .bg-light .teaser:active .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn--ghost.btn-configure, .bg-light .teaser:active .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-ghost.btn-configure, .bg-light .teaser:active .truckconfigurator .modal .btn--ghost.modal-btn, .bg-light .teaser:active .truckconfigurator .modal .btn-ghost.modal-btn, .bg-light .teaser:active .truckconfigurator .modal-disclaimer .btn--ghost.modal-btn, .bg-light .teaser:active .truckconfigurator .modal-disclaimer .btn-ghost.modal-btn, .bg-light .teaser:active .truckconfigurator .modal-home .btn--ghost.modal-btn, .bg-light .teaser:active .truckconfigurator .modal-home .btn-ghost.modal-btn, .bg-light .teaser:active .truckconfigurator .modal-save .btn--ghost.modal-btn, .bg-light .teaser:active .truckconfigurator .modal-save .btn-ghost.modal-btn, .bg-light .teaser:active .truckconfigurator .modal-send .btn--ghost.modal-btn, .bg-light .teaser:active .truckconfigurator .modal-send .btn-ghost.modal-btn, .bg-light .teaser:active .truckconfigurator .modal-summary .btn--ghost.modal-btn, .bg-light .teaser:active .truckconfigurator .modal-summary .btn-ghost.modal-btn, .bg-light .teaser:active .truckconfigurator .modal-validation .btn--ghost.modal-btn, .bg-light .teaser:active .truckconfigurator .modal-validation .btn-ghost.modal-btn, .bg-light .teaser:active .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .btn--ghost.select-model-btn, .bg-light .teaser:active .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .btn-ghost.select-model-btn, .bg-light .teaser:focus .btn.btn--ghost, .bg-light .teaser:focus .btn.btn-ghost, .bg-light .teaser:focus .truckconfigurator .btn--ghost.sp-choose, .bg-light .teaser:focus .truckconfigurator .btn-ghost.sp-choose, .bg-light .teaser:focus .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn--ghost.btn-configure, .bg-light .teaser:focus .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-ghost.btn-configure, .bg-light .teaser:focus .truckconfigurator .modal .btn--ghost.modal-btn, .bg-light .teaser:focus .truckconfigurator .modal .btn-ghost.modal-btn, .bg-light .teaser:focus .truckconfigurator .modal-disclaimer .btn--ghost.modal-btn, .bg-light .teaser:focus .truckconfigurator .modal-disclaimer .btn-ghost.modal-btn, .bg-light .teaser:focus .truckconfigurator .modal-home .btn--ghost.modal-btn, .bg-light .teaser:focus .truckconfigurator .modal-home .btn-ghost.modal-btn, .bg-light .teaser:focus .truckconfigurator .modal-save .btn--ghost.modal-btn, .bg-light .teaser:focus .truckconfigurator .modal-save .btn-ghost.modal-btn, .bg-light .teaser:focus .truckconfigurator .modal-send .btn--ghost.modal-btn, .bg-light .teaser:focus .truckconfigurator .modal-send .btn-ghost.modal-btn, .bg-light .teaser:focus .truckconfigurator .modal-summary .btn--ghost.modal-btn, .bg-light .teaser:focus .truckconfigurator .modal-summary .btn-ghost.modal-btn, .bg-light .teaser:focus .truckconfigurator .modal-validation .btn--ghost.modal-btn, .bg-light .teaser:focus .truckconfigurator .modal-validation .btn-ghost.modal-btn, .bg-light .teaser:focus .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .btn--ghost.select-model-btn, .bg-light .teaser:focus .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .btn-ghost.select-model-btn, .bg-light .teaser:hover .btn.btn--ghost, .bg-light .teaser:hover .btn.btn-ghost, .bg-light .teaser:hover .truckconfigurator .btn--ghost.sp-choose, .bg-light .teaser:hover .truckconfigurator .btn-ghost.sp-choose, .bg-light .teaser:hover .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn--ghost.btn-configure, .bg-light .teaser:hover .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-ghost.btn-configure, .bg-light .teaser:hover .truckconfigurator .modal .btn--ghost.modal-btn, .bg-light .teaser:hover .truckconfigurator .modal .btn-ghost.modal-btn, .bg-light .teaser:hover .truckconfigurator .modal-disclaimer .btn--ghost.modal-btn, .bg-light .teaser:hover .truckconfigurator .modal-disclaimer .btn-ghost.modal-btn, .bg-light .teaser:hover .truckconfigurator .modal-home .btn--ghost.modal-btn, .bg-light .teaser:hover .truckconfigurator .modal-home .btn-ghost.modal-btn, .bg-light .teaser:hover .truckconfigurator .modal-save .btn--ghost.modal-btn, .bg-light .teaser:hover .truckconfigurator .modal-save .btn-ghost.modal-btn, .bg-light .teaser:hover .truckconfigurator .modal-send .btn--ghost.modal-btn, .bg-light .teaser:hover .truckconfigurator .modal-send .btn-ghost.modal-btn, .bg-light .teaser:hover .truckconfigurator .modal-summary .btn--ghost.modal-btn, .bg-light .teaser:hover .truckconfigurator .modal-summary .btn-ghost.modal-btn, .bg-light .teaser:hover .truckconfigurator .modal-validation .btn--ghost.modal-btn, .bg-light .teaser:hover .truckconfigurator .modal-validation .btn-ghost.modal-btn, .bg-light .teaser:hover .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .btn--ghost.select-model-btn, .bg-light .teaser:hover .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .btn-ghost.select-model-btn, .bg-medium .teaser.active .btn.btn--ghost, .bg-medium .teaser.active .btn.btn-ghost, .bg-medium .teaser.active .truckconfigurator .btn--ghost.sp-choose, .bg-medium .teaser.active .truckconfigurator .btn-ghost.sp-choose, .bg-medium .teaser.active .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn--ghost.btn-configure, .bg-medium .teaser.active .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-ghost.btn-configure, .bg-medium .teaser.active .truckconfigurator .modal .btn--ghost.modal-btn, .bg-medium .teaser.active .truckconfigurator .modal .btn-ghost.modal-btn, .bg-medium .teaser.active .truckconfigurator .modal-disclaimer .btn--ghost.modal-btn, .bg-medium .teaser.active .truckconfigurator .modal-disclaimer .btn-ghost.modal-btn, .bg-medium .teaser.active .truckconfigurator .modal-home .btn--ghost.modal-btn, .bg-medium .teaser.active .truckconfigurator .modal-home .btn-ghost.modal-btn, .bg-medium .teaser.active .truckconfigurator .modal-save .btn--ghost.modal-btn, .bg-medium .teaser.active .truckconfigurator .modal-save .btn-ghost.modal-btn, .bg-medium .teaser.active .truckconfigurator .modal-send .btn--ghost.modal-btn, .bg-medium .teaser.active .truckconfigurator .modal-send .btn-ghost.modal-btn, .bg-medium .teaser.active .truckconfigurator .modal-summary .btn--ghost.modal-btn, .bg-medium .teaser.active .truckconfigurator .modal-summary .btn-ghost.modal-btn, .bg-medium .teaser.active .truckconfigurator .modal-validation .btn--ghost.modal-btn, .bg-medium .teaser.active .truckconfigurator .modal-validation .btn-ghost.modal-btn, .bg-medium .teaser.active .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .btn--ghost.select-model-btn, .bg-medium .teaser.active .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .btn-ghost.select-model-btn, .bg-medium .teaser.focus .btn.btn--ghost, .bg-medium .teaser.focus .btn.btn-ghost, .bg-medium .teaser.focus .truckconfigurator .btn--ghost.sp-choose, .bg-medium .teaser.focus .truckconfigurator .btn-ghost.sp-choose, .bg-medium .teaser.focus .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn--ghost.btn-configure, .bg-medium .teaser.focus .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-ghost.btn-configure, .bg-medium .teaser.focus .truckconfigurator .modal .btn--ghost.modal-btn, .bg-medium .teaser.focus .truckconfigurator .modal .btn-ghost.modal-btn, .bg-medium .teaser.focus .truckconfigurator .modal-disclaimer .btn--ghost.modal-btn, .bg-medium .teaser.focus .truckconfigurator .modal-disclaimer .btn-ghost.modal-btn, .bg-medium .teaser.focus .truckconfigurator .modal-home .btn--ghost.modal-btn, .bg-medium .teaser.focus .truckconfigurator .modal-home .btn-ghost.modal-btn, .bg-medium .teaser.focus .truckconfigurator .modal-save .btn--ghost.modal-btn, .bg-medium .teaser.focus .truckconfigurator .modal-save .btn-ghost.modal-btn, .bg-medium .teaser.focus .truckconfigurator .modal-send .btn--ghost.modal-btn, .bg-medium .teaser.focus .truckconfigurator .modal-send .btn-ghost.modal-btn, .bg-medium .teaser.focus .truckconfigurator .modal-summary .btn--ghost.modal-btn, .bg-medium .teaser.focus .truckconfigurator .modal-summary .btn-ghost.modal-btn, .bg-medium .teaser.focus .truckconfigurator .modal-validation .btn--ghost.modal-btn, .bg-medium .teaser.focus .truckconfigurator .modal-validation .btn-ghost.modal-btn, .bg-medium .teaser.focus .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .btn--ghost.select-model-btn, .bg-medium .teaser.focus .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .btn-ghost.select-model-btn, .bg-medium .teaser.hover .btn.btn--ghost, .bg-medium .teaser.hover .btn.btn-ghost, .bg-medium .teaser.hover .truckconfigurator .btn--ghost.sp-choose, .bg-medium .teaser.hover .truckconfigurator .btn-ghost.sp-choose, .bg-medium .teaser.hover .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn--ghost.btn-configure, .bg-medium .teaser.hover .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-ghost.btn-configure, .bg-medium .teaser.hover .truckconfigurator .modal .btn--ghost.modal-btn, .bg-medium .teaser.hover .truckconfigurator .modal .btn-ghost.modal-btn, .bg-medium .teaser.hover .truckconfigurator .modal-disclaimer .btn--ghost.modal-btn, .bg-medium .teaser.hover .truckconfigurator .modal-disclaimer .btn-ghost.modal-btn, .bg-medium .teaser.hover .truckconfigurator .modal-home .btn--ghost.modal-btn, .bg-medium .teaser.hover .truckconfigurator .modal-home .btn-ghost.modal-btn, .bg-medium .teaser.hover .truckconfigurator .modal-save .btn--ghost.modal-btn, .bg-medium .teaser.hover .truckconfigurator .modal-save .btn-ghost.modal-btn, .bg-medium .teaser.hover .truckconfigurator .modal-send .btn--ghost.modal-btn, .bg-medium .teaser.hover .truckconfigurator .modal-send .btn-ghost.modal-btn, .bg-medium .teaser.hover .truckconfigurator .modal-summary .btn--ghost.modal-btn, .bg-medium .teaser.hover .truckconfigurator .modal-summary .btn-ghost.modal-btn, .bg-medium .teaser.hover .truckconfigurator .modal-validation .btn--ghost.modal-btn, .bg-medium .teaser.hover .truckconfigurator .modal-validation .btn-ghost.modal-btn, .bg-medium .teaser.hover .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .btn--ghost.select-model-btn, .bg-medium .teaser.hover .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .btn-ghost.select-model-btn, .bg-medium .teaser:active .btn.btn--ghost, .bg-medium .teaser:active .btn.btn-ghost, .bg-medium .teaser:active .truckconfigurator .btn--ghost.sp-choose, .bg-medium .teaser:active .truckconfigurator .btn-ghost.sp-choose, .bg-medium .teaser:active .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn--ghost.btn-configure, .bg-medium .teaser:active .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-ghost.btn-configure, .bg-medium .teaser:active .truckconfigurator .modal .btn--ghost.modal-btn, .bg-medium .teaser:active .truckconfigurator .modal .btn-ghost.modal-btn, .bg-medium .teaser:active .truckconfigurator .modal-disclaimer .btn--ghost.modal-btn, .bg-medium .teaser:active .truckconfigurator .modal-disclaimer .btn-ghost.modal-btn, .bg-medium .teaser:active .truckconfigurator .modal-home .btn--ghost.modal-btn, .bg-medium .teaser:active .truckconfigurator .modal-home .btn-ghost.modal-btn, .bg-medium .teaser:active .truckconfigurator .modal-save .btn--ghost.modal-btn, .bg-medium .teaser:active .truckconfigurator .modal-save .btn-ghost.modal-btn, .bg-medium .teaser:active .truckconfigurator .modal-send .btn--ghost.modal-btn, .bg-medium .teaser:active .truckconfigurator .modal-send .btn-ghost.modal-btn, .bg-medium .teaser:active .truckconfigurator .modal-summary .btn--ghost.modal-btn, .bg-medium .teaser:active .truckconfigurator .modal-summary .btn-ghost.modal-btn, .bg-medium .teaser:active .truckconfigurator .modal-validation .btn--ghost.modal-btn, .bg-medium .teaser:active .truckconfigurator .modal-validation .btn-ghost.modal-btn, .bg-medium .teaser:active .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .btn--ghost.select-model-btn, .bg-medium .teaser:active .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .btn-ghost.select-model-btn, .bg-medium .teaser:focus .btn.btn--ghost, .bg-medium .teaser:focus .btn.btn-ghost, .bg-medium .teaser:focus .truckconfigurator .btn--ghost.sp-choose, .bg-medium .teaser:focus .truckconfigurator .btn-ghost.sp-choose, .bg-medium .teaser:focus .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn--ghost.btn-configure, .bg-medium .teaser:focus .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-ghost.btn-configure, .bg-medium .teaser:focus .truckconfigurator .modal .btn--ghost.modal-btn, .bg-medium .teaser:focus .truckconfigurator .modal .btn-ghost.modal-btn, .bg-medium .teaser:focus .truckconfigurator .modal-disclaimer .btn--ghost.modal-btn, .bg-medium .teaser:focus .truckconfigurator .modal-disclaimer .btn-ghost.modal-btn, .bg-medium .teaser:focus .truckconfigurator .modal-home .btn--ghost.modal-btn, .bg-medium .teaser:focus .truckconfigurator .modal-home .btn-ghost.modal-btn, .bg-medium .teaser:focus .truckconfigurator .modal-save .btn--ghost.modal-btn, .bg-medium .teaser:focus .truckconfigurator .modal-save .btn-ghost.modal-btn, .bg-medium .teaser:focus .truckconfigurator .modal-send .btn--ghost.modal-btn, .bg-medium .teaser:focus .truckconfigurator .modal-send .btn-ghost.modal-btn, .bg-medium .teaser:focus .truckconfigurator .modal-summary .btn--ghost.modal-btn, .bg-medium .teaser:focus .truckconfigurator .modal-summary .btn-ghost.modal-btn, .bg-medium .teaser:focus .truckconfigurator .modal-validation .btn--ghost.modal-btn, .bg-medium .teaser:focus .truckconfigurator .modal-validation .btn-ghost.modal-btn, .bg-medium .teaser:focus .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .btn--ghost.select-model-btn, .bg-medium .teaser:focus .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .btn-ghost.select-model-btn, .bg-medium .teaser:hover .btn.btn--ghost, .bg-medium .teaser:hover .btn.btn-ghost, .bg-medium .teaser:hover .truckconfigurator .btn--ghost.sp-choose, .bg-medium .teaser:hover .truckconfigurator .btn-ghost.sp-choose, .bg-medium .teaser:hover .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn--ghost.btn-configure, .bg-medium .teaser:hover .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-ghost.btn-configure, .bg-medium .teaser:hover .truckconfigurator .modal .btn--ghost.modal-btn, .bg-medium .teaser:hover .truckconfigurator .modal .btn-ghost.modal-btn, .bg-medium .teaser:hover .truckconfigurator .modal-disclaimer .btn--ghost.modal-btn, .bg-medium .teaser:hover .truckconfigurator .modal-disclaimer .btn-ghost.modal-btn, .bg-medium .teaser:hover .truckconfigurator .modal-home .btn--ghost.modal-btn, .bg-medium .teaser:hover .truckconfigurator .modal-home .btn-ghost.modal-btn, .bg-medium .teaser:hover .truckconfigurator .modal-save .btn--ghost.modal-btn, .bg-medium .teaser:hover .truckconfigurator .modal-save .btn-ghost.modal-btn, .bg-medium .teaser:hover .truckconfigurator .modal-send .btn--ghost.modal-btn, .bg-medium .teaser:hover .truckconfigurator .modal-send .btn-ghost.modal-btn, .bg-medium .teaser:hover .truckconfigurator .modal-summary .btn--ghost.modal-btn, .bg-medium .teaser:hover .truckconfigurator .modal-summary .btn-ghost.modal-btn, .bg-medium .teaser:hover .truckconfigurator .modal-validation .btn--ghost.modal-btn, .bg-medium .teaser:hover .truckconfigurator .modal-validation .btn-ghost.modal-btn, .bg-medium .teaser:hover .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .btn--ghost.select-model-btn, .bg-medium .teaser:hover .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .btn-ghost.select-model-btn, .truckconfigurator .bg-light .teaser.active .btn--ghost.sp-choose, .truckconfigurator .bg-light .teaser.active .btn-ghost.sp-choose, .truckconfigurator .bg-light .teaser.focus .btn--ghost.sp-choose, .truckconfigurator .bg-light .teaser.focus .btn-ghost.sp-choose, .truckconfigurator .bg-light .teaser.hover .btn--ghost.sp-choose, .truckconfigurator .bg-light .teaser.hover .btn-ghost.sp-choose, .truckconfigurator .bg-light .teaser:active .btn--ghost.sp-choose, .truckconfigurator .bg-light .teaser:active .btn-ghost.sp-choose, .truckconfigurator .bg-light .teaser:focus .btn--ghost.sp-choose, .truckconfigurator .bg-light .teaser:focus .btn-ghost.sp-choose, .truckconfigurator .bg-light .teaser:hover .btn--ghost.sp-choose, .truckconfigurator .bg-light .teaser:hover .btn-ghost.sp-choose, .truckconfigurator .bg-medium .teaser.active .btn--ghost.sp-choose, .truckconfigurator .bg-medium .teaser.active .btn-ghost.sp-choose, .truckconfigurator .bg-medium .teaser.focus .btn--ghost.sp-choose, .truckconfigurator .bg-medium .teaser.focus .btn-ghost.sp-choose, .truckconfigurator .bg-medium .teaser.hover .btn--ghost.sp-choose, .truckconfigurator .bg-medium .teaser.hover .btn-ghost.sp-choose, .truckconfigurator .bg-medium .teaser:active .btn--ghost.sp-choose, .truckconfigurator .bg-medium .teaser:active .btn-ghost.sp-choose, .truckconfigurator .bg-medium .teaser:focus .btn--ghost.sp-choose, .truckconfigurator .bg-medium .teaser:focus .btn-ghost.sp-choose, .truckconfigurator .bg-medium .teaser:hover .btn--ghost.sp-choose, .truckconfigurator .bg-medium .teaser:hover .btn-ghost.sp-choose, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .bg-light .teaser.active .btn--ghost.btn-configure, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .bg-light .teaser.active .btn-ghost.btn-configure, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .bg-light .teaser.focus .btn--ghost.btn-configure, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .bg-light .teaser.focus .btn-ghost.btn-configure, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .bg-light .teaser.hover .btn--ghost.btn-configure, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .bg-light .teaser.hover .btn-ghost.btn-configure, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .bg-light .teaser:active .btn--ghost.btn-configure, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .bg-light .teaser:active .btn-ghost.btn-configure, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .bg-light .teaser:focus .btn--ghost.btn-configure, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .bg-light .teaser:focus .btn-ghost.btn-configure, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .bg-light .teaser:hover .btn--ghost.btn-configure, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .bg-light .teaser:hover .btn-ghost.btn-configure, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .bg-medium .teaser.active .btn--ghost.btn-configure, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .bg-medium .teaser.active .btn-ghost.btn-configure, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .bg-medium .teaser.focus .btn--ghost.btn-configure, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .bg-medium .teaser.focus .btn-ghost.btn-configure, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .bg-medium .teaser.hover .btn--ghost.btn-configure, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .bg-medium .teaser.hover .btn-ghost.btn-configure, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .bg-medium .teaser:active .btn--ghost.btn-configure, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .bg-medium .teaser:active .btn-ghost.btn-configure, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .bg-medium .teaser:focus .btn--ghost.btn-configure, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .bg-medium .teaser:focus .btn-ghost.btn-configure, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .bg-medium .teaser:hover .btn--ghost.btn-configure, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .bg-medium .teaser:hover .btn-ghost.btn-configure, .truckconfigurator .modal .bg-light .teaser.active .btn--ghost.modal-btn, .truckconfigurator .modal .bg-light .teaser.active .btn-ghost.modal-btn, .truckconfigurator .modal .bg-light .teaser.focus .btn--ghost.modal-btn, .truckconfigurator .modal .bg-light .teaser.focus .btn-ghost.modal-btn, .truckconfigurator .modal .bg-light .teaser.hover .btn--ghost.modal-btn, .truckconfigurator .modal .bg-light .teaser.hover .btn-ghost.modal-btn, .truckconfigurator .modal .bg-light .teaser:active .btn--ghost.modal-btn, .truckconfigurator .modal .bg-light .teaser:active .btn-ghost.modal-btn, .truckconfigurator .modal .bg-light .teaser:focus .btn--ghost.modal-btn, .truckconfigurator .modal .bg-light .teaser:focus .btn-ghost.modal-btn, .truckconfigurator .modal .bg-light .teaser:hover .btn--ghost.modal-btn, .truckconfigurator .modal .bg-light .teaser:hover .btn-ghost.modal-btn, .truckconfigurator .modal .bg-medium .teaser.active .btn--ghost.modal-btn, .truckconfigurator .modal .bg-medium .teaser.active .btn-ghost.modal-btn, .truckconfigurator .modal .bg-medium .teaser.focus .btn--ghost.modal-btn, .truckconfigurator .modal .bg-medium .teaser.focus .btn-ghost.modal-btn, .truckconfigurator .modal .bg-medium .teaser.hover .btn--ghost.modal-btn, .truckconfigurator .modal .bg-medium .teaser.hover .btn-ghost.modal-btn, .truckconfigurator .modal .bg-medium .teaser:active .btn--ghost.modal-btn, .truckconfigurator .modal .bg-medium .teaser:active .btn-ghost.modal-btn, .truckconfigurator .modal .bg-medium .teaser:focus .btn--ghost.modal-btn, .truckconfigurator .modal .bg-medium .teaser:focus .btn-ghost.modal-btn, .truckconfigurator .modal .bg-medium .teaser:hover .btn--ghost.modal-btn, .truckconfigurator .modal .bg-medium .teaser:hover .btn-ghost.modal-btn, .truckconfigurator .modal-disclaimer .bg-light .teaser.active .btn--ghost.modal-btn, .truckconfigurator .modal-disclaimer .bg-light .teaser.active .btn-ghost.modal-btn, .truckconfigurator .modal-disclaimer .bg-light .teaser.focus .btn--ghost.modal-btn, .truckconfigurator .modal-disclaimer .bg-light .teaser.focus .btn-ghost.modal-btn, .truckconfigurator .modal-disclaimer .bg-light .teaser.hover .btn--ghost.modal-btn, .truckconfigurator .modal-disclaimer .bg-light .teaser.hover .btn-ghost.modal-btn, .truckconfigurator .modal-disclaimer .bg-light .teaser:active .btn--ghost.modal-btn, .truckconfigurator .modal-disclaimer .bg-light .teaser:active .btn-ghost.modal-btn, .truckconfigurator .modal-disclaimer .bg-light .teaser:focus .btn--ghost.modal-btn, .truckconfigurator .modal-disclaimer .bg-light .teaser:focus .btn-ghost.modal-btn, .truckconfigurator .modal-disclaimer .bg-light .teaser:hover .btn--ghost.modal-btn, .truckconfigurator .modal-disclaimer .bg-light .teaser:hover .btn-ghost.modal-btn, .truckconfigurator .modal-disclaimer .bg-medium .teaser.active .btn--ghost.modal-btn, .truckconfigurator .modal-disclaimer .bg-medium .teaser.active .btn-ghost.modal-btn, .truckconfigurator .modal-disclaimer .bg-medium .teaser.focus .btn--ghost.modal-btn, .truckconfigurator .modal-disclaimer .bg-medium .teaser.focus .btn-ghost.modal-btn, .truckconfigurator .modal-disclaimer .bg-medium .teaser.hover .btn--ghost.modal-btn, .truckconfigurator .modal-disclaimer .bg-medium .teaser.hover .btn-ghost.modal-btn, .truckconfigurator .modal-disclaimer .bg-medium .teaser:active .btn--ghost.modal-btn, .truckconfigurator .modal-disclaimer .bg-medium .teaser:active .btn-ghost.modal-btn, .truckconfigurator .modal-disclaimer .bg-medium .teaser:focus .btn--ghost.modal-btn, .truckconfigurator .modal-disclaimer .bg-medium .teaser:focus .btn-ghost.modal-btn, .truckconfigurator .modal-disclaimer .bg-medium .teaser:hover .btn--ghost.modal-btn, .truckconfigurator .modal-disclaimer .bg-medium .teaser:hover .btn-ghost.modal-btn, .truckconfigurator .modal-home .bg-light .teaser.active .btn--ghost.modal-btn, .truckconfigurator .modal-home .bg-light .teaser.active .btn-ghost.modal-btn, .truckconfigurator .modal-home .bg-light .teaser.focus .btn--ghost.modal-btn, .truckconfigurator .modal-home .bg-light .teaser.focus .btn-ghost.modal-btn, .truckconfigurator .modal-home .bg-light .teaser.hover .btn--ghost.modal-btn, .truckconfigurator .modal-home .bg-light .teaser.hover .btn-ghost.modal-btn, .truckconfigurator .modal-home .bg-light .teaser:active .btn--ghost.modal-btn, .truckconfigurator .modal-home .bg-light .teaser:active .btn-ghost.modal-btn, .truckconfigurator .modal-home .bg-light .teaser:focus .btn--ghost.modal-btn, .truckconfigurator .modal-home .bg-light .teaser:focus .btn-ghost.modal-btn, .truckconfigurator .modal-home .bg-light .teaser:hover .btn--ghost.modal-btn, .truckconfigurator .modal-home .bg-light .teaser:hover .btn-ghost.modal-btn, .truckconfigurator .modal-home .bg-medium .teaser.active .btn--ghost.modal-btn, .truckconfigurator .modal-home .bg-medium .teaser.active .btn-ghost.modal-btn, .truckconfigurator .modal-home .bg-medium .teaser.focus .btn--ghost.modal-btn, .truckconfigurator .modal-home .bg-medium .teaser.focus .btn-ghost.modal-btn, .truckconfigurator .modal-home .bg-medium .teaser.hover .btn--ghost.modal-btn, .truckconfigurator .modal-home .bg-medium .teaser.hover .btn-ghost.modal-btn, .truckconfigurator .modal-home .bg-medium .teaser:active .btn--ghost.modal-btn, .truckconfigurator .modal-home .bg-medium .teaser:active .btn-ghost.modal-btn, .truckconfigurator .modal-home .bg-medium .teaser:focus .btn--ghost.modal-btn, .truckconfigurator .modal-home .bg-medium .teaser:focus .btn-ghost.modal-btn, .truckconfigurator .modal-home .bg-medium .teaser:hover .btn--ghost.modal-btn, .truckconfigurator .modal-home .bg-medium .teaser:hover .btn-ghost.modal-btn, .truckconfigurator .modal-save .bg-light .teaser.active .btn--ghost.modal-btn, .truckconfigurator .modal-save .bg-light .teaser.active .btn-ghost.modal-btn, .truckconfigurator .modal-save .bg-light .teaser.focus .btn--ghost.modal-btn, .truckconfigurator .modal-save .bg-light .teaser.focus .btn-ghost.modal-btn, .truckconfigurator .modal-save .bg-light .teaser.hover .btn--ghost.modal-btn, .truckconfigurator .modal-save .bg-light .teaser.hover .btn-ghost.modal-btn, .truckconfigurator .modal-save .bg-light .teaser:active .btn--ghost.modal-btn, .truckconfigurator .modal-save .bg-light .teaser:active .btn-ghost.modal-btn, .truckconfigurator .modal-save .bg-light .teaser:focus .btn--ghost.modal-btn, .truckconfigurator .modal-save .bg-light .teaser:focus .btn-ghost.modal-btn, .truckconfigurator .modal-save .bg-light .teaser:hover .btn--ghost.modal-btn, .truckconfigurator .modal-save .bg-light .teaser:hover .btn-ghost.modal-btn, .truckconfigurator .modal-save .bg-medium .teaser.active .btn--ghost.modal-btn, .truckconfigurator .modal-save .bg-medium .teaser.active .btn-ghost.modal-btn, .truckconfigurator .modal-save .bg-medium .teaser.focus .btn--ghost.modal-btn, .truckconfigurator .modal-save .bg-medium .teaser.focus .btn-ghost.modal-btn, .truckconfigurator .modal-save .bg-medium .teaser.hover .btn--ghost.modal-btn, .truckconfigurator .modal-save .bg-medium .teaser.hover .btn-ghost.modal-btn, .truckconfigurator .modal-save .bg-medium .teaser:active .btn--ghost.modal-btn, .truckconfigurator .modal-save .bg-medium .teaser:active .btn-ghost.modal-btn, .truckconfigurator .modal-save .bg-medium .teaser:focus .btn--ghost.modal-btn, .truckconfigurator .modal-save .bg-medium .teaser:focus .btn-ghost.modal-btn, .truckconfigurator .modal-save .bg-medium .teaser:hover .btn--ghost.modal-btn, .truckconfigurator .modal-save .bg-medium .teaser:hover .btn-ghost.modal-btn, .truckconfigurator .modal-send .bg-light .teaser.active .btn--ghost.modal-btn, .truckconfigurator .modal-send .bg-light .teaser.active .btn-ghost.modal-btn, .truckconfigurator .modal-send .bg-light .teaser.focus .btn--ghost.modal-btn, .truckconfigurator .modal-send .bg-light .teaser.focus .btn-ghost.modal-btn, .truckconfigurator .modal-send .bg-light .teaser.hover .btn--ghost.modal-btn, .truckconfigurator .modal-send .bg-light .teaser.hover .btn-ghost.modal-btn, .truckconfigurator .modal-send .bg-light .teaser:active .btn--ghost.modal-btn, .truckconfigurator .modal-send .bg-light .teaser:active .btn-ghost.modal-btn, .truckconfigurator .modal-send .bg-light .teaser:focus .btn--ghost.modal-btn, .truckconfigurator .modal-send .bg-light .teaser:focus .btn-ghost.modal-btn, .truckconfigurator .modal-send .bg-light .teaser:hover .btn--ghost.modal-btn, .truckconfigurator .modal-send .bg-light .teaser:hover .btn-ghost.modal-btn, .truckconfigurator .modal-send .bg-medium .teaser.active .btn--ghost.modal-btn, .truckconfigurator .modal-send .bg-medium .teaser.active .btn-ghost.modal-btn, .truckconfigurator .modal-send .bg-medium .teaser.focus .btn--ghost.modal-btn, .truckconfigurator .modal-send .bg-medium .teaser.focus .btn-ghost.modal-btn, .truckconfigurator .modal-send .bg-medium .teaser.hover .btn--ghost.modal-btn, .truckconfigurator .modal-send .bg-medium .teaser.hover .btn-ghost.modal-btn, .truckconfigurator .modal-send .bg-medium .teaser:active .btn--ghost.modal-btn, .truckconfigurator .modal-send .bg-medium .teaser:active .btn-ghost.modal-btn, .truckconfigurator .modal-send .bg-medium .teaser:focus .btn--ghost.modal-btn, .truckconfigurator .modal-send .bg-medium .teaser:focus .btn-ghost.modal-btn, .truckconfigurator .modal-send .bg-medium .teaser:hover .btn--ghost.modal-btn, .truckconfigurator .modal-send .bg-medium .teaser:hover .btn-ghost.modal-btn, .truckconfigurator .modal-summary .bg-light .teaser.active .btn--ghost.modal-btn, .truckconfigurator .modal-summary .bg-light .teaser.active .btn-ghost.modal-btn, .truckconfigurator .modal-summary .bg-light .teaser.focus .btn--ghost.modal-btn, .truckconfigurator .modal-summary .bg-light .teaser.focus .btn-ghost.modal-btn, .truckconfigurator .modal-summary .bg-light .teaser.hover .btn--ghost.modal-btn, .truckconfigurator .modal-summary .bg-light .teaser.hover .btn-ghost.modal-btn, .truckconfigurator .modal-summary .bg-light .teaser:active .btn--ghost.modal-btn, .truckconfigurator .modal-summary .bg-light .teaser:active .btn-ghost.modal-btn, .truckconfigurator .modal-summary .bg-light .teaser:focus .btn--ghost.modal-btn, .truckconfigurator .modal-summary .bg-light .teaser:focus .btn-ghost.modal-btn, .truckconfigurator .modal-summary .bg-light .teaser:hover .btn--ghost.modal-btn, .truckconfigurator .modal-summary .bg-light .teaser:hover .btn-ghost.modal-btn, .truckconfigurator .modal-summary .bg-medium .teaser.active .btn--ghost.modal-btn, .truckconfigurator .modal-summary .bg-medium .teaser.active .btn-ghost.modal-btn, .truckconfigurator .modal-summary .bg-medium .teaser.focus .btn--ghost.modal-btn, .truckconfigurator .modal-summary .bg-medium .teaser.focus .btn-ghost.modal-btn, .truckconfigurator .modal-summary .bg-medium .teaser.hover .btn--ghost.modal-btn, .truckconfigurator .modal-summary .bg-medium .teaser.hover .btn-ghost.modal-btn, .truckconfigurator .modal-summary .bg-medium .teaser:active .btn--ghost.modal-btn, .truckconfigurator .modal-summary .bg-medium .teaser:active .btn-ghost.modal-btn, .truckconfigurator .modal-summary .bg-medium .teaser:focus .btn--ghost.modal-btn, .truckconfigurator .modal-summary .bg-medium .teaser:focus .btn-ghost.modal-btn, .truckconfigurator .modal-summary .bg-medium .teaser:hover .btn--ghost.modal-btn, .truckconfigurator .modal-summary .bg-medium .teaser:hover .btn-ghost.modal-btn, .truckconfigurator .modal-validation .bg-light .teaser.active .btn--ghost.modal-btn, .truckconfigurator .modal-validation .bg-light .teaser.active .btn-ghost.modal-btn, .truckconfigurator .modal-validation .bg-light .teaser.focus .btn--ghost.modal-btn, .truckconfigurator .modal-validation .bg-light .teaser.focus .btn-ghost.modal-btn, .truckconfigurator .modal-validation .bg-light .teaser.hover .btn--ghost.modal-btn, .truckconfigurator .modal-validation .bg-light .teaser.hover .btn-ghost.modal-btn, .truckconfigurator .modal-validation .bg-light .teaser:active .btn--ghost.modal-btn, .truckconfigurator .modal-validation .bg-light .teaser:active .btn-ghost.modal-btn, .truckconfigurator .modal-validation .bg-light .teaser:focus .btn--ghost.modal-btn, .truckconfigurator .modal-validation .bg-light .teaser:focus .btn-ghost.modal-btn, .truckconfigurator .modal-validation .bg-light .teaser:hover .btn--ghost.modal-btn, .truckconfigurator .modal-validation .bg-light .teaser:hover .btn-ghost.modal-btn, .truckconfigurator .modal-validation .bg-medium .teaser.active .btn--ghost.modal-btn, .truckconfigurator .modal-validation .bg-medium .teaser.active .btn-ghost.modal-btn, .truckconfigurator .modal-validation .bg-medium .teaser.focus .btn--ghost.modal-btn, .truckconfigurator .modal-validation .bg-medium .teaser.focus .btn-ghost.modal-btn, .truckconfigurator .modal-validation .bg-medium .teaser.hover .btn--ghost.modal-btn, .truckconfigurator .modal-validation .bg-medium .teaser.hover .btn-ghost.modal-btn, .truckconfigurator .modal-validation .bg-medium .teaser:active .btn--ghost.modal-btn, .truckconfigurator .modal-validation .bg-medium .teaser:active .btn-ghost.modal-btn, .truckconfigurator .modal-validation .bg-medium .teaser:focus .btn--ghost.modal-btn, .truckconfigurator .modal-validation .bg-medium .teaser:focus .btn-ghost.modal-btn, .truckconfigurator .modal-validation .bg-medium .teaser:hover .btn--ghost.modal-btn, .truckconfigurator .modal-validation .bg-medium .teaser:hover .btn-ghost.modal-btn, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .bg-light .teaser.active .btn--ghost.select-model-btn, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .bg-light .teaser.active .btn-ghost.select-model-btn, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .bg-light .teaser.focus .btn--ghost.select-model-btn, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .bg-light .teaser.focus .btn-ghost.select-model-btn, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .bg-light .teaser.hover .btn--ghost.select-model-btn, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .bg-light .teaser.hover .btn-ghost.select-model-btn, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .bg-light .teaser:active .btn--ghost.select-model-btn, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .bg-light .teaser:active .btn-ghost.select-model-btn, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .bg-light .teaser:focus .btn--ghost.select-model-btn, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .bg-light .teaser:focus .btn-ghost.select-model-btn, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .bg-light .teaser:hover .btn--ghost.select-model-btn, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .bg-light .teaser:hover .btn-ghost.select-model-btn, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .bg-medium .teaser.active .btn--ghost.select-model-btn, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .bg-medium .teaser.active .btn-ghost.select-model-btn, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .bg-medium .teaser.focus .btn--ghost.select-model-btn, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .bg-medium .teaser.focus .btn-ghost.select-model-btn, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .bg-medium .teaser.hover .btn--ghost.select-model-btn, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .bg-medium .teaser.hover .btn-ghost.select-model-btn, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .bg-medium .teaser:active .btn--ghost.select-model-btn, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .bg-medium .teaser:active .btn-ghost.select-model-btn, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .bg-medium .teaser:focus .btn--ghost.select-model-btn, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .bg-medium .teaser:focus .btn-ghost.select-model-btn, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .bg-medium .teaser:hover .btn--ghost.select-model-btn, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .bg-medium .teaser:hover .btn-ghost.select-model-btn {
  background: transparent !important;
  border-color: hsla(0, 0%, 100%, 0.3) !important;
}

.bg-light .teaser.active .btn.btn--ghost:before, .bg-light .teaser.active .btn.btn-ghost:before, .bg-light .teaser.active .truckconfigurator .btn--ghost.sp-choose:before, .bg-light .teaser.active .truckconfigurator .btn-ghost.sp-choose:before, .bg-light .teaser.active .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn--ghost.btn-configure:before, .bg-light .teaser.active .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-ghost.btn-configure:before, .bg-light .teaser.active .truckconfigurator .modal .btn--ghost.modal-btn:before, .bg-light .teaser.active .truckconfigurator .modal .btn-ghost.modal-btn:before, .bg-light .teaser.active .truckconfigurator .modal-disclaimer .btn--ghost.modal-btn:before, .bg-light .teaser.active .truckconfigurator .modal-disclaimer .btn-ghost.modal-btn:before, .bg-light .teaser.active .truckconfigurator .modal-home .btn--ghost.modal-btn:before, .bg-light .teaser.active .truckconfigurator .modal-home .btn-ghost.modal-btn:before, .bg-light .teaser.active .truckconfigurator .modal-save .btn--ghost.modal-btn:before, .bg-light .teaser.active .truckconfigurator .modal-save .btn-ghost.modal-btn:before, .bg-light .teaser.active .truckconfigurator .modal-send .btn--ghost.modal-btn:before, .bg-light .teaser.active .truckconfigurator .modal-send .btn-ghost.modal-btn:before, .bg-light .teaser.active .truckconfigurator .modal-summary .btn--ghost.modal-btn:before, .bg-light .teaser.active .truckconfigurator .modal-summary .btn-ghost.modal-btn:before, .bg-light .teaser.active .truckconfigurator .modal-validation .btn--ghost.modal-btn:before, .bg-light .teaser.active .truckconfigurator .modal-validation .btn-ghost.modal-btn:before, .bg-light .teaser.active .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .btn--ghost.select-model-btn:before, .bg-light .teaser.active .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .btn-ghost.select-model-btn:before, .bg-light .teaser.focus .btn.btn--ghost:before, .bg-light .teaser.focus .btn.btn-ghost:before, .bg-light .teaser.focus .truckconfigurator .btn--ghost.sp-choose:before, .bg-light .teaser.focus .truckconfigurator .btn-ghost.sp-choose:before, .bg-light .teaser.focus .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn--ghost.btn-configure:before, .bg-light .teaser.focus .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-ghost.btn-configure:before, .bg-light .teaser.focus .truckconfigurator .modal .btn--ghost.modal-btn:before, .bg-light .teaser.focus .truckconfigurator .modal .btn-ghost.modal-btn:before, .bg-light .teaser.focus .truckconfigurator .modal-disclaimer .btn--ghost.modal-btn:before, .bg-light .teaser.focus .truckconfigurator .modal-disclaimer .btn-ghost.modal-btn:before, .bg-light .teaser.focus .truckconfigurator .modal-home .btn--ghost.modal-btn:before, .bg-light .teaser.focus .truckconfigurator .modal-home .btn-ghost.modal-btn:before, .bg-light .teaser.focus .truckconfigurator .modal-save .btn--ghost.modal-btn:before, .bg-light .teaser.focus .truckconfigurator .modal-save .btn-ghost.modal-btn:before, .bg-light .teaser.focus .truckconfigurator .modal-send .btn--ghost.modal-btn:before, .bg-light .teaser.focus .truckconfigurator .modal-send .btn-ghost.modal-btn:before, .bg-light .teaser.focus .truckconfigurator .modal-summary .btn--ghost.modal-btn:before, .bg-light .teaser.focus .truckconfigurator .modal-summary .btn-ghost.modal-btn:before, .bg-light .teaser.focus .truckconfigurator .modal-validation .btn--ghost.modal-btn:before, .bg-light .teaser.focus .truckconfigurator .modal-validation .btn-ghost.modal-btn:before, .bg-light .teaser.focus .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .btn--ghost.select-model-btn:before, .bg-light .teaser.focus .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .btn-ghost.select-model-btn:before, .bg-light .teaser.hover .btn.btn--ghost:before, .bg-light .teaser.hover .btn.btn-ghost:before, .bg-light .teaser.hover .truckconfigurator .btn--ghost.sp-choose:before, .bg-light .teaser.hover .truckconfigurator .btn-ghost.sp-choose:before, .bg-light .teaser.hover .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn--ghost.btn-configure:before, .bg-light .teaser.hover .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-ghost.btn-configure:before, .bg-light .teaser.hover .truckconfigurator .modal .btn--ghost.modal-btn:before, .bg-light .teaser.hover .truckconfigurator .modal .btn-ghost.modal-btn:before, .bg-light .teaser.hover .truckconfigurator .modal-disclaimer .btn--ghost.modal-btn:before, .bg-light .teaser.hover .truckconfigurator .modal-disclaimer .btn-ghost.modal-btn:before, .bg-light .teaser.hover .truckconfigurator .modal-home .btn--ghost.modal-btn:before, .bg-light .teaser.hover .truckconfigurator .modal-home .btn-ghost.modal-btn:before, .bg-light .teaser.hover .truckconfigurator .modal-save .btn--ghost.modal-btn:before, .bg-light .teaser.hover .truckconfigurator .modal-save .btn-ghost.modal-btn:before, .bg-light .teaser.hover .truckconfigurator .modal-send .btn--ghost.modal-btn:before, .bg-light .teaser.hover .truckconfigurator .modal-send .btn-ghost.modal-btn:before, .bg-light .teaser.hover .truckconfigurator .modal-summary .btn--ghost.modal-btn:before, .bg-light .teaser.hover .truckconfigurator .modal-summary .btn-ghost.modal-btn:before, .bg-light .teaser.hover .truckconfigurator .modal-validation .btn--ghost.modal-btn:before, .bg-light .teaser.hover .truckconfigurator .modal-validation .btn-ghost.modal-btn:before, .bg-light .teaser.hover .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .btn--ghost.select-model-btn:before, .bg-light .teaser.hover .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .btn-ghost.select-model-btn:before, .bg-light .teaser:active .btn.btn--ghost:before, .bg-light .teaser:active .btn.btn-ghost:before, .bg-light .teaser:active .truckconfigurator .btn--ghost.sp-choose:before, .bg-light .teaser:active .truckconfigurator .btn-ghost.sp-choose:before, .bg-light .teaser:active .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn--ghost.btn-configure:before, .bg-light .teaser:active .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-ghost.btn-configure:before, .bg-light .teaser:active .truckconfigurator .modal .btn--ghost.modal-btn:before, .bg-light .teaser:active .truckconfigurator .modal .btn-ghost.modal-btn:before, .bg-light .teaser:active .truckconfigurator .modal-disclaimer .btn--ghost.modal-btn:before, .bg-light .teaser:active .truckconfigurator .modal-disclaimer .btn-ghost.modal-btn:before, .bg-light .teaser:active .truckconfigurator .modal-home .btn--ghost.modal-btn:before, .bg-light .teaser:active .truckconfigurator .modal-home .btn-ghost.modal-btn:before, .bg-light .teaser:active .truckconfigurator .modal-save .btn--ghost.modal-btn:before, .bg-light .teaser:active .truckconfigurator .modal-save .btn-ghost.modal-btn:before, .bg-light .teaser:active .truckconfigurator .modal-send .btn--ghost.modal-btn:before, .bg-light .teaser:active .truckconfigurator .modal-send .btn-ghost.modal-btn:before, .bg-light .teaser:active .truckconfigurator .modal-summary .btn--ghost.modal-btn:before, .bg-light .teaser:active .truckconfigurator .modal-summary .btn-ghost.modal-btn:before, .bg-light .teaser:active .truckconfigurator .modal-validation .btn--ghost.modal-btn:before, .bg-light .teaser:active .truckconfigurator .modal-validation .btn-ghost.modal-btn:before, .bg-light .teaser:active .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .btn--ghost.select-model-btn:before, .bg-light .teaser:active .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .btn-ghost.select-model-btn:before, .bg-light .teaser:focus .btn.btn--ghost:before, .bg-light .teaser:focus .btn.btn-ghost:before, .bg-light .teaser:focus .truckconfigurator .btn--ghost.sp-choose:before, .bg-light .teaser:focus .truckconfigurator .btn-ghost.sp-choose:before, .bg-light .teaser:focus .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn--ghost.btn-configure:before, .bg-light .teaser:focus .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-ghost.btn-configure:before, .bg-light .teaser:focus .truckconfigurator .modal .btn--ghost.modal-btn:before, .bg-light .teaser:focus .truckconfigurator .modal .btn-ghost.modal-btn:before, .bg-light .teaser:focus .truckconfigurator .modal-disclaimer .btn--ghost.modal-btn:before, .bg-light .teaser:focus .truckconfigurator .modal-disclaimer .btn-ghost.modal-btn:before, .bg-light .teaser:focus .truckconfigurator .modal-home .btn--ghost.modal-btn:before, .bg-light .teaser:focus .truckconfigurator .modal-home .btn-ghost.modal-btn:before, .bg-light .teaser:focus .truckconfigurator .modal-save .btn--ghost.modal-btn:before, .bg-light .teaser:focus .truckconfigurator .modal-save .btn-ghost.modal-btn:before, .bg-light .teaser:focus .truckconfigurator .modal-send .btn--ghost.modal-btn:before, .bg-light .teaser:focus .truckconfigurator .modal-send .btn-ghost.modal-btn:before, .bg-light .teaser:focus .truckconfigurator .modal-summary .btn--ghost.modal-btn:before, .bg-light .teaser:focus .truckconfigurator .modal-summary .btn-ghost.modal-btn:before, .bg-light .teaser:focus .truckconfigurator .modal-validation .btn--ghost.modal-btn:before, .bg-light .teaser:focus .truckconfigurator .modal-validation .btn-ghost.modal-btn:before, .bg-light .teaser:focus .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .btn--ghost.select-model-btn:before, .bg-light .teaser:focus .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .btn-ghost.select-model-btn:before, .bg-light .teaser:hover .btn.btn--ghost:before, .bg-light .teaser:hover .btn.btn-ghost:before, .bg-light .teaser:hover .truckconfigurator .btn--ghost.sp-choose:before, .bg-light .teaser:hover .truckconfigurator .btn-ghost.sp-choose:before, .bg-light .teaser:hover .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn--ghost.btn-configure:before, .bg-light .teaser:hover .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-ghost.btn-configure:before, .bg-light .teaser:hover .truckconfigurator .modal .btn--ghost.modal-btn:before, .bg-light .teaser:hover .truckconfigurator .modal .btn-ghost.modal-btn:before, .bg-light .teaser:hover .truckconfigurator .modal-disclaimer .btn--ghost.modal-btn:before, .bg-light .teaser:hover .truckconfigurator .modal-disclaimer .btn-ghost.modal-btn:before, .bg-light .teaser:hover .truckconfigurator .modal-home .btn--ghost.modal-btn:before, .bg-light .teaser:hover .truckconfigurator .modal-home .btn-ghost.modal-btn:before, .bg-light .teaser:hover .truckconfigurator .modal-save .btn--ghost.modal-btn:before, .bg-light .teaser:hover .truckconfigurator .modal-save .btn-ghost.modal-btn:before, .bg-light .teaser:hover .truckconfigurator .modal-send .btn--ghost.modal-btn:before, .bg-light .teaser:hover .truckconfigurator .modal-send .btn-ghost.modal-btn:before, .bg-light .teaser:hover .truckconfigurator .modal-summary .btn--ghost.modal-btn:before, .bg-light .teaser:hover .truckconfigurator .modal-summary .btn-ghost.modal-btn:before, .bg-light .teaser:hover .truckconfigurator .modal-validation .btn--ghost.modal-btn:before, .bg-light .teaser:hover .truckconfigurator .modal-validation .btn-ghost.modal-btn:before, .bg-light .teaser:hover .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .btn--ghost.select-model-btn:before, .bg-light .teaser:hover .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .btn-ghost.select-model-btn:before, .bg-medium .teaser.active .btn.btn--ghost:before, .bg-medium .teaser.active .btn.btn-ghost:before, .bg-medium .teaser.active .truckconfigurator .btn--ghost.sp-choose:before, .bg-medium .teaser.active .truckconfigurator .btn-ghost.sp-choose:before, .bg-medium .teaser.active .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn--ghost.btn-configure:before, .bg-medium .teaser.active .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-ghost.btn-configure:before, .bg-medium .teaser.active .truckconfigurator .modal .btn--ghost.modal-btn:before, .bg-medium .teaser.active .truckconfigurator .modal .btn-ghost.modal-btn:before, .bg-medium .teaser.active .truckconfigurator .modal-disclaimer .btn--ghost.modal-btn:before, .bg-medium .teaser.active .truckconfigurator .modal-disclaimer .btn-ghost.modal-btn:before, .bg-medium .teaser.active .truckconfigurator .modal-home .btn--ghost.modal-btn:before, .bg-medium .teaser.active .truckconfigurator .modal-home .btn-ghost.modal-btn:before, .bg-medium .teaser.active .truckconfigurator .modal-save .btn--ghost.modal-btn:before, .bg-medium .teaser.active .truckconfigurator .modal-save .btn-ghost.modal-btn:before, .bg-medium .teaser.active .truckconfigurator .modal-send .btn--ghost.modal-btn:before, .bg-medium .teaser.active .truckconfigurator .modal-send .btn-ghost.modal-btn:before, .bg-medium .teaser.active .truckconfigurator .modal-summary .btn--ghost.modal-btn:before, .bg-medium .teaser.active .truckconfigurator .modal-summary .btn-ghost.modal-btn:before, .bg-medium .teaser.active .truckconfigurator .modal-validation .btn--ghost.modal-btn:before, .bg-medium .teaser.active .truckconfigurator .modal-validation .btn-ghost.modal-btn:before, .bg-medium .teaser.active .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .btn--ghost.select-model-btn:before, .bg-medium .teaser.active .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .btn-ghost.select-model-btn:before, .bg-medium .teaser.focus .btn.btn--ghost:before, .bg-medium .teaser.focus .btn.btn-ghost:before, .bg-medium .teaser.focus .truckconfigurator .btn--ghost.sp-choose:before, .bg-medium .teaser.focus .truckconfigurator .btn-ghost.sp-choose:before, .bg-medium .teaser.focus .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn--ghost.btn-configure:before, .bg-medium .teaser.focus .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-ghost.btn-configure:before, .bg-medium .teaser.focus .truckconfigurator .modal .btn--ghost.modal-btn:before, .bg-medium .teaser.focus .truckconfigurator .modal .btn-ghost.modal-btn:before, .bg-medium .teaser.focus .truckconfigurator .modal-disclaimer .btn--ghost.modal-btn:before, .bg-medium .teaser.focus .truckconfigurator .modal-disclaimer .btn-ghost.modal-btn:before, .bg-medium .teaser.focus .truckconfigurator .modal-home .btn--ghost.modal-btn:before, .bg-medium .teaser.focus .truckconfigurator .modal-home .btn-ghost.modal-btn:before, .bg-medium .teaser.focus .truckconfigurator .modal-save .btn--ghost.modal-btn:before, .bg-medium .teaser.focus .truckconfigurator .modal-save .btn-ghost.modal-btn:before, .bg-medium .teaser.focus .truckconfigurator .modal-send .btn--ghost.modal-btn:before, .bg-medium .teaser.focus .truckconfigurator .modal-send .btn-ghost.modal-btn:before, .bg-medium .teaser.focus .truckconfigurator .modal-summary .btn--ghost.modal-btn:before, .bg-medium .teaser.focus .truckconfigurator .modal-summary .btn-ghost.modal-btn:before, .bg-medium .teaser.focus .truckconfigurator .modal-validation .btn--ghost.modal-btn:before, .bg-medium .teaser.focus .truckconfigurator .modal-validation .btn-ghost.modal-btn:before, .bg-medium .teaser.focus .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .btn--ghost.select-model-btn:before, .bg-medium .teaser.focus .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .btn-ghost.select-model-btn:before, .bg-medium .teaser.hover .btn.btn--ghost:before, .bg-medium .teaser.hover .btn.btn-ghost:before, .bg-medium .teaser.hover .truckconfigurator .btn--ghost.sp-choose:before, .bg-medium .teaser.hover .truckconfigurator .btn-ghost.sp-choose:before, .bg-medium .teaser.hover .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn--ghost.btn-configure:before, .bg-medium .teaser.hover .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-ghost.btn-configure:before, .bg-medium .teaser.hover .truckconfigurator .modal .btn--ghost.modal-btn:before, .bg-medium .teaser.hover .truckconfigurator .modal .btn-ghost.modal-btn:before, .bg-medium .teaser.hover .truckconfigurator .modal-disclaimer .btn--ghost.modal-btn:before, .bg-medium .teaser.hover .truckconfigurator .modal-disclaimer .btn-ghost.modal-btn:before, .bg-medium .teaser.hover .truckconfigurator .modal-home .btn--ghost.modal-btn:before, .bg-medium .teaser.hover .truckconfigurator .modal-home .btn-ghost.modal-btn:before, .bg-medium .teaser.hover .truckconfigurator .modal-save .btn--ghost.modal-btn:before, .bg-medium .teaser.hover .truckconfigurator .modal-save .btn-ghost.modal-btn:before, .bg-medium .teaser.hover .truckconfigurator .modal-send .btn--ghost.modal-btn:before, .bg-medium .teaser.hover .truckconfigurator .modal-send .btn-ghost.modal-btn:before, .bg-medium .teaser.hover .truckconfigurator .modal-summary .btn--ghost.modal-btn:before, .bg-medium .teaser.hover .truckconfigurator .modal-summary .btn-ghost.modal-btn:before, .bg-medium .teaser.hover .truckconfigurator .modal-validation .btn--ghost.modal-btn:before, .bg-medium .teaser.hover .truckconfigurator .modal-validation .btn-ghost.modal-btn:before, .bg-medium .teaser.hover .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .btn--ghost.select-model-btn:before, .bg-medium .teaser.hover .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .btn-ghost.select-model-btn:before, .bg-medium .teaser:active .btn.btn--ghost:before, .bg-medium .teaser:active .btn.btn-ghost:before, .bg-medium .teaser:active .truckconfigurator .btn--ghost.sp-choose:before, .bg-medium .teaser:active .truckconfigurator .btn-ghost.sp-choose:before, .bg-medium .teaser:active .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn--ghost.btn-configure:before, .bg-medium .teaser:active .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-ghost.btn-configure:before, .bg-medium .teaser:active .truckconfigurator .modal .btn--ghost.modal-btn:before, .bg-medium .teaser:active .truckconfigurator .modal .btn-ghost.modal-btn:before, .bg-medium .teaser:active .truckconfigurator .modal-disclaimer .btn--ghost.modal-btn:before, .bg-medium .teaser:active .truckconfigurator .modal-disclaimer .btn-ghost.modal-btn:before, .bg-medium .teaser:active .truckconfigurator .modal-home .btn--ghost.modal-btn:before, .bg-medium .teaser:active .truckconfigurator .modal-home .btn-ghost.modal-btn:before, .bg-medium .teaser:active .truckconfigurator .modal-save .btn--ghost.modal-btn:before, .bg-medium .teaser:active .truckconfigurator .modal-save .btn-ghost.modal-btn:before, .bg-medium .teaser:active .truckconfigurator .modal-send .btn--ghost.modal-btn:before, .bg-medium .teaser:active .truckconfigurator .modal-send .btn-ghost.modal-btn:before, .bg-medium .teaser:active .truckconfigurator .modal-summary .btn--ghost.modal-btn:before, .bg-medium .teaser:active .truckconfigurator .modal-summary .btn-ghost.modal-btn:before, .bg-medium .teaser:active .truckconfigurator .modal-validation .btn--ghost.modal-btn:before, .bg-medium .teaser:active .truckconfigurator .modal-validation .btn-ghost.modal-btn:before, .bg-medium .teaser:active .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .btn--ghost.select-model-btn:before, .bg-medium .teaser:active .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .btn-ghost.select-model-btn:before, .bg-medium .teaser:focus .btn.btn--ghost:before, .bg-medium .teaser:focus .btn.btn-ghost:before, .bg-medium .teaser:focus .truckconfigurator .btn--ghost.sp-choose:before, .bg-medium .teaser:focus .truckconfigurator .btn-ghost.sp-choose:before, .bg-medium .teaser:focus .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn--ghost.btn-configure:before, .bg-medium .teaser:focus .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-ghost.btn-configure:before, .bg-medium .teaser:focus .truckconfigurator .modal .btn--ghost.modal-btn:before, .bg-medium .teaser:focus .truckconfigurator .modal .btn-ghost.modal-btn:before, .bg-medium .teaser:focus .truckconfigurator .modal-disclaimer .btn--ghost.modal-btn:before, .bg-medium .teaser:focus .truckconfigurator .modal-disclaimer .btn-ghost.modal-btn:before, .bg-medium .teaser:focus .truckconfigurator .modal-home .btn--ghost.modal-btn:before, .bg-medium .teaser:focus .truckconfigurator .modal-home .btn-ghost.modal-btn:before, .bg-medium .teaser:focus .truckconfigurator .modal-save .btn--ghost.modal-btn:before, .bg-medium .teaser:focus .truckconfigurator .modal-save .btn-ghost.modal-btn:before, .bg-medium .teaser:focus .truckconfigurator .modal-send .btn--ghost.modal-btn:before, .bg-medium .teaser:focus .truckconfigurator .modal-send .btn-ghost.modal-btn:before, .bg-medium .teaser:focus .truckconfigurator .modal-summary .btn--ghost.modal-btn:before, .bg-medium .teaser:focus .truckconfigurator .modal-summary .btn-ghost.modal-btn:before, .bg-medium .teaser:focus .truckconfigurator .modal-validation .btn--ghost.modal-btn:before, .bg-medium .teaser:focus .truckconfigurator .modal-validation .btn-ghost.modal-btn:before, .bg-medium .teaser:focus .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .btn--ghost.select-model-btn:before, .bg-medium .teaser:focus .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .btn-ghost.select-model-btn:before, .bg-medium .teaser:hover .btn.btn--ghost:before, .bg-medium .teaser:hover .btn.btn-ghost:before, .bg-medium .teaser:hover .truckconfigurator .btn--ghost.sp-choose:before, .bg-medium .teaser:hover .truckconfigurator .btn-ghost.sp-choose:before, .bg-medium .teaser:hover .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn--ghost.btn-configure:before, .bg-medium .teaser:hover .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-ghost.btn-configure:before, .bg-medium .teaser:hover .truckconfigurator .modal .btn--ghost.modal-btn:before, .bg-medium .teaser:hover .truckconfigurator .modal .btn-ghost.modal-btn:before, .bg-medium .teaser:hover .truckconfigurator .modal-disclaimer .btn--ghost.modal-btn:before, .bg-medium .teaser:hover .truckconfigurator .modal-disclaimer .btn-ghost.modal-btn:before, .bg-medium .teaser:hover .truckconfigurator .modal-home .btn--ghost.modal-btn:before, .bg-medium .teaser:hover .truckconfigurator .modal-home .btn-ghost.modal-btn:before, .bg-medium .teaser:hover .truckconfigurator .modal-save .btn--ghost.modal-btn:before, .bg-medium .teaser:hover .truckconfigurator .modal-save .btn-ghost.modal-btn:before, .bg-medium .teaser:hover .truckconfigurator .modal-send .btn--ghost.modal-btn:before, .bg-medium .teaser:hover .truckconfigurator .modal-send .btn-ghost.modal-btn:before, .bg-medium .teaser:hover .truckconfigurator .modal-summary .btn--ghost.modal-btn:before, .bg-medium .teaser:hover .truckconfigurator .modal-summary .btn-ghost.modal-btn:before, .bg-medium .teaser:hover .truckconfigurator .modal-validation .btn--ghost.modal-btn:before, .bg-medium .teaser:hover .truckconfigurator .modal-validation .btn-ghost.modal-btn:before, .bg-medium .teaser:hover .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .btn--ghost.select-model-btn:before, .bg-medium .teaser:hover .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .btn-ghost.select-model-btn:before, .truckconfigurator .bg-light .teaser.active .btn--ghost.sp-choose:before, .truckconfigurator .bg-light .teaser.active .btn-ghost.sp-choose:before, .truckconfigurator .bg-light .teaser.focus .btn--ghost.sp-choose:before, .truckconfigurator .bg-light .teaser.focus .btn-ghost.sp-choose:before, .truckconfigurator .bg-light .teaser.hover .btn--ghost.sp-choose:before, .truckconfigurator .bg-light .teaser.hover .btn-ghost.sp-choose:before, .truckconfigurator .bg-light .teaser:active .btn--ghost.sp-choose:before, .truckconfigurator .bg-light .teaser:active .btn-ghost.sp-choose:before, .truckconfigurator .bg-light .teaser:focus .btn--ghost.sp-choose:before, .truckconfigurator .bg-light .teaser:focus .btn-ghost.sp-choose:before, .truckconfigurator .bg-light .teaser:hover .btn--ghost.sp-choose:before, .truckconfigurator .bg-light .teaser:hover .btn-ghost.sp-choose:before, .truckconfigurator .bg-medium .teaser.active .btn--ghost.sp-choose:before, .truckconfigurator .bg-medium .teaser.active .btn-ghost.sp-choose:before, .truckconfigurator .bg-medium .teaser.focus .btn--ghost.sp-choose:before, .truckconfigurator .bg-medium .teaser.focus .btn-ghost.sp-choose:before, .truckconfigurator .bg-medium .teaser.hover .btn--ghost.sp-choose:before, .truckconfigurator .bg-medium .teaser.hover .btn-ghost.sp-choose:before, .truckconfigurator .bg-medium .teaser:active .btn--ghost.sp-choose:before, .truckconfigurator .bg-medium .teaser:active .btn-ghost.sp-choose:before, .truckconfigurator .bg-medium .teaser:focus .btn--ghost.sp-choose:before, .truckconfigurator .bg-medium .teaser:focus .btn-ghost.sp-choose:before, .truckconfigurator .bg-medium .teaser:hover .btn--ghost.sp-choose:before, .truckconfigurator .bg-medium .teaser:hover .btn-ghost.sp-choose:before, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .bg-light .teaser.active .btn--ghost.btn-configure:before, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .bg-light .teaser.active .btn-ghost.btn-configure:before, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .bg-light .teaser.focus .btn--ghost.btn-configure:before, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .bg-light .teaser.focus .btn-ghost.btn-configure:before, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .bg-light .teaser.hover .btn--ghost.btn-configure:before, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .bg-light .teaser.hover .btn-ghost.btn-configure:before, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .bg-light .teaser:active .btn--ghost.btn-configure:before, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .bg-light .teaser:active .btn-ghost.btn-configure:before, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .bg-light .teaser:focus .btn--ghost.btn-configure:before, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .bg-light .teaser:focus .btn-ghost.btn-configure:before, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .bg-light .teaser:hover .btn--ghost.btn-configure:before, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .bg-light .teaser:hover .btn-ghost.btn-configure:before, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .bg-medium .teaser.active .btn--ghost.btn-configure:before, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .bg-medium .teaser.active .btn-ghost.btn-configure:before, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .bg-medium .teaser.focus .btn--ghost.btn-configure:before, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .bg-medium .teaser.focus .btn-ghost.btn-configure:before, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .bg-medium .teaser.hover .btn--ghost.btn-configure:before, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .bg-medium .teaser.hover .btn-ghost.btn-configure:before, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .bg-medium .teaser:active .btn--ghost.btn-configure:before, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .bg-medium .teaser:active .btn-ghost.btn-configure:before, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .bg-medium .teaser:focus .btn--ghost.btn-configure:before, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .bg-medium .teaser:focus .btn-ghost.btn-configure:before, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .bg-medium .teaser:hover .btn--ghost.btn-configure:before, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .bg-medium .teaser:hover .btn-ghost.btn-configure:before, .truckconfigurator .modal .bg-light .teaser.active .btn--ghost.modal-btn:before, .truckconfigurator .modal .bg-light .teaser.active .btn-ghost.modal-btn:before, .truckconfigurator .modal .bg-light .teaser.focus .btn--ghost.modal-btn:before, .truckconfigurator .modal .bg-light .teaser.focus .btn-ghost.modal-btn:before, .truckconfigurator .modal .bg-light .teaser.hover .btn--ghost.modal-btn:before, .truckconfigurator .modal .bg-light .teaser.hover .btn-ghost.modal-btn:before, .truckconfigurator .modal .bg-light .teaser:active .btn--ghost.modal-btn:before, .truckconfigurator .modal .bg-light .teaser:active .btn-ghost.modal-btn:before, .truckconfigurator .modal .bg-light .teaser:focus .btn--ghost.modal-btn:before, .truckconfigurator .modal .bg-light .teaser:focus .btn-ghost.modal-btn:before, .truckconfigurator .modal .bg-light .teaser:hover .btn--ghost.modal-btn:before, .truckconfigurator .modal .bg-light .teaser:hover .btn-ghost.modal-btn:before, .truckconfigurator .modal .bg-medium .teaser.active .btn--ghost.modal-btn:before, .truckconfigurator .modal .bg-medium .teaser.active .btn-ghost.modal-btn:before, .truckconfigurator .modal .bg-medium .teaser.focus .btn--ghost.modal-btn:before, .truckconfigurator .modal .bg-medium .teaser.focus .btn-ghost.modal-btn:before, .truckconfigurator .modal .bg-medium .teaser.hover .btn--ghost.modal-btn:before, .truckconfigurator .modal .bg-medium .teaser.hover .btn-ghost.modal-btn:before, .truckconfigurator .modal .bg-medium .teaser:active .btn--ghost.modal-btn:before, .truckconfigurator .modal .bg-medium .teaser:active .btn-ghost.modal-btn:before, .truckconfigurator .modal .bg-medium .teaser:focus .btn--ghost.modal-btn:before, .truckconfigurator .modal .bg-medium .teaser:focus .btn-ghost.modal-btn:before, .truckconfigurator .modal .bg-medium .teaser:hover .btn--ghost.modal-btn:before, .truckconfigurator .modal .bg-medium .teaser:hover .btn-ghost.modal-btn:before, .truckconfigurator .modal-disclaimer .bg-light .teaser.active .btn--ghost.modal-btn:before, .truckconfigurator .modal-disclaimer .bg-light .teaser.active .btn-ghost.modal-btn:before, .truckconfigurator .modal-disclaimer .bg-light .teaser.focus .btn--ghost.modal-btn:before, .truckconfigurator .modal-disclaimer .bg-light .teaser.focus .btn-ghost.modal-btn:before, .truckconfigurator .modal-disclaimer .bg-light .teaser.hover .btn--ghost.modal-btn:before, .truckconfigurator .modal-disclaimer .bg-light .teaser.hover .btn-ghost.modal-btn:before, .truckconfigurator .modal-disclaimer .bg-light .teaser:active .btn--ghost.modal-btn:before, .truckconfigurator .modal-disclaimer .bg-light .teaser:active .btn-ghost.modal-btn:before, .truckconfigurator .modal-disclaimer .bg-light .teaser:focus .btn--ghost.modal-btn:before, .truckconfigurator .modal-disclaimer .bg-light .teaser:focus .btn-ghost.modal-btn:before, .truckconfigurator .modal-disclaimer .bg-light .teaser:hover .btn--ghost.modal-btn:before, .truckconfigurator .modal-disclaimer .bg-light .teaser:hover .btn-ghost.modal-btn:before, .truckconfigurator .modal-disclaimer .bg-medium .teaser.active .btn--ghost.modal-btn:before, .truckconfigurator .modal-disclaimer .bg-medium .teaser.active .btn-ghost.modal-btn:before, .truckconfigurator .modal-disclaimer .bg-medium .teaser.focus .btn--ghost.modal-btn:before, .truckconfigurator .modal-disclaimer .bg-medium .teaser.focus .btn-ghost.modal-btn:before, .truckconfigurator .modal-disclaimer .bg-medium .teaser.hover .btn--ghost.modal-btn:before, .truckconfigurator .modal-disclaimer .bg-medium .teaser.hover .btn-ghost.modal-btn:before, .truckconfigurator .modal-disclaimer .bg-medium .teaser:active .btn--ghost.modal-btn:before, .truckconfigurator .modal-disclaimer .bg-medium .teaser:active .btn-ghost.modal-btn:before, .truckconfigurator .modal-disclaimer .bg-medium .teaser:focus .btn--ghost.modal-btn:before, .truckconfigurator .modal-disclaimer .bg-medium .teaser:focus .btn-ghost.modal-btn:before, .truckconfigurator .modal-disclaimer .bg-medium .teaser:hover .btn--ghost.modal-btn:before, .truckconfigurator .modal-disclaimer .bg-medium .teaser:hover .btn-ghost.modal-btn:before, .truckconfigurator .modal-home .bg-light .teaser.active .btn--ghost.modal-btn:before, .truckconfigurator .modal-home .bg-light .teaser.active .btn-ghost.modal-btn:before, .truckconfigurator .modal-home .bg-light .teaser.focus .btn--ghost.modal-btn:before, .truckconfigurator .modal-home .bg-light .teaser.focus .btn-ghost.modal-btn:before, .truckconfigurator .modal-home .bg-light .teaser.hover .btn--ghost.modal-btn:before, .truckconfigurator .modal-home .bg-light .teaser.hover .btn-ghost.modal-btn:before, .truckconfigurator .modal-home .bg-light .teaser:active .btn--ghost.modal-btn:before, .truckconfigurator .modal-home .bg-light .teaser:active .btn-ghost.modal-btn:before, .truckconfigurator .modal-home .bg-light .teaser:focus .btn--ghost.modal-btn:before, .truckconfigurator .modal-home .bg-light .teaser:focus .btn-ghost.modal-btn:before, .truckconfigurator .modal-home .bg-light .teaser:hover .btn--ghost.modal-btn:before, .truckconfigurator .modal-home .bg-light .teaser:hover .btn-ghost.modal-btn:before, .truckconfigurator .modal-home .bg-medium .teaser.active .btn--ghost.modal-btn:before, .truckconfigurator .modal-home .bg-medium .teaser.active .btn-ghost.modal-btn:before, .truckconfigurator .modal-home .bg-medium .teaser.focus .btn--ghost.modal-btn:before, .truckconfigurator .modal-home .bg-medium .teaser.focus .btn-ghost.modal-btn:before, .truckconfigurator .modal-home .bg-medium .teaser.hover .btn--ghost.modal-btn:before, .truckconfigurator .modal-home .bg-medium .teaser.hover .btn-ghost.modal-btn:before, .truckconfigurator .modal-home .bg-medium .teaser:active .btn--ghost.modal-btn:before, .truckconfigurator .modal-home .bg-medium .teaser:active .btn-ghost.modal-btn:before, .truckconfigurator .modal-home .bg-medium .teaser:focus .btn--ghost.modal-btn:before, .truckconfigurator .modal-home .bg-medium .teaser:focus .btn-ghost.modal-btn:before, .truckconfigurator .modal-home .bg-medium .teaser:hover .btn--ghost.modal-btn:before, .truckconfigurator .modal-home .bg-medium .teaser:hover .btn-ghost.modal-btn:before, .truckconfigurator .modal-save .bg-light .teaser.active .btn--ghost.modal-btn:before, .truckconfigurator .modal-save .bg-light .teaser.active .btn-ghost.modal-btn:before, .truckconfigurator .modal-save .bg-light .teaser.focus .btn--ghost.modal-btn:before, .truckconfigurator .modal-save .bg-light .teaser.focus .btn-ghost.modal-btn:before, .truckconfigurator .modal-save .bg-light .teaser.hover .btn--ghost.modal-btn:before, .truckconfigurator .modal-save .bg-light .teaser.hover .btn-ghost.modal-btn:before, .truckconfigurator .modal-save .bg-light .teaser:active .btn--ghost.modal-btn:before, .truckconfigurator .modal-save .bg-light .teaser:active .btn-ghost.modal-btn:before, .truckconfigurator .modal-save .bg-light .teaser:focus .btn--ghost.modal-btn:before, .truckconfigurator .modal-save .bg-light .teaser:focus .btn-ghost.modal-btn:before, .truckconfigurator .modal-save .bg-light .teaser:hover .btn--ghost.modal-btn:before, .truckconfigurator .modal-save .bg-light .teaser:hover .btn-ghost.modal-btn:before, .truckconfigurator .modal-save .bg-medium .teaser.active .btn--ghost.modal-btn:before, .truckconfigurator .modal-save .bg-medium .teaser.active .btn-ghost.modal-btn:before, .truckconfigurator .modal-save .bg-medium .teaser.focus .btn--ghost.modal-btn:before, .truckconfigurator .modal-save .bg-medium .teaser.focus .btn-ghost.modal-btn:before, .truckconfigurator .modal-save .bg-medium .teaser.hover .btn--ghost.modal-btn:before, .truckconfigurator .modal-save .bg-medium .teaser.hover .btn-ghost.modal-btn:before, .truckconfigurator .modal-save .bg-medium .teaser:active .btn--ghost.modal-btn:before, .truckconfigurator .modal-save .bg-medium .teaser:active .btn-ghost.modal-btn:before, .truckconfigurator .modal-save .bg-medium .teaser:focus .btn--ghost.modal-btn:before, .truckconfigurator .modal-save .bg-medium .teaser:focus .btn-ghost.modal-btn:before, .truckconfigurator .modal-save .bg-medium .teaser:hover .btn--ghost.modal-btn:before, .truckconfigurator .modal-save .bg-medium .teaser:hover .btn-ghost.modal-btn:before, .truckconfigurator .modal-send .bg-light .teaser.active .btn--ghost.modal-btn:before, .truckconfigurator .modal-send .bg-light .teaser.active .btn-ghost.modal-btn:before, .truckconfigurator .modal-send .bg-light .teaser.focus .btn--ghost.modal-btn:before, .truckconfigurator .modal-send .bg-light .teaser.focus .btn-ghost.modal-btn:before, .truckconfigurator .modal-send .bg-light .teaser.hover .btn--ghost.modal-btn:before, .truckconfigurator .modal-send .bg-light .teaser.hover .btn-ghost.modal-btn:before, .truckconfigurator .modal-send .bg-light .teaser:active .btn--ghost.modal-btn:before, .truckconfigurator .modal-send .bg-light .teaser:active .btn-ghost.modal-btn:before, .truckconfigurator .modal-send .bg-light .teaser:focus .btn--ghost.modal-btn:before, .truckconfigurator .modal-send .bg-light .teaser:focus .btn-ghost.modal-btn:before, .truckconfigurator .modal-send .bg-light .teaser:hover .btn--ghost.modal-btn:before, .truckconfigurator .modal-send .bg-light .teaser:hover .btn-ghost.modal-btn:before, .truckconfigurator .modal-send .bg-medium .teaser.active .btn--ghost.modal-btn:before, .truckconfigurator .modal-send .bg-medium .teaser.active .btn-ghost.modal-btn:before, .truckconfigurator .modal-send .bg-medium .teaser.focus .btn--ghost.modal-btn:before, .truckconfigurator .modal-send .bg-medium .teaser.focus .btn-ghost.modal-btn:before, .truckconfigurator .modal-send .bg-medium .teaser.hover .btn--ghost.modal-btn:before, .truckconfigurator .modal-send .bg-medium .teaser.hover .btn-ghost.modal-btn:before, .truckconfigurator .modal-send .bg-medium .teaser:active .btn--ghost.modal-btn:before, .truckconfigurator .modal-send .bg-medium .teaser:active .btn-ghost.modal-btn:before, .truckconfigurator .modal-send .bg-medium .teaser:focus .btn--ghost.modal-btn:before, .truckconfigurator .modal-send .bg-medium .teaser:focus .btn-ghost.modal-btn:before, .truckconfigurator .modal-send .bg-medium .teaser:hover .btn--ghost.modal-btn:before, .truckconfigurator .modal-send .bg-medium .teaser:hover .btn-ghost.modal-btn:before, .truckconfigurator .modal-summary .bg-light .teaser.active .btn--ghost.modal-btn:before, .truckconfigurator .modal-summary .bg-light .teaser.active .btn-ghost.modal-btn:before, .truckconfigurator .modal-summary .bg-light .teaser.focus .btn--ghost.modal-btn:before, .truckconfigurator .modal-summary .bg-light .teaser.focus .btn-ghost.modal-btn:before, .truckconfigurator .modal-summary .bg-light .teaser.hover .btn--ghost.modal-btn:before, .truckconfigurator .modal-summary .bg-light .teaser.hover .btn-ghost.modal-btn:before, .truckconfigurator .modal-summary .bg-light .teaser:active .btn--ghost.modal-btn:before, .truckconfigurator .modal-summary .bg-light .teaser:active .btn-ghost.modal-btn:before, .truckconfigurator .modal-summary .bg-light .teaser:focus .btn--ghost.modal-btn:before, .truckconfigurator .modal-summary .bg-light .teaser:focus .btn-ghost.modal-btn:before, .truckconfigurator .modal-summary .bg-light .teaser:hover .btn--ghost.modal-btn:before, .truckconfigurator .modal-summary .bg-light .teaser:hover .btn-ghost.modal-btn:before, .truckconfigurator .modal-summary .bg-medium .teaser.active .btn--ghost.modal-btn:before, .truckconfigurator .modal-summary .bg-medium .teaser.active .btn-ghost.modal-btn:before, .truckconfigurator .modal-summary .bg-medium .teaser.focus .btn--ghost.modal-btn:before, .truckconfigurator .modal-summary .bg-medium .teaser.focus .btn-ghost.modal-btn:before, .truckconfigurator .modal-summary .bg-medium .teaser.hover .btn--ghost.modal-btn:before, .truckconfigurator .modal-summary .bg-medium .teaser.hover .btn-ghost.modal-btn:before, .truckconfigurator .modal-summary .bg-medium .teaser:active .btn--ghost.modal-btn:before, .truckconfigurator .modal-summary .bg-medium .teaser:active .btn-ghost.modal-btn:before, .truckconfigurator .modal-summary .bg-medium .teaser:focus .btn--ghost.modal-btn:before, .truckconfigurator .modal-summary .bg-medium .teaser:focus .btn-ghost.modal-btn:before, .truckconfigurator .modal-summary .bg-medium .teaser:hover .btn--ghost.modal-btn:before, .truckconfigurator .modal-summary .bg-medium .teaser:hover .btn-ghost.modal-btn:before, .truckconfigurator .modal-validation .bg-light .teaser.active .btn--ghost.modal-btn:before, .truckconfigurator .modal-validation .bg-light .teaser.active .btn-ghost.modal-btn:before, .truckconfigurator .modal-validation .bg-light .teaser.focus .btn--ghost.modal-btn:before, .truckconfigurator .modal-validation .bg-light .teaser.focus .btn-ghost.modal-btn:before, .truckconfigurator .modal-validation .bg-light .teaser.hover .btn--ghost.modal-btn:before, .truckconfigurator .modal-validation .bg-light .teaser.hover .btn-ghost.modal-btn:before, .truckconfigurator .modal-validation .bg-light .teaser:active .btn--ghost.modal-btn:before, .truckconfigurator .modal-validation .bg-light .teaser:active .btn-ghost.modal-btn:before, .truckconfigurator .modal-validation .bg-light .teaser:focus .btn--ghost.modal-btn:before, .truckconfigurator .modal-validation .bg-light .teaser:focus .btn-ghost.modal-btn:before, .truckconfigurator .modal-validation .bg-light .teaser:hover .btn--ghost.modal-btn:before, .truckconfigurator .modal-validation .bg-light .teaser:hover .btn-ghost.modal-btn:before, .truckconfigurator .modal-validation .bg-medium .teaser.active .btn--ghost.modal-btn:before, .truckconfigurator .modal-validation .bg-medium .teaser.active .btn-ghost.modal-btn:before, .truckconfigurator .modal-validation .bg-medium .teaser.focus .btn--ghost.modal-btn:before, .truckconfigurator .modal-validation .bg-medium .teaser.focus .btn-ghost.modal-btn:before, .truckconfigurator .modal-validation .bg-medium .teaser.hover .btn--ghost.modal-btn:before, .truckconfigurator .modal-validation .bg-medium .teaser.hover .btn-ghost.modal-btn:before, .truckconfigurator .modal-validation .bg-medium .teaser:active .btn--ghost.modal-btn:before, .truckconfigurator .modal-validation .bg-medium .teaser:active .btn-ghost.modal-btn:before, .truckconfigurator .modal-validation .bg-medium .teaser:focus .btn--ghost.modal-btn:before, .truckconfigurator .modal-validation .bg-medium .teaser:focus .btn-ghost.modal-btn:before, .truckconfigurator .modal-validation .bg-medium .teaser:hover .btn--ghost.modal-btn:before, .truckconfigurator .modal-validation .bg-medium .teaser:hover .btn-ghost.modal-btn:before, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .bg-light .teaser.active .btn--ghost.select-model-btn:before, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .bg-light .teaser.active .btn-ghost.select-model-btn:before, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .bg-light .teaser.focus .btn--ghost.select-model-btn:before, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .bg-light .teaser.focus .btn-ghost.select-model-btn:before, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .bg-light .teaser.hover .btn--ghost.select-model-btn:before, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .bg-light .teaser.hover .btn-ghost.select-model-btn:before, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .bg-light .teaser:active .btn--ghost.select-model-btn:before, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .bg-light .teaser:active .btn-ghost.select-model-btn:before, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .bg-light .teaser:focus .btn--ghost.select-model-btn:before, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .bg-light .teaser:focus .btn-ghost.select-model-btn:before, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .bg-light .teaser:hover .btn--ghost.select-model-btn:before, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .bg-light .teaser:hover .btn-ghost.select-model-btn:before, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .bg-medium .teaser.active .btn--ghost.select-model-btn:before, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .bg-medium .teaser.active .btn-ghost.select-model-btn:before, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .bg-medium .teaser.focus .btn--ghost.select-model-btn:before, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .bg-medium .teaser.focus .btn-ghost.select-model-btn:before, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .bg-medium .teaser.hover .btn--ghost.select-model-btn:before, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .bg-medium .teaser.hover .btn-ghost.select-model-btn:before, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .bg-medium .teaser:active .btn--ghost.select-model-btn:before, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .bg-medium .teaser:active .btn-ghost.select-model-btn:before, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .bg-medium .teaser:focus .btn--ghost.select-model-btn:before, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .bg-medium .teaser:focus .btn-ghost.select-model-btn:before, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .bg-medium .teaser:hover .btn--ghost.select-model-btn:before, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .bg-medium .teaser:hover .btn-ghost.select-model-btn:before {
  backdrop-filter: blur(8px);
  display: block;
}

.cta-box {
  margin: 0;
  padding: 2.1875rem 2.375rem;
  position: relative;
  width: 100%;
}

.cta-box__title {
  font-size: 2rem;
  line-height: 1.0625;
}

.cta-box__buttons, .cta-box__text, .cta-box__title {
  max-width: 100% !important;
}

.cta-box__buttons {
  margin-bottom: 1rem;
}

.cta-box .btn, .cta-box .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-configure, .cta-box .truckconfigurator .modal .modal-btn, .cta-box .truckconfigurator .modal-disclaimer .modal-btn, .cta-box .truckconfigurator .modal-home .modal-btn, .cta-box .truckconfigurator .modal-save .modal-btn, .cta-box .truckconfigurator .modal-send .modal-btn, .cta-box .truckconfigurator .modal-summary .modal-btn, .cta-box .truckconfigurator .modal-validation .modal-btn, .cta-box .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .select-model-btn, .cta-box .truckconfigurator .sp-choose, .truckconfigurator .cta-box .sp-choose, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .cta-box .btn-configure, .truckconfigurator .modal .cta-box .modal-btn, .truckconfigurator .modal-disclaimer .cta-box .modal-btn, .truckconfigurator .modal-home .cta-box .modal-btn, .truckconfigurator .modal-save .cta-box .modal-btn, .truckconfigurator .modal-send .cta-box .modal-btn, .truckconfigurator .modal-summary .cta-box .modal-btn, .truckconfigurator .modal-validation .cta-box .modal-btn, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .cta-box .select-model-btn {
  margin-bottom: 0;
}

.cta-box .btn-primary {
  border-color: #266cab !important;
  color: #fff !important;
}

.cta-box .btn-ghost {
  background-color: #fff !important;
  border-color: #266cab !important;
  color: #00529c !important;
}

.cta-box .btn-link {
  background: transparent !important;
  border: none !important;
  color: #00529c !important;
}

.cta-box .btn-link .icon {
  fill: #00529c !important;
}

.cta-box .btn-link:hover {
  color: #00529c !important;
}

.cta-box .btn-link:hover .icon {
  fill: #00529c !important;
}

@media (min-width: 992px) {
  .cta-box {
    min-height: 350px;
  }
}
.text-dark .cta-box__title, .text-medium .cta-box__title {
  color: #353c45 !important;
}

.text-dark .cta-box__text, .text-medium .cta-box__text {
  color: #656b6f !important;
}

.unfolding-grid {
  position: relative;
}

.unfolding-grid__controls {
  height: 1px;
  overflow: visible;
}

.unfolding-grid__seperator {
  background: linear-gradient(90deg, rgba(185, 193, 198, 0), #b9c1c6 50%, rgba(185, 193, 198, 0));
  height: 1px;
  max-width: 1000px;
  opacity: 1;
  transition: opacity 0.45s ease-in-out;
  width: 100%;
  z-index: 5;
}

.unfolding-grid__label, .unfolding-grid__seperator {
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
}

.unfolding-grid__label {
  color: #868e96;
  top: -65px;
  transition: top 0.25s ease-in-out, opacity 0.25s ease-in-out;
  z-index: 10;
}

.unfolding-grid__label.hidden {
  opacity: 0;
  top: 0;
}

@media (min-width: 768px) {
  .unfolding-grid__label {
    font-size: 1.125rem;
  }
}
.unfolding-grid .btn--unfold {
  left: 50%;
  position: absolute;
  top: -28px;
  transform: translateX(-50%);
  z-index: 15;
}

.unfolding-grid .row {
  margin-top: -1px;
}

.unfolding-grid .row.collapsing {
  display: block;
}

.bg-black .unfolding-grid__label, .bg-blue .unfolding-grid__label, .bg-dark .unfolding-grid__label {
  color: #b9c1c6;
}

.bg-blue .unfolding-grid .btn--unfold {
  background-image: -owg-linear-gradient(90deg, #4d545a 0, #21252b 100%) !important;
  background-image: linear-gradient(90deg, #4d545a, #21252b) !important;
}

.bg-blue .unfolding-grid .btn--unfold.active, .bg-blue .unfolding-grid .btn--unfold:active, .bg-blue .unfolding-grid .btn--unfold:focus, .bg-blue .unfolding-grid .btn--unfold:hover {
  background-image: -owg-linear-gradient(0deg, #b9c1c6 0, #f1f1f1 100%) !important;
  background-image: linear-gradient(0deg, #b9c1c6, #f1f1f1) !important;
}

.cookieconsentcontainer {
  background: #fff;
  border-top: 1px solid #f1f1f1;
  padding-top: 30px;
  width: 100%;
}

.cookieconsentcontainer--fixed-overlay {
  bottom: 0;
  position: fixed;
  z-index: 999;
}

.cookieconsentcontainer__collapse {
  max-height: 0;
  opacity: 0;
  transition: max-height 0.3s ease-in-out, opacity 0.3s ease-in-out;
}

.cookieconsentcontainer__collapse--is-open {
  max-height: 235px;
  opacity: 1;
}

.cookieconsentcontainer__collapse a {
  display: block;
  padding-bottom: 20px;
  text-align: center;
}

.cookieconsentcontainer__buttoncontainer {
  display: flex;
  justify-content: center;
}

.cookieconsentcontainer__buttoncontainer button {
  margin: 12px 6px;
}

.cookieconsentcontainer__checkboxes span {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 8px;
}

.cookieconsentcontainer__checkboxes span div {
  height: 32px;
}

.cookieconsentcontainer__checkboxes span label, .cookieconsentcontainer__checkboxes span p {
  display: inline-block;
  margin: 0;
}

.cookieconsentcontainer__checkboxes input[type=checkbox] {
  display: none;
}

.cookieconsentcontainer__checkboxes input[type=checkbox]:checked + label {
  background: linear-gradient(62deg, #28a745, #28a745);
  border: 0 solid transparent;
}

.cookieconsentcontainer__checkboxes input[type=checkbox]:checked + label:before {
  background: #fff;
  box-shadow: -3px 0 0 0 rgba(0, 9, 59, 0.1);
  left: 31px;
  top: 3px;
}

.cookieconsentcontainer__checkboxes label {
  background: #f1f1f1;
  border: 1px solid #dee2e6;
  border-radius: 100px;
  box-sizing: border-box;
  cursor: pointer;
  height: 32px;
  margin: 0;
  position: relative;
  transition: all 0.25s ease-in-out;
  width: 61px;
}

.cookieconsentcontainer__checkboxes label:before {
  background: #343a40;
  border-radius: 100px;
  box-shadow: 3px 0 0 0 rgba(0, 9, 59, 0.1);
  content: "";
  height: 26px;
  left: 2px;
  position: absolute;
  top: 2px;
  transition: all 0.25s ease-in-out;
  width: 26px;
}

.fade-leave {
  opacity: 1;
}

.fade-leave-active {
  transition: opacity 0.5s;
  transition-delay: 0.1s;
}

.fade-enter, .fade-leave-to {
  opacity: 0;
}

.fade-enter-active {
  transition: opacity 0.2s;
}

.fade-enter-to {
  opacity: 1;
}

.base-gdpr-template {
  position: relative;
  width: 100%;
}

.base-gdpr-template__inner-container {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
}

.base-gdpr-template__background {
  background-position: 50%;
  background-size: cover;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}

.base-gdpr-template__background .gradient {
  background: -owg-linear-gradient(90deg, #000 0, transparent 100%);
  background: linear-gradient(90deg, #000, transparent);
  height: 100%;
  left: 0;
  opacity: 0.4;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}

.base-gdpr-template__title {
  color: #fff;
  font-size: 1.1875rem;
  font-weight: 700;
  line-height: 1;
  margin: 0;
}

@media (min-width: 768px) {
  .base-gdpr-template__title {
    font-size: 2rem;
    line-height: 0.9375;
  }
}
@media (min-width: 992px) {
  .base-gdpr-template__title {
    font-size: 3.25rem;
    line-height: 0.9230769231;
  }
}
.base-gdpr-template__text {
  color: #fff;
}

.base-gdpr-template input[type=checkbox] {
  display: none;
}

.base-gdpr-template input[type=checkbox]:checked + label {
  background: linear-gradient(62deg, #28a745, #28a745);
  border: 0 solid transparent;
}

.base-gdpr-template input[type=checkbox]:checked + label:before {
  background: #fff;
  box-shadow: -3px 0 0 0 rgba(0, 9, 59, 0.1);
  left: 31px;
  top: 3px;
}

.base-gdpr-template label {
  background: #f1f1f1;
  border: 1px solid #dee2e6;
  border-radius: 100px;
  box-sizing: border-box;
  cursor: pointer;
  height: 32px;
  margin: 0;
  position: relative;
  transition: all 0.25s ease-in-out;
  width: 61px;
}

.base-gdpr-template label:before {
  background: #343a40;
  border-radius: 100px;
  box-shadow: 3px 0 0 0 rgba(0, 9, 59, 0.1);
  content: "";
  height: 26px;
  left: 2px;
  position: absolute;
  top: 2px;
  transition: all 0.25s ease-in-out;
  width: 26px;
}

.infographics .infographic {
  margin: 0 1.25rem 2.5rem;
  max-width: 275px;
  position: relative;
  width: 100%;
}

.infographics .infographic:last-child {
  margin-bottom: 0;
}

@media (min-width: 992px) {
  .infographics .infographic {
    margin-bottom: 0;
  }
}
.infographics .infographic__circle {
  background-color: #f1f1f1;
  border-radius: 50%;
  height: 0;
  overflow: hidden;
  padding-top: 100%;
  position: relative;
}

.infographics .infographic__content {
  display: flex;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.infographics .infographic__image {
  height: 64px;
  margin: 0 auto 0.9375rem;
  text-align: center;
  width: 64px;
  fill: #fc5f01;
}

.infographics .infographic__data, .infographics .infographic__label {
  text-align: center;
  width: 100%;
}

.infographics .infographic__data {
  font-size: 4.375rem;
  font-weight: 200;
  letter-spacing: -3px;
  line-height: 1;
}

.infographics .infographic__label {
  color: #fc5f01;
}

.infographics__without-images .infographic:first-child .infographic__content {
  border: none;
}

@media (max-width: 767.98px) {
  .infographics__without-images .infographic:nth-child(2n) .infographic__content {
    border: none;
  }
}
@media (max-width: 991.98px) {
  .infographics__without-images .infographic:nth-child(3n) .infographic__content {
    border: none;
  }
}
.infographics__without-images .infographic__circle {
  background-color: unset;
  border-radius: unset;
  display: flex;
  height: auto;
  padding: 1.75rem 0;
}

.infographics__without-images .infographic__content {
  border-left: 1px solid #656b6f;
  left: unset;
  margin: auto;
  padding: 1rem 0;
  position: relative;
  top: unset;
}

.infographics__without-images .infographic__data {
  font-size: 3.5rem;
  font-weight: 500;
}

.infographics__without-images .infographic__label {
  color: #353c45;
  font-size: 0.875rem;
  margin-bottom: 0;
}

.infographics-yellow .infographic__label {
  color: #ffc107;
}

.infographics-blue .infographic__label {
  color: #00529c;
}

.infographics-grey .infographic__label {
  color: #ced3d6;
}

.bg-medium .infographic__circle {
  background-color: #fff;
}

.bg-medium .infographics__without-images .infographic__circle, .bg-medium.infographics__without-images .infographic__circle {
  background-color: unset;
}

.bg-black .infographic__circle, .bg-blue .infographic__circle, .bg-dark .infographic__circle {
  background-color: #4d545a;
}

.bg-black .infographic__data, .bg-blue .infographic__data, .bg-dark .infographic__data {
  color: #fff;
}

.bg-black .infographics__without-images .infographic__circle, .bg-black.infographics__without-images .infographic__circle, .bg-blue .infographics__without-images .infographic__circle, .bg-blue.infographics__without-images .infographic__circle, .bg-dark .infographics__without-images .infographic__circle, .bg-dark.infographics__without-images .infographic__circle {
  background-color: unset;
}

.bg-black .infographics__without-images .infographic__label, .bg-black.infographics__without-images .infographic__label, .bg-blue .infographics__without-images .infographic__label, .bg-blue.infographics__without-images .infographic__label, .bg-dark .infographics__without-images .infographic__label, .bg-dark.infographics__without-images .infographic__label {
  color: #fff;
}

.stickycontact {
  background-color: #00529c;
  border-radius: 0.3125rem 0.3125rem 0 0;
  bottom: 0;
  box-shadow: -6px 4px 78px 0 rgba(0, 0, 0, 0.12);
  left: 30px;
  position: fixed;
  right: auto;
  width: calc(100% - 60px);
  z-index: 200;
}

@media (min-width: 768px) {
  .stickycontact {
    left: auto;
    right: 50px;
    width: 280px;
  }
}
.stickycontact > .btn--stickycontact {
  background: -owg-linear-gradient(180deg, #266cab, #00529c);
  background: linear-gradient(180deg, #266cab, #00529c);
  background-color: transparent;
  border: 0 solid;
  border-bottom: 1px solid #266cab;
  border-radius: 0.3125rem 0.3125rem 0 0;
  cursor: pointer;
  padding: 0;
  width: 100%;
}

.stickycontact > .btn--stickycontact > img {
  border: 3px solid #fff;
  border-radius: 50%;
  box-shadow: -3px 2px 25px 0 rgba(0, 0, 0, 0.25);
  height: 50px;
  margin: 0;
  position: absolute;
  right: 15px;
  top: -25px;
  width: 50px;
}

.stickycontact > .btn--stickycontact p {
  color: #fff;
  font-size: 1rem;
  font-weight: 700;
  margin-bottom: 0;
  padding: 1rem 1.25rem 1rem 1.875rem;
}

.stickycontact__list {
  margin-bottom: 0;
}

.stickycontact__list li a {
  align-items: center;
  border-bottom: 1px solid #266cab;
  border-top: 1px solid #00529c;
  color: #fff;
  display: flex;
  padding: 0.875rem 0.3125rem 0.875rem 1.875rem;
}

.stickycontact__list li a:hover {
  background-color: #266cab;
  border-bottom: 1px solid #80a9ce;
  border-top: 1px solid #80a9ce;
}

.stickycontact__list .icon {
  height: 18px;
  margin-right: 0.9375rem;
  width: 18px;
}

.stickycontact__list .icon svg {
  fill: #fff;
  color: #fff;
}

.faq__question {
  border-top: 1px solid #dbdedf;
  display: block;
  font-weight: 700;
  margin: 0;
  padding: 0.75rem 3.125rem 0.75rem 0.9375rem;
  position: relative;
  transition: background-color 0.2s ease-in-out;
}

.faq__question.is-active, .faq__question:active, .faq__question:hover {
  background-color: #f9f9f9;
}

.faq__question .icon {
  position: absolute;
  right: 15px;
  top: 13px;
  transition: transform 0.2s ease-in-out;
}

.faq__question.is-active .icon {
  transform: rotate(180deg);
}

.faq__answer {
  margin: 0;
}

.faq__answer .body {
  margin: 0.75rem 3.125rem 1.5625rem 0.9375rem;
}

.faq .list, .faq .truckconfigurator .detail-main .detail-maincontent .detail-infoblock ul.detail-list-includes, .faq .truckconfigurator .detail-main .detail-maincontent .detail-titleblock ul.detail-list-advantages, .faq .truckconfigurator ul.otc-list-bullets, .faq .truckconfigurator ul.otc-list-checks, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .faq ul.detail-list-includes, .truckconfigurator .detail-main .detail-maincontent .detail-titleblock .faq ul.detail-list-advantages, .truckconfigurator .faq .detail-main .detail-maincontent .detail-infoblock ul.detail-list-includes, .truckconfigurator .faq .detail-main .detail-maincontent .detail-titleblock ul.detail-list-advantages, .truckconfigurator .faq ul.otc-list-bullets, .truckconfigurator .faq ul.otc-list-checks {
  max-width: 960px;
}

.bg-black .faq__question, .bg-blue .faq__question, .bg-dark .faq__question {
  color: #fff !important;
}

.bg-black .faq__question.is-active, .bg-black .faq__question:active, .bg-black .faq__question:hover, .bg-blue .faq__question.is-active, .bg-blue .faq__question:active, .bg-blue .faq__question:hover, .bg-dark .faq__question.is-active, .bg-dark .faq__question:active, .bg-dark .faq__question:hover {
  background-color: #4d545a;
}

.bg-black .faq__question .icon, .bg-blue .faq__question .icon, .bg-dark .faq__question .icon {
  fill: #fff;
}

.table {
  margin-bottom: 0.625rem;
  overflow-x: scroll;
  overflow-y: visible;
}

@media (min-width: 992px) {
  .table {
    overflow-x: hidden;
  }
}
.table table {
  border: 0;
  margin: 1.5625rem auto 0.625rem;
  overflow: hidden;
  width: 100%;
}

@media (min-width: 992px) {
  .table table {
    table-layout: fixed;
  }
}
.table .table-header-row, .table .table-row {
  border-bottom: 1px solid #b9c1c6;
}

.table td, .table th {
  background-clip: padding-box;
  border: 0;
  color: #656b6f;
  font-size: 0.75rem;
  outline: 0;
  padding: 0.625rem 0.625rem 0.625rem 0.9375rem;
  position: relative;
}

@media (min-width: 576px) {
  .table td, .table th {
    font-size: 0.875rem;
  }
}
.table.has-zebra-stripes-odd .table-row:nth-child(odd) {
  background-color: #f1f1f1;
}

.table.has-zebra-stripes-odd .table-row:nth-child(2n) {
  background-color: #fff;
}

.table.has-zebra-stripes-odd .table-row:after {
  content: none;
}

.table.has-zebra-stripes-even .table-row:nth-child(2n) {
  background-color: #f1f1f1;
}

.table.has-zebra-stripes-even .table-row:nth-child(odd) {
  background-color: #fff;
}

.table.has-zebra-stripes-even .table-row:after {
  content: none;
}

.table.has-icons .table-row td, .table.has-icons .table-row th {
  min-width: 6.25rem;
  vertical-align: middle;
}

.table .table__properties {
  left: 0;
  padding: 0.9375rem 0.3125rem 0.9375rem 0.625rem;
  position: absolute;
  text-align: left;
  vertical-align: middle;
  width: 7.5rem;
}

@media (min-width: 576px) {
  .table .table__properties {
    width: 10.625rem;
  }
}
.table .table__properties--first-normal-row {
  border-top: 1px solid #b9c1c6;
  margin-top: -1px;
}

.table .highlighted:before {
  background-color: rgba(185, 193, 198, 0.15);
  bottom: 0;
  content: "";
  height: 93.75rem;
  left: 0;
  position: absolute;
  width: 100%;
}

.table__legend {
  margin-top: 0.625rem;
}

.table__legend p {
  display: inline-block;
  font-size: 0.75rem;
  padding: 0 0.625rem;
}

.table__legend .icon {
  margin-left: 0.625rem;
  position: relative;
  top: 3px;
}

.bg-black .table.has-zebra-stripes-odd .table-row:nth-child(odd), .bg-blue .table.has-zebra-stripes-odd .table-row:nth-child(odd), .bg-dark .table.has-zebra-stripes-odd .table-row:nth-child(odd) {
  background-color: #21252b;
}

.bg-black .table.has-zebra-stripes-odd .table-row:nth-child(2n), .bg-blue .table.has-zebra-stripes-odd .table-row:nth-child(2n), .bg-dark .table.has-zebra-stripes-odd .table-row:nth-child(2n) {
  background-color: #353c45;
}

.bg-black .table.has-zebra-stripes-even .table-row:nth-child(2n), .bg-blue .table.has-zebra-stripes-even .table-row:nth-child(2n), .bg-dark .table.has-zebra-stripes-even .table-row:nth-child(2n) {
  background-color: #21252b;
}

.bg-black .table.has-zebra-stripes-even .table-row:nth-child(odd), .bg-blue .table.has-zebra-stripes-even .table-row:nth-child(odd), .bg-dark .table.has-zebra-stripes-even .table-row:nth-child(odd) {
  background-color: #353c45;
}

.bg-black .table td, .bg-black .table td a, .bg-black .table th, .bg-black .table th a, .bg-blue .table td, .bg-blue .table td a, .bg-blue .table th, .bg-blue .table th a, .bg-dark .table td, .bg-dark .table td a, .bg-dark .table th, .bg-dark .table th a {
  color: #fff;
}

.comparison-table__container {
  position: relative;
}

.comparison-table .table {
  margin-left: 7.5rem;
  width: calc(100% - 7.5rem);
}

@media (min-width: 576px) {
  .comparison-table .table {
    margin-left: 10.625rem;
    width: calc(100% - 10.625rem);
  }
}
.comparison-table .table.no-properties, .comparison-table .table.properties-not-fixed {
  margin-left: 0;
  width: 100%;
}

@media (min-width: 576px) {
  .comparison-table .table.properties-not-fixed {
    margin-left: 10.625rem;
    width: calc(100% - 10.625rem);
  }
}
.comparison-table .table.properties-not-fixed .table__properties {
  min-width: 7.5rem;
  position: relative;
}

@media (min-width: 576px) {
  .comparison-table .table.properties-not-fixed .table__properties {
    min-width: auto;
    position: absolute;
  }
}
.comparison-table .table-row {
  border-bottom: 0;
}

.comparison-table .table-header-row th {
  color: #fc5f01;
  font-weight: 600;
  padding: 0.625rem 0.625rem 0.625rem 0.9375rem;
  text-align: center;
  vertical-align: top;
  z-index: 200;
}

.comparison-table .table-header-row th a {
  color: inherit;
  text-decoration: underline;
}

.comparison-table .table-header-row th a:hover {
  text-decoration: none;
}

.comparison-table .table-header-row .nogutters {
  padding: 0;
  width: 0;
}

.comparison-table td {
  min-width: 6.25rem;
  text-align: center;
  vertical-align: middle;
  width: 20%;
}

.comparison-table .icon {
  height: 1rem;
  width: 1rem;
}

.comparison-table .icon-checkmark {
  display: inline-block;
  position: relative;
}

.comparison-table .icon-checkmark svg {
  color: #fc5f01;
  fill: #fc5f01;
}

.comparison-table .icon-checkmark--opaque svg {
  opacity: 0.5;
}

.comparison-table--blue .table-header-row th {
  color: #00529c;
}

.comparison-table--blue .icon-checkmark svg {
  color: #00529c;
  fill: #00529c;
}

.comparison-table--grey .table-header-row th {
  color: #656b6f;
}

.comparison-table--grey .icon-checkmark svg {
  color: #b9c1c6;
  fill: #b9c1c6;
}

.comparison-table--yellow .table-header-row th {
  color: #ffc107;
}

.comparison-table--yellow .icon-checkmark svg {
  color: #ffc107;
  fill: #ffc107;
}

.questionnaire {
  margin: 0;
}

.questionnaire__container {
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  max-width: 536px;
  max-width: 990px;
  width: 100%;
}

.questionnaire__container [class*=col-] {
  margin-bottom: 0;
}

@media (min-width: 576px) {
  .questionnaire__container {
    max-width: 728px;
  }
}
@media (min-width: 768px) {
  .questionnaire__container {
    max-width: 952px;
  }
}
.questionnaire .visual {
  background-position: 50%;
  background-size: cover;
  height: 100%;
  left: 0;
  opacity: 0.1;
  position: absolute;
  top: 0;
  width: 100%;
}

.questionnaire .carousel-inner {
  margin-bottom: 30px;
  margin-top: 30px;
}

.questionnaire .carousel-item {
  align-items: center;
  justify-content: center;
  min-height: 300px;
}

.questionnaire .carousel-item-next, .questionnaire .carousel-item-prev, .questionnaire .carousel-item.active {
  display: flex;
}

.questionnaire .carousel-indicators {
  transition: opacity 0.6s, visibility 0.6s;
}

.questionnaire .carousel-indicators.is-hidden {
  opacity: 0;
  visibility: hidden;
}

.questionnaire .carousel-indicators.is-active {
  display: flex;
  opacity: 1;
  visibility: visible;
}

.questionnaire .carousel-indicators li {
  background-color: #353c45;
  pointer-events: none;
}

.questionnaire .carousel-indicators li.is-hidden {
  display: none;
}

.questionnaire .carousel-indicators li.active {
  background-color: #b9c1c6;
}

.questionnaire h2 {
  color: #353c45;
  font-weight: 700;
  margin-bottom: 1.5625rem;
}

.questionnaire h2.question {
  margin-bottom: 30px;
}

@media (min-width: 992px) {
  .questionnaire h2.question {
    margin-bottom: 25px;
  }
}
.questionnaire h3 {
  color: #656b6f;
  margin: 0 auto 30px;
  max-width: 280px;
  width: 100%;
}

@media (min-width: 768px) {
  .questionnaire h3 {
    max-width: 420px;
  }
}
@media (min-width: 992px) {
  .questionnaire h3 {
    max-width: 510px;
  }
}
.questionnaire .btn--start {
  margin-bottom: 0;
}

.questionnaire .btn--answer {
  color: #656b6f;
}

.questionnaire .btn--answer:hover {
  color: #fff;
}

.questionnaire .loader, .questionnaire .truckconfigurator .sidepanels .sideloader .sideloaderimage, .truckconfigurator .sidepanels .sideloader .questionnaire .sideloaderimage {
  display: none;
}

.bg-medium .btn--answer {
  color: #353c45;
}

.bg-medium .btn--answer:hover {
  color: #fff;
}

.bg-medium .carousel-indicators li {
  background-color: #353c45;
}

.bg-medium .carousel-indicators li.active {
  background-color: #b9c1c6;
}

.bg-black .btn--answer, .bg-blue .btn--answer, .bg-dark .btn--answer {
  color: #fff;
}

.bg-black .carousel-indicators li, .bg-blue .carousel-indicators li, .bg-dark .carousel-indicators li {
  background-color: #fff;
}

.bg-black .carousel-indicators li.active, .bg-blue .carousel-indicators li.active, .bg-dark .carousel-indicators li.active {
  background-color: #f9f9f9;
}

.paged-search-results .loader, .paged-search-results .truckconfigurator .sidepanels .sideloader .sideloaderimage, .truckconfigurator .sidepanels .sideloader .paged-search-results .sideloaderimage {
  display: none;
}

.paged-search-results__search-form {
  align-items: center;
}

.paged-search-results__search-form .btn-primary {
  font-size: 0.875rem;
}

@media (min-width: 992px) {
  .paged-search-results__search-form .btn-primary {
    font-size: 1rem;
  }
}
.paged-search-results__results-list {
  list-style: none;
  padding: 0;
}

.paged-search-results__result-item {
  background-color: #fff;
  border-bottom: 1px solid #dbdedf;
  display: block;
  margin-bottom: 10px;
  padding: 10px;
  position: relative;
  width: 100%;
}

.paged-search-results__result-item:hover {
  box-shadow: 0 5px 25px -10px rgba(0, 0, 0, 0.25);
}

.paged-search-results__result-item a {
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 1;
}

.paged-search-results__result-item [class*=col-] {
  margin: 0;
}

.paged-search-results__result-item .label {
  display: block;
  font-size: 90%;
}

.paged-search-results__result-item h2 {
  color: #00529c;
  font-size: 1.25rem;
  font-weight: 500;
  margin-bottom: 0.625rem;
  margin-top: 0.625rem;
}

.paged-search-results__result-item p {
  color: #868e96 !important;
}

.scrollytelling {
  position: relative;
}

.scrollytelling.has-scroll {
  overflow-y: visible;
}

@media (min-width: 768px) {
  .scrollytelling.has-scroll {
    overflow: visible;
  }
}
.scrollytelling__container {
  height: 100%;
  overflow: hidden;
  transition: opacity 0.75s;
  width: 100%;
}

.scrollytelling__container > .swiper-container {
  height: 100%;
  width: 100%;
}

.scrollytelling__container > .swiper-container .swiper-wrapper {
  display: block;
}

.scrollytelling .scrollytelling-dragger {
  bottom: 3rem;
  left: 50%;
  position: fixed;
  transform: translateX(-50%);
  z-index: 4;
}

@media (min-width: 768px) {
  .scrollytelling .scrollytelling-dragger {
    bottom: 5rem;
  }
}
.scrollytelling .scrollytelling-dragger.is-hidden {
  bottom: -5rem;
  transition-delay: 0s;
}

.scrollytelling__subcontent {
  background-color: #fff;
  display: none;
  opacity: 0;
  position: absolute;
  width: 100%;
  z-index: 1;
}

.scrollytelling__subcontent.is-active {
  display: block;
  opacity: 1;
  transition: opacity 0.1s ease-in-out;
}

.scrollytelling__image-preview {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}

.scrollytelling-slide {
  background: #fff;
}

.scrollytelling-slide__gradient, .scrollytelling-slide__image {
  height: 100%;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%;
}

.scrollytelling-slide__gradient {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.5)), linear-gradient(270deg, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.5));
  opacity: 0;
  transition: opacity 1s;
}

.scrollytelling-slide__gradient.fade-in {
  opacity: 1;
}

.scrollytelling-slide__container {
  align-items: center;
  display: flex;
  height: 100%;
  margin: 0 auto;
  max-width: 60rem;
  width: 100%;
  z-index: 1;
}

.scrollytelling-slide__body {
  margin-left: 0;
  padding-left: 1.5rem;
  padding-right: 3.5rem;
  z-index: 1;
}

@media (min-width: 576px) {
  .scrollytelling-slide__body {
    padding-right: 4rem;
  }
}
@media (min-width: 992px) {
  .scrollytelling-slide__body {
    padding: 0;
    width: 66.6666666667%;
  }
}
.scrollytelling-slide--intro .scrollytelling-slide__body {
  padding-left: 1rem;
  text-align: center;
}

@media (min-width: 992px) {
  .scrollytelling-slide--intro .scrollytelling-slide__body {
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    width: 83.3333333333%;
  }
}
.scrollytelling-slide__body.will-animate {
  opacity: 0;
  transform: translateY(150%);
  transition: opacity 1s, transform 1s;
}

.scrollytelling-slide__body.reveal {
  opacity: 1;
  transform: translateY(0);
}

.scrollytelling-slide__topic {
  color: #fff;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.33;
  opacity: 0.75;
}

@media (min-width: 768px) {
  .scrollytelling-slide__topic {
    font-size: 1.5rem;
  }
}
.scrollytelling-slide__title {
  color: #fff;
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.05;
}

@media (min-width: 768px) {
  .scrollytelling-slide__title {
    font-size: 4.875rem;
  }
}
.scrollytelling-slide__subtitle {
  color: #fff;
  font-size: 1.625rem;
  font-weight: 200;
  line-height: 1.17;
}

@media (min-width: 768px) {
  .scrollytelling-slide__subtitle {
    font-size: 3rem;
  }
}
.scrollytelling-scroll-indicator {
  align-items: center;
  bottom: 2rem;
  color: #fff;
  display: flex;
  flex-direction: column;
  left: 0;
  opacity: 1;
  pointer-events: none;
  position: fixed;
  right: 0;
  transition: opacity 1s;
  z-index: 1;
}

.scrollytelling-scroll-indicator.is-hidden {
  opacity: 0;
}

.scrollytelling-scroll-indicator__title {
  font-size: 1.125rem;
  margin-bottom: 0.5rem;
}

@media (min-width: 576px) {
  .scrollytelling-scroll-indicator__title {
    font-size: 1.5rem;
    font-weight: 200;
  }
}
@keyframes arrowIndicator {
  0% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(8px);
  }
  to {
    transform: translateY(0);
  }
}
.scrollytelling-scroll-indicator .scrollytelling__icon-wrapper {
  animation: arrowIndicator 1.25s infinite;
}

.scrollytelling-scroll-indicator .icon {
  height: 1.875rem;
  transform: rotate(90deg);
  width: 1.875rem;
}

.scrollytelling__label {
  color: #fff;
  font-size: 0.875rem;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.scrollytelling__icon-wrapper {
  align-items: center;
  border: 1px solid hsla(0, 0%, 100%, 0.5);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  padding: 0.5rem;
}

.scrollytelling__icon-wrapper--large {
  padding: 1rem;
}

.scrollytelling__icon-wrapper .icon {
  fill: #fff;
}

.scrollytelling__external-link {
  align-items: center;
  color: #fff;
  display: inline-flex;
  font-size: 1.25rem;
  font-weight: 500;
  padding: 0 1rem 1rem;
  text-decoration: underline;
}

.scrollytelling__external-link:hover {
  color: #fc5f01;
  text-decoration: underline;
}

.scrollytelling__external-link .icon {
  fill: #fff;
}

.scrollytelling__progress {
  align-items: flex-end;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  opacity: 1;
  position: absolute;
  right: 2rem;
  top: 50%;
  transform: translateY(-50%);
  transition: opacity 0.5s;
  width: 2.5rem;
  z-index: 4;
}

.scrollytelling__progress.is-hidden {
  opacity: 0;
}

@media (min-width: 768px) {
  .scrollytelling__progress {
    right: 2.5rem;
  }
}
.scrollytelling__progress .scrollytelling__menu-indicator {
  background-color: transparent;
  border: 0;
  cursor: pointer;
  padding: 0;
  transform: rotate(-90deg) translate(115%, 0.375rem);
  transform-origin: bottom right;
}

@media (min-width: 768px) {
  .scrollytelling__progress .scrollytelling__menu-indicator {
    transform: rotate(-90deg) translate(115%, 0.125rem);
  }
}
.scrollytelling-nav.is-visible ~ .scrollytelling__progress {
  display: none;
}

.scrollytelling__progress-indicator {
  background-color: #ced3d6;
  border-radius: 50%;
  box-shadow: 0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.5), 0 0 1.875rem 0 #000;
  height: 0.5rem;
  margin: 0.5rem 0 0.5rem 0.5rem;
  transition: height 0.5s, border-radius 0.5s;
  width: 0.5rem;
}

@media (min-width: 768px) {
  .scrollytelling__progress-indicator {
    margin-right: 0.25rem;
  }
}
.scrollytelling__progress-indicator.is-active {
  background-color: #fff;
  border-radius: 0.375rem;
  height: 3.25rem;
}

.scrollytelling-menu {
  background-color: rgba(0, 0, 0, 0.9);
  bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 2rem;
  position: fixed;
  right: 0;
  top: 0;
  transform: translate3d(100%, 0, 0);
  transition: transform 0.4s ease-in;
  width: 100%;
  z-index: 100;
}

@media (min-width: 768px) {
  .scrollytelling-menu {
    background-color: rgba(0, 0, 0, 0.6);
    width: 23.25rem;
  }
}
.scrollytelling-menu.is-visible {
  transform: translateZ(0);
  transition: transform 0.2s ease-out;
}

.scrollytelling-menu.initial-transition {
  transition-duration: 1s;
}

.scrollytelling-menu__close {
  justify-content: flex-end;
}

.scrollytelling-menu__close button {
  align-items: center;
  background-color: transparent;
  border: 0;
  cursor: pointer;
  display: flex;
}

.scrollytelling-menu__list {
  display: flex;
  flex-direction: column;
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 100%;
}

.scrollytelling-menu .scrollytelling__menu-indicator {
  display: inline-block;
  transform: rotate(-90deg) translate(20%, 1.3125rem);
  transform-origin: bottom left;
}

.scrollytelling-menu__item {
  display: flex;
  position: relative;
  width: 100%;
}

.scrollytelling-menu__item.is-active button, .scrollytelling-menu__item > button:hover {
  color: #fff;
}

.scrollytelling-menu__item--nav {
  padding: 0.625rem 0.625rem 0.625rem 0;
}

.scrollytelling-menu__item--nav > button {
  align-items: center;
  background-color: transparent;
  border: 0;
  color: #ced3d6;
  cursor: pointer;
  display: inline-flex;
  font-size: 1rem;
  line-height: 1.25;
  text-align: left;
  text-decoration: none;
}

.scrollytelling-menu__item--nav.is-active > button {
  align-items: flex-end;
}

.scrollytelling-menu__item--nav > button:before {
  background-color: #ced3d6;
  border-radius: 50%;
  content: "";
  flex-shrink: 0;
  height: 0.5rem;
  margin-right: 1.25rem;
  transition: height 0.5s, border-radius 0.5s;
  width: 0.5rem;
}

.scrollytelling-menu__item--nav.is-active > button:before {
  background-color: #fff;
  border-radius: 0.375rem;
  height: 3.25rem;
}

html.disable-desktop-scroll {
  overflow-y: scroll;
  position: fixed;
  width: 100%;
}

/*! nouislider - 11.1.0 - 2018-04-02 11:18:13 */
.noUi-target, .noUi-target * {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-sizing: border-box;
  touch-action: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.noUi-target {
  direction: ltr;
  position: relative;
}

.noUi-base, .noUi-connects {
  height: 100%;
  position: relative;
  width: 100%;
  z-index: 1;
}

.noUi-connects {
  overflow: hidden;
  z-index: 0;
}

.noUi-connect, .noUi-origin {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transform-origin: 0 0;
  width: 100%;
  will-change: transform;
  z-index: 1;
}

html:not([dir=rtl]) .noUi-horizontal .noUi-origin {
  left: auto;
  right: 0;
}

.noUi-vertical .noUi-origin {
  width: 0;
}

.noUi-horizontal .noUi-origin {
  height: 0;
}

.noUi-handle {
  position: absolute;
}

.noUi-state-tap .noUi-connect, .noUi-state-tap .noUi-origin {
  transition: transform 0.3s;
}

.noUi-state-drag * {
  cursor: inherit !important;
}

.noUi-horizontal {
  height: 18px;
}

.noUi-horizontal .noUi-handle {
  height: 28px;
  left: -17px;
  top: -6px;
  width: 34px;
}

.noUi-vertical {
  width: 18px;
}

.noUi-vertical .noUi-handle {
  height: 34px;
  left: -6px;
  top: -17px;
  width: 28px;
}

html:not([dir=rtl]) .noUi-horizontal .noUi-handle {
  left: auto;
  right: -17px;
}

.noUi-target {
  background: #fafafa;
  border: 1px solid #d3d3d3;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px #f0f0f0, 0 3px 6px -5px #bbb;
}

.noUi-connects {
  border-radius: 3px;
}

.noUi-connect {
  background: #3fb8af;
}

.noUi-draggable {
  cursor: ew-resize;
}

.noUi-vertical .noUi-draggable {
  cursor: ns-resize;
}

.noUi-handle {
  background: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 3px;
  box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ebebeb, 0 3px 6px -3px #bbb;
  cursor: default;
}

.noUi-active {
  box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ddd, 0 3px 6px -3px #bbb;
}

.noUi-handle:after, .noUi-handle:before {
  background: #e8e7e6;
  content: "";
  display: block;
  height: 14px;
  left: 14px;
  position: absolute;
  top: 6px;
  width: 1px;
}

.noUi-handle:after {
  left: 17px;
}

.noUi-vertical .noUi-handle:after, .noUi-vertical .noUi-handle:before {
  height: 1px;
  left: 6px;
  top: 14px;
  width: 14px;
}

.noUi-vertical .noUi-handle:after {
  top: 17px;
}

[disabled] .noUi-connect {
  background: #b8b8b8;
}

[disabled] .noUi-handle, [disabled].noUi-handle, [disabled].noUi-target {
  cursor: not-allowed;
}

.noUi-pips, .noUi-pips * {
  box-sizing: border-box;
}

.noUi-pips {
  color: #999;
  position: absolute;
}

.noUi-value {
  position: absolute;
  text-align: center;
  white-space: nowrap;
}

.noUi-value-sub {
  color: #ccc;
  font-size: 10px;
}

.noUi-marker {
  background: #ccc;
  position: absolute;
}

.noUi-marker-large, .noUi-marker-sub {
  background: #aaa;
}

.noUi-pips-horizontal {
  height: 80px;
  left: 0;
  padding: 10px 0;
  top: 100%;
  width: 100%;
}

.noUi-value-horizontal {
  transform: translate(-50%, 50%);
}

.noUi-rtl .noUi-value-horizontal {
  transform: translate(50%, 50%);
}

.noUi-marker-horizontal.noUi-marker {
  height: 5px;
  margin-left: -1px;
  width: 2px;
}

.noUi-marker-horizontal.noUi-marker-sub {
  height: 10px;
}

.noUi-marker-horizontal.noUi-marker-large {
  height: 15px;
}

.noUi-pips-vertical {
  height: 100%;
  left: 100%;
  padding: 0 10px;
  top: 0;
}

.noUi-value-vertical {
  padding-left: 25px;
  transform: translate(0, -50%, 0);
}

.noUi-rtl .noUi-value-vertical {
  transform: translateY(50%);
}

.noUi-marker-vertical.noUi-marker {
  height: 2px;
  margin-top: -1px;
  width: 5px;
}

.noUi-marker-vertical.noUi-marker-sub {
  width: 10px;
}

.noUi-marker-vertical.noUi-marker-large {
  width: 15px;
}

.noUi-tooltip {
  background: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 3px;
  color: #000;
  display: block;
  padding: 5px;
  position: absolute;
  text-align: center;
  white-space: nowrap;
}

.noUi-horizontal .noUi-tooltip {
  bottom: 120%;
  left: 50%;
  transform: translate(-50%);
}

.noUi-vertical .noUi-tooltip {
  right: 120%;
  top: 50%;
  transform: translateY(-50%);
}

.scrollytelling-dragger {
  transition: width 0.25s, bottom 0.4s linear 0.75s;
  width: 21.75rem;
}

@media (min-width: 768px) {
  .scrollytelling-dragger:not(:hover).is-collapsed {
    width: 6.25rem;
  }
  .scrollytelling-dragger:not(:hover).is-collapsed .scrollytelling-dragger__label {
    opacity: 0;
  }
}
.scrollytelling-dragger .noUi-target {
  background: linear-gradient(270deg, #266cab, #00529c);
  border: 0;
  border-radius: 2rem;
  box-shadow: none;
  display: flex;
  height: 3.25rem;
  opacity: 0.8;
  padding: 0 1.75rem 0 5rem;
}

.scrollytelling-dragger .noUi-handle {
  align-items: center;
  align-self: center;
  background-color: hsla(0, 0%, 100%, 0.2);
  border: 0;
  border-radius: 50%;
  box-shadow: 0 0 1.25rem 0 rgba(0, 0, 0, 0.25) !important;
  cursor: pointer;
  display: inline-flex;
  height: 5.25rem;
  justify-content: center;
  top: -1rem;
  width: 5.25rem;
}

.scrollytelling-dragger .noUi-handle:active, .scrollytelling-dragger .noUi-handle:focus {
  box-shadow: 0 0 1.25rem 0 rgba(0, 0, 0, 0.75) !important;
}

.scrollytelling-dragger .noUi-handle:after, .scrollytelling-dragger .noUi-handle:before {
  content: none;
}

.scrollytelling-dragger .noUi-touch-area {
  align-items: center;
  background-color: #fff;
  border-radius: inherit;
  display: inline-flex;
  height: 4rem;
  justify-content: center;
  width: 4rem;
}

.scrollytelling-dragger .noUi-touch-area, .scrollytelling-dragger .noUi-touch-area:active, .scrollytelling-dragger .noUi-touch-area:focus {
  box-shadow: 0 0 1.25rem 0 rgba(0, 0, 0, 0.5) !important;
}

.scrollytelling-dragger .noUi-touch-area svg {
  height: 2.75rem;
  width: 2.75rem;
  stroke: #fc5f01;
}

.scrollytelling-dragger.is-open .noUi-touch-area > svg {
  transform: rotate(180deg);
}

.scrollytelling-dragger .noUi-connects {
  align-items: center;
  color: #fff;
  display: flex;
  margin-left: 0.5rem;
}

.scrollytelling-dragger.is-open .noUi-connects {
  margin-left: -3.5rem;
}

.scrollytelling-dragger__label {
  font-size: 1.125rem;
  font-weight: 500;
  margin: auto 0 auto auto;
}

.scrollytelling-dragger.is-open .scrollytelling-dragger__label {
  margin-left: 0;
  margin-right: auto;
}

@media (min-width: 768px) {
  .driver-manual-search {
    padding: 2.5rem;
  }
}
.driver-manual-search .form-fieldset {
  padding-bottom: 0;
}

.driver-manual-search .errormessage {
  margin: 0;
  padding: 0;
}

.driver-manual-search__title {
  font-size: 1.625rem;
  font-weight: 500;
  line-height: 1.25;
  margin-bottom: 2rem;
  text-align: center;
}

.driver-manual-search__form, .driver-manual-search__results {
  padding: 2.5rem;
}

.driver-manual-search__form {
  padding-bottom: 0;
}

.driver-manual-search__search-button {
  margin: 0 auto -2rem;
  z-index: 1;
}

.driver-manual-search .is-hidden {
  display: none;
}

.driver-manual-search__results {
  margin-top: 2.5rem;
}

.driver-manual-search__results .row {
  align-items: center;
}

.driver-manual-search__results ul {
  margin: 0;
}

.driver-manual-search__results li {
  font-size: 0.875rem;
  margin-bottom: 0.625rem;
  padding-left: 1.25rem;
}

@media (min-width: 768px) {
  .driver-manual-search__results li {
    margin-bottom: 0;
  }
}
.driver-manual-search__results li:nth-child(2n) {
  background-color: #fff;
}

.driver-manual-search__results h2 {
  border-bottom: 0.125rem solid #b9c1c6;
  font-size: 1.5rem;
  font-weight: 500;
  margin-bottom: 0;
  padding-bottom: 0.625rem;
  text-align: center;
}

.driver-manual-search__results .icon--file-pdf {
  fill: #fc5f01;
  color: #fc5f01;
  margin-right: 20px;
}

.driver-manual-search__results .manual-link, .driver-manual-search__results .manual-title {
  padding-bottom: 0.3125rem;
  padding-top: 0.3125rem;
}

@media (min-width: 768px) {
  .driver-manual-search__results .manual-link, .driver-manual-search__results .manual-title {
    min-height: 2.8125rem;
    padding-bottom: 0;
    padding-top: 0;
  }
}
.driver-manual-search__error {
  font-weight: 500;
}

.driver-manual-search__error, .driver-manual-search__specification {
  font-size: 1.5rem;
  margin-bottom: 0;
  text-align: center;
}

.driver-manual-search__upgrades {
  font-size: 2rem;
  font-weight: 700;
  text-align: center;
}

.driver-manual-search__upgrades[data-has-upgrades=false] {
  color: #28a745;
}

.driver-manual-search__upgrades[data-has-upgrades=true] {
  color: #fc5f01;
}

.driver-manual-search__follow-up {
  margin-top: 1.25rem;
  text-align: center;
}

.driver-manual-search__follow-up p {
  font-weight: 700;
}

.driver-manual-search__follow-up .btn, .driver-manual-search__follow-up .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-configure, .driver-manual-search__follow-up .truckconfigurator .modal .modal-btn, .driver-manual-search__follow-up .truckconfigurator .modal-disclaimer .modal-btn, .driver-manual-search__follow-up .truckconfigurator .modal-home .modal-btn, .driver-manual-search__follow-up .truckconfigurator .modal-save .modal-btn, .driver-manual-search__follow-up .truckconfigurator .modal-send .modal-btn, .driver-manual-search__follow-up .truckconfigurator .modal-summary .modal-btn, .driver-manual-search__follow-up .truckconfigurator .modal-validation .modal-btn, .driver-manual-search__follow-up .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .select-model-btn, .driver-manual-search__follow-up .truckconfigurator .sp-choose, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .driver-manual-search__follow-up .btn-configure, .truckconfigurator .driver-manual-search__follow-up .sp-choose, .truckconfigurator .modal .driver-manual-search__follow-up .modal-btn, .truckconfigurator .modal-disclaimer .driver-manual-search__follow-up .modal-btn, .truckconfigurator .modal-home .driver-manual-search__follow-up .modal-btn, .truckconfigurator .modal-save .driver-manual-search__follow-up .modal-btn, .truckconfigurator .modal-send .driver-manual-search__follow-up .modal-btn, .truckconfigurator .modal-summary .driver-manual-search__follow-up .modal-btn, .truckconfigurator .modal-validation .driver-manual-search__follow-up .modal-btn, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .driver-manual-search__follow-up .select-model-btn {
  max-width: 18.75rem;
}

@media (max-width: 991.98px) {
  .driver-manual-search__follow-up .btn, .driver-manual-search__follow-up .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-configure, .driver-manual-search__follow-up .truckconfigurator .modal .modal-btn, .driver-manual-search__follow-up .truckconfigurator .modal-disclaimer .modal-btn, .driver-manual-search__follow-up .truckconfigurator .modal-home .modal-btn, .driver-manual-search__follow-up .truckconfigurator .modal-save .modal-btn, .driver-manual-search__follow-up .truckconfigurator .modal-send .modal-btn, .driver-manual-search__follow-up .truckconfigurator .modal-summary .modal-btn, .driver-manual-search__follow-up .truckconfigurator .modal-validation .modal-btn, .driver-manual-search__follow-up .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .select-model-btn, .driver-manual-search__follow-up .truckconfigurator .sp-choose, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .driver-manual-search__follow-up .btn-configure, .truckconfigurator .driver-manual-search__follow-up .sp-choose, .truckconfigurator .modal .driver-manual-search__follow-up .modal-btn, .truckconfigurator .modal-disclaimer .driver-manual-search__follow-up .modal-btn, .truckconfigurator .modal-home .driver-manual-search__follow-up .modal-btn, .truckconfigurator .modal-save .driver-manual-search__follow-up .modal-btn, .truckconfigurator .modal-send .driver-manual-search__follow-up .modal-btn, .truckconfigurator .modal-summary .driver-manual-search__follow-up .modal-btn, .truckconfigurator .modal-validation .driver-manual-search__follow-up .modal-btn, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .driver-manual-search__follow-up .select-model-btn {
    display: block;
    margin: 0 auto;
  }
}
.driver-manual-search__follow-up .btn + .btn, .driver-manual-search__follow-up .truckconfigurator .btn + .sp-choose, .driver-manual-search__follow-up .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn + .btn-configure, .driver-manual-search__follow-up .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-configure + .btn, .driver-manual-search__follow-up .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-configure + .btn-configure, .driver-manual-search__follow-up .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-configure + .sp-choose, .driver-manual-search__follow-up .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .modal .btn-configure + .modal-btn, .driver-manual-search__follow-up .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .modal .modal-btn + .btn-configure, .driver-manual-search__follow-up .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .modal-disclaimer .btn-configure + .modal-btn, .driver-manual-search__follow-up .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .modal-disclaimer .modal-btn + .btn-configure, .driver-manual-search__follow-up .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .modal-home .btn-configure + .modal-btn, .driver-manual-search__follow-up .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .modal-home .modal-btn + .btn-configure, .driver-manual-search__follow-up .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .modal-save .btn-configure + .modal-btn, .driver-manual-search__follow-up .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .modal-save .modal-btn + .btn-configure, .driver-manual-search__follow-up .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .modal-send .btn-configure + .modal-btn, .driver-manual-search__follow-up .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .modal-send .modal-btn + .btn-configure, .driver-manual-search__follow-up .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .modal-summary .btn-configure + .modal-btn, .driver-manual-search__follow-up .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .modal-summary .modal-btn + .btn-configure, .driver-manual-search__follow-up .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .modal-validation .btn-configure + .modal-btn, .driver-manual-search__follow-up .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .modal-validation .modal-btn + .btn-configure, .driver-manual-search__follow-up .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .btn-configure + .select-model-btn, .driver-manual-search__follow-up .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .select-model-btn + .btn-configure, .driver-manual-search__follow-up .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .sp-choose + .btn-configure, .driver-manual-search__follow-up .truckconfigurator .modal .btn + .modal-btn, .driver-manual-search__follow-up .truckconfigurator .modal .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-configure + .modal-btn, .driver-manual-search__follow-up .truckconfigurator .modal .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .modal-btn + .btn-configure, .driver-manual-search__follow-up .truckconfigurator .modal .modal-btn + .btn, .driver-manual-search__follow-up .truckconfigurator .modal .modal-btn + .modal-btn, .driver-manual-search__follow-up .truckconfigurator .modal .modal-btn + .sp-choose, .driver-manual-search__follow-up .truckconfigurator .modal .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .modal-btn + .select-model-btn, .driver-manual-search__follow-up .truckconfigurator .modal .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .select-model-btn + .modal-btn, .driver-manual-search__follow-up .truckconfigurator .modal .sp-choose + .modal-btn, .driver-manual-search__follow-up .truckconfigurator .modal-disclaimer .btn + .modal-btn, .driver-manual-search__follow-up .truckconfigurator .modal-disclaimer .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-configure + .modal-btn, .driver-manual-search__follow-up .truckconfigurator .modal-disclaimer .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .modal-btn + .btn-configure, .driver-manual-search__follow-up .truckconfigurator .modal-disclaimer .modal-btn + .btn, .driver-manual-search__follow-up .truckconfigurator .modal-disclaimer .modal-btn + .modal-btn, .driver-manual-search__follow-up .truckconfigurator .modal-disclaimer .modal-btn + .sp-choose, .driver-manual-search__follow-up .truckconfigurator .modal-disclaimer .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .modal-btn + .select-model-btn, .driver-manual-search__follow-up .truckconfigurator .modal-disclaimer .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .select-model-btn + .modal-btn, .driver-manual-search__follow-up .truckconfigurator .modal-disclaimer .sp-choose + .modal-btn, .driver-manual-search__follow-up .truckconfigurator .modal-home .btn + .modal-btn, .driver-manual-search__follow-up .truckconfigurator .modal-home .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-configure + .modal-btn, .driver-manual-search__follow-up .truckconfigurator .modal-home .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .modal-btn + .btn-configure, .driver-manual-search__follow-up .truckconfigurator .modal-home .modal-btn + .btn, .driver-manual-search__follow-up .truckconfigurator .modal-home .modal-btn + .modal-btn, .driver-manual-search__follow-up .truckconfigurator .modal-home .modal-btn + .sp-choose, .driver-manual-search__follow-up .truckconfigurator .modal-home .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .modal-btn + .select-model-btn, .driver-manual-search__follow-up .truckconfigurator .modal-home .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .select-model-btn + .modal-btn, .driver-manual-search__follow-up .truckconfigurator .modal-home .sp-choose + .modal-btn, .driver-manual-search__follow-up .truckconfigurator .modal-save .btn + .modal-btn, .driver-manual-search__follow-up .truckconfigurator .modal-save .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-configure + .modal-btn, .driver-manual-search__follow-up .truckconfigurator .modal-save .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .modal-btn + .btn-configure, .driver-manual-search__follow-up .truckconfigurator .modal-save .modal-btn + .btn, .driver-manual-search__follow-up .truckconfigurator .modal-save .modal-btn + .modal-btn, .driver-manual-search__follow-up .truckconfigurator .modal-save .modal-btn + .sp-choose, .driver-manual-search__follow-up .truckconfigurator .modal-save .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .modal-btn + .select-model-btn, .driver-manual-search__follow-up .truckconfigurator .modal-save .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .select-model-btn + .modal-btn, .driver-manual-search__follow-up .truckconfigurator .modal-save .sp-choose + .modal-btn, .driver-manual-search__follow-up .truckconfigurator .modal-send .btn + .modal-btn, .driver-manual-search__follow-up .truckconfigurator .modal-send .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-configure + .modal-btn, .driver-manual-search__follow-up .truckconfigurator .modal-send .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .modal-btn + .btn-configure, .driver-manual-search__follow-up .truckconfigurator .modal-send .modal-btn + .btn, .driver-manual-search__follow-up .truckconfigurator .modal-send .modal-btn + .modal-btn, .driver-manual-search__follow-up .truckconfigurator .modal-send .modal-btn + .sp-choose, .driver-manual-search__follow-up .truckconfigurator .modal-send .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .modal-btn + .select-model-btn, .driver-manual-search__follow-up .truckconfigurator .modal-send .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .select-model-btn + .modal-btn, .driver-manual-search__follow-up .truckconfigurator .modal-send .sp-choose + .modal-btn, .driver-manual-search__follow-up .truckconfigurator .modal-summary .btn + .modal-btn, .driver-manual-search__follow-up .truckconfigurator .modal-summary .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-configure + .modal-btn, .driver-manual-search__follow-up .truckconfigurator .modal-summary .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .modal-btn + .btn-configure, .driver-manual-search__follow-up .truckconfigurator .modal-summary .modal-btn + .btn, .driver-manual-search__follow-up .truckconfigurator .modal-summary .modal-btn + .modal-btn, .driver-manual-search__follow-up .truckconfigurator .modal-summary .modal-btn + .sp-choose, .driver-manual-search__follow-up .truckconfigurator .modal-summary .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .modal-btn + .select-model-btn, .driver-manual-search__follow-up .truckconfigurator .modal-summary .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .select-model-btn + .modal-btn, .driver-manual-search__follow-up .truckconfigurator .modal-summary .sp-choose + .modal-btn, .driver-manual-search__follow-up .truckconfigurator .modal-validation .btn + .modal-btn, .driver-manual-search__follow-up .truckconfigurator .modal-validation .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-configure + .modal-btn, .driver-manual-search__follow-up .truckconfigurator .modal-validation .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .modal-btn + .btn-configure, .driver-manual-search__follow-up .truckconfigurator .modal-validation .modal-btn + .btn, .driver-manual-search__follow-up .truckconfigurator .modal-validation .modal-btn + .modal-btn, .driver-manual-search__follow-up .truckconfigurator .modal-validation .modal-btn + .sp-choose, .driver-manual-search__follow-up .truckconfigurator .modal-validation .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .modal-btn + .select-model-btn, .driver-manual-search__follow-up .truckconfigurator .modal-validation .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .select-model-btn + .modal-btn, .driver-manual-search__follow-up .truckconfigurator .modal-validation .sp-choose + .modal-btn, .driver-manual-search__follow-up .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .btn + .select-model-btn, .driver-manual-search__follow-up .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-configure + .select-model-btn, .driver-manual-search__follow-up .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .select-model-btn + .btn-configure, .driver-manual-search__follow-up .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .modal .modal-btn + .select-model-btn, .driver-manual-search__follow-up .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .modal .select-model-btn + .modal-btn, .driver-manual-search__follow-up .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .modal-disclaimer .modal-btn + .select-model-btn, .driver-manual-search__follow-up .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .modal-disclaimer .select-model-btn + .modal-btn, .driver-manual-search__follow-up .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .modal-home .modal-btn + .select-model-btn, .driver-manual-search__follow-up .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .modal-home .select-model-btn + .modal-btn, .driver-manual-search__follow-up .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .modal-save .modal-btn + .select-model-btn, .driver-manual-search__follow-up .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .modal-save .select-model-btn + .modal-btn, .driver-manual-search__follow-up .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .modal-send .modal-btn + .select-model-btn, .driver-manual-search__follow-up .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .modal-send .select-model-btn + .modal-btn, .driver-manual-search__follow-up .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .modal-summary .modal-btn + .select-model-btn, .driver-manual-search__follow-up .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .modal-summary .select-model-btn + .modal-btn, .driver-manual-search__follow-up .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .modal-validation .modal-btn + .select-model-btn, .driver-manual-search__follow-up .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .modal-validation .select-model-btn + .modal-btn, .driver-manual-search__follow-up .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .select-model-btn + .btn, .driver-manual-search__follow-up .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .select-model-btn + .select-model-btn, .driver-manual-search__follow-up .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .select-model-btn + .sp-choose, .driver-manual-search__follow-up .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .sp-choose + .select-model-btn, .driver-manual-search__follow-up .truckconfigurator .sp-choose + .btn, .driver-manual-search__follow-up .truckconfigurator .sp-choose + .sp-choose, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .driver-manual-search__follow-up .btn + .btn-configure, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .driver-manual-search__follow-up .btn-configure + .btn, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .driver-manual-search__follow-up .btn-configure + .btn-configure, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .driver-manual-search__follow-up .btn-configure + .sp-choose, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .driver-manual-search__follow-up .sp-choose + .btn-configure, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .modal .driver-manual-search__follow-up .btn-configure + .modal-btn, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .modal .driver-manual-search__follow-up .modal-btn + .btn-configure, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .modal-disclaimer .driver-manual-search__follow-up .btn-configure + .modal-btn, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .modal-disclaimer .driver-manual-search__follow-up .modal-btn + .btn-configure, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .modal-home .driver-manual-search__follow-up .btn-configure + .modal-btn, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .modal-home .driver-manual-search__follow-up .modal-btn + .btn-configure, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .modal-save .driver-manual-search__follow-up .btn-configure + .modal-btn, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .modal-save .driver-manual-search__follow-up .modal-btn + .btn-configure, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .modal-send .driver-manual-search__follow-up .btn-configure + .modal-btn, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .modal-send .driver-manual-search__follow-up .modal-btn + .btn-configure, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .modal-summary .driver-manual-search__follow-up .btn-configure + .modal-btn, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .modal-summary .driver-manual-search__follow-up .modal-btn + .btn-configure, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .modal-validation .driver-manual-search__follow-up .btn-configure + .modal-btn, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .modal-validation .driver-manual-search__follow-up .modal-btn + .btn-configure, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .driver-manual-search__follow-up .btn-configure + .select-model-btn, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .driver-manual-search__follow-up .select-model-btn + .btn-configure, .truckconfigurator .driver-manual-search__follow-up .btn + .sp-choose, .truckconfigurator .driver-manual-search__follow-up .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-configure + .sp-choose, .truckconfigurator .driver-manual-search__follow-up .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .sp-choose + .btn-configure, .truckconfigurator .driver-manual-search__follow-up .modal .modal-btn + .sp-choose, .truckconfigurator .driver-manual-search__follow-up .modal .sp-choose + .modal-btn, .truckconfigurator .driver-manual-search__follow-up .modal-disclaimer .modal-btn + .sp-choose, .truckconfigurator .driver-manual-search__follow-up .modal-disclaimer .sp-choose + .modal-btn, .truckconfigurator .driver-manual-search__follow-up .modal-home .modal-btn + .sp-choose, .truckconfigurator .driver-manual-search__follow-up .modal-home .sp-choose + .modal-btn, .truckconfigurator .driver-manual-search__follow-up .modal-save .modal-btn + .sp-choose, .truckconfigurator .driver-manual-search__follow-up .modal-save .sp-choose + .modal-btn, .truckconfigurator .driver-manual-search__follow-up .modal-send .modal-btn + .sp-choose, .truckconfigurator .driver-manual-search__follow-up .modal-send .sp-choose + .modal-btn, .truckconfigurator .driver-manual-search__follow-up .modal-summary .modal-btn + .sp-choose, .truckconfigurator .driver-manual-search__follow-up .modal-summary .sp-choose + .modal-btn, .truckconfigurator .driver-manual-search__follow-up .modal-validation .modal-btn + .sp-choose, .truckconfigurator .driver-manual-search__follow-up .modal-validation .sp-choose + .modal-btn, .truckconfigurator .driver-manual-search__follow-up .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .select-model-btn + .sp-choose, .truckconfigurator .driver-manual-search__follow-up .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .sp-choose + .select-model-btn, .truckconfigurator .driver-manual-search__follow-up .sp-choose + .btn, .truckconfigurator .driver-manual-search__follow-up .sp-choose + .sp-choose, .truckconfigurator .modal .driver-manual-search__follow-up .btn + .modal-btn, .truckconfigurator .modal .driver-manual-search__follow-up .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-configure + .modal-btn, .truckconfigurator .modal .driver-manual-search__follow-up .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .modal-btn + .btn-configure, .truckconfigurator .modal .driver-manual-search__follow-up .modal-btn + .btn, .truckconfigurator .modal .driver-manual-search__follow-up .modal-btn + .modal-btn, .truckconfigurator .modal .driver-manual-search__follow-up .modal-btn + .sp-choose, .truckconfigurator .modal .driver-manual-search__follow-up .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .modal-btn + .select-model-btn, .truckconfigurator .modal .driver-manual-search__follow-up .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .select-model-btn + .modal-btn, .truckconfigurator .modal .driver-manual-search__follow-up .sp-choose + .modal-btn, .truckconfigurator .modal-disclaimer .driver-manual-search__follow-up .btn + .modal-btn, .truckconfigurator .modal-disclaimer .driver-manual-search__follow-up .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-configure + .modal-btn, .truckconfigurator .modal-disclaimer .driver-manual-search__follow-up .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .modal-btn + .btn-configure, .truckconfigurator .modal-disclaimer .driver-manual-search__follow-up .modal-btn + .btn, .truckconfigurator .modal-disclaimer .driver-manual-search__follow-up .modal-btn + .modal-btn, .truckconfigurator .modal-disclaimer .driver-manual-search__follow-up .modal-btn + .sp-choose, .truckconfigurator .modal-disclaimer .driver-manual-search__follow-up .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .modal-btn + .select-model-btn, .truckconfigurator .modal-disclaimer .driver-manual-search__follow-up .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .select-model-btn + .modal-btn, .truckconfigurator .modal-disclaimer .driver-manual-search__follow-up .sp-choose + .modal-btn, .truckconfigurator .modal-home .driver-manual-search__follow-up .btn + .modal-btn, .truckconfigurator .modal-home .driver-manual-search__follow-up .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-configure + .modal-btn, .truckconfigurator .modal-home .driver-manual-search__follow-up .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .modal-btn + .btn-configure, .truckconfigurator .modal-home .driver-manual-search__follow-up .modal-btn + .btn, .truckconfigurator .modal-home .driver-manual-search__follow-up .modal-btn + .modal-btn, .truckconfigurator .modal-home .driver-manual-search__follow-up .modal-btn + .sp-choose, .truckconfigurator .modal-home .driver-manual-search__follow-up .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .modal-btn + .select-model-btn, .truckconfigurator .modal-home .driver-manual-search__follow-up .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .select-model-btn + .modal-btn, .truckconfigurator .modal-home .driver-manual-search__follow-up .sp-choose + .modal-btn, .truckconfigurator .modal-save .driver-manual-search__follow-up .btn + .modal-btn, .truckconfigurator .modal-save .driver-manual-search__follow-up .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-configure + .modal-btn, .truckconfigurator .modal-save .driver-manual-search__follow-up .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .modal-btn + .btn-configure, .truckconfigurator .modal-save .driver-manual-search__follow-up .modal-btn + .btn, .truckconfigurator .modal-save .driver-manual-search__follow-up .modal-btn + .modal-btn, .truckconfigurator .modal-save .driver-manual-search__follow-up .modal-btn + .sp-choose, .truckconfigurator .modal-save .driver-manual-search__follow-up .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .modal-btn + .select-model-btn, .truckconfigurator .modal-save .driver-manual-search__follow-up .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .select-model-btn + .modal-btn, .truckconfigurator .modal-save .driver-manual-search__follow-up .sp-choose + .modal-btn, .truckconfigurator .modal-send .driver-manual-search__follow-up .btn + .modal-btn, .truckconfigurator .modal-send .driver-manual-search__follow-up .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-configure + .modal-btn, .truckconfigurator .modal-send .driver-manual-search__follow-up .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .modal-btn + .btn-configure, .truckconfigurator .modal-send .driver-manual-search__follow-up .modal-btn + .btn, .truckconfigurator .modal-send .driver-manual-search__follow-up .modal-btn + .modal-btn, .truckconfigurator .modal-send .driver-manual-search__follow-up .modal-btn + .sp-choose, .truckconfigurator .modal-send .driver-manual-search__follow-up .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .modal-btn + .select-model-btn, .truckconfigurator .modal-send .driver-manual-search__follow-up .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .select-model-btn + .modal-btn, .truckconfigurator .modal-send .driver-manual-search__follow-up .sp-choose + .modal-btn, .truckconfigurator .modal-summary .driver-manual-search__follow-up .btn + .modal-btn, .truckconfigurator .modal-summary .driver-manual-search__follow-up .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-configure + .modal-btn, .truckconfigurator .modal-summary .driver-manual-search__follow-up .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .modal-btn + .btn-configure, .truckconfigurator .modal-summary .driver-manual-search__follow-up .modal-btn + .btn, .truckconfigurator .modal-summary .driver-manual-search__follow-up .modal-btn + .modal-btn, .truckconfigurator .modal-summary .driver-manual-search__follow-up .modal-btn + .sp-choose, .truckconfigurator .modal-summary .driver-manual-search__follow-up .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .modal-btn + .select-model-btn, .truckconfigurator .modal-summary .driver-manual-search__follow-up .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .select-model-btn + .modal-btn, .truckconfigurator .modal-summary .driver-manual-search__follow-up .sp-choose + .modal-btn, .truckconfigurator .modal-validation .driver-manual-search__follow-up .btn + .modal-btn, .truckconfigurator .modal-validation .driver-manual-search__follow-up .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-configure + .modal-btn, .truckconfigurator .modal-validation .driver-manual-search__follow-up .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .modal-btn + .btn-configure, .truckconfigurator .modal-validation .driver-manual-search__follow-up .modal-btn + .btn, .truckconfigurator .modal-validation .driver-manual-search__follow-up .modal-btn + .modal-btn, .truckconfigurator .modal-validation .driver-manual-search__follow-up .modal-btn + .sp-choose, .truckconfigurator .modal-validation .driver-manual-search__follow-up .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .modal-btn + .select-model-btn, .truckconfigurator .modal-validation .driver-manual-search__follow-up .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .select-model-btn + .modal-btn, .truckconfigurator .modal-validation .driver-manual-search__follow-up .sp-choose + .modal-btn, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .driver-manual-search__follow-up .btn + .select-model-btn, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .driver-manual-search__follow-up .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-configure + .select-model-btn, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .driver-manual-search__follow-up .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .select-model-btn + .btn-configure, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .driver-manual-search__follow-up .select-model-btn + .btn, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .driver-manual-search__follow-up .select-model-btn + .select-model-btn, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .driver-manual-search__follow-up .select-model-btn + .sp-choose, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .driver-manual-search__follow-up .sp-choose + .select-model-btn, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .modal .driver-manual-search__follow-up .modal-btn + .select-model-btn, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .modal .driver-manual-search__follow-up .select-model-btn + .modal-btn, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .modal-disclaimer .driver-manual-search__follow-up .modal-btn + .select-model-btn, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .modal-disclaimer .driver-manual-search__follow-up .select-model-btn + .modal-btn, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .modal-home .driver-manual-search__follow-up .modal-btn + .select-model-btn, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .modal-home .driver-manual-search__follow-up .select-model-btn + .modal-btn, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .modal-save .driver-manual-search__follow-up .modal-btn + .select-model-btn, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .modal-save .driver-manual-search__follow-up .select-model-btn + .modal-btn, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .modal-send .driver-manual-search__follow-up .modal-btn + .select-model-btn, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .modal-send .driver-manual-search__follow-up .select-model-btn + .modal-btn, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .modal-summary .driver-manual-search__follow-up .modal-btn + .select-model-btn, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .modal-summary .driver-manual-search__follow-up .select-model-btn + .modal-btn, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .modal-validation .driver-manual-search__follow-up .modal-btn + .select-model-btn, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .modal-validation .driver-manual-search__follow-up .select-model-btn + .modal-btn {
  margin-top: 0.625rem;
}

@media (min-width: 768px) {
  .driver-manual-search__follow-up .btn + .btn, .driver-manual-search__follow-up .truckconfigurator .btn + .sp-choose, .driver-manual-search__follow-up .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn + .btn-configure, .driver-manual-search__follow-up .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-configure + .btn, .driver-manual-search__follow-up .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-configure + .btn-configure, .driver-manual-search__follow-up .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-configure + .sp-choose, .driver-manual-search__follow-up .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .modal .btn-configure + .modal-btn, .driver-manual-search__follow-up .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .modal .modal-btn + .btn-configure, .driver-manual-search__follow-up .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .modal-disclaimer .btn-configure + .modal-btn, .driver-manual-search__follow-up .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .modal-disclaimer .modal-btn + .btn-configure, .driver-manual-search__follow-up .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .modal-home .btn-configure + .modal-btn, .driver-manual-search__follow-up .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .modal-home .modal-btn + .btn-configure, .driver-manual-search__follow-up .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .modal-save .btn-configure + .modal-btn, .driver-manual-search__follow-up .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .modal-save .modal-btn + .btn-configure, .driver-manual-search__follow-up .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .modal-send .btn-configure + .modal-btn, .driver-manual-search__follow-up .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .modal-send .modal-btn + .btn-configure, .driver-manual-search__follow-up .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .modal-summary .btn-configure + .modal-btn, .driver-manual-search__follow-up .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .modal-summary .modal-btn + .btn-configure, .driver-manual-search__follow-up .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .modal-validation .btn-configure + .modal-btn, .driver-manual-search__follow-up .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .modal-validation .modal-btn + .btn-configure, .driver-manual-search__follow-up .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .btn-configure + .select-model-btn, .driver-manual-search__follow-up .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .select-model-btn + .btn-configure, .driver-manual-search__follow-up .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .sp-choose + .btn-configure, .driver-manual-search__follow-up .truckconfigurator .modal .btn + .modal-btn, .driver-manual-search__follow-up .truckconfigurator .modal .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-configure + .modal-btn, .driver-manual-search__follow-up .truckconfigurator .modal .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .modal-btn + .btn-configure, .driver-manual-search__follow-up .truckconfigurator .modal .modal-btn + .btn, .driver-manual-search__follow-up .truckconfigurator .modal .modal-btn + .modal-btn, .driver-manual-search__follow-up .truckconfigurator .modal .modal-btn + .sp-choose, .driver-manual-search__follow-up .truckconfigurator .modal .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .modal-btn + .select-model-btn, .driver-manual-search__follow-up .truckconfigurator .modal .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .select-model-btn + .modal-btn, .driver-manual-search__follow-up .truckconfigurator .modal .sp-choose + .modal-btn, .driver-manual-search__follow-up .truckconfigurator .modal-disclaimer .btn + .modal-btn, .driver-manual-search__follow-up .truckconfigurator .modal-disclaimer .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-configure + .modal-btn, .driver-manual-search__follow-up .truckconfigurator .modal-disclaimer .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .modal-btn + .btn-configure, .driver-manual-search__follow-up .truckconfigurator .modal-disclaimer .modal-btn + .btn, .driver-manual-search__follow-up .truckconfigurator .modal-disclaimer .modal-btn + .modal-btn, .driver-manual-search__follow-up .truckconfigurator .modal-disclaimer .modal-btn + .sp-choose, .driver-manual-search__follow-up .truckconfigurator .modal-disclaimer .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .modal-btn + .select-model-btn, .driver-manual-search__follow-up .truckconfigurator .modal-disclaimer .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .select-model-btn + .modal-btn, .driver-manual-search__follow-up .truckconfigurator .modal-disclaimer .sp-choose + .modal-btn, .driver-manual-search__follow-up .truckconfigurator .modal-home .btn + .modal-btn, .driver-manual-search__follow-up .truckconfigurator .modal-home .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-configure + .modal-btn, .driver-manual-search__follow-up .truckconfigurator .modal-home .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .modal-btn + .btn-configure, .driver-manual-search__follow-up .truckconfigurator .modal-home .modal-btn + .btn, .driver-manual-search__follow-up .truckconfigurator .modal-home .modal-btn + .modal-btn, .driver-manual-search__follow-up .truckconfigurator .modal-home .modal-btn + .sp-choose, .driver-manual-search__follow-up .truckconfigurator .modal-home .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .modal-btn + .select-model-btn, .driver-manual-search__follow-up .truckconfigurator .modal-home .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .select-model-btn + .modal-btn, .driver-manual-search__follow-up .truckconfigurator .modal-home .sp-choose + .modal-btn, .driver-manual-search__follow-up .truckconfigurator .modal-save .btn + .modal-btn, .driver-manual-search__follow-up .truckconfigurator .modal-save .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-configure + .modal-btn, .driver-manual-search__follow-up .truckconfigurator .modal-save .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .modal-btn + .btn-configure, .driver-manual-search__follow-up .truckconfigurator .modal-save .modal-btn + .btn, .driver-manual-search__follow-up .truckconfigurator .modal-save .modal-btn + .modal-btn, .driver-manual-search__follow-up .truckconfigurator .modal-save .modal-btn + .sp-choose, .driver-manual-search__follow-up .truckconfigurator .modal-save .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .modal-btn + .select-model-btn, .driver-manual-search__follow-up .truckconfigurator .modal-save .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .select-model-btn + .modal-btn, .driver-manual-search__follow-up .truckconfigurator .modal-save .sp-choose + .modal-btn, .driver-manual-search__follow-up .truckconfigurator .modal-send .btn + .modal-btn, .driver-manual-search__follow-up .truckconfigurator .modal-send .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-configure + .modal-btn, .driver-manual-search__follow-up .truckconfigurator .modal-send .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .modal-btn + .btn-configure, .driver-manual-search__follow-up .truckconfigurator .modal-send .modal-btn + .btn, .driver-manual-search__follow-up .truckconfigurator .modal-send .modal-btn + .modal-btn, .driver-manual-search__follow-up .truckconfigurator .modal-send .modal-btn + .sp-choose, .driver-manual-search__follow-up .truckconfigurator .modal-send .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .modal-btn + .select-model-btn, .driver-manual-search__follow-up .truckconfigurator .modal-send .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .select-model-btn + .modal-btn, .driver-manual-search__follow-up .truckconfigurator .modal-send .sp-choose + .modal-btn, .driver-manual-search__follow-up .truckconfigurator .modal-summary .btn + .modal-btn, .driver-manual-search__follow-up .truckconfigurator .modal-summary .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-configure + .modal-btn, .driver-manual-search__follow-up .truckconfigurator .modal-summary .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .modal-btn + .btn-configure, .driver-manual-search__follow-up .truckconfigurator .modal-summary .modal-btn + .btn, .driver-manual-search__follow-up .truckconfigurator .modal-summary .modal-btn + .modal-btn, .driver-manual-search__follow-up .truckconfigurator .modal-summary .modal-btn + .sp-choose, .driver-manual-search__follow-up .truckconfigurator .modal-summary .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .modal-btn + .select-model-btn, .driver-manual-search__follow-up .truckconfigurator .modal-summary .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .select-model-btn + .modal-btn, .driver-manual-search__follow-up .truckconfigurator .modal-summary .sp-choose + .modal-btn, .driver-manual-search__follow-up .truckconfigurator .modal-validation .btn + .modal-btn, .driver-manual-search__follow-up .truckconfigurator .modal-validation .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-configure + .modal-btn, .driver-manual-search__follow-up .truckconfigurator .modal-validation .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .modal-btn + .btn-configure, .driver-manual-search__follow-up .truckconfigurator .modal-validation .modal-btn + .btn, .driver-manual-search__follow-up .truckconfigurator .modal-validation .modal-btn + .modal-btn, .driver-manual-search__follow-up .truckconfigurator .modal-validation .modal-btn + .sp-choose, .driver-manual-search__follow-up .truckconfigurator .modal-validation .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .modal-btn + .select-model-btn, .driver-manual-search__follow-up .truckconfigurator .modal-validation .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .select-model-btn + .modal-btn, .driver-manual-search__follow-up .truckconfigurator .modal-validation .sp-choose + .modal-btn, .driver-manual-search__follow-up .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .btn + .select-model-btn, .driver-manual-search__follow-up .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-configure + .select-model-btn, .driver-manual-search__follow-up .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .select-model-btn + .btn-configure, .driver-manual-search__follow-up .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .modal .modal-btn + .select-model-btn, .driver-manual-search__follow-up .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .modal .select-model-btn + .modal-btn, .driver-manual-search__follow-up .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .modal-disclaimer .modal-btn + .select-model-btn, .driver-manual-search__follow-up .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .modal-disclaimer .select-model-btn + .modal-btn, .driver-manual-search__follow-up .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .modal-home .modal-btn + .select-model-btn, .driver-manual-search__follow-up .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .modal-home .select-model-btn + .modal-btn, .driver-manual-search__follow-up .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .modal-save .modal-btn + .select-model-btn, .driver-manual-search__follow-up .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .modal-save .select-model-btn + .modal-btn, .driver-manual-search__follow-up .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .modal-send .modal-btn + .select-model-btn, .driver-manual-search__follow-up .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .modal-send .select-model-btn + .modal-btn, .driver-manual-search__follow-up .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .modal-summary .modal-btn + .select-model-btn, .driver-manual-search__follow-up .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .modal-summary .select-model-btn + .modal-btn, .driver-manual-search__follow-up .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .modal-validation .modal-btn + .select-model-btn, .driver-manual-search__follow-up .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .modal-validation .select-model-btn + .modal-btn, .driver-manual-search__follow-up .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .select-model-btn + .btn, .driver-manual-search__follow-up .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .select-model-btn + .select-model-btn, .driver-manual-search__follow-up .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .select-model-btn + .sp-choose, .driver-manual-search__follow-up .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .sp-choose + .select-model-btn, .driver-manual-search__follow-up .truckconfigurator .sp-choose + .btn, .driver-manual-search__follow-up .truckconfigurator .sp-choose + .sp-choose, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .driver-manual-search__follow-up .btn + .btn-configure, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .driver-manual-search__follow-up .btn-configure + .btn, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .driver-manual-search__follow-up .btn-configure + .btn-configure, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .driver-manual-search__follow-up .btn-configure + .sp-choose, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .driver-manual-search__follow-up .sp-choose + .btn-configure, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .modal .driver-manual-search__follow-up .btn-configure + .modal-btn, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .modal .driver-manual-search__follow-up .modal-btn + .btn-configure, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .modal-disclaimer .driver-manual-search__follow-up .btn-configure + .modal-btn, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .modal-disclaimer .driver-manual-search__follow-up .modal-btn + .btn-configure, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .modal-home .driver-manual-search__follow-up .btn-configure + .modal-btn, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .modal-home .driver-manual-search__follow-up .modal-btn + .btn-configure, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .modal-save .driver-manual-search__follow-up .btn-configure + .modal-btn, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .modal-save .driver-manual-search__follow-up .modal-btn + .btn-configure, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .modal-send .driver-manual-search__follow-up .btn-configure + .modal-btn, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .modal-send .driver-manual-search__follow-up .modal-btn + .btn-configure, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .modal-summary .driver-manual-search__follow-up .btn-configure + .modal-btn, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .modal-summary .driver-manual-search__follow-up .modal-btn + .btn-configure, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .modal-validation .driver-manual-search__follow-up .btn-configure + .modal-btn, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .modal-validation .driver-manual-search__follow-up .modal-btn + .btn-configure, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .driver-manual-search__follow-up .btn-configure + .select-model-btn, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .driver-manual-search__follow-up .select-model-btn + .btn-configure, .truckconfigurator .driver-manual-search__follow-up .btn + .sp-choose, .truckconfigurator .driver-manual-search__follow-up .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-configure + .sp-choose, .truckconfigurator .driver-manual-search__follow-up .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .sp-choose + .btn-configure, .truckconfigurator .driver-manual-search__follow-up .modal .modal-btn + .sp-choose, .truckconfigurator .driver-manual-search__follow-up .modal .sp-choose + .modal-btn, .truckconfigurator .driver-manual-search__follow-up .modal-disclaimer .modal-btn + .sp-choose, .truckconfigurator .driver-manual-search__follow-up .modal-disclaimer .sp-choose + .modal-btn, .truckconfigurator .driver-manual-search__follow-up .modal-home .modal-btn + .sp-choose, .truckconfigurator .driver-manual-search__follow-up .modal-home .sp-choose + .modal-btn, .truckconfigurator .driver-manual-search__follow-up .modal-save .modal-btn + .sp-choose, .truckconfigurator .driver-manual-search__follow-up .modal-save .sp-choose + .modal-btn, .truckconfigurator .driver-manual-search__follow-up .modal-send .modal-btn + .sp-choose, .truckconfigurator .driver-manual-search__follow-up .modal-send .sp-choose + .modal-btn, .truckconfigurator .driver-manual-search__follow-up .modal-summary .modal-btn + .sp-choose, .truckconfigurator .driver-manual-search__follow-up .modal-summary .sp-choose + .modal-btn, .truckconfigurator .driver-manual-search__follow-up .modal-validation .modal-btn + .sp-choose, .truckconfigurator .driver-manual-search__follow-up .modal-validation .sp-choose + .modal-btn, .truckconfigurator .driver-manual-search__follow-up .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .select-model-btn + .sp-choose, .truckconfigurator .driver-manual-search__follow-up .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .sp-choose + .select-model-btn, .truckconfigurator .driver-manual-search__follow-up .sp-choose + .btn, .truckconfigurator .driver-manual-search__follow-up .sp-choose + .sp-choose, .truckconfigurator .modal .driver-manual-search__follow-up .btn + .modal-btn, .truckconfigurator .modal .driver-manual-search__follow-up .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-configure + .modal-btn, .truckconfigurator .modal .driver-manual-search__follow-up .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .modal-btn + .btn-configure, .truckconfigurator .modal .driver-manual-search__follow-up .modal-btn + .btn, .truckconfigurator .modal .driver-manual-search__follow-up .modal-btn + .modal-btn, .truckconfigurator .modal .driver-manual-search__follow-up .modal-btn + .sp-choose, .truckconfigurator .modal .driver-manual-search__follow-up .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .modal-btn + .select-model-btn, .truckconfigurator .modal .driver-manual-search__follow-up .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .select-model-btn + .modal-btn, .truckconfigurator .modal .driver-manual-search__follow-up .sp-choose + .modal-btn, .truckconfigurator .modal-disclaimer .driver-manual-search__follow-up .btn + .modal-btn, .truckconfigurator .modal-disclaimer .driver-manual-search__follow-up .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-configure + .modal-btn, .truckconfigurator .modal-disclaimer .driver-manual-search__follow-up .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .modal-btn + .btn-configure, .truckconfigurator .modal-disclaimer .driver-manual-search__follow-up .modal-btn + .btn, .truckconfigurator .modal-disclaimer .driver-manual-search__follow-up .modal-btn + .modal-btn, .truckconfigurator .modal-disclaimer .driver-manual-search__follow-up .modal-btn + .sp-choose, .truckconfigurator .modal-disclaimer .driver-manual-search__follow-up .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .modal-btn + .select-model-btn, .truckconfigurator .modal-disclaimer .driver-manual-search__follow-up .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .select-model-btn + .modal-btn, .truckconfigurator .modal-disclaimer .driver-manual-search__follow-up .sp-choose + .modal-btn, .truckconfigurator .modal-home .driver-manual-search__follow-up .btn + .modal-btn, .truckconfigurator .modal-home .driver-manual-search__follow-up .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-configure + .modal-btn, .truckconfigurator .modal-home .driver-manual-search__follow-up .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .modal-btn + .btn-configure, .truckconfigurator .modal-home .driver-manual-search__follow-up .modal-btn + .btn, .truckconfigurator .modal-home .driver-manual-search__follow-up .modal-btn + .modal-btn, .truckconfigurator .modal-home .driver-manual-search__follow-up .modal-btn + .sp-choose, .truckconfigurator .modal-home .driver-manual-search__follow-up .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .modal-btn + .select-model-btn, .truckconfigurator .modal-home .driver-manual-search__follow-up .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .select-model-btn + .modal-btn, .truckconfigurator .modal-home .driver-manual-search__follow-up .sp-choose + .modal-btn, .truckconfigurator .modal-save .driver-manual-search__follow-up .btn + .modal-btn, .truckconfigurator .modal-save .driver-manual-search__follow-up .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-configure + .modal-btn, .truckconfigurator .modal-save .driver-manual-search__follow-up .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .modal-btn + .btn-configure, .truckconfigurator .modal-save .driver-manual-search__follow-up .modal-btn + .btn, .truckconfigurator .modal-save .driver-manual-search__follow-up .modal-btn + .modal-btn, .truckconfigurator .modal-save .driver-manual-search__follow-up .modal-btn + .sp-choose, .truckconfigurator .modal-save .driver-manual-search__follow-up .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .modal-btn + .select-model-btn, .truckconfigurator .modal-save .driver-manual-search__follow-up .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .select-model-btn + .modal-btn, .truckconfigurator .modal-save .driver-manual-search__follow-up .sp-choose + .modal-btn, .truckconfigurator .modal-send .driver-manual-search__follow-up .btn + .modal-btn, .truckconfigurator .modal-send .driver-manual-search__follow-up .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-configure + .modal-btn, .truckconfigurator .modal-send .driver-manual-search__follow-up .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .modal-btn + .btn-configure, .truckconfigurator .modal-send .driver-manual-search__follow-up .modal-btn + .btn, .truckconfigurator .modal-send .driver-manual-search__follow-up .modal-btn + .modal-btn, .truckconfigurator .modal-send .driver-manual-search__follow-up .modal-btn + .sp-choose, .truckconfigurator .modal-send .driver-manual-search__follow-up .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .modal-btn + .select-model-btn, .truckconfigurator .modal-send .driver-manual-search__follow-up .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .select-model-btn + .modal-btn, .truckconfigurator .modal-send .driver-manual-search__follow-up .sp-choose + .modal-btn, .truckconfigurator .modal-summary .driver-manual-search__follow-up .btn + .modal-btn, .truckconfigurator .modal-summary .driver-manual-search__follow-up .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-configure + .modal-btn, .truckconfigurator .modal-summary .driver-manual-search__follow-up .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .modal-btn + .btn-configure, .truckconfigurator .modal-summary .driver-manual-search__follow-up .modal-btn + .btn, .truckconfigurator .modal-summary .driver-manual-search__follow-up .modal-btn + .modal-btn, .truckconfigurator .modal-summary .driver-manual-search__follow-up .modal-btn + .sp-choose, .truckconfigurator .modal-summary .driver-manual-search__follow-up .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .modal-btn + .select-model-btn, .truckconfigurator .modal-summary .driver-manual-search__follow-up .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .select-model-btn + .modal-btn, .truckconfigurator .modal-summary .driver-manual-search__follow-up .sp-choose + .modal-btn, .truckconfigurator .modal-validation .driver-manual-search__follow-up .btn + .modal-btn, .truckconfigurator .modal-validation .driver-manual-search__follow-up .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-configure + .modal-btn, .truckconfigurator .modal-validation .driver-manual-search__follow-up .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .modal-btn + .btn-configure, .truckconfigurator .modal-validation .driver-manual-search__follow-up .modal-btn + .btn, .truckconfigurator .modal-validation .driver-manual-search__follow-up .modal-btn + .modal-btn, .truckconfigurator .modal-validation .driver-manual-search__follow-up .modal-btn + .sp-choose, .truckconfigurator .modal-validation .driver-manual-search__follow-up .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .modal-btn + .select-model-btn, .truckconfigurator .modal-validation .driver-manual-search__follow-up .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .select-model-btn + .modal-btn, .truckconfigurator .modal-validation .driver-manual-search__follow-up .sp-choose + .modal-btn, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .driver-manual-search__follow-up .btn + .select-model-btn, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .driver-manual-search__follow-up .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-configure + .select-model-btn, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .driver-manual-search__follow-up .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .select-model-btn + .btn-configure, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .driver-manual-search__follow-up .select-model-btn + .btn, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .driver-manual-search__follow-up .select-model-btn + .select-model-btn, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .driver-manual-search__follow-up .select-model-btn + .sp-choose, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .driver-manual-search__follow-up .sp-choose + .select-model-btn, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .modal .driver-manual-search__follow-up .modal-btn + .select-model-btn, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .modal .driver-manual-search__follow-up .select-model-btn + .modal-btn, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .modal-disclaimer .driver-manual-search__follow-up .modal-btn + .select-model-btn, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .modal-disclaimer .driver-manual-search__follow-up .select-model-btn + .modal-btn, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .modal-home .driver-manual-search__follow-up .modal-btn + .select-model-btn, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .modal-home .driver-manual-search__follow-up .select-model-btn + .modal-btn, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .modal-save .driver-manual-search__follow-up .modal-btn + .select-model-btn, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .modal-save .driver-manual-search__follow-up .select-model-btn + .modal-btn, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .modal-send .driver-manual-search__follow-up .modal-btn + .select-model-btn, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .modal-send .driver-manual-search__follow-up .select-model-btn + .modal-btn, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .modal-summary .driver-manual-search__follow-up .modal-btn + .select-model-btn, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .modal-summary .driver-manual-search__follow-up .select-model-btn + .modal-btn, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .modal-validation .driver-manual-search__follow-up .modal-btn + .select-model-btn, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .modal-validation .driver-manual-search__follow-up .select-model-btn + .modal-btn {
    margin-left: 1.25rem;
    margin-top: 0;
  }
}
.driver-manual-search .btn-primary {
  padding-bottom: 0.375rem;
  padding-top: 0.375rem;
}

.driver-manual-search .tpl {
  display: none;
}

.bg-black .driver-manual-search, .bg-blue .driver-manual-search, .bg-dark .driver-manual-search, .bg-medium .driver-manual-search {
  background-color: transparent;
}

.bg-black .driver-manual-search__results li:nth-child(2n), .bg-blue .driver-manual-search__results li:nth-child(2n), .bg-dark .driver-manual-search__results li:nth-child(2n) {
  background-color: #4d545a;
}

.bg-black .driver-manual-search__results h2, .bg-blue .driver-manual-search__results h2, .bg-dark .driver-manual-search__results h2 {
  border-bottom: 1px solid #656b6f;
  border-top: 1px solid #656b6f;
}

.bg-black .driver-manual-search__results .icon--file-pdf, .bg-blue .driver-manual-search__results .icon--file-pdf, .bg-dark .driver-manual-search__results .icon--file-pdf {
  fill: #fff;
  color: #fff;
  margin-right: 20px;
}

.bg-black .driver-manual-search__results .manual-link a, .bg-blue .driver-manual-search__results .manual-link a, .bg-dark .driver-manual-search__results .manual-link a {
  color: #fff;
}

.used-truck-locator {
  margin: 0;
  min-height: 100vh;
  padding: 0;
  width: 100%;
}

.importsearch .itemlist {
  position: relative;
}

@media (min-width: 768px) {
  .importsearch .itemlist {
    margin-bottom: 1.5625rem;
    padding-left: 0.9375rem;
  }
}
@media (min-width: 992px) {
  .importsearch .itemlist {
    margin-bottom: 0;
  }
}
.importsearch .itemlist [class*=col-] {
  margin: 0;
}

.importsearch .itemlist__header {
  color: #656b6f;
  font-size: 0.9375rem;
  font-weight: 500;
  padding-bottom: 15px;
  transition: background-color 0.2s ease-in-out;
}

.importsearch .itemlist__item {
  border-top: 1px solid #b9c1c6;
  padding-bottom: 20px;
  padding-top: 20px;
}

.importsearch .itemlist__item:last-child {
  border-bottom: 1px solid #b9c1c6;
}

.importsearch .itemlist__item:hover {
  background-color: #fff;
}

.importsearch .itemlist .item__image {
  background-size: cover;
  height: auto;
  margin: 0;
  padding: 0;
}

.importsearch .itemlist .item__image:before {
  content: "";
  float: left;
  height: 0;
  margin-left: -1px;
  padding-top: 33.3333333333%;
  width: 1px;
}

.importsearch .itemlist .item__image:after {
  clear: both;
  content: "";
  display: table;
}

.importsearch .itemlist .item__description, .importsearch .itemlist .item__drawing-number, .importsearch .itemlist .item__link {
  font-size: 0.875rem;
  line-height: 1.5;
  margin: 0;
}

.importsearch .itemlist .item__download-link, .importsearch .itemlist .item__open-link {
  cursor: pointer;
  display: block;
  float: left;
  height: 24px;
  margin: 0.625rem 0.625rem 0;
  text-decoration: none;
  width: 24px;
}

.importsearch .itemlist .item__download-link--zip, .importsearch .itemlist .item__open-link--zip {
  height: 21px;
  width: 24px;
}

.importsearch .itemlist .item__download-link--zip .icon, .importsearch .itemlist .item__open-link--zip .icon {
  height: 21px;
  width: 22px;
}

.importsearch .itemlist .item__open-link--pdf, .importsearch .itemlist .item__open-link--pdf .icon {
  height: 19px;
}

.importsearch .itemlist .item__icon {
  fill: #00529c;
  cursor: pointer;
}

.specsheet-list .btn--download-all {
  font-size: 0.75rem;
  position: absolute;
  right: 0;
  transform: translateY(-40px);
}

@media (min-width: 768px) {
  .specsheet-list .btn--download-all {
    transform: translateY(0);
  }
}
@media (min-width: 992px) {
  .specsheet-list .btn--download-all {
    font-size: 0.875rem;
  }
}
.specsheet-list .btn--download-all .icon {
  height: 14px;
  left: -16px;
  top: 10px;
  width: 14px;
}

@media (min-width: 992px) {
  .specsheet-list .btn--download-all .icon {
    height: 18px;
    left: -20px;
    top: 7px;
    width: 18px;
  }
}
.marketselector {
  background-color: #00529c;
}

.marketselector .selector__title {
  color: #fff !important;
  font-size: 2.5rem;
  line-height: 0.95;
  margin: 0;
  padding: 3.125rem 0 1.25rem;
}

.marketselector .selector__text {
  color: #fff !important;
  margin: 0 0 2.5rem;
}

.marketselector .selector__form {
  padding-bottom: 3.125rem;
}

body {
  --current-breakpoint:"xs";
  --background-color:rgba(128,191,64,.5);
}

@media (min-width: 360px) {
  body {
    --current-breakpoint:"s";
    --background-color:rgba(96,191,64,.5);
  }
}
@media (min-width: 576px) {
  body {
    --current-breakpoint:"sm";
    --background-color:rgba(64,191,64,.5);
  }
}
@media (min-width: 768px) {
  body {
    --current-breakpoint:"md";
    --background-color:rgba(64,191,128,.5);
  }
}
@media (min-width: 992px) {
  body {
    --current-breakpoint:"lg";
    --background-color:rgba(64,191,191,.5);
  }
}
@media (min-width: 1200px) {
  body {
    --current-breakpoint:"xl";
    --background-color:rgba(64,128,191,.5);
  }
}
body[data-is-local-env=true]:before {
  background: var(--background-color);
  border-radius: 0.2em;
  bottom: 0.5em;
  content: var(--current-breakpoint);
  padding: 0.2em 0.5em;
  position: fixed;
  right: 0.5em;
  text-align: center;
  width: 4em;
  z-index: var(--z-breakpoint-indicator, 10000);
}

.truckconfigurator .icon-base:before, .truckconfigurator [class*=" icon-"]:before, .truckconfigurator [class^=icon-]:before {
  font-family: icomoon, arial, helvetica, sans-serif !important;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 1;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: greyscale;
}

.truckconfigurator .icon-chevron-left:before {
  content: "\e900";
}

.truckconfigurator .icon-chevron-right:before {
  content: "\e901";
}

.truckconfigurator .icon-chevron-up:before {
  content: "\e902";
}

.truckconfigurator .icon-chevron-down:before {
  content: "\e903";
}

.truckconfigurator .icon-close:before {
  content: "\e904";
}

.truckconfigurator .icon-contact:before {
  content: "\e905";
}

.truckconfigurator .icon-open:before {
  content: "\e906";
}

.truckconfigurator .icon-plus-sign:before {
  content: "\e907";
}

.truckconfigurator .icon-save:before {
  content: "\e908";
}

.truckconfigurator .icon-share:before {
  content: "\e909";
}

.truckconfigurator .icon-truck-front:before {
  content: "\e90a";
}

.truckconfigurator .footer-post-model .button-summary.is-active:before, .truckconfigurator .footer-post-model .button-summary:before, .truckconfigurator .icon-font-angle-up:before, .truckconfigurator .icon-up-rotate:before, .truckconfigurator .icon-up:before, .truckconfigurator .premodelselectionstep .results-table tr th.sorting-asc .order-toggle:before {
  content: "\f106";
}

.truckconfigurator .icon-down-rotate:before, .truckconfigurator .icon-down:before, .truckconfigurator .icon-font-angle-down:before, .truckconfigurator .premodelselectionstep .results-table tr th.sorting-desc .order-toggle:before, .truckconfigurator .sidepanels .sidepanel-main > li .sidepanel-sub > li.is-active a.sidepanel-sub-item-title:before, .truckconfigurator .sidepanels .sidepanel-main > li .sidepanel-sub > li > a.sidepanel-sub-item-title:before, .truckconfigurator .sidepanels .sidepanel-main > li.is-active > .accordion-toggle-title:before, .truckconfigurator .sidepanels .sidepanel-main > li > .accordion-toggle-title:before {
  content: "\f107";
}

.truckconfigurator .control-turn-left:before, .truckconfigurator .control-turn-right:before, .truckconfigurator .footer-nav > li.footer-home .premodelsection-back-nav li a:before, .truckconfigurator .icon-back:before, .truckconfigurator .icon-font-angle-left:before {
  content: "\f104";
}

.truckconfigurator .control-turn-right:before, .truckconfigurator .icon-font-angle-right:before, .truckconfigurator .icon-next:before {
  content: "\f105";
}

.truckconfigurator .control-turn-left, .truckconfigurator .control-turn-right, .truckconfigurator .detail-main .detail-maincontent .detail-titleblock ul.detail-list-advantages > li, .truckconfigurator .footer-nav > li.footer-home .premodelsection-back-nav li a, .truckconfigurator .footer-post-model .button-summary, .truckconfigurator .icon-back, .truckconfigurator .icon-down, .truckconfigurator .icon-next, .truckconfigurator .icon-up, .truckconfigurator .otc-icon, .truckconfigurator .premodelselectionstep .results-table tr th .order-toggle, .truckconfigurator .premodelselectionstep .results-table tr th.sorting-asc .order-toggle, .truckconfigurator .premodelselectionstep .results-table tr th.sorting-desc .order-toggle, .truckconfigurator .sidepanels .sidepanel-main > li .sidepanel-sub > li > a.sidepanel-sub-item-title, .truckconfigurator .sidepanels .sidepanel-main > li > .accordion-toggle-title, .truckconfigurator ul.otc-list-checks > li {
  font-family: inherit;
}

.truckconfigurator .control-turn-left:before, .truckconfigurator .control-turn-right:before, .truckconfigurator .detail-main .detail-maincontent .detail-titleblock ul.detail-list-advantages > li:before, .truckconfigurator .footer-nav > li.footer-home .premodelsection-back-nav li a:before, .truckconfigurator .footer-post-model .button-summary:before, .truckconfigurator .icon-back:before, .truckconfigurator .icon-down:before, .truckconfigurator .icon-next:before, .truckconfigurator .icon-up:before, .truckconfigurator .otc-icon:before, .truckconfigurator .premodelselectionstep .results-table tr th .order-toggle:before, .truckconfigurator .premodelselectionstep .results-table tr th.sorting-asc .order-toggle:before, .truckconfigurator .premodelselectionstep .results-table tr th.sorting-desc .order-toggle:before, .truckconfigurator .sidepanels .sidepanel-main > li .sidepanel-sub > li > a.sidepanel-sub-item-title:before, .truckconfigurator .sidepanels .sidepanel-main > li > .accordion-toggle-title:before, .truckconfigurator ul.otc-list-checks > li:before {
  background-image: none;
  font-family: fontawesome;
  font-size: 1.325em;
  font-weight: 400 !important;
  line-height: 1;
  text-indent: 0;
  vertical-align: middle;
}

.truckconfigurator .control-turn-left, .truckconfigurator .control-turn-right, .truckconfigurator .footer-nav > li.footer-home .premodelsection-back-nav li a, .truckconfigurator .footer-post-model .button-summary, .truckconfigurator .icon-back, .truckconfigurator .icon-down, .truckconfigurator .icon-next, .truckconfigurator .icon-up, .truckconfigurator .premodelselectionstep .results-table tr th.sorting-asc .order-toggle, .truckconfigurator .premodelselectionstep .results-table tr th.sorting-desc .order-toggle, .truckconfigurator .sidepanels .sidepanel-main > li .sidepanel-sub > li > a.sidepanel-sub-item-title, .truckconfigurator .sidepanels .sidepanel-main > li > .accordion-toggle-title {
  position: relative;
}

.truckconfigurator .control-turn-left:before, .truckconfigurator .control-turn-right:before, .truckconfigurator .footer-nav > li.footer-home .premodelsection-back-nav li a:before, .truckconfigurator .footer-post-model .button-summary:before, .truckconfigurator .icon-back:before, .truckconfigurator .icon-down:before, .truckconfigurator .icon-next:before, .truckconfigurator .icon-up:before, .truckconfigurator .premodelselectionstep .results-table tr th.sorting-asc .order-toggle:before, .truckconfigurator .premodelselectionstep .results-table tr th.sorting-desc .order-toggle:before, .truckconfigurator .sidepanels .sidepanel-main > li .sidepanel-sub > li > a.sidepanel-sub-item-title:before, .truckconfigurator .sidepanels .sidepanel-main > li > .accordion-toggle-title:before {
  font-size: 1em;
  position: absolute;
  top: 0.825em;
}

.truckconfigurator .control-turn-left, .truckconfigurator .control-turn-right, .truckconfigurator .footer-nav > li.footer-home .premodelsection-back-nav li a, .truckconfigurator .icon-back {
  padding-left: 1em;
}

.truckconfigurator .control-turn-left:before, .truckconfigurator .control-turn-right:before, .truckconfigurator .footer-nav > li.footer-home .premodelsection-back-nav li a:before, .truckconfigurator .icon-back:before {
  left: 0;
}

.truckconfigurator .control-turn-right, .truckconfigurator .icon-next {
  padding-right: 1em;
}

.truckconfigurator .control-turn-right:before, .truckconfigurator .icon-next:before {
  right: 0;
}

.truckconfigurator .footer-post-model .button-summary:before, .truckconfigurator .icon-up:before, .truckconfigurator .premodelselectionstep .results-table tr th.sorting-asc .order-toggle:before {
  right: 0;
  top: 0;
  transform: rotate(0);
  transition: transform 0.3s ease, top 0.3s ease;
  will-change: transform, top;
}

.truckconfigurator .footer-post-model .button-summary.is-active:before, .truckconfigurator .icon-up-rotate:before {
  transform: rotate(180deg);
  transition: transform 0.3s ease, top 0.3s ease;
  will-change: transform, top;
}

.truckconfigurator .icon-down:before, .truckconfigurator .premodelselectionstep .results-table tr th.sorting-desc .order-toggle:before, .truckconfigurator .sidepanels .sidepanel-main > li .sidepanel-sub > li > a.sidepanel-sub-item-title:before, .truckconfigurator .sidepanels .sidepanel-main > li > .accordion-toggle-title:before {
  right: 0;
  top: 0;
  transform: rotate(0);
  transition: transform 0.3s ease, top 0.3s ease;
  will-change: transform, top;
}

.truckconfigurator .icon-down-rotate:before, .truckconfigurator .sidepanels .sidepanel-main > li .sidepanel-sub > li.is-active a.sidepanel-sub-item-title:before, .truckconfigurator .sidepanels .sidepanel-main > li.is-active > .accordion-toggle-title:before {
  transform: rotate(180deg);
  transition: transform 0.3s ease, top 0.3s ease;
  will-change: transform, top;
}

.truckconfigurator .footer-nav > li.footer-home > a, .truckconfigurator .icon-no-label, .truckconfigurator .modal .modal-close, .truckconfigurator .modal-disclaimer .modal-close, .truckconfigurator .modal-home .modal-close, .truckconfigurator .modal-save .modal-close, .truckconfigurator .modal-send .modal-close, .truckconfigurator .modal-summary .modal-close, .truckconfigurator .modal-validation .modal-close {
  text-indent: -999rem;
}

.truckconfigurator .footer-nav > li.footer-home > a:before, .truckconfigurator .icon-no-label:before, .truckconfigurator .modal .modal-close:before, .truckconfigurator .modal-disclaimer .modal-close:before, .truckconfigurator .modal-home .modal-close:before, .truckconfigurator .modal-save .modal-close:before, .truckconfigurator .modal-send .modal-close:before, .truckconfigurator .modal-summary .modal-close:before, .truckconfigurator .modal-validation .modal-close:before {
  display: block;
  text-indent: 0;
}

.truckconfigurator .icon-paper-plane svg {
  height: 1.1875rem;
  width: 1.1875rem;
}

.truckconfigurator .icon-save:before {
  height: 1.125rem;
  width: 1.125rem;
}

.truckconfigurator .icon-truck-front:before {
  height: 2.0625rem;
  width: 2.0625rem;
}

.truckconfigurator form {
  background: transparent;
}

.truckconfigurator a {
  color: #00529c;
  cursor: pointer;
  text-decoration: none;
  transition: color 0.2s ease, background 0.2s ease;
}

.truckconfigurator a .hover, .truckconfigurator a:hover {
  text-decoration: none;
}

.truckconfigurator h3 {
  font-size: 1.125rem;
  line-height: 1.25;
}

.truckconfigurator .btn:not(.btn-primary), .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-configure:not(.btn-primary), .truckconfigurator .modal .modal-btn:not(.btn-primary), .truckconfigurator .modal-disclaimer .modal-btn:not(.btn-primary), .truckconfigurator .modal-home .modal-btn:not(.btn-primary), .truckconfigurator .modal-save .modal-btn:not(.btn-primary), .truckconfigurator .modal-send .modal-btn:not(.btn-primary), .truckconfigurator .modal-summary .modal-btn:not(.btn-primary), .truckconfigurator .modal-validation .modal-btn:not(.btn-primary), .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .select-model-btn:not(.btn-primary), .truckconfigurator .sp-choose:not(.btn-primary) {
  background: #fff;
  border: none;
  color: #00529c;
  min-height: 0;
  transition: color 0.2s ease, background 0.2s ease, padding 0.2s ease, border 0.2s ease;
}

.truckconfigurator .btn:not(.btn-primary):hover, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-configure:not(.btn-primary):hover, .truckconfigurator .modal .modal-btn:not(.btn-primary):hover, .truckconfigurator .modal-disclaimer .modal-btn:not(.btn-primary):hover, .truckconfigurator .modal-home .modal-btn:not(.btn-primary):hover, .truckconfigurator .modal-save .modal-btn:not(.btn-primary):hover, .truckconfigurator .modal-send .modal-btn:not(.btn-primary):hover, .truckconfigurator .modal-summary .modal-btn:not(.btn-primary):hover, .truckconfigurator .modal-validation .modal-btn:not(.btn-primary):hover, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .select-model-btn:not(.btn-primary):hover, .truckconfigurator .sp-choose:not(.btn-primary):hover {
  background: #00529c;
  border: none;
  color: #fff;
  fill: #fff;
}

.truckconfigurator .btn:not(.btn-primary).is-inactive, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-configure:not(.btn-primary).is-inactive, .truckconfigurator .modal .modal-btn:not(.btn-primary).is-inactive, .truckconfigurator .modal-disclaimer .modal-btn:not(.btn-primary).is-inactive, .truckconfigurator .modal-home .modal-btn:not(.btn-primary).is-inactive, .truckconfigurator .modal-save .modal-btn:not(.btn-primary).is-inactive, .truckconfigurator .modal-send .modal-btn:not(.btn-primary).is-inactive, .truckconfigurator .modal-summary .modal-btn:not(.btn-primary).is-inactive, .truckconfigurator .modal-validation .modal-btn:not(.btn-primary).is-inactive, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .select-model-btn:not(.btn-primary).is-inactive, .truckconfigurator .sp-choose:not(.btn-primary).is-inactive {
  background: #b9c1c6;
  color: #656b6f;
  pointer-events: none;
}

.truckconfigurator .btn:not(.btn-primary).btn-dark, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-configure:not(.btn-primary), .truckconfigurator .modal .modal-btn:not(.btn-primary), .truckconfigurator .modal-disclaimer .modal-btn:not(.btn-primary), .truckconfigurator .modal-home .modal-btn:not(.btn-primary), .truckconfigurator .modal-save .modal-btn:not(.btn-primary), .truckconfigurator .modal-send .modal-btn:not(.btn-primary), .truckconfigurator .modal-summary .modal-btn:not(.btn-primary), .truckconfigurator .modal-validation .modal-btn:not(.btn-primary), .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .select-model-btn:not(.btn-primary), .truckconfigurator .sp-choose:not(.btn-primary).btn-dark {
  background: #00529c;
  border-color: #00529c;
  color: #fff;
}

.truckconfigurator .btn:not(.btn-primary).btn-dark:hover, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-configure:not(.btn-primary):hover, .truckconfigurator .modal .modal-btn:not(.btn-primary):hover, .truckconfigurator .modal-disclaimer .modal-btn:not(.btn-primary):hover, .truckconfigurator .modal-home .modal-btn:not(.btn-primary):hover, .truckconfigurator .modal-save .modal-btn:not(.btn-primary):hover, .truckconfigurator .modal-send .modal-btn:not(.btn-primary):hover, .truckconfigurator .modal-summary .modal-btn:not(.btn-primary):hover, .truckconfigurator .modal-validation .modal-btn:not(.btn-primary):hover, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .select-model-btn:not(.btn-primary):hover, .truckconfigurator .sp-choose:not(.btn-primary).btn-dark:hover {
  background: #1b4770;
  border-color: #1b4770;
  color: #fff;
}

.truckconfigurator .btn:not(.btn-primary).btn-ghost, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-configure:not(.btn-primary).btn-ghost, .truckconfigurator .modal .modal-btn:not(.btn-primary).btn-ghost, .truckconfigurator .modal-disclaimer .modal-btn:not(.btn-primary).btn-ghost, .truckconfigurator .modal-home .modal-btn:not(.btn-primary).btn-ghost, .truckconfigurator .modal-save .modal-btn:not(.btn-primary).btn-ghost, .truckconfigurator .modal-send .modal-btn:not(.btn-primary).btn-ghost, .truckconfigurator .modal-summary .modal-btn:not(.btn-primary).btn-ghost, .truckconfigurator .modal-validation .modal-btn:not(.btn-primary).btn-ghost, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .select-model-btn:not(.btn-primary).btn-ghost, .truckconfigurator .sp-choose:not(.btn-primary).btn-ghost {
  background: transparent;
  border: 2px solid #00529c;
  color: #00529c;
}

.truckconfigurator .btn:not(.btn-primary).btn-ghost.active, .truckconfigurator .btn:not(.btn-primary).btn-ghost.focus, .truckconfigurator .btn:not(.btn-primary).btn-ghost.hover, .truckconfigurator .btn:not(.btn-primary).btn-ghost:active, .truckconfigurator .btn:not(.btn-primary).btn-ghost:focus, .truckconfigurator .btn:not(.btn-primary).btn-ghost:hover, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-configure:not(.btn-primary).btn-ghost.active, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-configure:not(.btn-primary).btn-ghost.focus, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-configure:not(.btn-primary).btn-ghost.hover, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-configure:not(.btn-primary).btn-ghost:active, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-configure:not(.btn-primary).btn-ghost:focus, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-configure:not(.btn-primary).btn-ghost:hover, .truckconfigurator .modal .modal-btn:not(.btn-primary).btn-ghost.active, .truckconfigurator .modal .modal-btn:not(.btn-primary).btn-ghost.focus, .truckconfigurator .modal .modal-btn:not(.btn-primary).btn-ghost.hover, .truckconfigurator .modal .modal-btn:not(.btn-primary).btn-ghost:active, .truckconfigurator .modal .modal-btn:not(.btn-primary).btn-ghost:focus, .truckconfigurator .modal .modal-btn:not(.btn-primary).btn-ghost:hover, .truckconfigurator .modal-disclaimer .modal-btn:not(.btn-primary).btn-ghost.active, .truckconfigurator .modal-disclaimer .modal-btn:not(.btn-primary).btn-ghost.focus, .truckconfigurator .modal-disclaimer .modal-btn:not(.btn-primary).btn-ghost.hover, .truckconfigurator .modal-disclaimer .modal-btn:not(.btn-primary).btn-ghost:active, .truckconfigurator .modal-disclaimer .modal-btn:not(.btn-primary).btn-ghost:focus, .truckconfigurator .modal-disclaimer .modal-btn:not(.btn-primary).btn-ghost:hover, .truckconfigurator .modal-home .modal-btn:not(.btn-primary).btn-ghost.active, .truckconfigurator .modal-home .modal-btn:not(.btn-primary).btn-ghost.focus, .truckconfigurator .modal-home .modal-btn:not(.btn-primary).btn-ghost.hover, .truckconfigurator .modal-home .modal-btn:not(.btn-primary).btn-ghost:active, .truckconfigurator .modal-home .modal-btn:not(.btn-primary).btn-ghost:focus, .truckconfigurator .modal-home .modal-btn:not(.btn-primary).btn-ghost:hover, .truckconfigurator .modal-save .modal-btn:not(.btn-primary).btn-ghost.active, .truckconfigurator .modal-save .modal-btn:not(.btn-primary).btn-ghost.focus, .truckconfigurator .modal-save .modal-btn:not(.btn-primary).btn-ghost.hover, .truckconfigurator .modal-save .modal-btn:not(.btn-primary).btn-ghost:active, .truckconfigurator .modal-save .modal-btn:not(.btn-primary).btn-ghost:focus, .truckconfigurator .modal-save .modal-btn:not(.btn-primary).btn-ghost:hover, .truckconfigurator .modal-send .modal-btn:not(.btn-primary).btn-ghost.active, .truckconfigurator .modal-send .modal-btn:not(.btn-primary).btn-ghost.focus, .truckconfigurator .modal-send .modal-btn:not(.btn-primary).btn-ghost.hover, .truckconfigurator .modal-send .modal-btn:not(.btn-primary).btn-ghost:active, .truckconfigurator .modal-send .modal-btn:not(.btn-primary).btn-ghost:focus, .truckconfigurator .modal-send .modal-btn:not(.btn-primary).btn-ghost:hover, .truckconfigurator .modal-summary .modal-btn:not(.btn-primary).btn-ghost.active, .truckconfigurator .modal-summary .modal-btn:not(.btn-primary).btn-ghost.focus, .truckconfigurator .modal-summary .modal-btn:not(.btn-primary).btn-ghost.hover, .truckconfigurator .modal-summary .modal-btn:not(.btn-primary).btn-ghost:active, .truckconfigurator .modal-summary .modal-btn:not(.btn-primary).btn-ghost:focus, .truckconfigurator .modal-summary .modal-btn:not(.btn-primary).btn-ghost:hover, .truckconfigurator .modal-validation .modal-btn:not(.btn-primary).btn-ghost.active, .truckconfigurator .modal-validation .modal-btn:not(.btn-primary).btn-ghost.focus, .truckconfigurator .modal-validation .modal-btn:not(.btn-primary).btn-ghost.hover, .truckconfigurator .modal-validation .modal-btn:not(.btn-primary).btn-ghost:active, .truckconfigurator .modal-validation .modal-btn:not(.btn-primary).btn-ghost:focus, .truckconfigurator .modal-validation .modal-btn:not(.btn-primary).btn-ghost:hover, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .select-model-btn:not(.btn-primary).btn-ghost.active, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .select-model-btn:not(.btn-primary).btn-ghost.focus, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .select-model-btn:not(.btn-primary).btn-ghost.hover, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .select-model-btn:not(.btn-primary).btn-ghost:active, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .select-model-btn:not(.btn-primary).btn-ghost:focus, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .select-model-btn:not(.btn-primary).btn-ghost:hover, .truckconfigurator .sp-choose:not(.btn-primary).btn-ghost.active, .truckconfigurator .sp-choose:not(.btn-primary).btn-ghost.focus, .truckconfigurator .sp-choose:not(.btn-primary).btn-ghost.hover, .truckconfigurator .sp-choose:not(.btn-primary).btn-ghost:active, .truckconfigurator .sp-choose:not(.btn-primary).btn-ghost:focus, .truckconfigurator .sp-choose:not(.btn-primary).btn-ghost:hover {
  color: #fff;
}

.truckconfigurator .btn:not(.btn-primary).btn-ghost-white, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-configure:not(.btn-primary).btn-ghost-white, .truckconfigurator .modal .modal-btn:not(.btn-primary).btn-ghost-white, .truckconfigurator .modal-disclaimer .modal-btn:not(.btn-primary).btn-ghost-white, .truckconfigurator .modal-home .modal-btn:not(.btn-primary).btn-ghost-white, .truckconfigurator .modal-save .modal-btn:not(.btn-primary).btn-ghost-white, .truckconfigurator .modal-send .modal-btn:not(.btn-primary).btn-ghost-white, .truckconfigurator .modal-summary .modal-btn:not(.btn-primary).btn-ghost-white, .truckconfigurator .modal-validation .modal-btn:not(.btn-primary).btn-ghost-white, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .select-model-btn:not(.btn-primary).btn-ghost-white, .truckconfigurator .sp-choose:not(.btn-primary) {
  background: transparent;
  border-color: #fff;
  color: #fff;
}

.truckconfigurator .btn:not(.btn-primary).btn-ghost-white:hover, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-configure:not(.btn-primary).btn-ghost-white:hover, .truckconfigurator .modal .modal-btn:not(.btn-primary).btn-ghost-white:hover, .truckconfigurator .modal-disclaimer .modal-btn:not(.btn-primary).btn-ghost-white:hover, .truckconfigurator .modal-home .modal-btn:not(.btn-primary).btn-ghost-white:hover, .truckconfigurator .modal-save .modal-btn:not(.btn-primary).btn-ghost-white:hover, .truckconfigurator .modal-send .modal-btn:not(.btn-primary).btn-ghost-white:hover, .truckconfigurator .modal-summary .modal-btn:not(.btn-primary).btn-ghost-white:hover, .truckconfigurator .modal-validation .modal-btn:not(.btn-primary).btn-ghost-white:hover, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .select-model-btn:not(.btn-primary).btn-ghost-white:hover, .truckconfigurator .sp-choose:not(.btn-primary):hover {
  background: #fff;
  border-color: #fff;
  color: #00529c;
}

.truckconfigurator .btn:not(.btn-primary).btn-small, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-configure:not(.btn-primary).btn-small, .truckconfigurator .modal .modal-btn:not(.btn-primary).btn-small, .truckconfigurator .modal-disclaimer .modal-btn:not(.btn-primary).btn-small, .truckconfigurator .modal-home .modal-btn:not(.btn-primary).btn-small, .truckconfigurator .modal-save .modal-btn:not(.btn-primary).btn-small, .truckconfigurator .modal-send .modal-btn:not(.btn-primary).btn-small, .truckconfigurator .modal-summary .modal-btn:not(.btn-primary).btn-small, .truckconfigurator .modal-validation .modal-btn:not(.btn-primary).btn-small, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .select-model-btn:not(.btn-primary).btn-small, .truckconfigurator .sp-choose:not(.btn-primary) {
  padding: 4px 16px;
}

.truckconfigurator .btn:not(.btn-primary).has-loader, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-configure:not(.btn-primary).has-loader, .truckconfigurator .modal .modal-btn:not(.btn-primary).has-loader, .truckconfigurator .modal-disclaimer .modal-btn:not(.btn-primary).has-loader, .truckconfigurator .modal-home .modal-btn:not(.btn-primary).has-loader, .truckconfigurator .modal-save .modal-btn:not(.btn-primary).has-loader, .truckconfigurator .modal-send .modal-btn:not(.btn-primary).has-loader, .truckconfigurator .modal-summary .modal-btn:not(.btn-primary).has-loader, .truckconfigurator .modal-validation .modal-btn:not(.btn-primary).has-loader, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .select-model-btn:not(.btn-primary).has-loader, .truckconfigurator .sp-choose:not(.btn-primary).has-loader {
  padding-right: 4rem;
  pointer-events: none;
  position: relative;
}

.truckconfigurator .btn:not(.btn-primary).has-loader:before, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-configure:not(.btn-primary).has-loader:before, .truckconfigurator .modal .modal-btn:not(.btn-primary).has-loader:before, .truckconfigurator .modal-disclaimer .modal-btn:not(.btn-primary).has-loader:before, .truckconfigurator .modal-home .modal-btn:not(.btn-primary).has-loader:before, .truckconfigurator .modal-save .modal-btn:not(.btn-primary).has-loader:before, .truckconfigurator .modal-send .modal-btn:not(.btn-primary).has-loader:before, .truckconfigurator .modal-summary .modal-btn:not(.btn-primary).has-loader:before, .truckconfigurator .modal-validation .modal-btn:not(.btn-primary).has-loader:before, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .select-model-btn:not(.btn-primary).has-loader:before, .truckconfigurator .sp-choose:not(.btn-primary).has-loader:before {
  animation: loaderspin 1s linear infinite;
  border: 0.125rem solid transparent;
  border-radius: 50%;
  border-top-color: #fff;
  content: " ";
  height: 1rem;
  position: absolute;
  right: 30px;
  top: 1rem;
  width: 1rem;
}

.truckconfigurator .btn:not(.btn-primary).clipboard-copy .icon, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-configure:not(.btn-primary).clipboard-copy .icon, .truckconfigurator .modal .modal-btn:not(.btn-primary).clipboard-copy .icon, .truckconfigurator .modal-disclaimer .modal-btn:not(.btn-primary).clipboard-copy .icon, .truckconfigurator .modal-home .modal-btn:not(.btn-primary).clipboard-copy .icon, .truckconfigurator .modal-save .modal-btn:not(.btn-primary).clipboard-copy .icon, .truckconfigurator .modal-send .modal-btn:not(.btn-primary).clipboard-copy .icon, .truckconfigurator .modal-summary .modal-btn:not(.btn-primary).clipboard-copy .icon, .truckconfigurator .modal-validation .modal-btn:not(.btn-primary).clipboard-copy .icon, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .select-model-btn:not(.btn-primary).clipboard-copy .icon, .truckconfigurator .sp-choose:not(.btn-primary).clipboard-copy .icon {
  cursor: pointer;
  margin-right: 0.625rem;
  vertical-align: text-bottom;
}

.truckconfigurator .btn:not(.btn-primary).clipboard-copy .icon.copy, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-configure:not(.btn-primary).clipboard-copy .icon.copy, .truckconfigurator .modal .modal-btn:not(.btn-primary).clipboard-copy .icon.copy, .truckconfigurator .modal-disclaimer .modal-btn:not(.btn-primary).clipboard-copy .icon.copy, .truckconfigurator .modal-home .modal-btn:not(.btn-primary).clipboard-copy .icon.copy, .truckconfigurator .modal-save .modal-btn:not(.btn-primary).clipboard-copy .icon.copy, .truckconfigurator .modal-send .modal-btn:not(.btn-primary).clipboard-copy .icon.copy, .truckconfigurator .modal-summary .modal-btn:not(.btn-primary).clipboard-copy .icon.copy, .truckconfigurator .modal-validation .modal-btn:not(.btn-primary).clipboard-copy .icon.copy, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .select-model-btn:not(.btn-primary).clipboard-copy .icon.copy, .truckconfigurator .sp-choose:not(.btn-primary).clipboard-copy .icon.copy {
  display: inline-block;
}

.truckconfigurator .btn:not(.btn-primary).clipboard-copy .icon.checkmark, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-configure:not(.btn-primary).clipboard-copy .icon.checkmark, .truckconfigurator .modal .modal-btn:not(.btn-primary).clipboard-copy .icon.checkmark, .truckconfigurator .modal-disclaimer .modal-btn:not(.btn-primary).clipboard-copy .icon.checkmark, .truckconfigurator .modal-home .modal-btn:not(.btn-primary).clipboard-copy .icon.checkmark, .truckconfigurator .modal-save .modal-btn:not(.btn-primary).clipboard-copy .icon.checkmark, .truckconfigurator .modal-send .modal-btn:not(.btn-primary).clipboard-copy .icon.checkmark, .truckconfigurator .modal-summary .modal-btn:not(.btn-primary).clipboard-copy .icon.checkmark, .truckconfigurator .modal-validation .modal-btn:not(.btn-primary).clipboard-copy .icon.checkmark, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .select-model-btn:not(.btn-primary).clipboard-copy .icon.checkmark, .truckconfigurator .sp-choose:not(.btn-primary).clipboard-copy .icon.checkmark {
  display: none;
}

.truckconfigurator .btn:not(.btn-primary).clipboard-copy.success:active, .truckconfigurator .btn:not(.btn-primary).clipboard-copy.success:hover, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-configure:not(.btn-primary).clipboard-copy.success:active, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-configure:not(.btn-primary).clipboard-copy.success:hover, .truckconfigurator .modal .modal-btn:not(.btn-primary).clipboard-copy.success:active, .truckconfigurator .modal .modal-btn:not(.btn-primary).clipboard-copy.success:hover, .truckconfigurator .modal-disclaimer .modal-btn:not(.btn-primary).clipboard-copy.success:active, .truckconfigurator .modal-disclaimer .modal-btn:not(.btn-primary).clipboard-copy.success:hover, .truckconfigurator .modal-home .modal-btn:not(.btn-primary).clipboard-copy.success:active, .truckconfigurator .modal-home .modal-btn:not(.btn-primary).clipboard-copy.success:hover, .truckconfigurator .modal-save .modal-btn:not(.btn-primary).clipboard-copy.success:active, .truckconfigurator .modal-save .modal-btn:not(.btn-primary).clipboard-copy.success:hover, .truckconfigurator .modal-send .modal-btn:not(.btn-primary).clipboard-copy.success:active, .truckconfigurator .modal-send .modal-btn:not(.btn-primary).clipboard-copy.success:hover, .truckconfigurator .modal-summary .modal-btn:not(.btn-primary).clipboard-copy.success:active, .truckconfigurator .modal-summary .modal-btn:not(.btn-primary).clipboard-copy.success:hover, .truckconfigurator .modal-validation .modal-btn:not(.btn-primary).clipboard-copy.success:active, .truckconfigurator .modal-validation .modal-btn:not(.btn-primary).clipboard-copy.success:hover, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .select-model-btn:not(.btn-primary).clipboard-copy.success:active, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .select-model-btn:not(.btn-primary).clipboard-copy.success:hover, .truckconfigurator .sp-choose:not(.btn-primary).clipboard-copy.success:active, .truckconfigurator .sp-choose:not(.btn-primary).clipboard-copy.success:hover {
  background-color: #40ca50;
}

.truckconfigurator .btn:not(.btn-primary).clipboard-copy.success .icon.copy, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-configure:not(.btn-primary).clipboard-copy.success .icon.copy, .truckconfigurator .modal .modal-btn:not(.btn-primary).clipboard-copy.success .icon.copy, .truckconfigurator .modal-disclaimer .modal-btn:not(.btn-primary).clipboard-copy.success .icon.copy, .truckconfigurator .modal-home .modal-btn:not(.btn-primary).clipboard-copy.success .icon.copy, .truckconfigurator .modal-save .modal-btn:not(.btn-primary).clipboard-copy.success .icon.copy, .truckconfigurator .modal-send .modal-btn:not(.btn-primary).clipboard-copy.success .icon.copy, .truckconfigurator .modal-summary .modal-btn:not(.btn-primary).clipboard-copy.success .icon.copy, .truckconfigurator .modal-validation .modal-btn:not(.btn-primary).clipboard-copy.success .icon.copy, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .select-model-btn:not(.btn-primary).clipboard-copy.success .icon.copy, .truckconfigurator .sp-choose:not(.btn-primary).clipboard-copy.success .icon.copy {
  display: none;
}

.truckconfigurator .btn:not(.btn-primary).clipboard-copy.success .icon.checkmark, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-configure:not(.btn-primary).clipboard-copy.success .icon.checkmark, .truckconfigurator .modal .modal-btn:not(.btn-primary).clipboard-copy.success .icon.checkmark, .truckconfigurator .modal-disclaimer .modal-btn:not(.btn-primary).clipboard-copy.success .icon.checkmark, .truckconfigurator .modal-home .modal-btn:not(.btn-primary).clipboard-copy.success .icon.checkmark, .truckconfigurator .modal-save .modal-btn:not(.btn-primary).clipboard-copy.success .icon.checkmark, .truckconfigurator .modal-send .modal-btn:not(.btn-primary).clipboard-copy.success .icon.checkmark, .truckconfigurator .modal-summary .modal-btn:not(.btn-primary).clipboard-copy.success .icon.checkmark, .truckconfigurator .modal-validation .modal-btn:not(.btn-primary).clipboard-copy.success .icon.checkmark, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .select-model-btn:not(.btn-primary).clipboard-copy.success .icon.checkmark, .truckconfigurator .sp-choose:not(.btn-primary).clipboard-copy.success .icon.checkmark {
  display: inline-block;
}

.truckconfigurator h1 {
  font-size: 2.875rem;
  line-height: 1.25;
}

.truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-contactdealer-wrapper .btn-contactdealer:not(.accordion-toggle-title), .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-price:not(.accordion-toggle-title), .truckconfigurator .footer-nav > li.footer-home .premodelsection-back-nav li a:not(.accordion-toggle-title), .truckconfigurator .sidepanels .sidepanel-main > li .sidepanel-sub > li.is-active a.sidepanel-sub-item-title:not(.accordion-toggle-title), .truckconfigurator .sidepanels .sidepanel-main > li.is-active > .accordion-toggle-title:not(.accordion-toggle-title), .truckconfigurator strong:not(.accordion-toggle-title) {
  font-weight: 700;
}

.truckconfigurator ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.truckconfigurator ul.footer-nav, .truckconfigurator ul.horizontal-list, .truckconfigurator ul.no-bullets {
  list-style: none;
}

.truckconfigurator ul.footer-nav > li, .truckconfigurator ul.horizontal-list > li {
  align-items: center;
  display: flex;
  justify-content: center;
}

.truckconfigurator .modal .modal-column-wrapper .modal-column ul > li, .truckconfigurator .modal-disclaimer .modal-column-wrapper .modal-column ul > li, .truckconfigurator .modal-home .modal-column-wrapper .modal-column ul > li, .truckconfigurator .modal-save .modal-column-wrapper .modal-column ul > li, .truckconfigurator .modal-send .modal-column-wrapper .modal-column ul > li, .truckconfigurator .modal-summary .modal-column-wrapper .modal-column ul > li, .truckconfigurator .modal-validation .modal-column-wrapper .modal-column ul > li, .truckconfigurator .summary .summary-inner .summary-category .summary-featuregroup-items ul.summary-featuregroup-item > li, .truckconfigurator ul.with-bullets > li {
  padding-left: 1rem;
  position: relative;
}

.truckconfigurator .modal .modal-column-wrapper .modal-column ul > li:before, .truckconfigurator .modal-disclaimer .modal-column-wrapper .modal-column ul > li:before, .truckconfigurator .modal-home .modal-column-wrapper .modal-column ul > li:before, .truckconfigurator .modal-save .modal-column-wrapper .modal-column ul > li:before, .truckconfigurator .modal-send .modal-column-wrapper .modal-column ul > li:before, .truckconfigurator .modal-summary .modal-column-wrapper .modal-column ul > li:before, .truckconfigurator .modal-validation .modal-column-wrapper .modal-column ul > li:before, .truckconfigurator .summary .summary-inner .summary-category .summary-featuregroup-items ul.summary-featuregroup-item > li:before, .truckconfigurator ul.with-bullets > li:before {
  background: #00529c;
  border-radius: 50%;
  content: " ";
  height: 0.25rem;
  left: 0;
  position: absolute;
  top: 0.6rem;
  width: 0.25rem;
}

.truckconfigurator table {
  border-collapse: collapse;
  width: 100%;
}

.truckconfigurator table tr {
  border-bottom: 1px solid #b9c1c6;
  padding: 1rem;
}

.truckconfigurator table tr td, .truckconfigurator table tr th {
  padding: 0.5rem;
  text-align: left;
}

.truckconfigurator .otc-main section:not(.summary) {
  margin: 0 auto;
  max-width: 61.875rem;
}

.truckconfigurator .visualisation-container {
  --header-height:3.75rem;
  --footer-height:4.375rem;
  --prev-next-btn-width:2.5rem;
  --btn-height:2rem;
  --controls-padding:0.25rem;
  --border-width:1px;
  --controls-height:calc(var(--btn-height) + (var(--controls-padding) + var(--border-width))*2);
  --gutter-width-mobile:18px;
  background: #f1f1f1;
  border-top: 1px solid #b9c1c6;
  display: none;
  height: calc(100vh - var(--header-height) - var(--footer-height));
  position: relative;
}

@media (max-width: 575.98px) {
  .truckconfigurator .visualisation-container {
    height: auto;
    padding: 0 var(--gutter-width-mobile);
  }
}
@media (max-width: 991.98px) {
  .truckconfigurator .visualisation-container {
    --footer-height:4rem;
  }
}
.truckconfigurator .visualisation-container.is-active {
  display: block;
}

.truckconfigurator .visualisationviewer {
  display: none;
  height: 100%;
  overflow: hidden;
  transition: opacity 0.3s ease;
  width: 100%;
}

@media (max-width: 575.98px) {
  .truckconfigurator .visualisationviewer {
    aspect-ratio: 1;
    height: auto;
    margin: 0 auto;
  }
}
.truckconfigurator .visualisationviewer.is-active {
  display: block;
}

.truckconfigurator .visualisationviewer.is-visible {
  opacity: 1;
}

.truckconfigurator .swipezone {
  display: none;
  inset: 0;
  position: absolute;
  z-index: 1;
}

.truckconfigurator .swipezone.is-active {
  display: block;
}

.truckconfigurator .model-name-container {
  display: none;
}

.truckconfigurator .model-name-container.is-active {
  display: block;
  left: 50%;
  margin-left: -40vw;
  position: absolute;
  text-align: center;
  top: 2.5rem;
  width: 80vw;
}

.truckconfigurator .model-name-container.is-active .model-name {
  font-family: inherit;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: inherit;
}

@media (min-width: 992px) {
  .truckconfigurator .model-name-container.is-active .model-name {
    font-size: 36px;
    height: 3.5rem;
  }
}
.truckconfigurator .visualisation-controls {
  display: none;
  opacity: 0;
  transition: opacity 0.3s ease, z-index 0.3s ease 0.3s;
}

.truckconfigurator .visualisation-controls:not(.is-active) {
  pointer-events: none;
}

.truckconfigurator .visualisation-controls.is-active {
  display: block;
  opacity: 1;
}

.truckconfigurator .visualisation-controls.is-outofsight {
  opacity: 0;
  z-index: 0;
}

.truckconfigurator .controls {
  align-items: center;
  background: #fff;
  border: 1px solid #b9c1c6;
  border-radius: 0.3rem;
  display: flex;
  height: var(--controls-height);
  justify-content: center;
  overflow: hidden;
  padding: 0.25rem;
}

.truckconfigurator .controls li {
  align-items: center;
  display: flex;
  flex: 1;
  height: 100%;
  justify-content: center;
  margin: 0 0.125rem;
}

.truckconfigurator .controls-turn {
  color: #00529c;
  display: none;
  flex-direction: row;
  font-size: 1.75rem;
  pointer-events: none;
  transition: opacity 0.3s ease;
}

.truckconfigurator .controls-turn.is-active {
  display: flex;
  pointer-events: auto;
}

.truckconfigurator .control {
  align-items: center;
  border-radius: 0.3rem;
  cursor: pointer;
  display: flex;
  height: 100%;
  justify-content: center;
  padding-left: 1rem;
  padding-right: 1rem;
  transition: background 0.3s ease, color 0.3s ease;
  white-space: nowrap;
  will-change: background, color;
}

.truckconfigurator .control:hover {
  background: #b9c1c6;
  color: #353c45;
}

.truckconfigurator .control.is-active, .truckconfigurator .control:active {
  background: #00529c;
  color: #fff;
}

.truckconfigurator .control-turn-left, .truckconfigurator .control-turn-right {
  width: 2rem;
}

.truckconfigurator .control-turn-left:before, .truckconfigurator .control-turn-right:before {
  position: static;
}

.truckconfigurator .control-front.is-active object {
  filter: invert(0) sepia(0) saturate(0) hue-rotate(0deg) brightness(100%) contrast(100%);
}

.truckconfigurator .control-front object {
  filter: invert(100%) sepia(0) saturate(0) hue-rotate(0deg) brightness(100%) contrast(100%);
  pointer-events: none;
}

.truckconfigurator .control-top {
  font-size: 1.125rem;
  line-height: 1.375rem;
  text-transform: uppercase;
}

@media (max-width: 575.98px) {
  .truckconfigurator .controls {
    position: relative;
    z-index: 2;
  }
  .truckconfigurator .controls-turn {
    background: none;
    border: none;
    justify-content: space-between;
    left: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: calc(50vw - var(--btn-height));
  }
  .truckconfigurator .controls-turn li {
    flex: 0;
  }
  .truckconfigurator .control-turn {
    height: var(--btn-height);
    width: var(--btn-height);
  }
  .truckconfigurator .control-turn-left {
    left: 0;
  }
  .truckconfigurator .control-turn-right {
    right: 0;
  }
  .truckconfigurator .control-front, .truckconfigurator .control-top {
    flex: 1 1 50%;
  }
}
@media (min-width: 576px) {
  .truckconfigurator .visualisation-controls {
    bottom: 0.5rem;
    height: 126px;
    position: absolute;
    text-align: center;
    top: unset;
    width: 100%;
    z-index: 2;
  }
}
@media (min-width: 576px) and (min-width: 768px) {
  .truckconfigurator .visualisation-controls {
    bottom: 1rem;
  }
}
@media (min-width: 576px) {
  .truckconfigurator .controls-wrapper {
    bottom: 0;
    display: flex;
    left: auto;
    padding: 0 1rem;
    position: absolute;
    right: 2rem;
    top: unset;
  }
}
@media (min-width: 576px) and (min-width: 1200px) {
  .truckconfigurator .controls-wrapper {
    right: 20%;
  }
}
@media (min-width: 576px) {
  .truckconfigurator .controls {
    margin: 0 0.4rem;
  }
  .truckconfigurator .control-front, .truckconfigurator .control-top {
    min-width: 55px;
  }
}
.truckconfigurator .btn-disclaimer-mobile {
  display: block;
  font-weight: 500;
  margin: 1rem;
  text-align: center;
  text-decoration: underline;
}

@media (min-width: 576px) {
  .truckconfigurator .btn-disclaimer-mobile {
    display: none;
  }
}
.truckconfigurator a.btn-disclaimer, .truckconfigurator a.btn-disclaimer-mobile-up {
  bottom: -1rem;
  color: #656b6f;
  display: block;
  font-size: 1rem;
  font-weight: 500;
  max-width: unset;
  padding-left: 0;
  position: absolute;
  text-decoration: underline;
}

.truckconfigurator a.btn-disclaimer-mobile-up:focus, .truckconfigurator a.btn-disclaimer-mobile-up:hover, .truckconfigurator a.btn-disclaimer:focus, .truckconfigurator a.btn-disclaimer:hover {
  text-decoration: none;
}

@media (max-width: 575.98px) {
  .truckconfigurator a.btn-disclaimer, .truckconfigurator a.btn-disclaimer-mobile-up {
    display: none;
  }
}
@media (min-width: 576px) {
  .truckconfigurator a.btn-disclaimer, .truckconfigurator a.btn-disclaimer-mobile-up {
    bottom: 0;
    font-size: 0.875rem;
    left: 2rem;
    max-width: 40%;
    padding-left: 1.5rem;
    top: unset;
    transform: translateX(0);
    width: auto;
  }
}
@media (min-width: 768px) {
  .truckconfigurator a.btn-disclaimer, .truckconfigurator a.btn-disclaimer-mobile-up {
    max-width: 50%;
  }
}
@media (min-width: 1200px) {
  .truckconfigurator a.btn-disclaimer, .truckconfigurator a.btn-disclaimer-mobile-up {
    left: 20%;
  }
}
.truckconfigurator a.btn-disclaimer-mobile {
  display: block;
  font-weight: 400;
  margin: 1rem;
  position: static;
  text-align: center;
  text-decoration: underline;
}

@media (min-width: 576px) {
  .truckconfigurator a.btn-disclaimer-mobile {
    display: none;
  }
}
.truckconfigurator .loader, .truckconfigurator .sidepanels .sideloader .sideloaderimage {
  animation: loaderspin 1s linear infinite;
  border: 0.5rem solid transparent;
  border-radius: 50%;
  border-top-color: #00529c;
  display: none;
  height: 4rem;
  left: 50%;
  margin: 2rem 0 0 -2rem;
  position: absolute;
  top: 21vh;
  width: 4rem;
}

.truckconfigurator .loader.is-active, .truckconfigurator .sidepanels .sideloader .is-active.sideloaderimage {
  display: block;
}

.truckconfigurator .loader.dark, .truckconfigurator .sidepanels .sideloader .dark.sideloaderimage {
  border-top-color: #656b6f;
}

@keyframes loaderspin {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}
.truckconfigurator .main-overlay {
  background: rgba(0, 0, 0, 0.6);
  height: 100%;
  left: 0;
  opacity: 0;
  position: fixed;
  top: 0;
  transition: visibility 0s linear 0.3s, opacity 0.3s linear;
  visibility: hidden;
  width: 100%;
  z-index: 10000;
}

.truckconfigurator .main-overlay.is-active {
  opacity: 1;
  transition-delay: 0s;
  visibility: visible;
}

.truckconfigurator .main-background {
  background: #353c45;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  transition: background 0.3s ease;
  width: 100%;
  z-index: 0;
}

.truckconfigurator .main-background img {
  display: block;
  opacity: 0.1;
  transition: opacity 0.3s ease;
  width: 100%;
}

.truckconfigurator .main-background.is-hidden {
  background: transparent;
}

.truckconfigurator .main-background.is-hidden img {
  opacity: 0;
}

.truckconfigurator .main-title {
  color: #353c45;
  font-size: 1.875rem;
  font-weight: 700;
  letter-spacing: -0.0625rem;
  margin: 0.625rem 0;
  padding: 0.9375rem;
  text-align: center;
}

@media (min-width: 576px) {
  .truckconfigurator .main-title {
    font-size: 3.5rem;
    line-height: 1;
    margin: 2.5rem 0;
  }
}
@media (min-width: 992px) {
  .truckconfigurator .main-title {
    color: #353c45;
    font-weight: 700;
    max-width: 100%;
    min-height: 1em;
    opacity: 0;
    padding: 1.25rem 4rem;
    transition: opacity 0.3s ease;
    will-change: opacity;
  }
}
.truckconfigurator .main-title + hr {
  margin-left: auto;
  margin-right: auto;
  opacity: 0;
  transition: opacity 0.3s ease;
  will-change: opacity;
}

.truckconfigurator .main-title.is-active, .truckconfigurator .main-title.is-active + hr {
  opacity: 1;
}

.truckconfigurator .main-title.is-hidden, .truckconfigurator .main-title.is-hidden + hr {
  display: none;
}

.truckconfigurator .center-text {
  text-align: center;
}

.truckconfigurator .breakpoint-lg, .truckconfigurator .breakpoint-md, .truckconfigurator .breakpoint-xl {
  display: none;
}

.truckconfigurator .breakpoint-sm {
  display: block;
}

@media (min-width: 768px) {
  .truckconfigurator .breakpoint-lg, .truckconfigurator .breakpoint-sm, .truckconfigurator .breakpoint-xl {
    display: none;
  }
  .truckconfigurator .breakpoint-md {
    display: block;
  }
}
@media (min-width: 64.0625em) {
  .truckconfigurator .breakpoint-md, .truckconfigurator .breakpoint-sm, .truckconfigurator .breakpoint-xl {
    display: none;
  }
  .truckconfigurator .breakpoint-lg {
    display: block;
  }
}
@media (min-width: 1200px) {
  .truckconfigurator .breakpoint-lg, .truckconfigurator .breakpoint-md, .truckconfigurator .breakpoint-sm {
    display: none;
  }
  .truckconfigurator .breakpoint-xl {
    display: block;
  }
}
.truckconfigurator .ratingblock {
  width: 4.5rem;
}

@media (min-width: 1200px) {
  .truckconfigurator .ratingblock {
    width: 5.75rem;
  }
}
.truckconfigurator .ratingblock span {
  background: #b9c1c6;
  display: inline-block;
  height: 1rem;
  margin: 0 1px;
  width: 0.75rem;
}

@media (min-width: 1200px) {
  .truckconfigurator .ratingblock span {
    height: 1.25rem;
    width: 1rem;
  }
}
.truckconfigurator .ratingblock em {
  display: none;
}

.truckconfigurator .ratingblock.rating-1 span:nth-child(-n+2), .truckconfigurator .ratingblock.rating-2 span:nth-child(-n+3), .truckconfigurator .ratingblock.rating-3 span:nth-child(-n+4), .truckconfigurator .ratingblock.rating-4 span:nth-child(-n+5), .truckconfigurator .ratingblock.rating-5 span:nth-child(-n+6) {
  background: #8ac543;
}

.truckconfigurator .otc-checkbox {
  background: #fff;
  color: #00529c;
  display: block;
  height: 1.125rem;
  width: 1.125rem;
}

.truckconfigurator .otc-checkbox:before {
  font-size: 1rem;
  height: 100%;
  left: 0;
  line-height: 1.125rem;
  position: absolute;
  text-align: center;
  top: 0;
  width: 100%;
}

.truckconfigurator .otc-radio, .truckconfigurator .otc-radio-large, .truckconfigurator .sidepanels .sidepanel-main > li .filterset a.filterset-item .filter-selector, .truckconfigurator .sidepanels .sidepanel-main > li .sidepanel-sub > li .sub-item-option-panel .sub-item-options .option-selector {
  background: #fff;
  border: 1px solid #b9c1c6;
  border-radius: 50%;
  cursor: pointer;
  display: block;
  height: 1rem;
  min-width: 1rem;
  transition: background 0.3s ease, border 0.3s ease;
  will-change: background, border;
}

.truckconfigurator .otc-radio-hover, .truckconfigurator .otc-radio-large-hover, .truckconfigurator .sidepanels .sidepanel-main > li .filterset a.filterset-item:hover .filter-selector, .truckconfigurator .sidepanels .sidepanel-main > li .sidepanel-sub.sidepanel-sub-colorpicker > li .sub-item-option-panel .sub-item-options > li .color-option:hover .option-selector, .truckconfigurator .sidepanels .sidepanel-main > li .sidepanel-sub > li .sub-item-option-panel .sub-item-options > li:hover .option-header .option-selector {
  background: #fff;
  border: 0.25em solid #fff;
}

.truckconfigurator .otc-radio-large-selected, .truckconfigurator .otc-radio-selected, .truckconfigurator .sidepanels .sidepanel-main > li .filterset a.filterset-item.is-active .filter-selector, .truckconfigurator .sidepanels .sidepanel-main > li .sidepanel-sub.sidepanel-sub-colorpicker > li .sub-item-option-panel .sub-item-options > li.is-selected .color-option .color-selector .option-selector, .truckconfigurator .sidepanels .sidepanel-main > li .sidepanel-sub > li .sub-item-option-panel .sub-item-options > li.is-selected .option-header .option-selector {
  background: #00529c;
  border: 2px solid #fff;
}

.truckconfigurator .otc-radio-large {
  height: 1.5rem;
  width: 1.5rem;
}

.truckconfigurator .otc-radio-large-hover {
  border-width: 0.75em;
}

.truckconfigurator .otc-radio-large-selected {
  border-width: 6px;
}

.truckconfigurator .detail-main .detail-maincontent .detail-titleblock ul.detail-list-advantages > li, .truckconfigurator ul.otc-list-checks > li {
  padding-left: 2rem;
  position: relative;
}

.truckconfigurator .detail-main .detail-maincontent .detail-titleblock ul.detail-list-advantages > li:before, .truckconfigurator ul.otc-list-checks > li:before {
  color: #00529c;
  left: 0;
  position: absolute;
  top: 0;
}

.truckconfigurator .detail-main .detail-maincontent .detail-infoblock ul.detail-list-includes > li, .truckconfigurator ul.otc-list-bullets > li {
  position: relative;
}

.truckconfigurator .detail-main .detail-maincontent .detail-infoblock ul.detail-list-includes > li:before, .truckconfigurator ul.otc-list-bullets > li:before {
  color: #00529c;
}

@media screen and (min-width: 576px) and (max-width: 970px) {
  .truckconfigurator a.btn-disclaimer {
    left: 2.8rem;
  }
}
.truckconfigurator .block-links-wrapper {
  opacity: 0;
}

.truckconfigurator .block-links-wrapper.is-active {
  opacity: 1;
}

.truckconfigurator .block-links-wrapper.block-links-wrapper-template {
  display: none;
}

.truckconfigurator .block-links-wrapper .block-links {
  opacity: 0;
  transition: opacity 0.3s ease;
}

@media (min-width: 1200px) {
  .truckconfigurator .block-links-wrapper .block-links {
    justify-content: center;
  }
}
.truckconfigurator .block-links-wrapper .block-links.is-active, .truckconfigurator .block-links-wrapper .block-links.is-active .block-link {
  opacity: 1;
}

.truckconfigurator .block-links-wrapper .block-links.is-active .block-link.is-incompatible a {
  pointer-events: none;
}

.truckconfigurator .block-links-wrapper .block-links.is-active .block-link.is-incompatible a .btn, .truckconfigurator .block-links-wrapper .block-links.is-active .block-link.is-incompatible a .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-configure, .truckconfigurator .block-links-wrapper .block-links.is-active .block-link.is-incompatible a .modal .modal-btn, .truckconfigurator .block-links-wrapper .block-links.is-active .block-link.is-incompatible a .modal-disclaimer .modal-btn, .truckconfigurator .block-links-wrapper .block-links.is-active .block-link.is-incompatible a .modal-home .modal-btn, .truckconfigurator .block-links-wrapper .block-links.is-active .block-link.is-incompatible a .modal-save .modal-btn, .truckconfigurator .block-links-wrapper .block-links.is-active .block-link.is-incompatible a .modal-send .modal-btn, .truckconfigurator .block-links-wrapper .block-links.is-active .block-link.is-incompatible a .modal-summary .modal-btn, .truckconfigurator .block-links-wrapper .block-links.is-active .block-link.is-incompatible a .modal-validation .modal-btn, .truckconfigurator .block-links-wrapper .block-links.is-active .block-link.is-incompatible a .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .select-model-btn, .truckconfigurator .block-links-wrapper .block-links.is-active .block-link.is-incompatible a .sp-choose, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .block-links-wrapper .block-links.is-active .block-link.is-incompatible a .btn-configure, .truckconfigurator .modal .block-links-wrapper .block-links.is-active .block-link.is-incompatible a .modal-btn, .truckconfigurator .modal-disclaimer .block-links-wrapper .block-links.is-active .block-link.is-incompatible a .modal-btn, .truckconfigurator .modal-home .block-links-wrapper .block-links.is-active .block-link.is-incompatible a .modal-btn, .truckconfigurator .modal-save .block-links-wrapper .block-links.is-active .block-link.is-incompatible a .modal-btn, .truckconfigurator .modal-send .block-links-wrapper .block-links.is-active .block-link.is-incompatible a .modal-btn, .truckconfigurator .modal-summary .block-links-wrapper .block-links.is-active .block-link.is-incompatible a .modal-btn, .truckconfigurator .modal-validation .block-links-wrapper .block-links.is-active .block-link.is-incompatible a .modal-btn, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .block-links-wrapper .block-links.is-active .block-link.is-incompatible a .select-model-btn {
  opacity: 0.6;
}

.truckconfigurator .block-links-wrapper .block-links.is-active .block-link.is-incompatible .block-link-subvisual, .truckconfigurator .block-links-wrapper .block-links.is-active .block-link.is-incompatible .block-link-visual {
  opacity: 0.3;
}

@media (min-width: 768px) {
  .truckconfigurator .block-links-wrapper .block-links {
    margin-top: 1rem;
  }
}
@media (min-width: 1200px) {
  .truckconfigurator .block-links-wrapper .block-links {
    margin-top: 2rem;
  }
}
.truckconfigurator .block-links-wrapper .block-links.slider {
  float: none;
  left: auto;
}

.truckconfigurator .block-links-wrapper .block-links.slider .block-link {
  right: auto;
}

@media (min-width: 768px) {
  .truckconfigurator .block-links-wrapper .block-links .block-link-line-break {
    display: none;
  }
}
.truckconfigurator .block-links-wrapper .block-links .block-link-col {
  margin-bottom: 2.5rem;
}

.truckconfigurator .block-links-wrapper .block-links .block-link {
  background-color: #f1f1f1;
  border: 0.0625rem solid transparent;
  border-radius: 0.625rem;
  display: flex;
  flex-direction: column;
  height: 100%;
  margin-bottom: 1.25rem;
  margin-top: 1.25rem;
  position: relative;
  transition: border-color 0.3s ease, opacity 0.3s ease;
  width: 100%;
}

.truckconfigurator .block-links-wrapper .block-links .block-link:hover {
  box-shadow: -6.632px 4.474px 78px 0 rgba(0, 0, 0, 0.5);
}

.truckconfigurator .block-links-wrapper .block-links .block-link.is-active {
  border-color: #4d545a;
  border-radius: 0.625rem;
}

.truckconfigurator .block-links-wrapper .block-links .block-link.is-active .btn-round {
  display: block;
}

.truckconfigurator .block-links-wrapper .block-links .block-link.is-not-active {
  opacity: 0.5;
}

.truckconfigurator .block-links-wrapper .block-links .block-link .btn-round {
  bottom: 0;
  display: none;
  left: 50%;
  margin: 0 0 -1.25rem;
  position: absolute;
  transform: translateX(-50%);
}

.truckconfigurator .block-links-wrapper .block-links .block-link .block-link-title {
  color: #000;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.25rem;
  margin-bottom: 1.75rem;
  margin-top: auto;
  padding-top: 1rem;
  text-align: center;
}

.truckconfigurator .block-links-wrapper .block-links .block-link .block-link-text {
  color: #fff;
  display: none;
  overflow: hidden;
  padding: 0 1.875rem;
}

@media (min-width: 768px) {
  .truckconfigurator .block-links-wrapper .block-links .block-link .block-link-text {
    display: block;
  }
}
.truckconfigurator .block-links-wrapper .block-links .block-link .block-links__visual-wrapper {
  margin-top: -1.25rem;
}

.truckconfigurator .block-links-wrapper .block-links .block-link .block-link-visual, .truckconfigurator .block-links-wrapper .block-links .block-link .block-link-visual2 {
  height: auto;
  width: 100%;
}

@media (min-width: 768px) {
  .truckconfigurator .block-links-wrapper .block-links .block-link .block-link-visual img, .truckconfigurator .block-links-wrapper .block-links .block-link .block-link-visual2 img {
    display: block;
  }
}
.truckconfigurator .block-links-wrapper .block-links .block-link .block-link-subvisual {
  display: block;
  height: 4vh;
  margin: 1rem auto 0;
}

.truckconfigurator .block-links-wrapper .block-links .block-link.is-active:before, .truckconfigurator .block-links-wrapper .block-links .block-link:hover:before {
  background: hsla(0, 0%, 100%, 0.15);
}

.truckconfigurator .firststep .block-link, .truckconfigurator .step-2 .block-link {
  background: hsla(0, 0%, 85%, 0.3);
}

.truckconfigurator .firststep .block-link .block-link-visual, .truckconfigurator .step-2 .block-link .block-link-visual {
  width: 100%;
}

.truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .firststep .block-link .btn-configure, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .step-2 .block-link .btn-configure, .truckconfigurator .firststep .block-link .btn, .truckconfigurator .firststep .block-link .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-configure, .truckconfigurator .firststep .block-link .modal .modal-btn, .truckconfigurator .firststep .block-link .modal-disclaimer .modal-btn, .truckconfigurator .firststep .block-link .modal-home .modal-btn, .truckconfigurator .firststep .block-link .modal-save .modal-btn, .truckconfigurator .firststep .block-link .modal-send .modal-btn, .truckconfigurator .firststep .block-link .modal-summary .modal-btn, .truckconfigurator .firststep .block-link .modal-validation .modal-btn, .truckconfigurator .firststep .block-link .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .select-model-btn, .truckconfigurator .firststep .block-link .sp-choose, .truckconfigurator .modal .firststep .block-link .modal-btn, .truckconfigurator .modal .step-2 .block-link .modal-btn, .truckconfigurator .modal-disclaimer .firststep .block-link .modal-btn, .truckconfigurator .modal-disclaimer .step-2 .block-link .modal-btn, .truckconfigurator .modal-home .firststep .block-link .modal-btn, .truckconfigurator .modal-home .step-2 .block-link .modal-btn, .truckconfigurator .modal-save .firststep .block-link .modal-btn, .truckconfigurator .modal-save .step-2 .block-link .modal-btn, .truckconfigurator .modal-send .firststep .block-link .modal-btn, .truckconfigurator .modal-send .step-2 .block-link .modal-btn, .truckconfigurator .modal-summary .firststep .block-link .modal-btn, .truckconfigurator .modal-summary .step-2 .block-link .modal-btn, .truckconfigurator .modal-validation .firststep .block-link .modal-btn, .truckconfigurator .modal-validation .step-2 .block-link .modal-btn, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .firststep .block-link .select-model-btn, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .step-2 .block-link .select-model-btn, .truckconfigurator .step-2 .block-link .btn, .truckconfigurator .step-2 .block-link .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-configure, .truckconfigurator .step-2 .block-link .modal .modal-btn, .truckconfigurator .step-2 .block-link .modal-disclaimer .modal-btn, .truckconfigurator .step-2 .block-link .modal-home .modal-btn, .truckconfigurator .step-2 .block-link .modal-save .modal-btn, .truckconfigurator .step-2 .block-link .modal-send .modal-btn, .truckconfigurator .step-2 .block-link .modal-summary .modal-btn, .truckconfigurator .step-2 .block-link .modal-validation .modal-btn, .truckconfigurator .step-2 .block-link .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .select-model-btn, .truckconfigurator .step-2 .block-link .sp-choose {
  margin-top: 0 !important;
}

.truckconfigurator .premodelselectionstep .slick-slide {
  margin: 0 0.5rem;
}

.truckconfigurator .premodelselectionstep .slick-slide .block-link-visual {
  max-height: 16vh !important;
}

@media (min-width: 992px) {
  .truckconfigurator .premodelselectionstep .slick-slide .block-link-visual {
    max-height: 18vh !important;
  }
}
@media (min-width: 1200px) {
  .truckconfigurator .premodelselectionstep .slick-slide .block-link-visual {
    max-height: 20vh !important;
  }
}
.truckconfigurator .premodelselectionstep .slick-slide .block-link-title {
  font-size: 1.375rem;
  height: 80px;
}

@media (min-width: 992px) {
  .truckconfigurator .premodelselectionstep .slick-slide .block-link-title {
    font-size: 1.5rem;
    height: 92px;
  }
}
@media (min-width: 1200px) {
  .truckconfigurator .premodelselectionstep .slick-slide .block-link-title {
    font-size: 1.625rem;
    height: 126px;
  }
}
.truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .premodelselectionstep .slick-slide .block-link .btn-configure, .truckconfigurator .modal .premodelselectionstep .slick-slide .block-link .modal-btn, .truckconfigurator .modal-disclaimer .premodelselectionstep .slick-slide .block-link .modal-btn, .truckconfigurator .modal-home .premodelselectionstep .slick-slide .block-link .modal-btn, .truckconfigurator .modal-save .premodelselectionstep .slick-slide .block-link .modal-btn, .truckconfigurator .modal-send .premodelselectionstep .slick-slide .block-link .modal-btn, .truckconfigurator .modal-summary .premodelselectionstep .slick-slide .block-link .modal-btn, .truckconfigurator .modal-validation .premodelselectionstep .slick-slide .block-link .modal-btn, .truckconfigurator .premodelselectionstep .slick-slide .block-link .btn, .truckconfigurator .premodelselectionstep .slick-slide .block-link .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-configure, .truckconfigurator .premodelselectionstep .slick-slide .block-link .modal .modal-btn, .truckconfigurator .premodelselectionstep .slick-slide .block-link .modal-disclaimer .modal-btn, .truckconfigurator .premodelselectionstep .slick-slide .block-link .modal-home .modal-btn, .truckconfigurator .premodelselectionstep .slick-slide .block-link .modal-save .modal-btn, .truckconfigurator .premodelselectionstep .slick-slide .block-link .modal-send .modal-btn, .truckconfigurator .premodelselectionstep .slick-slide .block-link .modal-summary .modal-btn, .truckconfigurator .premodelselectionstep .slick-slide .block-link .modal-validation .modal-btn, .truckconfigurator .premodelselectionstep .slick-slide .block-link .sp-choose, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .slick-slide .block-link .select-model-btn, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .slick-slide .block-link .mainpanel .btn-column .select-model-btn {
  margin-top: 0;
}

.truckconfigurator .noUi-target, .truckconfigurator .noUi-target * {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-sizing: border-box;
  touch-action: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.truckconfigurator .noUi-target {
  direction: ltr;
  position: relative;
}

.truckconfigurator .noUi-base, .truckconfigurator .noUi-connects {
  height: 100%;
  position: relative;
  width: 100%;
  z-index: 1;
}

.truckconfigurator .noUi-connects {
  overflow: hidden;
  z-index: 0;
}

.truckconfigurator .noUi-connect, .truckconfigurator .noUi-origin {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transform-origin: 0 0;
  width: 100%;
  will-change: transform;
  z-index: 1;
}

.truckconfigurator html:not([dir=rtl]) .noUi-horizontal .noUi-origin {
  left: auto;
  right: 0;
}

.truckconfigurator .noUi-vertical .noUi-origin {
  width: 0;
}

.truckconfigurator .noUi-horizontal .noUi-origin {
  height: 0;
}

.truckconfigurator .noUi-handle {
  position: absolute;
}

.truckconfigurator .noUi-state-tap .noUi-connect, .truckconfigurator .noUi-state-tap .noUi-origin {
  transition: transform 0.3s;
}

.truckconfigurator .noUi-state-drag * {
  cursor: inherit !important;
}

.truckconfigurator .noUi-horizontal {
  height: 18px;
}

.truckconfigurator .noUi-horizontal .noUi-handle {
  height: 28px;
  left: -17px;
  top: -6px;
  width: 34px;
}

.truckconfigurator .noUi-vertical {
  width: 18px;
}

.truckconfigurator .noUi-vertical .noUi-handle {
  height: 34px;
  left: -6px;
  top: -17px;
  width: 28px;
}

.truckconfigurator html:not([dir=rtl]) .noUi-horizontal .noUi-handle {
  left: auto;
  right: -17px;
}

.truckconfigurator .noUi-target {
  background: #fafafa;
  border: 1px solid #d3d3d3;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px #f0f0f0, 0 3px 6px -5px #bbb;
}

.truckconfigurator .noUi-connects {
  border-radius: 3px;
}

.truckconfigurator .noUi-connect {
  background: #3fb8af;
}

.truckconfigurator .noUi-draggable {
  cursor: ew-resize;
}

.truckconfigurator .noUi-vertical .noUi-draggable {
  cursor: ns-resize;
}

.truckconfigurator .noUi-handle {
  background: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 3px;
  box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ebebeb, 0 3px 6px -3px #bbb;
  cursor: default;
}

.truckconfigurator .noUi-active {
  box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ddd, 0 3px 6px -3px #bbb;
}

.truckconfigurator .noUi-handle:after, .truckconfigurator .noUi-handle:before {
  background: #e8e7e6;
  content: "";
  display: block;
  height: 14px;
  left: 14px;
  position: absolute;
  top: 6px;
  width: 1px;
}

.truckconfigurator .noUi-handle:after {
  left: 17px;
}

.truckconfigurator .noUi-vertical .noUi-handle:after, .truckconfigurator .noUi-vertical .noUi-handle:before {
  height: 1px;
  left: 6px;
  top: 14px;
  width: 14px;
}

.truckconfigurator .noUi-vertical .noUi-handle:after {
  top: 17px;
}

.truckconfigurator [disabled] .noUi-connect {
  background: #b8b8b8;
}

.truckconfigurator [disabled] .noUi-handle, .truckconfigurator [disabled].noUi-handle, .truckconfigurator [disabled].noUi-target {
  cursor: not-allowed;
}

.truckconfigurator .noUi-pips, .truckconfigurator .noUi-pips * {
  box-sizing: border-box;
}

.truckconfigurator .noUi-pips {
  color: #999;
  position: absolute;
}

.truckconfigurator .noUi-value {
  position: absolute;
  text-align: center;
  white-space: nowrap;
}

.truckconfigurator .noUi-value-sub {
  color: #ccc;
  font-size: 10px;
}

.truckconfigurator .noUi-marker {
  background: #ccc;
  position: absolute;
}

.truckconfigurator .noUi-marker-large, .truckconfigurator .noUi-marker-sub {
  background: #aaa;
}

.truckconfigurator .noUi-pips-horizontal {
  height: 80px;
  left: 0;
  padding: 10px 0;
  top: 100%;
  width: 100%;
}

.truckconfigurator .noUi-value-horizontal {
  transform: translate(-50%, 50%);
}

.truckconfigurator .noUi-rtl .noUi-value-horizontal {
  transform: translate(50%, 50%);
}

.truckconfigurator .noUi-marker-horizontal.noUi-marker {
  height: 5px;
  margin-left: -1px;
  width: 2px;
}

.truckconfigurator .noUi-marker-horizontal.noUi-marker-sub {
  height: 10px;
}

.truckconfigurator .noUi-marker-horizontal.noUi-marker-large {
  height: 15px;
}

.truckconfigurator .noUi-pips-vertical {
  height: 100%;
  left: 100%;
  padding: 0 10px;
  top: 0;
}

.truckconfigurator .noUi-value-vertical {
  padding-left: 25px;
  transform: translate(0, -50%, 0);
}

.truckconfigurator .noUi-rtl .noUi-value-vertical {
  transform: translateY(50%);
}

.truckconfigurator .noUi-marker-vertical.noUi-marker {
  height: 2px;
  margin-top: -1px;
  width: 5px;
}

.truckconfigurator .noUi-marker-vertical.noUi-marker-sub {
  width: 10px;
}

.truckconfigurator .noUi-marker-vertical.noUi-marker-large {
  width: 15px;
}

.truckconfigurator .noUi-tooltip {
  background: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 3px;
  color: #000;
  display: block;
  padding: 5px;
  position: absolute;
  text-align: center;
  white-space: nowrap;
}

.truckconfigurator .noUi-horizontal .noUi-tooltip {
  bottom: 120%;
  left: 50%;
  transform: translate(-50%);
}

.truckconfigurator .noUi-vertical .noUi-tooltip {
  right: 120%;
  top: 50%;
  transform: translateY(-50%);
}

.truckconfigurator .filterset-slideritem {
  padding: 1rem 1rem 2rem 0.75rem;
}

.truckconfigurator .filterset-slideritem .slidervalues {
  margin-left: -16%;
  margin-top: 1rem;
  overflow: hidden;
  width: 132%;
}

.truckconfigurator .filterset-slideritem .slidervalues .slider-max, .truckconfigurator .filterset-slideritem .slidervalues .slider-min {
  width: 50%;
}

.truckconfigurator .filterset-slideritem .slidervalues .slider-min {
  float: left;
}

.truckconfigurator .filterset-slideritem .slidervalues .slider-max {
  float: right;
  right: 0;
  text-align: right;
}

.truckconfigurator .noUi-horizontal {
  height: 2px;
}

.truckconfigurator .noUi-horizontal .noUi-handle {
  background: #fff;
  border: none;
  border-radius: 50%;
  box-shadow: none;
  height: 1rem;
  left: 100% !important;
  width: 1rem;
}

.truckconfigurator .noUi-horizontal .noUi-handle:after, .truckconfigurator .noUi-horizontal .noUi-handle:before {
  display: none;
}

.truckconfigurator .noUi-horizontal .noUi-handle.noUi-active {
  background: #fff;
  box-shadow: none;
}

.truckconfigurator .noUi-horizontal .noUi-handle .noUi-tooltip {
  background: #1b4770;
  border: none;
  border-radius: 0.5rem;
  bottom: -190%;
  color: #fff;
  padding: 0 0.25rem;
}

.truckconfigurator .noUi-horizontal .noUi-handle.noUi-handle-lower .noUi-tooltip {
  left: 0 !important;
  position: fixed;
}

.truckconfigurator .noUi-horizontal .noUi-handle.noUi-handle-upper .noUi-tooltip {
  left: 100% !important;
  position: fixed;
}

.truckconfigurator .noUi-connect {
  background: #fff;
  box-shadow: none;
}

.truckconfigurator .noUi-target {
  background: #80a9ce;
  border: none;
  box-shadow: none;
}

.truckconfigurator .sidepanels {
  display: none;
}

.truckconfigurator .sidepanels.is-visible {
  background-color: #fff;
  bottom: 0;
  box-shadow: 0 3px 50px rgba(0, 0, 0, 0.22);
  display: block;
  height: calc(100dvh - 130px);
  left: 0;
  position: absolute;
  right: 0;
  top: 60px;
  z-index: 101;
}

@media (max-width: 767.98px) {
  .truckconfigurator .sidepanels.is-visible {
    height: calc(100dvh - 124px);
  }
}
.truckconfigurator .sidepanels .sidepanel-header {
  align-items: center;
  background-color: #00529c;
  color: #fff;
  display: flex;
  height: 4rem;
  justify-content: center;
}

.truckconfigurator .sidepanels .sidepanel-header h2 {
  align-items: center;
  color: inherit;
  display: flex;
  font-size: 24px;
  font-weight: 700;
  height: 100%;
  justify-content: center;
  margin: 0;
  padding-left: 1.875rem;
}

.truckconfigurator .sidepanels .sidepanel-header .icon-close {
  align-items: center;
  display: flex;
  flex-direction: row-reverse;
  height: 100%;
  justify-content: center;
  margin-left: auto;
  padding: 0 1.25rem;
  position: relative;
}

.truckconfigurator .sidepanels .sidepanel-header .icon-close p {
  color: #fff;
  margin-bottom: 0;
  padding-right: 0.875rem;
}

.truckconfigurator .sidepanels .sideloader {
  background: rgba(27, 71, 112, 0.8);
  bottom: 0;
  display: none;
  height: 100%;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 30;
}

.truckconfigurator .sidepanels .sideloader .sideloaderimage, .truckconfigurator .sidepanels .sideloader.is-active {
  display: block;
}

.truckconfigurator .sidepanels .resetoptions {
  color: #fff;
  display: none;
  overflow: hidden;
}

.truckconfigurator .sidepanels .resetoptions span {
  display: block;
  float: left;
  font-size: 1.125rem;
  padding: 1rem 1.75rem;
  width: 60%;
}

.truckconfigurator .sidepanels .resetoptions .resetfilters {
  color: #fff;
  display: block;
  float: right;
  font-size: 0.75rem;
  line-height: 1.5rem;
  padding: 1rem 1.75rem 1rem 0;
  text-align: right;
  width: 40%;
}

.truckconfigurator .sidepanels .resetoptions .resetfilters:hover {
  text-decoration: underline;
}

.truckconfigurator .sidepanels .resetoptions.is-active {
  display: block;
}

.truckconfigurator .sidepanels .sidepanel-main {
  background: #fff;
  color: #00529c;
  line-height: 1.5;
  width: 100%;
}

.truckconfigurator .sidepanels .sidepanel-main.has-open-subpanel {
  border-radius: 0;
}

.truckconfigurator .sidepanels .sidepanel-main a {
  color: #00529c;
}

.truckconfigurator .sidepanels .sidepanel-main > li + li {
  border-top: 1px solid rgba(38, 108, 171, 0.6);
}

.truckconfigurator .sidepanels .sidepanel-main > li > .accordion-toggle-title {
  background: #f1f1f1;
  color: #00529c;
  cursor: pointer;
  display: block;
  font-size: 1.125rem;
  line-height: 1.25;
  padding: 0.75rem 2.75rem 0.75rem 1.875rem;
}

.truckconfigurator .sidepanels .sidepanel-main > li > .accordion-toggle-title:before {
  height: 100%;
  line-height: 2.5;
  right: 1.75rem;
}

.truckconfigurator .sidepanels .sidepanel-main > li > .sidepanel-main-item-title {
  cursor: pointer;
  display: block;
  font-size: 1.125rem;
  padding: 1rem 1.75rem;
}

.truckconfigurator .sidepanels .sidepanel-main > li.is-active .sidepanel-sub {
  height: auto;
}

.truckconfigurator .sidepanels .sidepanel-main > li.is-active .accordion-toggle-title {
  font-weight: 500;
}

.truckconfigurator .sidepanels .sidepanel-main > li .sidepanel-sub {
  background: #f1f1f1;
  height: 0;
  overflow: hidden;
  padding: 0;
  transition: height 0.3s ease, padding 0.3s ease;
}

.truckconfigurator .sidepanels .sidepanel-main > li .sidepanel-sub > li {
  border-bottom: 0.0625rem solid rgba(0, 82, 155, 0.2);
}

.truckconfigurator .sidepanels .sidepanel-main > li .sidepanel-sub > li > a {
  background-color: #fff;
  color: #21252b;
  cursor: pointer;
  display: block;
  font-size: 1rem;
  padding: 0.5rem 1.75rem;
}

.truckconfigurator .sidepanels .sidepanel-main > li .sidepanel-sub > li > a:hover {
  color: #00529c;
}

.truckconfigurator .sidepanels .sidepanel-main > li .sidepanel-sub > li > a.sidepanel-sub-item-title:before {
  height: 100%;
  line-height: 2.5;
  right: 1.75rem;
}

.truckconfigurator .sidepanels .sidepanel-main > li .sidepanel-sub > li.is-active .sub-item-option-panel {
  display: block;
}

.truckconfigurator .sidepanels .sidepanel-main > li .sidepanel-sub > li .sub-item-option-panel {
  background-color: #f1f1f1;
  display: none;
  padding: 1rem 1.25rem 1.25rem;
  right: 16rem;
  transition: transform 0.3s ease;
  z-index: -1;
}

.truckconfigurator .sidepanels .sidepanel-main > li .sidepanel-sub > li .sub-item-option-panel .sub-item-option-panel-disabler {
  display: none;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 30;
}

.truckconfigurator .sidepanels .sidepanel-main > li .sidepanel-sub > li .sub-item-option-panel .sub-item-option-panel-disabler.is-active {
  display: block;
}

.truckconfigurator .sidepanels .sidepanel-main > li .sidepanel-sub > li .sub-item-option-panel .icon-close {
  float: right;
}

.truckconfigurator .sidepanels .sidepanel-main > li .sidepanel-sub > li .sub-item-option-panel .icon-close:before {
  font-size: 1rem;
}

.truckconfigurator .sidepanels .sidepanel-main > li .sidepanel-sub > li .sub-item-option-panel .sub-item-option-panel-title {
  color: #fff;
  display: none;
  font-size: 2rem;
  margin-bottom: 1rem;
}

.truckconfigurator .sidepanels .sidepanel-main > li .sidepanel-sub > li .sub-item-option-panel .sub-item-options .option-selector {
  float: left;
  margin-right: 0.25rem;
  margin-top: 0.25rem;
}

.truckconfigurator .sidepanels .sidepanel-main > li .sidepanel-sub > li .sub-item-option-panel .sub-item-options > li {
  padding: 0 0.625rem;
  transition: background 0.3s ease, padding 0.3s ease;
}

.truckconfigurator .sidepanels .sidepanel-main > li .sidepanel-sub > li .sub-item-option-panel .sub-item-options > li.is-incompatible .option-description, .truckconfigurator .sidepanels .sidepanel-main > li .sidepanel-sub > li .sub-item-option-panel .sub-item-options > li.is-incompatible .option-header {
  opacity: 0.2;
}

.truckconfigurator .sidepanels .sidepanel-main > li .sidepanel-sub > li .sub-item-option-panel .sub-item-options > li .option-header {
  align-items: center;
  display: flex;
  overflow: hidden;
  padding: 0.5rem 0;
}

.truckconfigurator .sidepanels .sidepanel-main > li .sidepanel-sub > li .sub-item-option-panel .sub-item-options > li .option-header .option-item {
  display: flex;
}

.truckconfigurator .sidepanels .sidepanel-main > li .sidepanel-sub > li .sub-item-option-panel .sub-item-options > li .option-header .option-more-info-btn {
  align-items: center;
  background: #fff;
  border-color: transparent;
  border-radius: 50%;
  color: #353c45;
  cursor: pointer;
  display: flex;
  font-size: 1rem;
  height: 20px;
  justify-content: center;
  position: relative;
  text-align: center;
  top: 0;
  transition: background-color 0.3s ease, color 0.3s ease;
  width: 20px;
}

.truckconfigurator .sidepanels .sidepanel-main > li .sidepanel-sub > li .sub-item-option-panel .sub-item-options > li .option-header .option-more-info-btn:focus, .truckconfigurator .sidepanels .sidepanel-main > li .sidepanel-sub > li .sub-item-option-panel .sub-item-options > li .option-header .option-more-info-btn:hover {
  background: #00529c;
  color: #fff;
}

.truckconfigurator .sidepanels .sidepanel-main > li .sidepanel-sub > li .sub-item-option-panel .sub-item-options > li .option-header .option-title {
  color: #656b6f;
  cursor: pointer;
  display: block;
  float: left;
}

.truckconfigurator .sidepanels .sidepanel-main > li .sidepanel-sub > li .sub-item-option-panel .sub-item-options > li .option-header .option-title .option-title-text {
  padding-right: 1rem;
  position: relative;
}

.truckconfigurator .sidepanels .sidepanel-main > li .sidepanel-sub > li .sub-item-option-panel .sub-item-options > li .option-description {
  color: #b9c1c6;
  display: none;
  margin: 0 0 0 2.25rem;
  overflow: hidden;
}

.truckconfigurator .sidepanels .sidepanel-main > li .sidepanel-sub > li .sub-item-option-panel .sub-item-options > li .option-description .option-more-info {
  display: none;
}

.truckconfigurator .sidepanels .sidepanel-main > li .sidepanel-sub > li .sub-item-option-panel .sub-item-options > li.is-active {
  padding-bottom: 1rem;
}

.truckconfigurator .sidepanels .sidepanel-main > li .sidepanel-sub > li .sub-item-option-panel .sub-item-options > li.is-active .option-description {
  background-color: #fff;
  border-radius: 25px;
  color: #656b6f;
  display: block;
  padding: 15px;
}

.truckconfigurator .sidepanels .sidepanel-main > li .sidepanel-sub > li.is-active > a {
  color: #00529c;
}

.truckconfigurator .sidepanels .sidepanel-main > li .sidepanel-sub > li.is-active .sub-item-option-panel {
  transform: translateX(0);
}

.truckconfigurator .sidepanels .sidepanel-main > li .sidepanel-sub.sidepanel-sub-colorpicker > li .sub-item-option-panel .sub-item-options {
  border: none;
  display: flex;
  flex-wrap: wrap;
}

.truckconfigurator .sidepanels .sidepanel-main > li .sidepanel-sub.sidepanel-sub-colorpicker > li .sub-item-option-panel .sub-item-options > li {
  border: none;
  padding: 0.5rem 0.625rem;
}

@media (min-width: 576px) {
  .truckconfigurator .sidepanels .sidepanel-main > li .sidepanel-sub.sidepanel-sub-colorpicker > li .sub-item-option-panel .sub-item-options > li {
    width: 33.3333333333%;
  }
}
@media (min-width: 768px) {
  .truckconfigurator .sidepanels .sidepanel-main > li .sidepanel-sub.sidepanel-sub-colorpicker > li .sub-item-option-panel .sub-item-options > li {
    width: 25%;
  }
}
.truckconfigurator .sidepanels .sidepanel-main > li .sidepanel-sub.sidepanel-sub-colorpicker > li .sub-item-option-panel .sub-item-options > li .color-option {
  color: #656b6f;
  display: block;
  overflow: hidden;
}

.truckconfigurator .sidepanels .sidepanel-main > li .sidepanel-sub.sidepanel-sub-colorpicker > li .sub-item-option-panel .sub-item-options > li .color-option .color-selector {
  float: left;
}

.truckconfigurator .sidepanels .sidepanel-main > li .sidepanel-sub.sidepanel-sub-colorpicker > li .sub-item-option-panel .sub-item-options > li .color-option .color-selector .option-selector {
  margin-top: 0.5rem;
}

.truckconfigurator .sidepanels .sidepanel-main > li .sidepanel-sub.sidepanel-sub-colorpicker > li .sub-item-option-panel .sub-item-options > li .color-option .color-color {
  border: 1px solid #666;
  float: left;
  height: 2rem;
  width: 2.75rem;
}

.truckconfigurator .sidepanels .sidepanel-main > li .sidepanel-sub.sidepanel-sub-colorpicker > li .sub-item-option-panel .sub-item-options > li .color-option .color-name {
  float: left;
  font-size: 0.875rem;
  line-height: 2rem;
  padding-left: 1rem;
  text-transform: uppercase;
  width: 82%;
}

.truckconfigurator .sidepanels .sidepanel-main > li .filterset {
  background: #1b4770;
  padding: 1rem 1.75rem;
}

.truckconfigurator .sidepanels .sidepanel-main > li .filterset a.filterset-item {
  display: block;
  margin-bottom: 0.5rem;
  padding-left: 1.75rem;
  position: relative;
}

.truckconfigurator .sidepanels .sidepanel-main > li .filterset a.filterset-item .filter-selector {
  left: 0;
  position: absolute;
  top: 0.25em;
}

.truckconfigurator .sidepanels .sidepanel-main > li .filterset a.filterset-item.is-incompatible {
  opacity: 0.2;
  pointer-events: none;
}

.truckconfigurator .sidepanels .sidepanel-main > li .filterset a.filterset-item-template {
  display: none;
}

.truckconfigurator .sp-palette-container, .truckconfigurator .sp-picker-container {
  margin-bottom: 0;
  padding-bottom: 0;
}

.truckconfigurator .sp-container {
  background: transparent;
  border: none;
  width: 100%;
}

.truckconfigurator .sp-picker-container {
  border: none;
  padding: 0;
  width: 100%;
}

.truckconfigurator .sp-cancel {
  color: #fff !important;
}

.truckconfigurator .sp-choose {
  margin: 0;
}

.truckconfigurator .modal, .truckconfigurator .modal-disclaimer, .truckconfigurator .modal-home, .truckconfigurator .modal-save, .truckconfigurator .modal-send, .truckconfigurator .modal-summary, .truckconfigurator .modal-validation {
  background: #fff;
  color: #000;
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 1.25rem;
  position: fixed;
  top: 0;
  transform: translateY(-250vh);
  transition: transform 0.3s ease;
  width: 100%;
  z-index: 10010;
}

@media (min-width: 992px) {
  .truckconfigurator .modal, .truckconfigurator .modal-disclaimer, .truckconfigurator .modal-home, .truckconfigurator .modal-save, .truckconfigurator .modal-send, .truckconfigurator .modal-summary, .truckconfigurator .modal-validation {
    height: unset;
    left: 50%;
    max-height: 90%;
    max-width: 29.375rem;
    min-height: 25rem;
    padding: 2rem;
    top: 50%;
    width: 100%;
  }
}
.truckconfigurator .is-active.modal-disclaimer, .truckconfigurator .is-active.modal-home, .truckconfigurator .is-active.modal-save, .truckconfigurator .is-active.modal-send, .truckconfigurator .is-active.modal-summary, .truckconfigurator .is-active.modal-validation, .truckconfigurator .modal.is-active {
  transform: translateY(0);
}

@media (min-width: 992px) {
  .truckconfigurator .is-active.modal-disclaimer, .truckconfigurator .is-active.modal-home, .truckconfigurator .is-active.modal-save, .truckconfigurator .is-active.modal-send, .truckconfigurator .is-active.modal-summary, .truckconfigurator .is-active.modal-validation, .truckconfigurator .modal.is-active {
    transform: translate(-50%, -50%);
  }
}
.truckconfigurator .modal .modal-content-wrapper, .truckconfigurator .modal-disclaimer .modal-content-wrapper, .truckconfigurator .modal-home .modal-content-wrapper, .truckconfigurator .modal-save .modal-content-wrapper, .truckconfigurator .modal-send .modal-content-wrapper, .truckconfigurator .modal-summary .modal-content-wrapper, .truckconfigurator .modal-validation .modal-content-wrapper {
  overflow-y: auto;
}

.truckconfigurator .modal .modal-content-wrapper:not(:last-child), .truckconfigurator .modal-disclaimer .modal-content-wrapper:not(:last-child), .truckconfigurator .modal-home .modal-content-wrapper:not(:last-child), .truckconfigurator .modal-save .modal-content-wrapper:not(:last-child), .truckconfigurator .modal-send .modal-content-wrapper:not(:last-child), .truckconfigurator .modal-summary .modal-content-wrapper:not(:last-child), .truckconfigurator .modal-validation .modal-content-wrapper:not(:last-child) {
  margin-bottom: 2rem;
}

.truckconfigurator .modal .modal-close, .truckconfigurator .modal-disclaimer .modal-close, .truckconfigurator .modal-home .modal-close, .truckconfigurator .modal-save .modal-close, .truckconfigurator .modal-send .modal-close, .truckconfigurator .modal-summary .modal-close, .truckconfigurator .modal-validation .modal-close {
  color: #000;
  font-size: 1.5rem;
  height: 1.5rem;
  line-height: 1.5rem;
  overflow: hidden;
  position: absolute;
  right: 1.25rem;
  text-align: right;
  z-index: 2;
}

@media (min-width: 992px) {
  .truckconfigurator .modal .modal-close, .truckconfigurator .modal-disclaimer .modal-close, .truckconfigurator .modal-home .modal-close, .truckconfigurator .modal-save .modal-close, .truckconfigurator .modal-send .modal-close, .truckconfigurator .modal-summary .modal-close, .truckconfigurator .modal-validation .modal-close {
    right: 2rem;
  }
}
.truckconfigurator .modal .modal-close + .modal-text, .truckconfigurator .modal-disclaimer .modal-close + .modal-text, .truckconfigurator .modal-home .modal-close + .modal-text, .truckconfigurator .modal-save .modal-close + .modal-text, .truckconfigurator .modal-send .modal-close + .modal-text, .truckconfigurator .modal-summary .modal-close + .modal-text, .truckconfigurator .modal-validation .modal-close + .modal-text {
  padding-top: 4rem;
}

.truckconfigurator .modal .modal-code, .truckconfigurator .modal-disclaimer .modal-code, .truckconfigurator .modal-home .modal-code, .truckconfigurator .modal-save .modal-code, .truckconfigurator .modal-send .modal-code, .truckconfigurator .modal-summary .modal-code, .truckconfigurator .modal-validation .modal-code {
  color: #353c45;
  font-size: 1.5rem;
}

.truckconfigurator .modal .separator, .truckconfigurator .modal-disclaimer .separator, .truckconfigurator .modal-home .separator, .truckconfigurator .modal-save .separator, .truckconfigurator .modal-send .separator, .truckconfigurator .modal-summary .separator, .truckconfigurator .modal-validation .separator {
  border-top: 1px solid #f1f1f1;
  margin: auto -1.25rem 0;
  padding-top: 0.75rem;
  width: calc(100% + 2.5rem);
}

@media (min-width: 992px) {
  .truckconfigurator .modal .separator, .truckconfigurator .modal-disclaimer .separator, .truckconfigurator .modal-home .separator, .truckconfigurator .modal-save .separator, .truckconfigurator .modal-send .separator, .truckconfigurator .modal-summary .separator, .truckconfigurator .modal-validation .separator {
    margin: 0 -2rem;
    width: calc(100% + 4rem);
  }
}
.truckconfigurator .modal .modal-bottom-btn-wrapper, .truckconfigurator .modal-disclaimer .modal-bottom-btn-wrapper, .truckconfigurator .modal-home .modal-bottom-btn-wrapper, .truckconfigurator .modal-save .modal-bottom-btn-wrapper, .truckconfigurator .modal-send .modal-bottom-btn-wrapper, .truckconfigurator .modal-summary .modal-bottom-btn-wrapper, .truckconfigurator .modal-validation .modal-bottom-btn-wrapper {
  align-self: flex-end;
  display: flex;
  gap: 12px;
  text-align: center;
  width: 100%;
}

.truckconfigurator .modal .modal-bottom-btn-wrapper .modal-btn, .truckconfigurator .modal-disclaimer .modal-bottom-btn-wrapper .modal-btn, .truckconfigurator .modal-home .modal-bottom-btn-wrapper .modal-btn, .truckconfigurator .modal-save .modal-bottom-btn-wrapper .modal-btn, .truckconfigurator .modal-send .modal-bottom-btn-wrapper .modal-btn, .truckconfigurator .modal-summary .modal-bottom-btn-wrapper .modal-btn, .truckconfigurator .modal-validation .modal-bottom-btn-wrapper .modal-btn {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}

.truckconfigurator .modal .modal-column-wrapper, .truckconfigurator .modal-disclaimer .modal-column-wrapper, .truckconfigurator .modal-home .modal-column-wrapper, .truckconfigurator .modal-save .modal-column-wrapper, .truckconfigurator .modal-send .modal-column-wrapper, .truckconfigurator .modal-summary .modal-column-wrapper, .truckconfigurator .modal-validation .modal-column-wrapper {
  color: #656b6f;
  height: 30vh;
  margin-bottom: 2rem;
  overflow-y: auto;
}

.truckconfigurator .modal .modal-column-wrapper .modal-column, .truckconfigurator .modal-disclaimer .modal-column-wrapper .modal-column, .truckconfigurator .modal-home .modal-column-wrapper .modal-column, .truckconfigurator .modal-save .modal-column-wrapper .modal-column, .truckconfigurator .modal-send .modal-column-wrapper .modal-column, .truckconfigurator .modal-summary .modal-column-wrapper .modal-column, .truckconfigurator .modal-validation .modal-column-wrapper .modal-column {
  float: left;
  width: 50%;
}

.truckconfigurator .modal .modal-column-wrapper .modal-column ul li, .truckconfigurator .modal-disclaimer .modal-column-wrapper .modal-column ul li, .truckconfigurator .modal-home .modal-column-wrapper .modal-column ul li, .truckconfigurator .modal-save .modal-column-wrapper .modal-column ul li, .truckconfigurator .modal-send .modal-column-wrapper .modal-column ul li, .truckconfigurator .modal-summary .modal-column-wrapper .modal-column ul li, .truckconfigurator .modal-validation .modal-column-wrapper .modal-column ul li {
  margin-bottom: 0.5rem;
  padding-right: 2rem;
}

.truckconfigurator .modal .modal-column-wrapper .modal-column ul.modal-validation-deselected li:before, .truckconfigurator .modal .modal-column-wrapper .modal-column ul.modal-validation-selected li:before, .truckconfigurator .modal-disclaimer .modal-column-wrapper .modal-column ul.modal-validation-deselected li:before, .truckconfigurator .modal-disclaimer .modal-column-wrapper .modal-column ul.modal-validation-selected li:before, .truckconfigurator .modal-home .modal-column-wrapper .modal-column ul.modal-validation-deselected li:before, .truckconfigurator .modal-home .modal-column-wrapper .modal-column ul.modal-validation-selected li:before, .truckconfigurator .modal-save .modal-column-wrapper .modal-column ul.modal-validation-deselected li:before, .truckconfigurator .modal-save .modal-column-wrapper .modal-column ul.modal-validation-selected li:before, .truckconfigurator .modal-send .modal-column-wrapper .modal-column ul.modal-validation-deselected li:before, .truckconfigurator .modal-send .modal-column-wrapper .modal-column ul.modal-validation-selected li:before, .truckconfigurator .modal-summary .modal-column-wrapper .modal-column ul.modal-validation-deselected li:before, .truckconfigurator .modal-summary .modal-column-wrapper .modal-column ul.modal-validation-selected li:before, .truckconfigurator .modal-validation .modal-column-wrapper .modal-column ul.modal-validation-deselected li:before, .truckconfigurator .modal-validation .modal-column-wrapper .modal-column ul.modal-validation-selected li:before {
  background: none;
  border-radius: 0;
  color: #00529c;
  height: auto;
  top: -0.1rem;
  width: auto;
}

.truckconfigurator .modal .modal-column-wrapper .modal-column ul.modal-validation-selected li:before, .truckconfigurator .modal-disclaimer .modal-column-wrapper .modal-column ul.modal-validation-selected li:before, .truckconfigurator .modal-home .modal-column-wrapper .modal-column ul.modal-validation-selected li:before, .truckconfigurator .modal-save .modal-column-wrapper .modal-column ul.modal-validation-selected li:before, .truckconfigurator .modal-send .modal-column-wrapper .modal-column ul.modal-validation-selected li:before, .truckconfigurator .modal-summary .modal-column-wrapper .modal-column ul.modal-validation-selected li:before, .truckconfigurator .modal-validation .modal-column-wrapper .modal-column ul.modal-validation-selected li:before {
  content: "+";
}

.truckconfigurator .modal .modal-column-wrapper .modal-column ul.modal-validation-deselected li:before, .truckconfigurator .modal-disclaimer .modal-column-wrapper .modal-column ul.modal-validation-deselected li:before, .truckconfigurator .modal-home .modal-column-wrapper .modal-column ul.modal-validation-deselected li:before, .truckconfigurator .modal-save .modal-column-wrapper .modal-column ul.modal-validation-deselected li:before, .truckconfigurator .modal-send .modal-column-wrapper .modal-column ul.modal-validation-deselected li:before, .truckconfigurator .modal-summary .modal-column-wrapper .modal-column ul.modal-validation-deselected li:before, .truckconfigurator .modal-validation .modal-column-wrapper .modal-column ul.modal-validation-deselected li:before {
  content: "-";
}

.truckconfigurator .modal .modal-title, .truckconfigurator .modal-disclaimer .modal-title, .truckconfigurator .modal-home .modal-title, .truckconfigurator .modal-save .modal-title, .truckconfigurator .modal-send .modal-title, .truckconfigurator .modal-summary .modal-title, .truckconfigurator .modal-validation .modal-title {
  font-weight: 300;
  padding: 2rem 0;
}

.truckconfigurator .modal .modal-text span, .truckconfigurator .modal-disclaimer .modal-text span, .truckconfigurator .modal-home .modal-text span, .truckconfigurator .modal-save .modal-text span, .truckconfigurator .modal-send .modal-text span, .truckconfigurator .modal-summary .modal-text span, .truckconfigurator .modal-validation .modal-text span {
  background-color: #f1f1f1;
  color: #353c45;
  padding: 0.125rem 0.5rem;
}

@keyframes tablet-rotate {
  0% {
    opacity: 0;
    transform: rotate(0);
  }
  10% {
    opacity: 1;
    transform: rotate(0);
  }
  65% {
    opacity: 1;
    transform: rotate(-90deg);
  }
  75% {
    opacity: 0;
    transform: rotate(-90deg);
  }
  to {
    opacity: 0;
    transform: rotate(0);
  }
}
.truckconfigurator .modal .icon-font-tablet, .truckconfigurator .modal-disclaimer .icon-font-tablet, .truckconfigurator .modal-home .icon-font-tablet, .truckconfigurator .modal-save .icon-font-tablet, .truckconfigurator .modal-send .icon-font-tablet, .truckconfigurator .modal-summary .icon-font-tablet, .truckconfigurator .modal-validation .icon-font-tablet {
  animation: tablet-rotate 3s infinite;
  font-size: 3rem;
  margin: 2rem auto 0;
  opacity: 1;
  text-align: center;
  transform: rotate(0);
  width: 1em;
}

.truckconfigurator .modal .icon-orientation, .truckconfigurator .modal-disclaimer .icon-orientation, .truckconfigurator .modal-home .icon-orientation, .truckconfigurator .modal-save .icon-orientation, .truckconfigurator .modal-send .icon-orientation, .truckconfigurator .modal-summary .icon-orientation, .truckconfigurator .modal-validation .icon-orientation {
  display: none;
}

.truckconfigurator .modal .icon-orientation.is-active, .truckconfigurator .modal-disclaimer .icon-orientation.is-active, .truckconfigurator .modal-home .icon-orientation.is-active, .truckconfigurator .modal-save .icon-orientation.is-active, .truckconfigurator .modal-send .icon-orientation.is-active, .truckconfigurator .modal-summary .icon-orientation.is-active, .truckconfigurator .modal-validation .icon-orientation.is-active {
  display: block;
}

.truckconfigurator .modal .icon--chevron-down, .truckconfigurator .modal-disclaimer .icon--chevron-down, .truckconfigurator .modal-home .icon--chevron-down, .truckconfigurator .modal-save .icon--chevron-down, .truckconfigurator .modal-send .icon--chevron-down, .truckconfigurator .modal-summary .icon--chevron-down, .truckconfigurator .modal-validation .icon--chevron-down {
  background-color: #00529c;
  border-radius: 50%;
  bottom: 5.5rem;
  display: block;
  position: absolute;
  right: 1.25rem;
  fill: #fff;
}

.truckconfigurator .modal .icon--chevron-down.hidden, .truckconfigurator .modal-disclaimer .icon--chevron-down.hidden, .truckconfigurator .modal-home .icon--chevron-down.hidden, .truckconfigurator .modal-save .icon--chevron-down.hidden, .truckconfigurator .modal-send .icon--chevron-down.hidden, .truckconfigurator .modal-summary .icon--chevron-down.hidden, .truckconfigurator .modal-validation .icon--chevron-down.hidden {
  display: none;
}

@media (min-width: 992px) {
  .truckconfigurator .modal .icon--chevron-down, .truckconfigurator .modal-disclaimer .icon--chevron-down, .truckconfigurator .modal-home .icon--chevron-down, .truckconfigurator .modal-save .icon--chevron-down, .truckconfigurator .modal-send .icon--chevron-down, .truckconfigurator .modal-summary .icon--chevron-down, .truckconfigurator .modal-validation .icon--chevron-down {
    bottom: 6.5rem;
    right: 2rem;
  }
}
.truckconfigurator .modal .modal-error-text, .truckconfigurator .modal-disclaimer .modal-error-text, .truckconfigurator .modal-home .modal-error-text, .truckconfigurator .modal-save .modal-error-text, .truckconfigurator .modal-send .modal-error-text, .truckconfigurator .modal-summary .modal-error-text, .truckconfigurator .modal-validation .modal-error-text {
  color: red;
  display: none;
  line-height: 2.375;
  margin-bottom: 1rem;
}

.truckconfigurator .modal .modal-error-text.is-active, .truckconfigurator .modal-disclaimer .modal-error-text.is-active, .truckconfigurator .modal-home .modal-error-text.is-active, .truckconfigurator .modal-save .modal-error-text.is-active, .truckconfigurator .modal-send .modal-error-text.is-active, .truckconfigurator .modal-summary .modal-error-text.is-active, .truckconfigurator .modal-validation .modal-error-text.is-active {
  display: block;
}

.truckconfigurator .modal .modal-form fieldset, .truckconfigurator .modal-disclaimer .modal-form fieldset, .truckconfigurator .modal-home .modal-form fieldset, .truckconfigurator .modal-save .modal-form fieldset, .truckconfigurator .modal-send .modal-form fieldset, .truckconfigurator .modal-summary .modal-form fieldset, .truckconfigurator .modal-validation .modal-form fieldset {
  border: 0;
  overflow: hidden;
  padding: 0;
}

.truckconfigurator .modal .modal-form fieldset label, .truckconfigurator .modal-disclaimer .modal-form fieldset label, .truckconfigurator .modal-home .modal-form fieldset label, .truckconfigurator .modal-save .modal-form fieldset label, .truckconfigurator .modal-send .modal-form fieldset label, .truckconfigurator .modal-summary .modal-form fieldset label, .truckconfigurator .modal-validation .modal-form fieldset label {
  color: #656b6f;
  float: left;
  line-height: 2.65;
  min-height: 42px;
  width: 9rem;
}

.truckconfigurator .modal .modal-form fieldset input, .truckconfigurator .modal-disclaimer .modal-form fieldset input, .truckconfigurator .modal-home .modal-form fieldset input, .truckconfigurator .modal-save .modal-form fieldset input, .truckconfigurator .modal-send .modal-form fieldset input, .truckconfigurator .modal-summary .modal-form fieldset input, .truckconfigurator .modal-validation .modal-form fieldset input {
  float: left;
  padding-right: 0.9375rem !important;
}

@media (min-width: 992px) {
  .truckconfigurator .modal-summary {
    max-width: 50rem;
    width: 90%;
  }
}
.truckconfigurator .modal-disclaimer .icon--chevron-down {
  bottom: 1rem;
}

@media (min-width: 992px) {
  .truckconfigurator .modal-disclaimer .icon--chevron-down {
    bottom: 1.75rem;
  }
  .truckconfigurator .modal-save {
    max-width: 50rem;
  }
}
.truckconfigurator .modal-save__share.label {
  border-left: 1px solid #b9c1c6;
  margin-right: -1.25rem;
}

@media (min-width: 992px) {
  .truckconfigurator .modal-save__share.label {
    margin-right: -2rem;
  }
}
.truckconfigurator .modal-save__save.label {
  border-right: 1px solid #b9c1c6;
  margin-left: -1.25rem;
}

@media (min-width: 992px) {
  .truckconfigurator .modal-save__save.label {
    margin-left: -2rem;
  }
}
.truckconfigurator .modal-save .labels {
  display: flex;
  padding: 4rem 0 2rem;
  width: calc(100% + 2.5rem);
}

@media (min-width: 992px) {
  .truckconfigurator .modal-save .labels {
    width: calc(100% + 4rem);
  }
}
.truckconfigurator .modal-save .label {
  border-bottom: 1px solid #b9c1c6;
  border-top: 1px solid #b9c1c6;
  color: #b9c1c6;
  display: flex;
  flex-direction: row;
  font-size: 1rem;
  width: 50%;
}

.truckconfigurator .modal-save .label.is-active {
  border: none;
  border-top: 1px solid #b9c1c6;
  color: #00529c;
  font-weight: 700;
}

.truckconfigurator .modal-save label {
  cursor: pointer;
  height: 100%;
  padding: 1rem 0;
  text-align: center;
  width: 100%;
}

.truckconfigurator .modal-save .tabs {
  height: 100%;
  overflow-y: auto;
  position: relative;
}

.truckconfigurator .modal-save .tab > input[type=radio] {
  left: -9999px;
  position: absolute;
  top: -9999px;
}

.truckconfigurator .modal-save .content {
  display: none;
  overflow-y: auto;
}

.truckconfigurator .modal-save [name=tabs]:checked ~ .content {
  display: block;
  transition: opacity 0.4s ease-out;
}

.truckconfigurator .modal-save .modal-form {
  width: 100%;
}

@media (min-width: 768px) {
  .truckconfigurator .modal-save .modal-form {
    gap: 1.25rem;
  }
}
.truckconfigurator .modal-save .modal-form.sender-details {
  width: 100%;
}

.truckconfigurator .modal-save .modal-form.sender-details.hidden {
  display: none;
}

.truckconfigurator .modal-save .modal-form .input-code {
  width: 100%;
}

.truckconfigurator .modal-save .modal-form .input-code.invalid {
  border-color: red;
}

.truckconfigurator .modal-save .modal-form.sender-details, .truckconfigurator .modal-save .modal-form__recepient-name-email {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-bottom: 1rem;
}

@media (min-width: 768px) {
  .truckconfigurator .modal-save .modal-form.sender-details, .truckconfigurator .modal-save .modal-form__recepient-name-email {
    flex-direction: row;
  }
}
.truckconfigurator .modal-save .modal-form__recipient-email, .truckconfigurator .modal-save .modal-form__recipient-name, .truckconfigurator .modal-save .modal-form__sender-email, .truckconfigurator .modal-save .modal-form__sender-name {
  width: 100%;
}

.truckconfigurator .modal-save .modal-form__recipient-email.hidden, .truckconfigurator .modal-save .modal-form__recipient-name.hidden, .truckconfigurator .modal-save .modal-form__sender-email.hidden, .truckconfigurator .modal-save .modal-form__sender-name.hidden {
  display: none;
}

.truckconfigurator .modal-save .modal-form .recipient-label, .truckconfigurator .modal-save .modal-form .sender-label {
  color: #444;
  font-size: 1.25rem;
  font-weight: 500;
  margin-bottom: 1rem;
}

.truckconfigurator .modal-save .modal-form .error {
  color: red;
  display: block;
}

.truckconfigurator .modal-save .modal-form .error.hidden {
  display: none;
}

.truckconfigurator .modal-save .modal-btn {
  cursor: pointer;
  line-height: 1.25rem;
  position: relative;
  width: 100%;
}

@media (min-width: 768px) {
  .truckconfigurator .modal-save .modal-btn {
    width: auto;
  }
}
.truckconfigurator .modal-save .modal-btn.clipboard-copy {
  line-height: 1.25rem;
  margin-top: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}

.truckconfigurator .modal-save .modal-btn.clipboard-copy.success .icon, .truckconfigurator .modal-save .modal-btn.clipboard-copy:hover .icon {
  fill: #fff;
}

@media (min-width: 768px) {
  .truckconfigurator .modal-save .modal-btn.clipboard-copy {
    line-height: 1.5rem;
    width: auto;
  }
}
.truckconfigurator .modal-save .modal-btn.clipboard-copy .icon {
  height: 1.25rem;
  width: 1.25rem;
  fill: #0052a5;
}

.truckconfigurator .modal-save .modal-code {
  font-size: 0.75rem;
  line-height: 1.5rem;
  word-wrap: break-word;
  border-radius: 0.25rem;
  padding: 1rem 0;
}

@media (min-width: 576px) {
  .truckconfigurator .modal-save .modal-code {
    font-size: 1.125rem;
  }
}
.truckconfigurator .extended-option-description-modal {
  background-color: #fff;
  border-width: 0;
  color: #000;
  padding: 1.25rem;
  width: 34rem;
}

.truckconfigurator .extended-option-description-modal__close-btn {
  background-color: transparent;
  border: none;
  cursor: pointer;
  padding: 1.25rem;
  position: absolute;
  right: 0;
  top: 0;
}

.truckconfigurator .extended-option-description-modal__loader.invisible {
  height: 0;
  width: 0;
}

.truckconfigurator .extended-option-description-modal__loader .spinner {
  color: #00529c;
  display: inline-block;
  height: 80px;
  position: relative;
  width: 80px;
}

.truckconfigurator .extended-option-description-modal__loader .spinner div {
  animation: spinner 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border: 8px solid transparent;
  border-radius: 50%;
  border-top-color: currentcolor;
  box-sizing: border-box;
  display: block;
  height: 64px;
  margin: 8px;
  position: absolute;
  width: 64px;
}

.truckconfigurator .extended-option-description-modal__loader .spinner div:first-child {
  animation-delay: -0.45s;
}

.truckconfigurator .extended-option-description-modal__loader .spinner div:nth-child(2) {
  animation-delay: -0.3s;
}

.truckconfigurator .extended-option-description-modal__loader .spinner div:nth-child(3) {
  animation-delay: -0.15s;
}

@keyframes spinner {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}
.truckconfigurator .extended-option-description-modal__details.invisible {
  visibility: hidden;
}

.truckconfigurator .extended-option-description-modal__img {
  height: auto;
  width: 100%;
}

.truckconfigurator .extended-option-description-modal__usp-title.no-display {
  display: none;
}

.truckconfigurator .extended-option-description-modal__usp-list {
  color: #656b6f;
  list-style: initial;
  margin-left: 2rem;
}

.truckconfigurator dialog#extended-option-description-modal[open] {
  opacity: 1;
  transform: scale(1);
}

.truckconfigurator dialog#extended-option-description-modal {
  opacity: 0;
  transform: scale(0);
  transition: opacity 0.5s ease-out, transform 0.5s ease-out, overlay allow-discrete 0.5s ease-out, display allow-discrete 0.5s ease-out;
  width: 480px;
}

@starting-style {
  .truckconfigurator dialog#extended-option-description-modal[open] {
    opacity: 0;
    transform: scale(0);
  }
}
.truckconfigurator dialog#extended-option-description-modal::backdrop {
  background-color: transparent;
  transition: display allow-discrete 0.5s, overlay allow-discrete 0.5s, background-color 0.5s;
}

.truckconfigurator dialog#extended-option-description-modal[open]::backdrop {
  background-color: rgba(0, 0, 0, 0.75);
}

@starting-style {
  .truckconfigurator dialog#extended-option-description-modal[open]::backdrop {
    background-color: transparent;
  }
}
.truckconfigurator .otc-message {
  align-items: center;
  background: orange;
  display: none;
  flex-direction: column;
  height: calc(100% - 4.375rem);
  justify-content: center;
  left: 0;
  padding: 1rem 2rem 0;
  position: fixed;
  text-align: center;
  top: 4.375rem;
  width: 100%;
  z-index: 9999;
}

.truckconfigurator .otc-message-icon {
  height: 5rem;
  width: 5rem;
  fill: #fff;
  border: 10px solid red;
}

.truckconfigurator .interaction ul {
  border-top: 1px solid #999;
  padding: 0.5rem 0;
}

.truckconfigurator .interaction ul li {
  display: inline-block;
  margin-right: 2rem;
}

.truckconfigurator .interaction ul li a {
  background: #ccc;
  padding: 0 0.5rem;
}

.truckconfigurator .firststep {
  display: none;
  overflow: hidden;
  padding-bottom: 4.875rem;
}

.truckconfigurator .firststep.is-active {
  display: block;
}

.truckconfigurator .mainpanel {
  opacity: 0;
  transition: opacity 0.3s ease;
}

@media (min-width: 992px) {
  .truckconfigurator .mainpanel {
    width: 75%;
  }
}
.truckconfigurator .mainpanel.is-active {
  opacity: 1;
}

.truckconfigurator .results-message {
  display: none;
  padding: 4rem;
  text-align: center;
}

.truckconfigurator .results-message.is-active {
  display: block;
}

.truckconfigurator .premodelselectionstep {
  display: none;
  padding-bottom: 4.875rem;
}

@media (min-width: 1200px) {
  .truckconfigurator .premodelselectionstep {
    position: relative;
  }
}
.truckconfigurator .premodelselectionstep.is-active {
  display: block;
}

.truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel {
  width: 100%;
}

@media (min-width: 1200px) {
  .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel {
    top: 6rem;
  }
}
.truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .results-title {
  margin-bottom: 1rem;
}

.truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .results-noresults {
  display: none;
  font-size: 1.5rem;
  margin-top: 3rem;
}

.truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .results-noresults.is-active {
  display: block;
}

.truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .modelimage {
  width: 7rem;
}

@media (min-width: 1200px) {
  .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .modelimage {
    width: 9rem;
  }
}
.truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column {
  padding-top: 0.5625rem;
}

.truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .select-model-btn {
  display: none;
  margin: 0;
  transition: background-color 0.3s ease, color 0.3s ease;
}

@media (min-width: 1200px) {
  .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .select-model-btn {
    display: inline;
  }
}
.truckconfigurator .premodelselectionstep.premodelselectionstep-results .sidepanels {
  background: #00529c;
}

@media (min-width: 1200px) {
  .truckconfigurator .premodelselectionstep.premodelselectionstep-results .sidepanels {
    bottom: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 25%;
  }
}
.truckconfigurator .premodelselectionstep.premodelselectionstep-results .sidepanels.totalscroll {
  overflow-x: hidden;
  overflow-y: scroll;
}

.truckconfigurator .premodelselectionstep.premodelselectionstep-results .sidepanels.totalscroll .sidepanel-main {
  height: auto;
  overflow: hidden;
}

.truckconfigurator .premodelselectionstep.premodelselectionstep-results .sidepanels .filterset a.filterset-item.is-incompatible {
  display: none;
}

.truckconfigurator .premodelselectionstep.premodelselectionstep-results .sidepanels .sidepanel-main {
  height: auto;
  overflow: hidden;
}

.truckconfigurator .premodelselectionstep .results-table tbody tr {
  cursor: pointer;
}

.truckconfigurator .premodelselectionstep .results-table tr {
  font-size: 0.875rem;
  height: 2.875rem;
}

@media (min-width: 1200px) {
  .truckconfigurator .premodelselectionstep .results-table tr {
    font-size: 1rem;
  }
}
.truckconfigurator .premodelselectionstep .results-table tr.is-inactive {
  opacity: 0.2;
}

.truckconfigurator .premodelselectionstep .results-table tr th .order-toggle {
  color: #656b6f;
}

@media (min-width: 768px) {
  .truckconfigurator .premodelselectionstep .results-table tr th .order-toggle {
    font-size: 0.875rem;
  }
}
@media (min-width: 1200px) {
  .truckconfigurator .premodelselectionstep .results-table tr th .order-toggle {
    font-size: 1rem;
  }
}
.truckconfigurator .premodelselectionstep .results-table tr th .order-toggle:before {
  right: -1rem;
  top: 0.125rem;
}

.truckconfigurator .premodelselectionstep .results-table tr th .order-toggle:hover {
  color: #000;
  text-decoration: none;
}

.truckconfigurator .premodelselectionstep .results-table tr th.sorting-asc .order-toggle {
  color: #353c45;
}

.truckconfigurator .premodelselectionstep .results-table tr th.sorting-asc .order-toggle:before {
  right: -1rem;
  top: 0.125rem;
}

.truckconfigurator .premodelselectionstep .results-table tr th.sorting-desc .order-toggle {
  color: #353c45;
}

.truckconfigurator .premodelselectionstep .results-table tr th.sorting-desc .order-toggle:before {
  right: -1rem;
  top: 0.125rem;
}

.truckconfigurator .premodelselectionstep .results-table tr td.axlesideview {
  height: 4rem;
}

.truckconfigurator .premodelselectionstep .results-table tr:hover .select-model-btn {
  opacity: 1;
}

.truckconfigurator .detail-main {
  display: none;
  height: 100%;
  position: relative;
  width: 100%;
  z-index: 2;
}

.truckconfigurator .detail-main .detail-maincontent {
  margin-top: 6rem;
}

.truckconfigurator .detail-main .detail-maincontent .detail-titleblock {
  left: 0;
  margin-left: 3rem;
  position: absolute;
  top: 0;
  transform: translateX(-100%);
  transition: transform 0.3s ease;
  width: 25%;
}

.truckconfigurator .detail-main .detail-maincontent .detail-titleblock .detail-advantage-title {
  margin: 1rem 0;
}

.truckconfigurator .detail-main .detail-maincontent .detail-infoblock {
  background: hsla(0, 0%, 100%, 0.9);
  border-radius: 0.5rem;
  margin: 2.5rem 3rem 0 0;
  padding: 2rem;
  position: absolute;
  right: 0;
  top: 0;
  transform: translateX(120%);
  transition: transform 0.3s ease;
  width: 25%;
}

.truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-include-title {
  margin-bottom: 1rem;
}

.truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-price {
  margin: 1rem 0;
  text-align: center;
}

.truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-price .currency {
  font-size: 1.5rem;
  left: -0.25em;
  position: relative;
  top: -0.25em;
}

.truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-price .amount {
  font-size: 2rem;
}

.truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper {
  bottom: -4rem;
  left: 0;
  position: absolute;
  width: 100%;
}

.truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper {
  margin-top: 2rem;
  text-align: center;
}

.truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-configure {
  margin-bottom: 1rem;
}

.truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-contactdealer-wrapper {
  margin-top: 1.6875rem;
  text-align: center;
}

.truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-contactdealer-wrapper .btn-contactdealer {
  color: #00529c;
}

.truckconfigurator .detail-main.is-active {
  display: block;
}

.truckconfigurator .detail-main.is-active .detail-maincontent.is-active .detail-infoblock, .truckconfigurator .detail-main.is-active .detail-maincontent.is-active .detail-titleblock {
  transform: translateX(0);
}

.truckconfigurator .postmodelselection {
  display: none;
}

.truckconfigurator .postmodelselection.is-active {
  display: block;
}

.truckconfigurator .postmodelselection .configuration-content-wrapper a {
  color: #fff;
}

.truckconfigurator .postmodelselection .configuration-content-wrapper .sidepanels .sidepanel-main > li.is-ready {
  display: none;
}

.truckconfigurator .postmodelselection .configuration-content-wrapper .sidepanels .sidepanel-main > li.is-visible {
  display: block;
}

.truckconfigurator .postmodelselection .sidepanels .sidepanel-main {
  max-height: calc(100dvh - 194px);
  overflow-y: scroll;
}

@media (max-width: 991.98px) {
  .truckconfigurator .postmodelselection .sidepanels .sidepanel-main {
    max-height: calc(100dvh - 188px);
  }
}
.truckconfigurator header {
  background: #f1f1f1;
  height: 3.75rem;
  width: 100%;
}

.truckconfigurator header a {
  color: #656b6f;
  fill: #656b6f;
  transition: color 0.2s ease !important;
}

.truckconfigurator header a:hover {
  color: #4d545a;
  fill: #656b6f;
}

.truckconfigurator header .logo-wrapper {
  display: flex;
  float: left;
  height: 100%;
  padding-left: 0.9375rem;
  padding-right: 0.5rem;
}

.truckconfigurator header .logo-wrapper .logo {
  display: flex;
  height: 100%;
  position: relative;
}

.truckconfigurator header .logo-wrapper .logo img {
  border-right: 0.0625rem solid #b9c1c6;
  display: block;
  height: 100%;
  padding-right: 0.625rem;
  width: 5.6875rem;
}

.truckconfigurator header .logo-wrapper .logo .header-title {
  color: #0052a5;
  display: none;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  margin: auto 0 auto 16px;
  overflow: hidden;
  position: relative;
  top: unset;
}

@media (min-width: 768px) {
  .truckconfigurator header .logo-wrapper .logo .header-title {
    display: flex;
  }
}
.truckconfigurator header .header-nav-wrapper, .truckconfigurator header .header-nav-wrapper .header-nav {
  float: right;
}

.truckconfigurator header .header-nav-wrapper .header-nav li {
  align-items: center;
  border-left: 1px solid #b9c1c6;
  display: none;
  float: left;
  font-size: 1.25rem;
  font-weight: 700;
  height: 3.75rem;
  justify-content: center;
  line-height: 1.5625rem;
  padding: 0 0.9375rem;
}

.truckconfigurator header .header-nav-wrapper .header-nav li:not(.header-send) {
  color: #656b6f;
  fill: #656b6f;
}

.truckconfigurator header .header-nav-wrapper .header-nav li a.btn--dealerlocator span {
  font-size: 1.25rem;
  font-weight: 500;
  vertical-align: middle;
}

.truckconfigurator header .header-nav-wrapper .header-nav li:hover {
  color: #4d545a;
  fill: #4d545a;
  background-color: #ced3d6;
}

.truckconfigurator header .header-nav-wrapper .header-nav li.is-active {
  display: flex;
}

.truckconfigurator header .header-nav-wrapper .header-nav li.header-contact .icon {
  fill: #00529c;
  display: block;
}

.truckconfigurator header .header-nav-wrapper .header-nav li.header-contact .icon:hover {
  fill: #fc5f01 !important;
}

.truckconfigurator header .header-nav-wrapper .header-nav li.button-summary a:before, .truckconfigurator header .header-nav-wrapper .header-nav li.header-dealerlocator a:before, .truckconfigurator header .header-nav-wrapper .header-nav li.header-load a:before, .truckconfigurator header .header-nav-wrapper .header-nav li.header-save a:before {
  padding-right: 0;
}

@media (min-width: 64.0625em) {
  .truckconfigurator header .header-nav-wrapper .header-nav li.button-summary a, .truckconfigurator header .header-nav-wrapper .header-nav li.header-dealerlocator a, .truckconfigurator header .header-nav-wrapper .header-nav li.header-load a, .truckconfigurator header .header-nav-wrapper .header-nav li.header-save a {
    width: 100%;
  }
  .truckconfigurator header .header-nav-wrapper .header-nav li.button-summary a:before, .truckconfigurator header .header-nav-wrapper .header-nav li.header-dealerlocator a:before, .truckconfigurator header .header-nav-wrapper .header-nav li.header-load a:before, .truckconfigurator header .header-nav-wrapper .header-nav li.header-save a:before {
    padding-right: 0.5rem;
  }
}
@media (max-width: 1199.98px) {
  .truckconfigurator header .header-nav-wrapper .header-nav li.button-summary a:not(.dealersendlink) span.desktop-only, .truckconfigurator header .header-nav-wrapper .header-nav li.header-dealerlocator a:not(.dealersendlink) span.desktop-only, .truckconfigurator header .header-nav-wrapper .header-nav li.header-load a:not(.dealersendlink) span.desktop-only, .truckconfigurator header .header-nav-wrapper .header-nav li.header-save a:not(.dealersendlink) span.desktop-only {
    display: none;
  }
}
.truckconfigurator footer {
  bottom: 0;
  color: #00529c;
  height: 4.375rem;
  left: 0;
  position: fixed;
  transform: translateY(100%);
  transition: transform 0.3s ease;
  width: 100%;
  z-index: 100;
}

@media (max-width: 767.98px) {
  .truckconfigurator footer {
    height: 4rem;
  }
}
.truckconfigurator footer.is-disabled {
  pointer-events: none;
}

.truckconfigurator footer.is-active {
  transform: translateY(0);
  z-index: 1;
}

.truckconfigurator .footer-type {
  background: #f1f1f1;
  border-top: 1px solid #b9c1c6;
  display: none;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transform: translateY(100%);
  transition: transform 0.3s ease;
  width: 100%;
  z-index: 10;
}

.truckconfigurator .footer-type.is-active {
  display: block;
  transform: translateY(0);
}

.truckconfigurator footer.is-disabled .footer-nav-wrapper {
  opacity: 0.5;
}

.truckconfigurator .footer-pre-model .footer-nav-wrapper {
  width: 100%;
}

.truckconfigurator .footer-pre-model .footer-nav-wrapper .footer-nav {
  height: 100%;
  margin: auto;
}

.truckconfigurator .footer-pre-model .footer-nav-wrapper .footer-nav li {
  height: 100%;
}

.truckconfigurator .footer-pre-model .footer-nav-wrapper .footer-nav li a {
  text-align: center;
}

.truckconfigurator .footer-post-model {
  background-color: #fff;
}

.truckconfigurator .footer-post-model .footer-nav-wrapper {
  display: flex;
}

.truckconfigurator .footer-post-model .footer-nav-wrapper .active-background {
  display: none;
}

@media (min-width: 1200px) {
  .truckconfigurator .footer-post-model .footer-nav-wrapper .active-background {
    display: block;
  }
}
.truckconfigurator .footer-post-model .footer-nav-wrapper.is-active {
  transform: translateY(0);
}

.truckconfigurator .footer-post-model .footer-nav {
  align-items: center;
  color: #00529c;
  display: flex;
  height: 100%;
}

@media (min-width: 576px) {
  .truckconfigurator .footer-post-model .footer-nav {
    background: #fff;
  }
}
.truckconfigurator .footer-post-model .footer-nav .footer-shadow {
  background: linear-gradient(90deg, transparent, rgba(0, 0, 0, 0.15));
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: 35%;
  height: 100%;
  position: fixed;
  width: 100%;
}

@media (min-width: 768px) {
  .truckconfigurator .footer-post-model .footer-nav .footer-shadow {
    display: none;
  }
}
.truckconfigurator .footer-post-model li {
  float: none;
}

@media (min-width: 1200px) {
  .truckconfigurator .footer-post-model li {
    float: left;
  }
}
.truckconfigurator .footer-post-model li:not(:first-child, :last-child) {
  border-right: 1px solid #b9c1c6;
}

.truckconfigurator .footer-post-model li.footer-home a:before {
  text-align: left;
}

@media (min-width: 1200px) {
  .truckconfigurator .footer-post-model li.footer-home a:before {
    line-height: 4.375rem;
    text-align: center;
  }
  .truckconfigurator .footer-post-model li a {
    height: 4.375rem;
    line-height: 4.375rem;
  }
}
.truckconfigurator .footer-post-model li.is-active a {
  background-color: #00529c;
  color: #fff;
}

.truckconfigurator .footer-post-model #share-with-dealer-btn {
  display: none;
}

@media screen and (min-width: 870px) {
  .truckconfigurator .footer-post-model #share-with-dealer-btn {
    display: inline-flex;
  }
}
.truckconfigurator .footer-post-model #share-with-dealer-btn .icon {
  display: none;
}

@media (min-width: 992px) {
  .truckconfigurator .footer-post-model #share-with-dealer-btn .icon {
    display: inline-block;
  }
}
.truckconfigurator .footer-post-model #share-with-dealer-btn .text {
  white-space: nowrap;
}

.truckconfigurator .footer-post-model .button-summary {
  background: #00529c;
  color: #fff;
  display: block;
  float: right;
  height: 4.375rem;
  line-height: 4.375rem;
  padding: 0 3.875rem 0 1.875rem;
  width: 16rem;
}

@media (min-width: 1200px) {
  .truckconfigurator .footer-post-model .button-summary {
    width: 16rem;
  }
}
.truckconfigurator .footer-post-model .button-summary:before {
  color: #fff;
  line-height: 4.375rem;
  right: 1.875rem;
  text-align: center;
  top: 0;
  width: 1rem;
}

.truckconfigurator .footer-post-model .button-summary.is-active:before {
  top: 0.125em;
}

.truckconfigurator .footer-nav-wrapper {
  align-items: center;
  background: inherit;
  display: flex;
  height: 100%;
  overflow-x: auto;
  position: relative;
  width: 100%;
}

@media (min-width: 768px) {
  .truckconfigurator .footer-nav-wrapper {
    justify-content: center;
    overflow-x: unset;
  }
}
.truckconfigurator .otc-previous__btn {
  background-color: transparent;
  background-image: none !important;
  border-left: 1px solid #b9c1c6;
  border-radius: 0;
  border-right: 1px solid #b9c1c6;
  box-shadow: none;
  color: #00529c;
  font-size: 1.25rem;
  height: 100%;
  margin: auto;
}

.truckconfigurator .otc-previous__btn div {
  padding-left: 2.5rem;
}

.truckconfigurator .otc-previous__btn .icon {
  fill: #00529c;
  height: 100%;
  margin-right: 0.5rem;
}

.truckconfigurator .otc-previous__btn:hover {
  background-color: #ced3d6;
}

.truckconfigurator .otc-continue__btn {
  margin-left: auto;
  max-width: 15.625rem;
  width: 50%;
}

.truckconfigurator .footer-nav {
  position: relative;
}

.truckconfigurator .footer-nav > li.footer-nav-template {
  display: none;
}

.truckconfigurator .footer-nav > li.is-disabled a {
  color: #656b6f;
  cursor: default;
}

.truckconfigurator .footer-nav > li.is-disabled a:hover {
  background: #f1f1f1;
  color: #656b6f;
}

.truckconfigurator .footer-nav > li a {
  align-items: center;
  color: inherit;
  display: flex;
  height: 100%;
  justify-content: center;
  overflow: hidden;
  padding: 0 1rem;
  position: relative;
  transition: background 0.3s ease, color 0.3s ease;
  white-space: nowrap;
}

@media (min-width: 1200px) {
  .truckconfigurator .footer-nav > li a {
    padding: 0 1.5625rem;
  }
}
.truckconfigurator .footer-nav > li a:hover {
  background: rgba(0, 82, 156, 0.8);
  color: #fff;
}

.truckconfigurator .footer-nav > li a:hover .icon {
  fill: #fff;
}

.truckconfigurator .footer-nav > li.footer-home > a:before {
  align-items: center;
  display: flex;
  font-size: 1.75rem;
  height: 100%;
  justify-content: center;
  text-align: center;
  width: 100%;
}

.truckconfigurator .footer-nav > li.footer-home .premodelsection-back-nav {
  background: hsla(0, 0%, 100%, 0.9);
  bottom: 2rem;
  left: 1rem;
  position: absolute;
  transform: translateX(-150%);
  transition: transform 0.3s ease;
}

.truckconfigurator .footer-nav > li.footer-home .premodelsection-back-nav:before {
  border: 0.5rem dashed transparent;
  border-top: 0.5rem solid hsla(0, 0%, 100%, 0.9);
  bottom: -1rem;
  content: " ";
  left: 2.5rem;
  position: absolute;
}

.truckconfigurator .footer-nav > li.footer-home .premodelsection-back-nav.is-active {
  transform: translateX(0);
}

.truckconfigurator .footer-nav > li.footer-home .premodelsection-back-nav .premodelsection-back-nav-template {
  display: none;
}

.truckconfigurator .footer-nav > li.footer-home .premodelsection-back-nav li {
  border-bottom: 1px solid #b9c1c6;
}

.truckconfigurator .footer-nav > li.footer-home .premodelsection-back-nav li:last-child {
  border: 0;
}

.truckconfigurator .footer-nav > li.footer-home .premodelsection-back-nav li a {
  color: #00529c;
  padding-left: 3rem;
}

.truckconfigurator .footer-nav > li.footer-home .premodelsection-back-nav li a:before {
  left: 1rem;
  top: 1.625rem;
}

.truckconfigurator .footer-nav > li.footer-home .premodelsection-back-nav li a:before:hover {
  text-decoration: none;
}

.truckconfigurator .footer-nav > li.footer-home .premodelsection-back-nav li a:hover {
  background: none;
  text-decoration: underline;
}

.truckconfigurator .footer-nav > li.footer-home .premodelsection-back-nav li a:hover:before {
  text-decoration: none;
}

@media (max-width: 575.98px) {
  .truckconfigurator footer:has(.footer-post-model.is-active) {
    height: auto;
    position: static;
  }
  .truckconfigurator footer:has(.footer-post-model.is-active) .footer-post-model {
    background: #f1f1f1;
    border: none;
    height: auto;
    padding: 5rem 18px 4rem;
    position: static;
  }
  .truckconfigurator footer:has(.footer-post-model.is-active) .footer-post-model .footer-nav-wrapper {
    display: block;
  }
  .truckconfigurator footer:has(.footer-post-model.is-active) .footer-post-model .footer-nav {
    display: block;
    height: auto;
  }
  .truckconfigurator footer:has(.footer-post-model.is-active) .footer-post-model .footer-shadow {
    display: none;
  }
  .truckconfigurator footer:has(.footer-post-model.is-active) .footer-post-model li:not(.footer-nav-template) {
    border: none;
    display: block;
    margin-bottom: 0.5rem;
    text-align: left;
  }
  .truckconfigurator footer:has(.footer-post-model.is-active) .footer-post-model li:not(.footer-nav-template) a {
    align-items: center;
    background: #fff;
    border-radius: 4px;
    color: #000;
    display: flex;
    font-size: 0.875rem;
    font-weight: 700;
    justify-content: space-between;
    padding: 0.5625rem 1rem;
    position: relative;
  }
  .truckconfigurator footer:has(.footer-post-model.is-active) .footer-post-model li:not(.footer-nav-template) a:after {
    color: #00529c;
    content: "\f105";
    display: block;
    font-family: fontawesome;
  }
}
.truckconfigurator .summary {
  background: #fff;
  text-align: left;
  transform: translateY(100vh);
  transition: transform 0.6s ease;
}

.truckconfigurator .summary .summary-inner {
  margin: 0 auto;
  width: 100%;
}

.truckconfigurator .summary .summary-inner__title {
  font-weight: 300;
  margin: 0;
  padding: 32px 0;
}

.truckconfigurator .summary .summary-inner li {
  line-height: 1.75;
  margin-bottom: 0.75rem;
  margin-left: 0.75rem;
}

.truckconfigurator .summary .summary-inner .summary-truck-image-wrapper {
  height: 200px;
  opacity: 0;
  text-align: center;
  transition: opacity 0.3s ease;
  width: 100%;
}

.truckconfigurator .summary .summary-inner .summary-truck-image-wrapper .summary-truck-image {
  border: 1px solid #000;
  display: block;
  height: 100%;
  margin: 0 auto;
}

.truckconfigurator .summary .summary-inner .summary-truck-image-wrapper.is-active {
  opacity: 1;
}

.truckconfigurator .summary .summary-inner .summary-title {
  float: left;
  width: 80%;
}

.truckconfigurator .summary .summary-inner .summary-title + .seperator {
  clear: both;
}

.truckconfigurator .summary .summary-inner .no-summary {
  display: none;
}

.truckconfigurator .summary .summary-inner .no-summary.is-active {
  display: block;
}

.truckconfigurator .summary .summary-inner .summary-content {
  overflow-y: auto;
}

.truckconfigurator .summary .summary-inner .summary-category {
  clear: both;
  overflow: hidden;
  padding-bottom: 2rem;
}

.truckconfigurator .summary .summary-inner .summary-category:last-child {
  padding-bottom: 0;
}

.truckconfigurator .summary .summary-inner .summary-category .summary-category-title {
  font-weight: 700;
  margin-bottom: 2rem;
}

.truckconfigurator .summary .summary-inner .summary-category .summary-featuregroup-items {
  width: 100%;
}

@media (min-width: 576px) {
  .truckconfigurator .summary .summary-inner .summary-category .summary-featuregroup-items {
    float: left;
    padding-top: 0;
  }
}
.truckconfigurator .summary .summary-inner .summary-category .summary-featuregroup-items .summary-featuregroup-item > .summary-item {
  display: flex;
  flex-wrap: nowrap;
  padding-left: 0;
  position: relative;
}

.truckconfigurator .summary .summary-inner .summary-category .summary-featuregroup-items .summary-featuregroup-item > .summary-item:before {
  background: #00529c;
  border-radius: 50%;
  content: "";
  height: 0.25rem;
  left: -0.6rem;
  position: absolute;
  top: 0.8rem;
  width: 0.25rem;
}

.truckconfigurator .summary .summary-inner .summary-category .summary-featuregroup-items .summary-featuregroup-item > .summary-item .summary-item-title {
  width: 75%;
}

@media (min-width: 576px) {
  .truckconfigurator .summary .summary-inner .summary-category .summary-featuregroup-items .summary-featuregroup-item > .summary-item .summary-item-title {
    width: 80%;
  }
}
.truckconfigurator .summary .summary-inner .summary-category .summary-featuregroup-items .summary-featuregroup-item > .summary-item .summary-item-id {
  max-width: 6rem;
  text-align: right;
  width: 20%;
}

.truckconfigurator .send-to-dealer-overlay {
  background-color: transparent;
  height: 0;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: fixed;
  top: 0;
  transition: transform 0.6s ease, background-color 0.6s ease;
  visibility: hidden;
  width: 0;
  z-index: 110000;
}

.truckconfigurator .send-to-dealer-overlay h1 {
  font-size: 2rem;
  font-weight: 400;
}

.truckconfigurator .send-to-dealer-overlay.is-active {
  background-color: rgba(0, 0, 0, 0.5);
  height: 100%;
  max-width: 100% !important;
  opacity: 1;
  pointer-events: all;
  visibility: visible;
  width: 100%;
}

.truckconfigurator .send-to-dealer-overlay .popup-container {
  height: 100%;
  left: 50%;
  max-height: 80%;
  max-width: 750px;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: inherit;
  z-index: 120000;
}

@media (max-width: 767.98px) {
  .truckconfigurator .send-to-dealer-overlay .popup-container {
    max-height: 100%;
  }
}
.truckconfigurator .send-to-dealer-overlay .popup-container .send-to-dealer-overlay-inner {
  background-color: #fff;
  border-radius: 2px;
  max-height: 100%;
  max-width: 900px;
  overflow: auto;
  padding: 4rem 2rem;
  position: relative;
  width: auto;
}

@media (max-width: 767.98px) {
  .truckconfigurator .send-to-dealer-overlay .popup-container .send-to-dealer-overlay-inner {
    border-radius: 0;
    height: 100%;
    padding: 4rem 2rem;
    width: 100%;
  }
}
.truckconfigurator .send-to-dealer-overlay .popup-container .send-to-dealer-overlay-inner .custom-control-label, .truckconfigurator .send-to-dealer-overlay .popup-container .send-to-dealer-overlay-inner .form-check-label {
  color: #21252b !important;
}

.truckconfigurator .send-to-dealer-overlay .popup-container .send-to-dealer-overlay-inner .form-group:not(.form-group--list) .invalid-feedback--msg, .truckconfigurator .send-to-dealer-overlay .popup-container .send-to-dealer-overlay-inner .form-row .invalid-feedback--msg, .truckconfigurator .send-to-dealer-overlay .popup-container .send-to-dealer-overlay-inner .row .invalid-feedback--msg {
  font-size: 0.875rem;
  line-height: 1.2857142857;
  margin: 0;
  padding: 0.5rem 0 0 !important;
  pointer-events: none;
  position: static;
}

@media (min-width: 768px) {
  .truckconfigurator .send-to-dealer-overlay .popup-container .send-to-dealer-overlay-inner .form-group:not(.form-group--list) .invalid-feedback--msg, .truckconfigurator .send-to-dealer-overlay .popup-container .send-to-dealer-overlay-inner .form-row .invalid-feedback--msg, .truckconfigurator .send-to-dealer-overlay .popup-container .send-to-dealer-overlay-inner .row .invalid-feedback--msg {
    align-items: center;
  }
}
.truckconfigurator .send-to-dealer-overlay .popup-container .send-to-dealer-overlay-inner .form-row .input-validation-wrapper, .truckconfigurator .send-to-dealer-overlay .popup-container .send-to-dealer-overlay-inner .row .input-validation-wrapper {
  position: relative;
}

.truckconfigurator .send-to-dealer-overlay .popup-container .send-to-dealer-overlay-inner .form-row .input-validation-wrapper .help-feedback.icon, .truckconfigurator .send-to-dealer-overlay .popup-container .send-to-dealer-overlay-inner .form-row .input-validation-wrapper .invalid-feedback.icon, .truckconfigurator .send-to-dealer-overlay .popup-container .send-to-dealer-overlay-inner .form-row .input-validation-wrapper .valid-feedback.icon, .truckconfigurator .send-to-dealer-overlay .popup-container .send-to-dealer-overlay-inner .row .input-validation-wrapper .help-feedback.icon, .truckconfigurator .send-to-dealer-overlay .popup-container .send-to-dealer-overlay-inner .row .input-validation-wrapper .invalid-feedback.icon, .truckconfigurator .send-to-dealer-overlay .popup-container .send-to-dealer-overlay-inner .row .input-validation-wrapper .valid-feedback.icon {
  height: 20px;
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
  z-index: 10;
}

.truckconfigurator .send-to-dealer-overlay .popup-container .send-to-dealer-overlay-inner .field-validation-error.help-block {
  color: #dc3545;
}

.truckconfigurator .send-to-dealer-overlay .popup-container .send-to-dealer-overlay-inner .field-validation-error.alert-danger {
  padding-left: 0.75rem;
}

.truckconfigurator .send-to-dealer-overlay .popup-container .icon-close-wrapper {
  align-items: center;
  background-color: transparent;
  border: 2px solid #fff;
  border-radius: 50%;
  box-sizing: border-box;
  cursor: pointer;
  display: flex;
  height: 40px;
  justify-content: center;
  padding: 1rem;
  position: absolute;
  right: 0;
  top: -50px;
  width: 40px;
  z-index: 130000;
}

@media (max-width: 767.98px) {
  .truckconfigurator .send-to-dealer-overlay .popup-container .icon-close-wrapper {
    border: 2px solid #000;
    right: 15px;
    top: 10px;
  }
}
.truckconfigurator .send-to-dealer-overlay .popup-container .icon-close-wrapper .close-send-to-dealer-form {
  color: #fff;
}

.truckconfigurator .send-to-dealer-overlay .popup-container .icon-close-wrapper .close-send-to-dealer-form:before {
  font-weight: 700;
  line-height: 2;
}

@media (max-width: 767.98px) {
  .truckconfigurator .send-to-dealer-overlay .popup-container .icon-close-wrapper .close-send-to-dealer-form {
    color: #353c45;
  }
}
.truckconfigurator ::-webkit-scrollbar {
  height: 10px;
  width: 8px;
}

.truckconfigurator ::-webkit-scrollbar-thumb {
  background: #c2c9d2;
  border-radius: 8px;
}

.truckconfigurator .otc-results {
  padding: 0 0.9375rem;
}

@media (min-width: 768px) {
  .truckconfigurator .otc-results {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
  }
}
.truckconfigurator .otc-results__result {
  background-color: #f1f1f1;
  border: 0.0625rem solid transparent;
  border-radius: 0.625rem;
  cursor: pointer;
  margin-bottom: 1.25rem;
  padding: 1.25rem 1.25rem 1.875rem;
  position: relative;
  transition: border-color 0.3s ease, opacity 0.3s ease;
}

@media (min-width: 768px) {
  .truckconfigurator .otc-results__result:nth-child(odd) {
    margin-right: 1.25rem;
  }
}
.truckconfigurator .otc-results__result.is-active {
  border-color: #4d545a;
  border-radius: 0.625rem;
}

.truckconfigurator .otc-results__result.is-active .btn-round {
  display: block;
}

.truckconfigurator .otc-results__result.is-not-active {
  opacity: 0.5;
}

.truckconfigurator .otc-results__result .btn-round {
  bottom: 0;
  display: none;
  left: 50%;
  margin: 0 0 -1.25rem;
  position: absolute;
  transform: translateX(-50%);
}

.truckconfigurator .otc-results__result-title {
  color: #00529c;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.1875rem;
  margin-bottom: 1rem;
}

.truckconfigurator .otc-results__visual-wrapper {
  margin-bottom: 1rem;
}

.truckconfigurator .otc-results__result-image {
  width: 100%;
}

.truckconfigurator .otc-results__result-specs {
  color: #656b6f;
  display: flex;
  font-size: 0.875rem;
  line-height: 1rem;
}

.truckconfigurator .otc-results__result-specs li {
  margin-right: 0.75rem;
}

.truckconfigurator .otc-results__result-specs li:last-child {
  margin-right: 0;
}

.truckconfigurator .otc-results__result-spec {
  color: #000;
  padding-left: 0.375rem;
}

.truckconfigurator .load-configuration-form hr {
  margin-bottom: 0;
  margin-top: 0;
}

@media (min-width: 576px) {
  .truckconfigurator .load-configuration-form hr {
    margin-bottom: 1.5rem;
    margin-top: 4rem;
  }
}
.truckconfigurator .load-configuration-form__title {
  font-size: 1.5rem;
  font-weight: 500;
}

.truckconfigurator .load-configuration-form__input-wrapper {
  position: relative;
}

.truckconfigurator .load-configuration-form__input {
  background-color: #fff;
  border: 1px solid #b9c1c6;
  border-radius: 9999px;
  color: #21252b;
  display: block;
  height: 50px;
  margin-bottom: 1rem;
  padding-left: 1.2rem;
  padding-right: 1.2rem;
  width: 100%;
}

@media (min-width: 576px) {
  .truckconfigurator .load-configuration-form__input {
    margin-bottom: 0;
    padding-right: 5rem;
    width: 85%;
  }
}
.truckconfigurator .load-configuration-form__input:focus {
  border-color: #d9e5f0;
  border-width: 2px;
}

.truckconfigurator .load-configuration-form__submit-btn {
  min-width: 100%;
}

@media (min-width: 576px) {
  .truckconfigurator .load-configuration-form__submit-btn {
    min-width: 25%;
    position: absolute;
    right: 0;
    top: 0;
  }
}
.truckconfigurator .load-configuration-form__submit-btn:focus {
  background-color: #1b4770;
}

.truckconfigurator .load-configuration-form__loading-spinner {
  animation: clipper 0.8s linear infinite alternate, rotation 1.6s linear infinite;
  aspect-ratio: 1;
  border: 2px solid #fff;
  border-radius: 50%;
  display: none;
  height: 0.8rem;
  margin-left: 0.4rem;
  width: 0.8rem;
}

.truckconfigurator .load-configuration-form__loading-spinner.is-active {
  display: inline-block;
}

.truckconfigurator .load-configuration-form__error-text {
  color: #dc3545;
  margin-top: 0.4rem;
  padding-left: 1.2rem;
}

.truckconfigurator .load-configuration-form__error-text #dossier-not-found, .truckconfigurator .load-configuration-form__error-text #validation-failed {
  color: inherit;
  display: none;
  font-size: 14px;
}

.truckconfigurator .load-configuration-form__error-text #dossier-not-found.is-active, .truckconfigurator .load-configuration-form__error-text #validation-failed.is-active {
  display: block;
}

@keyframes clipper {
  0% {
    clip-path: polygon(50% 50%, 0 0, 50% 0, 50% 0, 50% 0, 50% 0, 50% 0);
  }
  12.5% {
    clip-path: polygon(50% 50%, 0 0, 50% 0, 100% 0, 100% 0, 100% 0, 100% 0);
  }
  25% {
    clip-path: polygon(50% 50%, 0 0, 50% 0, 100% 0, 100% 100%, 100% 100%, 100% 100%);
  }
  50% {
    clip-path: polygon(50% 50%, 0 0, 50% 0, 100% 0, 100% 100%, 50% 100%, 0 100%);
  }
  62.5% {
    clip-path: polygon(50% 50%, 100% 0, 100% 0, 100% 0, 100% 100%, 50% 100%, 0 100%);
  }
  75% {
    clip-path: polygon(50% 50%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 50% 100%, 0 100%);
  }
  to {
    clip-path: polygon(50% 50%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 0 100%);
  }
}
@keyframes rotation {
  0% {
    transform: scaleY(1) rotate(0deg);
  }
  49.99% {
    transform: scaleY(1) rotate(135deg);
  }
  50% {
    transform: scaleY(-1) rotate(0deg);
  }
  to {
    transform: scaleY(-1) rotate(-135deg);
  }
}
@media print {
  .truckconfigurator * {
    overflow: visible !important;
  }
  .truckconfigurator .modern, .truckconfigurator .otc-page {
    bottom: auto;
    height: auto;
    left: auto;
    overflow: visible;
    overflow-x: hidden;
    position: relative;
    right: auto;
    top: auto;
  }
  .truckconfigurator .modern .otc-main, .truckconfigurator .otc-page .otc-main {
    height: auto;
    overflow: visible;
    position: relative;
  }
  .truckconfigurator .modern .is-active.modal-disclaimer, .truckconfigurator .modern .is-active.modal-home, .truckconfigurator .modern .is-active.modal-save, .truckconfigurator .modern .is-active.modal-send, .truckconfigurator .modern .is-active.modal-summary, .truckconfigurator .modern .is-active.modal-validation, .truckconfigurator .modern .is-selected.modal-disclaimer, .truckconfigurator .modern .is-selected.modal-home, .truckconfigurator .modern .is-selected.modal-save, .truckconfigurator .modern .is-selected.modal-send, .truckconfigurator .modern .is-selected.modal-summary, .truckconfigurator .modern .is-selected.modal-validation, .truckconfigurator .modern .is-visible.modal-disclaimer, .truckconfigurator .modern .is-visible.modal-home, .truckconfigurator .modern .is-visible.modal-save, .truckconfigurator .modern .is-visible.modal-send, .truckconfigurator .modern .is-visible.modal-summary, .truckconfigurator .modern .is-visible.modal-validation, .truckconfigurator .modern .main-background, .truckconfigurator .modern .main-background.is-active, .truckconfigurator .modern .main-background.is-selected, .truckconfigurator .modern .main-background.is-visible, .truckconfigurator .modern .main-overlay, .truckconfigurator .modern .main-overlay.is-active, .truckconfigurator .modern .main-overlay.is-selected, .truckconfigurator .modern .main-overlay.is-visible, .truckconfigurator .modern .modal, .truckconfigurator .modern .modal-disclaimer, .truckconfigurator .modern .modal-home, .truckconfigurator .modern .modal-save, .truckconfigurator .modern .modal-send, .truckconfigurator .modern .modal-summary, .truckconfigurator .modern .modal-validation, .truckconfigurator .modern .modal.is-active, .truckconfigurator .modern .modal.is-selected, .truckconfigurator .modern .modal.is-visible, .truckconfigurator .modern .sidepanels, .truckconfigurator .modern .sidepanels.is-active, .truckconfigurator .modern .sidepanels.is-selected, .truckconfigurator .modern .sidepanels.is-visible, .truckconfigurator .modern .visualisation-controls, .truckconfigurator .modern .visualisation-controls.is-active, .truckconfigurator .modern .visualisation-controls.is-selected, .truckconfigurator .modern .visualisation-controls.is-visible, .truckconfigurator .modern .visualisationviewer, .truckconfigurator .modern .visualisationviewer.is-active, .truckconfigurator .modern .visualisationviewer.is-selected, .truckconfigurator .modern .visualisationviewer.is-visible, .truckconfigurator .modern footer, .truckconfigurator .modern footer.is-active, .truckconfigurator .modern footer.is-selected, .truckconfigurator .modern footer.is-visible, .truckconfigurator .modern header, .truckconfigurator .modern header.is-active, .truckconfigurator .modern header.is-selected, .truckconfigurator .modern header.is-visible, .truckconfigurator .modern section, .truckconfigurator .modern section.is-active, .truckconfigurator .modern section.is-selected, .truckconfigurator .modern section.is-visible, .truckconfigurator .otc-page .is-active.modal-disclaimer, .truckconfigurator .otc-page .is-active.modal-home, .truckconfigurator .otc-page .is-active.modal-save, .truckconfigurator .otc-page .is-active.modal-send, .truckconfigurator .otc-page .is-active.modal-summary, .truckconfigurator .otc-page .is-active.modal-validation, .truckconfigurator .otc-page .is-selected.modal-disclaimer, .truckconfigurator .otc-page .is-selected.modal-home, .truckconfigurator .otc-page .is-selected.modal-save, .truckconfigurator .otc-page .is-selected.modal-send, .truckconfigurator .otc-page .is-selected.modal-summary, .truckconfigurator .otc-page .is-selected.modal-validation, .truckconfigurator .otc-page .is-visible.modal-disclaimer, .truckconfigurator .otc-page .is-visible.modal-home, .truckconfigurator .otc-page .is-visible.modal-save, .truckconfigurator .otc-page .is-visible.modal-send, .truckconfigurator .otc-page .is-visible.modal-summary, .truckconfigurator .otc-page .is-visible.modal-validation, .truckconfigurator .otc-page .main-background, .truckconfigurator .otc-page .main-background.is-active, .truckconfigurator .otc-page .main-background.is-selected, .truckconfigurator .otc-page .main-background.is-visible, .truckconfigurator .otc-page .main-overlay, .truckconfigurator .otc-page .main-overlay.is-active, .truckconfigurator .otc-page .main-overlay.is-selected, .truckconfigurator .otc-page .main-overlay.is-visible, .truckconfigurator .otc-page .modal, .truckconfigurator .otc-page .modal-disclaimer, .truckconfigurator .otc-page .modal-home, .truckconfigurator .otc-page .modal-save, .truckconfigurator .otc-page .modal-send, .truckconfigurator .otc-page .modal-summary, .truckconfigurator .otc-page .modal-validation, .truckconfigurator .otc-page .modal.is-active, .truckconfigurator .otc-page .modal.is-selected, .truckconfigurator .otc-page .modal.is-visible, .truckconfigurator .otc-page .sidepanels, .truckconfigurator .otc-page .sidepanels.is-active, .truckconfigurator .otc-page .sidepanels.is-selected, .truckconfigurator .otc-page .sidepanels.is-visible, .truckconfigurator .otc-page .visualisation-controls, .truckconfigurator .otc-page .visualisation-controls.is-active, .truckconfigurator .otc-page .visualisation-controls.is-selected, .truckconfigurator .otc-page .visualisation-controls.is-visible, .truckconfigurator .otc-page .visualisationviewer, .truckconfigurator .otc-page .visualisationviewer.is-active, .truckconfigurator .otc-page .visualisationviewer.is-selected, .truckconfigurator .otc-page .visualisationviewer.is-visible, .truckconfigurator .otc-page footer, .truckconfigurator .otc-page footer.is-active, .truckconfigurator .otc-page footer.is-selected, .truckconfigurator .otc-page footer.is-visible, .truckconfigurator .otc-page header, .truckconfigurator .otc-page header.is-active, .truckconfigurator .otc-page header.is-selected, .truckconfigurator .otc-page header.is-visible, .truckconfigurator .otc-page section, .truckconfigurator .otc-page section.is-active, .truckconfigurator .otc-page section.is-selected, .truckconfigurator .otc-page section.is-visible {
    display: none;
  }
  .truckconfigurator .modern .summary, .truckconfigurator .modern .summary.is-active, .truckconfigurator .otc-page .summary, .truckconfigurator .otc-page .summary.is-active {
    bottom: auto;
    display: block;
    height: auto !important;
    left: auto;
    overflow: visible;
    padding: 0;
    position: relative;
    right: auto;
    top: auto;
    transform: none;
  }
  .truckconfigurator .modern .summary .btn-print, .truckconfigurator .modern .summary.is-active .btn-print, .truckconfigurator .otc-page .summary .btn-print, .truckconfigurator .otc-page .summary.is-active .btn-print {
    display: none;
  }
  .truckconfigurator .modern .summary .summary-category, .truckconfigurator .modern .summary.is-active .summary-category, .truckconfigurator .otc-page .summary .summary-category, .truckconfigurator .otc-page .summary.is-active .summary-category {
    border-bottom: none;
    overflow: visible;
  }
  .truckconfigurator .modern .summary .summary-category .summary-category-title, .truckconfigurator .modern .summary.is-active .summary-category .summary-category-title, .truckconfigurator .otc-page .summary .summary-category .summary-category-title, .truckconfigurator .otc-page .summary.is-active .summary-category .summary-category-title {
    float: none;
    margin-bottom: 0.5rem;
    width: auto;
  }
  .truckconfigurator .modern .summary .summary-category .summary-featuregroup-items, .truckconfigurator .modern .summary.is-active .summary-category .summary-featuregroup-items, .truckconfigurator .otc-page .summary .summary-category .summary-featuregroup-items, .truckconfigurator .otc-page .summary.is-active .summary-category .summary-featuregroup-items {
    float: none;
    width: auto;
  }
  .truckconfigurator .modern .summary .summary-category .summary-featuregroup-items .summary-featuregroup-item > .summary-item, .truckconfigurator .modern .summary.is-active .summary-category .summary-featuregroup-items .summary-featuregroup-item > .summary-item, .truckconfigurator .otc-page .summary .summary-category .summary-featuregroup-items .summary-featuregroup-item > .summary-item, .truckconfigurator .otc-page .summary.is-active .summary-category .summary-featuregroup-items .summary-featuregroup-item > .summary-item {
    overflow: visible;
    page-break-inside: avoid;
  }
}
@media (min-width: 992px) {
  .truckconfigurator .firststep .flow-link .card {
    padding-bottom: 3.4375rem;
  }
}
.truckconfigurator .alert {
  display: block;
  left: 50%;
  position: absolute;
  transform: translate(-50%);
  width: inherit;
  z-index: 2;
}

.truckconfigurator .alert.fade {
  display: none;
}

#share-with-dealer-btn-mobile {
  bottom: 10px;
  display: none;
  left: 70px;
  position: fixed;
  right: 10px;
  z-index: 100;
}

@media screen and (min-width: 576px) {
  #share-with-dealer-btn-mobile {
    bottom: 132px;
    left: unset;
    position: absolute;
    right: 54px;
  }
}
@media screen and (max-width: 870px) {
  #share-with-dealer-btn-mobile.is-active {
    display: inline-flex;
  }
}
@media screen and (min-width: 576px) and (max-width: 970px) {
  body:has(.visualisation-container.is-active) #ot-sdk-btn-floating.ot-floating-button {
    bottom: 76px;
  }
}
@media (max-width: 991.98px) {
  .truck-filter-overview .has-divider-as-background:before {
    bottom: 2.25rem;
    top: auto;
  }
}
.vacancy .custom-border-bottom {
  border-bottom: 1px solid #b9c1c6;
}

.vacancy ol li, .vacancy ul li {
  color: #656b6f;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
}

@media (min-width: 992px) {
  .vacancy ol li, .vacancy ul li {
    font-size: 1rem;
    line-height: 1.5625;
  }
}
.bg-black .vacancy ol li, .bg-black .vacancy p, .bg-black .vacancy ul li, .bg-black .vacancy__header h2, .bg-blue .vacancy ol li, .bg-blue .vacancy p, .bg-blue .vacancy ul li, .bg-blue .vacancy__header h2, .bg-dark .vacancy ol li, .bg-dark .vacancy p, .bg-dark .vacancy ul li, .bg-dark .vacancy__header h2 {
  color: #fff;
}

.vacancy--detail section {
  margin-bottom: 20px;
}

.vacancy--detail .information-list span {
  display: inline-block;
}

.bg-black .vacancy--detail .information-list span, .bg-blue .vacancy--detail .information-list span, .bg-dark .vacancy--detail .information-list span {
  color: #fff;
}

.vacancy--detail .information-list span:first-of-type {
  min-width: 200px;
}

.vacancy--detail .information-list .icon {
  color: #656b6f;
  height: 16px;
  margin-right: 5px;
  width: 16px;
  fill: #656b6f;
}

.vacancy__buttons {
  background-color: #fff;
  border-top: 1px solid #b9c1c6;
  bottom: 0;
  left: 0;
  padding: 15px 0;
  position: fixed;
  width: 100%;
  z-index: 900;
}

@media (min-width: 768px) {
  .vacancy__buttons {
    padding: 25px 0;
  }
}
.vacancy__buttons a {
  margin-right: 5px;
}

@media (min-width: 768px) {
  .vacancy__buttons a {
    margin-right: 10px;
  }
}
.vacancy__buttons .btn-ghost {
  border-color: #00529c;
  color: #00529c;
}

.vacancy__buttons .btn-ghost:hover {
  color: #fff;
}

.truckconfigurator .sidepanels .sideloader .vacancies-search .sideloaderimage, .vacancies-search .loader, .vacancies-search .truckconfigurator .sidepanels .sideloader .sideloaderimage {
  display: none;
}

.vacancies-search .custom-border-bottom {
  border-bottom: 1px solid #b9c1c6;
}

.vacancies-search__filters {
  margin-bottom: 10px;
}

.vacancies-search__filters [class*=col-] {
  margin: 0;
}

.vacancies-search__filters .label {
  display: block;
  font-size: 0.8125rem;
  font-weight: 500;
  margin-bottom: 5px;
}

.vacancies-search__filters .form-row, .vacancies-search__filters input {
  margin-bottom: 10px;
}

.vacancies-search__filters .btn-primary {
  font-size: 0.875rem;
  padding: 0.25rem 0.5rem;
}

@media (min-width: 992px) {
  .vacancies-search__filters .btn-primary {
    font-size: 1rem;
    padding: 0.5rem 1rem;
  }
}
.vacancies-search__results thead th {
  vertical-align: top;
}

.vacancies-search__results .vacancy-subtitle {
  display: block;
  font-size: 90%;
  font-style: italic;
}

.vacancies-search__results .first-col {
  width: 62%;
}

.vacancies-search__results .second-col, .vacancies-search__results .third-col {
  width: 19%;
}

.vacancies-search__results .vacancy-item {
  background-color: #fff;
  border-bottom: 2px solid #ced3d6;
  margin-bottom: 10px;
  padding: 10px;
  position: relative;
  width: 100%;
}

.vacancies-search__results .vacancy-item [class*=col-] {
  margin: 0;
}

.vacancies-search__results .vacancy-item:hover {
  box-shadow: 0 5px 25px -10px rgba(0, 0, 0, 0.25);
}

.vacancies-search__results .vacancy-item__link {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}

.vacancies-search__results .vacancy-item__content .content-title {
  font-size: 1.25rem;
  margin-bottom: 0.625rem;
}

.vacancies-search__results .vacancy-item__meta > ul {
  margin-bottom: 0;
}

.vacancies-search__results .vacancy-item__meta > ul li {
  position: relative;
}

.vacancies-search__results .vacancy-item__meta .icon {
  color: #868e96;
  position: absolute;
  right: 0;
  top: 3px;
  fill: #868e96;
  display: inline-block;
  height: 16px;
  margin-left: 5px;
  width: 16px;
}

.vacancies-search__results .vacancy-item__meta .label {
  display: inline-block;
  font-size: 0.875rem;
  margin-bottom: 0;
  padding-right: 25px;
}

.vacancies-search__select {
  margin-bottom: 15px;
}

.bg-black .vacancy-item .icon, .bg-blue .vacancy-item .icon, .bg-dark .vacancy-item .icon {
  fill: #868e96;
}

.bg-black .vacancy-item p, .bg-blue .vacancy-item p, .bg-dark .vacancy-item p {
  color: #868e96 !important;
}

.recruitercontact-card, .vacancy-apply-form {
  position: relative;
}

.recruitercontact-card--background-primary {
  background-color: #f1f1f1;
}

.recruitercontact-card--background-primary h2 {
  color: #353c45 !important;
}

.recruitercontact-card--background-primary .icon, .recruitercontact-card--background-primary a, .recruitercontact-card--background-primary p {
  color: #656b6f !important;
  fill: #656b6f !important;
}

.recruitercontact-card__container {
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  padding: 30px;
}

.recruitercontact-card__container h2 {
  color: #fff;
  font-weight: 200;
  margin-bottom: 1.25rem;
  margin-top: 0.9375rem;
}

@media (min-width: 576px) {
  .recruitercontact-card__container h2 {
    margin-bottom: 1rem;
    margin-left: 0.9375rem;
    margin-top: 0;
  }
}
.recruitercontact-card__container [class*=col-] {
  margin-bottom: 0;
}

.recruitercontact-card__container img {
  margin: 0 0 1rem !important;
}

@media (min-width: 576px) {
  .recruitercontact-card__container img {
    margin: 0 !important;
  }
}
.recruitercontact-card__container img .ratio {
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
  position: relative;
}

.recruitercontact-card__list {
  margin-bottom: 0;
}

.recruitercontact-card__list li {
  padding: 0 0 0.5rem 2.1875rem;
  position: relative;
}

@media (min-width: 576px) {
  .recruitercontact-card__list li {
    margin-left: 0.9375rem;
  }
}
@media (min-width: 768px) {
  .recruitercontact-card__list li {
    margin-left: 0.9375rem;
    padding: 0.75rem 0 0.5rem 2.5rem;
  }
}
.recruitercontact-card__list li p a {
  color: #fff;
}

.recruitercontact-card__list li p a:hover {
  color: #fff;
  text-decoration: underline;
}

.recruitercontact-card__list .icon {
  left: 0;
  margin-right: 0.9375rem;
  position: absolute;
  top: 0;
  fill: #fff;
  color: #fff;
  height: 20px;
  width: 20px;
}

@media (min-width: 768px) {
  .recruitercontact-card__list .icon {
    height: 24px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
  }
}
.bg-black .recruitercontact-card__list .icon, .bg-blue .recruitercontact-card__list .icon, .bg-dark .recruitercontact-card__list .icon {
  fill: #b9c1c6;
  color: #b9c1c6;
}

.recruitercontact-card__list .icon.flag-icon {
  height: 18px;
  width: 24px;
}

.recruitercontact-card__list .icon--link, .recruitercontact-card__list .icon--location {
  height: 20px;
  width: 20px;
}

.recruitercontact-card__list p {
  font-size: 0.875rem;
  margin-bottom: 0;
}

@media (min-width: 768px) {
  .recruitercontact-card__list p {
    font-size: 1rem;
  }
}
.recruitercontact-card__list p a {
  color: #656b6f;
}

.recruitercontact-card__list p a:hover {
  color: #00529c;
  text-decoration: underline !important;
}

.bg-black .recruitercontact-card__list p, .bg-blue .recruitercontact-card__list p, .bg-dark .recruitercontact-card__list p {
  color: #ced3d6 !important;
}

.featured-products {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: -20px;
  margin-left: -10px;
  margin-right: -10px;
}

.featured-products .product-tile-col {
  margin-bottom: 20px;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
  width: 100%;
}

.featured-products .product-tile-col .product-tile {
  background-color: #fff;
  border: 1px solid #dbdedf;
  border-radius: 4px;
  display: block;
  height: 100%;
  position: relative;
}

.featured-products .product-tile-col .product-tile:hover {
  box-shadow: 2px -2px 78px 0 rgba(0, 0, 0, 0.2);
}

.featured-products .product-tile-col .product-tile__image {
  border-bottom: 1px solid #dbdedf;
  margin: 0;
  padding: 0.625rem 1.25rem 2.5rem;
  position: relative;
  width: 100%;
}

.featured-products .product-tile-col .product-tile__image img {
  width: 100%;
}

.featured-products .product-tile-col .product-tile__manufacturer-logo {
  bottom: 15px;
  left: 50%;
  max-height: 16px;
  position: absolute;
  transform: translateX(-50%);
  width: auto !important;
}

.featured-products .product-tile-col .product-tile__body {
  padding: 0.625rem 1.25rem;
  width: 100%;
}

.featured-products .product-tile-col .product-tile__artnumber {
  color: #00529c !important;
  font-size: 0.875rem;
  font-weight: 700;
  margin: 0 0 0.25rem;
}

.featured-products .product-tile-col .product-tile__name {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1;
  margin: 0.125rem 0 0.375rem;
}

.featured-products .product-tile-col .product-tile__description {
  font-size: 0.875rem;
  line-height: 1.4285714286;
  margin: 0;
}

.featured-products .product-tile-col .product-tile__prices {
  display: none;
  width: 100%;
}

.featured-products--portrait .product-tile-col {
  flex: 0 0 100%;
  max-width: 100%;
}

@media (min-width: 576px) {
  .featured-products--portrait .product-tile-col {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (min-width: 768px) {
  .featured-products--portrait .product-tile-col {
    flex: 0 0 25%;
    max-width: 25%;
  }
}
.featured-products--landscape .product-tile-col {
  flex: 0 0 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .featured-products--landscape .product-tile-col {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
.featured-products--landscape .product-tile-col .product-tile__image {
  border: none;
  float: left;
  height: 100%;
  width: 33%;
}

.featured-products--landscape .product-tile-col .product-tile__body {
  border-left: 1px solid #dbdedf;
  float: left;
  height: 100%;
  padding-bottom: 1.875rem;
  padding-top: 1.25rem;
  width: 67%;
}

.registration-form {
  background-color: #00529c;
  margin: 0;
  padding: 2.1875rem 2.375rem;
  position: relative;
  width: 100%;
}

@media (min-width: 992px) {
  .registration-form {
    left: 0;
    position: absolute;
    top: 0;
  }
}
.registration-form__close {
  background: none;
  border: none;
  cursor: pointer;
  height: 40px;
  position: absolute;
  right: 0;
  top: 2px;
  width: 40px;
}

.registration-form__close .icon {
  fill: #fff;
}

.registration-form__results-mocked {
  display: none;
}

.registration-form h3, .registration-form__title {
  color: #fff !important;
  font-size: 2rem;
  line-height: 1.0625;
}

.registration-form p, .registration-form p a, .registration-form__text, .registration-form__text a {
  color: #fff !important;
}

.registration-form p a:hover, .registration-form__text a:hover {
  text-decoration: underline;
}

.registration-form__text {
  margin: 1.375rem 0 0;
}

.registration-form .collapse__body {
  padding: 0.875rem 0 0;
  position: relative;
}

.registration-form hr {
  border-top: 1px solid #80a9ce;
  margin-bottom: 1.625rem;
  margin-top: 0;
}

.registration-form .btn, .registration-form .form-group-label, .registration-form .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-configure, .registration-form .truckconfigurator .modal .modal-btn, .registration-form .truckconfigurator .modal-disclaimer .modal-btn, .registration-form .truckconfigurator .modal-home .modal-btn, .registration-form .truckconfigurator .modal-save .modal-btn, .registration-form .truckconfigurator .modal-send .modal-btn, .registration-form .truckconfigurator .modal-summary .modal-btn, .registration-form .truckconfigurator .modal-validation .modal-btn, .registration-form .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .select-model-btn, .registration-form .truckconfigurator .sp-choose, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .registration-form .btn-configure, .truckconfigurator .modal .registration-form .modal-btn, .truckconfigurator .modal-disclaimer .registration-form .modal-btn, .truckconfigurator .modal-home .registration-form .modal-btn, .truckconfigurator .modal-save .registration-form .modal-btn, .truckconfigurator .modal-send .registration-form .modal-btn, .truckconfigurator .modal-summary .registration-form .modal-btn, .truckconfigurator .modal-validation .registration-form .modal-btn, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .registration-form .select-model-btn, .truckconfigurator .registration-form .sp-choose {
  color: #fff !important;
}

.registration-form .form-text.help-feedback, .registration-form .form-text.invalid-feedback, .registration-form .form-text.valid-feedback {
  padding: 0.5rem 0 0 !important;
}

.registration-form .form-control.is-invalid {
  border-color: #fc5f01 !important;
}

.registration-form .was-validated .is-invalid, .registration-form .was-validated :invalid {
  border-color: #fc5f01 !important;
}

.registration-form .invalid-feedback--msg {
  color: #fc5f01 !important;
}

.registration-form .icon.invalid-feedback {
  fill: #fc5f01 !important;
}

.registration-form .btn-ghost {
  border-color: #fff !important;
}

.registration-form .btn-ghost:active, .registration-form .btn-ghost:focus, .registration-form .btn-ghost:hover {
  background: #fff !important;
  border: 1px solid #fff !important;
  color: #00529c !important;
  text-decoration: none !important;
}

.registration-form .btn-link {
  background: transparent !important;
  border: none !important;
  color: #fff !important;
  margin-bottom: 0 !important;
}

.registration-form .btn-link .icon {
  fill: #fff !important;
}

.registration-form .btn-link:hover {
  color: #fff !important;
}

.registration-form .btn-link:hover .icon {
  fill: #fff !important;
}

.registration-form .btn[type=submit], .registration-form .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper [type=submit].btn-configure, .registration-form .truckconfigurator .modal [type=submit].modal-btn, .registration-form .truckconfigurator .modal-disclaimer [type=submit].modal-btn, .registration-form .truckconfigurator .modal-home [type=submit].modal-btn, .registration-form .truckconfigurator .modal-save [type=submit].modal-btn, .registration-form .truckconfigurator .modal-send [type=submit].modal-btn, .registration-form .truckconfigurator .modal-summary [type=submit].modal-btn, .registration-form .truckconfigurator .modal-validation [type=submit].modal-btn, .registration-form .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column [type=submit].select-model-btn, .registration-form .truckconfigurator [type=submit].sp-choose, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .registration-form [type=submit].btn-configure, .truckconfigurator .modal .registration-form [type=submit].modal-btn, .truckconfigurator .modal-disclaimer .registration-form [type=submit].modal-btn, .truckconfigurator .modal-home .registration-form [type=submit].modal-btn, .truckconfigurator .modal-save .registration-form [type=submit].modal-btn, .truckconfigurator .modal-send .registration-form [type=submit].modal-btn, .truckconfigurator .modal-summary .registration-form [type=submit].modal-btn, .truckconfigurator .modal-validation .registration-form [type=submit].modal-btn, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .registration-form [type=submit].select-model-btn, .truckconfigurator .registration-form [type=submit].sp-choose {
  margin-bottom: 0;
  margin-top: 0.875rem;
}

.registration-form .loader__overlay {
  background-color: #00529c;
}

.registration-form .loader .spinner, .registration-form .truckconfigurator .sidepanels .sideloader .sideloaderimage .spinner, .truckconfigurator .sidepanels .sideloader .registration-form .sideloaderimage .spinner {
  top: 50% !important;
}

.registration-form .loader .spinner__circle, .registration-form .truckconfigurator .sidepanels .sideloader .sideloaderimage .spinner__circle, .truckconfigurator .sidepanels .sideloader .registration-form .sideloaderimage .spinner__circle {
  background-color: #fff;
}

.registration-form__buttons {
  margin-bottom: 1rem;
  max-width: 100% !important;
}

.registration-form__overlay {
  background-color: rgba(0, 0, 0, 0.75);
}

@keyframes bounce {
  0%, 20%, 53%, 80%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translateZ(0);
  }
  40%, 43% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    transform: translate3d(0, -4px, 0);
  }
}
.bounce {
  animation-name: bounce;
  transform-origin: center bottom;
}

@keyframes flash {
  0%, 50%, to {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
.flash {
  animation-name: flash;
}

@keyframes headShake {
  0% {
    transform: translateX(0);
  }
  6.5% {
    transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
    transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
    transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
    transform: translateX(2px) rotateY(3deg);
  }
  50% {
    transform: translateX(0);
  }
}
.headShake {
  animation-name: headShake;
  animation-timing-function: ease-in-out;
}

@keyframes heartBeat {
  0% {
    transform: scale(1);
  }
  14% {
    transform: scale(1.3);
  }
  28% {
    transform: scale(1);
  }
  42% {
    transform: scale(1.3);
  }
  70% {
    transform: scale(1);
  }
}
.heartBeat {
  animation-duration: 1.3s;
  animation-name: heartBeat;
  animation-timing-function: ease-in-out;
}

@keyframes jello {
  0%, 11.1%, to {
    transform: translateZ(0);
  }
  22.2% {
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }
  88.8% {
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
.jello {
  animation-name: jello;
  transform-origin: center;
}

@keyframes pulse {
  0% {
    transform: scaleX(1);
  }
  50% {
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    transform: scaleX(1);
  }
}
.pulse {
  animation-name: pulse;
}

@keyframes rubberBand {
  0% {
    transform: scaleX(1);
  }
  30% {
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    transform: scaleX(1);
  }
}
.rubberBand {
  animation-name: rubberBand;
}

@keyframes shake {
  0%, to {
    transform: translateZ(0);
  }
  10%, 30%, 50%, 70%, 90% {
    transform: translate3d(-10px, 0, 0);
  }
  20%, 40%, 60%, 80% {
    transform: translate3d(10px, 0, 0);
  }
}
.shake {
  animation-name: shake;
}

@keyframes swing {
  20% {
    transform: rotate(15deg);
  }
  40% {
    transform: rotate(-10deg);
  }
  60% {
    transform: rotate(5deg);
  }
  80% {
    transform: rotate(-5deg);
  }
  to {
    transform: rotate(0deg);
  }
}
.swing {
  animation-name: swing;
  transform-origin: top center;
}

@keyframes tada {
  0% {
    transform: scaleX(1);
  }
  10%, 20% {
    transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
  }
  30%, 50%, 70%, 90% {
    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
  }
  40%, 60%, 80% {
    transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
  }
  to {
    transform: scaleX(1);
  }
}
.tada {
  animation-name: tada;
}

@keyframes wobble {
  0% {
    transform: translateZ(0);
  }
  15% {
    transform: translate3d(-25%, 0, 0) rotate(-5deg);
  }
  30% {
    transform: translate3d(20%, 0, 0) rotate(3deg);
  }
  45% {
    transform: translate3d(-15%, 0, 0) rotate(-3deg);
  }
  60% {
    transform: translate3d(10%, 0, 0) rotate(2deg);
  }
  75% {
    transform: translate3d(-5%, 0, 0) rotate(-1deg);
  }
  to {
    transform: translateZ(0);
  }
}
.wobble {
  animation-name: wobble;
}

@keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    transform: scaleX(1);
  }
}
.bounceIn {
  animation-duration: 0.75s;
  animation-name: bounceIn;
}

@keyframes bounceInDown {
  0%, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }
  75% {
    transform: translate3d(0, -10px, 0);
  }
  90% {
    transform: translate3d(0, 5px, 0);
  }
  to {
    transform: translateZ(0);
  }
}
.bounceInDown {
  animation-name: bounceInDown;
}

@keyframes bounceInLeft {
  0%, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0);
  }
  75% {
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    transform: translate3d(5px, 0, 0);
  }
  to {
    transform: translateZ(0);
  }
}
.bounceInLeft {
  animation-name: bounceInLeft;
}

@keyframes bounceInRight {
  0%, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    transform: translate3d(10px, 0, 0);
  }
  90% {
    transform: translate3d(-5px, 0, 0);
  }
  to {
    transform: translateZ(0);
  }
}
.bounceInRight {
  animation-name: bounceInRight;
}

@keyframes bounceInUp {
  0%, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  75% {
    transform: translate3d(0, 10px, 0);
  }
  90% {
    transform: translate3d(0, -5px, 0);
  }
  to {
    transform: translateZ(0);
  }
}
.bounceInUp {
  animation-name: bounceInUp;
}

@keyframes bounceOut {
  20% {
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%, 55% {
    opacity: 1;
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
.bounceOut {
  animation-duration: 0.75s;
  animation-name: bounceOut;
}

@keyframes bounceOutDown {
  20% {
    transform: translate3d(0, 10px, 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}
.bounceOutDown {
  animation-name: bounceOutDown;
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}
.bounceOutLeft {
  animation-name: bounceOutLeft;
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}
.bounceOutRight {
  animation-name: bounceOutRight;
}

@keyframes bounceOutUp {
  20% {
    transform: translate3d(0, -10px, 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}
.bounceOutUp {
  animation-name: bounceOutUp;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fadeIn {
  animation-name: fadeIn;
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    transform: translateZ(0);
  }
}
.fadeInDown {
  animation-name: fadeInDown;
}

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    transform: translateZ(0);
  }
}
.fadeInDownBig {
  animation-name: fadeInDownBig;
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    transform: translateZ(0);
  }
}
.fadeInLeft {
  animation-name: fadeInLeft;
}

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    transform: translateZ(0);
  }
}
.fadeInLeftBig {
  animation-name: fadeInLeftBig;
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    transform: translateZ(0);
  }
}
.fadeInRight {
  animation-name: fadeInRight;
}

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    transform: translateZ(0);
  }
}
.fadeInRightBig {
  animation-name: fadeInRightBig;
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    transform: translateZ(0);
  }
}
.fadeInUp {
  animation-name: fadeInUp;
}

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    transform: translateZ(0);
  }
}
.fadeInUpBig {
  animation-name: fadeInUpBig;
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.fadeOut {
  animation-name: fadeOut;
}

@keyframes fadeOutDown {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
}
.fadeOutDown {
  animation-name: fadeOutDown;
}

@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}
.fadeOutDownBig {
  animation-name: fadeOutDownBig;
}

@keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
}
.fadeOutLeft {
  animation-name: fadeOutLeft;
}

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}
.fadeOutLeftBig {
  animation-name: fadeOutLeftBig;
}

@keyframes fadeOutRight {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
}
.fadeOutRight {
  animation-name: fadeOutRight;
}

@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}
.fadeOutRightBig {
  animation-name: fadeOutRightBig;
}

@keyframes fadeOutUp {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
}
.fadeOutUp {
  animation-name: fadeOutUp;
}

@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}
.fadeOutUpBig {
  animation-name: fadeOutUpBig;
}

@keyframes flip {
  0% {
    animation-timing-function: ease-out;
    transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
  }
  40% {
    animation-timing-function: ease-out;
    transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
  }
  50% {
    animation-timing-function: ease-in;
    transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
  }
  80% {
    animation-timing-function: ease-in;
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);
  }
  to {
    animation-timing-function: ease-in;
    transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
  }
}
.animated.flip {
  animation-name: flip;
  backface-visibility: visible;
}

@keyframes flipInX {
  0% {
    animation-timing-function: ease-in;
    opacity: 0;
    transform: perspective(400px) rotateX(90deg);
  }
  40% {
    animation-timing-function: ease-in;
    transform: perspective(400px) rotateX(-20deg);
  }
  60% {
    opacity: 1;
    transform: perspective(400px) rotateX(10deg);
  }
  80% {
    transform: perspective(400px) rotateX(-5deg);
  }
  to {
    transform: perspective(400px);
  }
}
.flipInX {
  animation-name: flipInX;
  backface-visibility: visible !important;
}

@keyframes flipInY {
  0% {
    animation-timing-function: ease-in;
    opacity: 0;
    transform: perspective(400px) rotateY(90deg);
  }
  40% {
    animation-timing-function: ease-in;
    transform: perspective(400px) rotateY(-20deg);
  }
  60% {
    opacity: 1;
    transform: perspective(400px) rotateY(10deg);
  }
  80% {
    transform: perspective(400px) rotateY(-5deg);
  }
  to {
    transform: perspective(400px);
  }
}
.flipInY {
  animation-name: flipInY;
  backface-visibility: visible !important;
}

@keyframes flipOutX {
  0% {
    transform: perspective(400px);
  }
  30% {
    opacity: 1;
    transform: perspective(400px) rotateX(-20deg);
  }
  to {
    opacity: 0;
    transform: perspective(400px) rotateX(90deg);
  }
}
.flipOutX {
  animation-duration: 0.75s;
  animation-name: flipOutX;
  backface-visibility: visible !important;
}

@keyframes flipOutY {
  0% {
    transform: perspective(400px);
  }
  30% {
    opacity: 1;
    transform: perspective(400px) rotateY(-15deg);
  }
  to {
    opacity: 0;
    transform: perspective(400px) rotateY(90deg);
  }
}
.flipOutY {
  animation-duration: 0.75s;
  animation-name: flipOutY;
  backface-visibility: visible !important;
}

@keyframes lightSpeedIn {
  0% {
    opacity: 0;
    transform: translate3d(100%, 0, 0) skewX(-30deg);
  }
  60% {
    opacity: 1;
    transform: skewX(20deg);
  }
  80% {
    transform: skewX(-5deg);
  }
  to {
    transform: translateZ(0);
  }
}
.lightSpeedIn {
  animation-name: lightSpeedIn;
  animation-timing-function: ease-out;
}

@keyframes lightSpeedOut {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0) skewX(30deg);
  }
}
.lightSpeedOut {
  animation-name: lightSpeedOut;
  animation-timing-function: ease-in;
}

@keyframes rotateIn {
  0% {
    opacity: 0;
    transform: rotate(-200deg);
    transform-origin: center;
  }
  to {
    opacity: 1;
    transform: translateZ(0);
    transform-origin: center;
  }
}
.rotateIn {
  animation-name: rotateIn;
}

@keyframes rotateInDownLeft {
  0% {
    opacity: 0;
    transform: rotate(-45deg);
    transform-origin: left bottom;
  }
  to {
    opacity: 1;
    transform: translateZ(0);
    transform-origin: left bottom;
  }
}
.rotateInDownLeft {
  animation-name: rotateInDownLeft;
}

@keyframes rotateInDownRight {
  0% {
    opacity: 0;
    transform: rotate(45deg);
    transform-origin: right bottom;
  }
  to {
    opacity: 1;
    transform: translateZ(0);
    transform-origin: right bottom;
  }
}
.rotateInDownRight {
  animation-name: rotateInDownRight;
}

@keyframes rotateInUpLeft {
  0% {
    opacity: 0;
    transform: rotate(45deg);
    transform-origin: left bottom;
  }
  to {
    opacity: 1;
    transform: translateZ(0);
    transform-origin: left bottom;
  }
}
.rotateInUpLeft {
  animation-name: rotateInUpLeft;
}

@keyframes rotateInUpRight {
  0% {
    opacity: 0;
    transform: rotate(-90deg);
    transform-origin: right bottom;
  }
  to {
    opacity: 1;
    transform: translateZ(0);
    transform-origin: right bottom;
  }
}
.rotateInUpRight {
  animation-name: rotateInUpRight;
}

@keyframes rotateOut {
  0% {
    opacity: 1;
    transform-origin: center;
  }
  to {
    opacity: 0;
    transform: rotate(200deg);
    transform-origin: center;
  }
}
.rotateOut {
  animation-name: rotateOut;
}

@keyframes rotateOutDownLeft {
  0% {
    opacity: 1;
    transform-origin: left bottom;
  }
  to {
    opacity: 0;
    transform: rotate(45deg);
    transform-origin: left bottom;
  }
}
.rotateOutDownLeft {
  animation-name: rotateOutDownLeft;
}

@keyframes rotateOutDownRight {
  0% {
    opacity: 1;
    transform-origin: right bottom;
  }
  to {
    opacity: 0;
    transform: rotate(-45deg);
    transform-origin: right bottom;
  }
}
.rotateOutDownRight {
  animation-name: rotateOutDownRight;
}

@keyframes rotateOutUpLeft {
  0% {
    opacity: 1;
    transform-origin: left bottom;
  }
  to {
    opacity: 0;
    transform: rotate(-45deg);
    transform-origin: left bottom;
  }
}
.rotateOutUpLeft {
  animation-name: rotateOutUpLeft;
}

@keyframes rotateOutUpRight {
  0% {
    opacity: 1;
    transform-origin: right bottom;
  }
  to {
    opacity: 0;
    transform: rotate(90deg);
    transform-origin: right bottom;
  }
}
.rotateOutUpRight {
  animation-name: rotateOutUpRight;
}

@keyframes slideInDown {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.slideInDown {
  animation-name: slideInDown;
}

@keyframes slideInLeft {
  0% {
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.slideInLeft {
  animation-name: slideInLeft;
}

@keyframes slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.slideInRight {
  animation-name: slideInRight;
}

@keyframes slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.slideInUp {
  animation-name: slideInUp;
}

@keyframes slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, 100%, 0);
    visibility: hidden;
  }
}
.slideOutDown {
  animation-name: slideOutDown;
}

@keyframes slideOutLeft {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(-100%, 0, 0);
    visibility: hidden;
  }
}
.slideOutLeft {
  animation-name: slideOutLeft;
}

@keyframes slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(100%, 0, 0);
    visibility: hidden;
  }
}
.slideOutRight {
  animation-name: slideOutRight;
}

@keyframes slideOutUp {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.slideOutUp {
  animation-name: slideOutUp;
}

@keyframes hinge {
  0% {
    animation-timing-function: ease-in-out;
    transform-origin: top left;
  }
  20%, 60% {
    animation-timing-function: ease-in-out;
    transform: rotate(80deg);
    transform-origin: top left;
  }
  40%, 80% {
    animation-timing-function: ease-in-out;
    opacity: 1;
    transform: rotate(60deg);
    transform-origin: top left;
  }
  to {
    opacity: 0;
    transform: translate3d(0, 700px, 0);
  }
}
.hinge {
  animation-duration: 2s;
  animation-name: hinge;
}

@keyframes jackInTheBox {
  0% {
    opacity: 0;
    transform: scale(0.1) rotate(30deg);
    transform-origin: center bottom;
  }
  50% {
    transform: rotate(-10deg);
  }
  70% {
    transform: rotate(3deg);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
.jackInTheBox {
  animation-name: jackInTheBox;
}

@keyframes rollIn {
  0% {
    opacity: 0;
    transform: translate3d(-100%, 0, 0) rotate(-120deg);
  }
  to {
    opacity: 1;
    transform: translateZ(0);
  }
}
.rollIn {
  animation-name: rollIn;
}

@keyframes rollOut {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0) rotate(120deg);
  }
}
.rollOut {
  animation-name: rollOut;
}

@keyframes zoomIn {
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
.zoomIn {
  animation-name: zoomIn;
}

@keyframes zoomInDown {
  0% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
  }
  60% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
  }
}
.zoomInDown {
  animation-name: zoomInDown;
}

@keyframes zoomInLeft {
  0% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
  }
  60% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
  }
}
.zoomInLeft {
  animation-name: zoomInLeft;
}

@keyframes zoomInRight {
  0% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
  }
  60% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
  }
}
.zoomInRight {
  animation-name: zoomInRight;
}

@keyframes zoomInUp {
  0% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
  }
  60% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
  }
}
.zoomInUp {
  animation-name: zoomInUp;
}

@keyframes zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
.zoomOut {
  animation-name: zoomOut;
}

@keyframes zoomOutDown {
  40% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
  }
  to {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform-origin: center bottom;
  }
}
.zoomOutDown {
  animation-name: zoomOutDown;
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform-origin: left center;
  }
}
.zoomOutLeft {
  animation-name: zoomOutLeft;
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    transform: scale(0.1) translate3d(2000px, 0, 0);
    transform-origin: right center;
  }
}
.zoomOutRight {
  animation-name: zoomOutRight;
}

@keyframes zoomOutUp {
  40% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
  }
  to {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform-origin: center bottom;
  }
}
.zoomOutUp {
  animation-name: zoomOutUp;
}

.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}

.animated.infinite {
  animation-iteration-count: infinite;
}

.animated.delay-2s {
  animation-delay: 2s;
}

.animated.delay-3s {
  animation-delay: 3s;
}

.animated.delay-4s {
  animation-delay: 4s;
}

.animated.delay-5s {
  animation-delay: 5s;
}

.animated.fast {
  animation-duration: 0.8s;
}

.animated.faster {
  animation-duration: 0.5s;
}

.animated.slow {
  animation-duration: 2s;
}

.animated.slower {
  animation-duration: 3s;
}

@media (prefers-reduced-motion) {
  .animated {
    animation: unset !important;
    transition: none !important;
  }
}
.app-vocationals [class*=col-] {
  margin-bottom: 0;
}

.app-vocationals .focus, .app-vocationals :focus {
  box-shadow: 0 0 5px hsla(0, 0%, 100%, 0.5) !important;
}

.voc-slider__title {
  bottom: 15%;
  left: 0;
  margin: 0 20px;
  opacity: 0.7;
  padding-top: 10px;
  position: absolute;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.8);
  width: calc(100% - 40px);
}

.voc-slider__title:before {
  background-color: #fff;
  bottom: -5px;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  transition: all 0.2s ease-in-out;
  visibility: hidden;
  width: 0;
}

.voc-slider__title.is-current {
  opacity: 1;
}

.voc-slider__title.is-current:before {
  visibility: visible;
  width: 100%;
}

.voc-slider__link {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}

.voc-slider__link:focus {
  border: 1px solid hsla(0, 0%, 100%, 0.5) !important;
  box-shadow: none !important;
}

.voc-slider__link > span {
  display: none;
}

.voc-slider .glide__slides {
  margin-bottom: 0;
}

.voc-slider .glide__slides li {
  cursor: pointer;
}

.voc-slider .glide__slides li .focus, .voc-slider .glide__slides li:focus {
  border: 1px solid hsla(0, 0%, 100%, 0.5) !important;
  box-shadow: none !important;
}

.voc-slider--solutions .glide__slides li {
  padding-bottom: 20px;
}

.voc-slider .glide__slides li:hover .voc-slider__title {
  opacity: 1;
}

.voc-slider .glide__slides li:hover .voc-slider__title:before {
  visibility: visible;
  width: 100%;
}

.voc-slider .glide__slides li:before {
  background: linear-gradient(180deg, rgba(101, 111, 123, 0), #353c45);
  content: "";
  display: block;
  height: 100%;
  left: 0;
  opacity: 0.5;
  position: absolute;
  top: 0;
  width: 100%;
}

.voc-slider .glide__slides li a .focus, .voc-slider .glide__slides li a:focus {
  box-shadow: none !important;
}

.voc-slider--solutions {
  background-image: linear-gradient(180deg, #353c45, #353c45 50%, #353c45 0, #fff 0, #fff 0);
}

.voc-slider--solutions li:before {
  display: none !important;
}

.voc-slider--solutions .voc-slider__content {
  color: #353c45 !important;
}

.voc-slider .glide__arrows .glide__arrow {
  background-color: rgba(0, 82, 156, 0.9);
  border: 0;
  border-radius: 4px;
  cursor: pointer;
  height: 42px;
  left: 10px;
  margin-top: -24px;
  padding: 0;
  position: absolute;
  top: 50%;
  transition: opacity 0.2s;
  width: 42px;
}

.voc-slider .glide__arrows .glide__arrow.is-disabled {
  opacity: 0;
  transition: opacity 0.2s;
}

.voc-slider .glide__arrows .glide__arrow--next {
  left: auto;
  right: 10px;
}

.voc-slider .glide__arrows .glide__arrow .icon {
  display: block;
  height: 24px;
  margin: 0 auto;
  width: 24px;
}

.voc-slider .glide__arrows .glide__arrow svg {
  height: 100%;
  width: 100%;
  fill: #fff;
}

.hero-header--voc .hero-header__content {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}

.hero-header--voc .hero-header__content .body, .hero-header--voc .hero-header__content h3, .hero-header--voc .hero-header__content p {
  max-width: none;
}

.hero-header--voc .hero-header__title {
  text-shadow: 0 2px 3px rgba(0, 0, 0, 0.9);
}

.hero-header--voc .icon--arrow-down {
  background-color: #fff;
  border: 1px solid #868e96;
  border-radius: 50%;
  box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.25);
  height: 30px;
  width: 30px;
}

@media (min-width: 576px) {
  .hero-header--voc .icon--arrow-down {
    height: 40px;
    width: 40px;
  }
}
@media (min-width: 768px) {
  .hero-header--voc .icon--arrow-down {
    height: 58px;
    width: 58px;
  }
}
.hero-header--voc .icon--arrow-down svg {
  height: 18px;
  position: relative;
  top: 6px;
  width: 18px;
  fill: #00529c;
}

@media (min-width: 576px) {
  .hero-header--voc .icon--arrow-down svg {
    height: 24px;
    top: 8px;
    width: 24px;
  }
}
@media (min-width: 768px) {
  .hero-header--voc .icon--arrow-down svg {
    height: 32px;
    top: 12px;
    width: 32px;
  }
}
.voc-teaser .btn--reset {
  background-color: rgba(0, 82, 156, 0.9);
  border: 0;
  border-radius: 4px;
  cursor: pointer;
  height: 42px;
  line-height: normal;
  padding: 0;
  position: absolute;
  right: 10px;
  top: 10px;
  width: 42px;
  z-index: 1;
}

@media (min-width: 768px) {
  .voc-teaser .btn--reset {
    right: 20px;
    top: 20px;
  }
}
.voc-teaser .btn--reset .icon {
  display: block;
  height: 24px;
  margin: 0 auto;
  width: 24px;
}

.voc-teaser .btn--reset svg {
  height: 100%;
  width: 100%;
  fill: #fff;
}

.voc-breadcrumb {
  background: linear-gradient(0deg, #dbdedf, #f1f1f1);
}

.voc-breadcrumb__btn {
  background: linear-gradient(0deg, #f1f1f1, #dbdedf);
  border: 0;
  border-right: 1px solid #ced3d6;
  cursor: pointer;
  display: block;
  height: 80px;
  position: relative;
  width: 100%;
}

.voc-breadcrumb__btn.is-open {
  background: linear-gradient(0deg, #00529c, #00529c);
}

.voc-breadcrumb__btn.is-open .icon--chevron-down {
  color: #fff;
  fill: #fff;
  transform: rotate(-180deg);
  transform-origin: 12px 6px;
  transition: all 0.2s ease;
}

@media (min-width: 768px) {
  .voc-breadcrumb__btn.is-open .icon--chevron-down {
    transform-origin: 16px 8px;
  }
}
.voc-breadcrumb__btn.is-open .voc-breadcrumb__category-title, .voc-breadcrumb__btn.is-open .voc-breadcrumb__category-title-value {
  color: #fff !important;
}

.voc-breadcrumb__btn--first {
  min-width: auto;
}

.voc-breadcrumb__btn .icon {
  color: #00529c;
  fill: #00529c;
}

.voc-breadcrumb__btn .icon--undo {
  transform: rotate(-90deg);
}

.voc-breadcrumb__btn .icon--chevron-down {
  height: 24px;
  position: absolute;
  right: 3px;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.2s ease;
  width: 24px;
}

@media (min-width: 768px) {
  .voc-breadcrumb__btn .icon--chevron-down {
    height: 32px;
    right: 10px;
    width: 32px;
  }
}
.voc-breadcrumb-btn__first {
  width: 10%;
}

@media (min-width: 768px) {
  .voc-breadcrumb-btn__first {
    width: auto;
  }
}
.voc-breadcrumb-btn__second, .voc-breadcrumb-btn__third {
  flex: 1;
  width: 45%;
}

@media (min-width: 992px) {
  .voc-breadcrumb-btn__second, .voc-breadcrumb-btn__third {
    flex: none;
    min-width: 385px;
    width: auto;
  }
}
.voc-breadcrumb__category-title {
  color: #868e96;
  font-size: 0.875rem;
}

@media (min-width: 768px) {
  .voc-breadcrumb__category-title {
    font-size: 1rem;
  }
}
.voc-breadcrumb__category-title-value {
  font-size: 0.875rem;
}

.voc-breadcrumb__category-title-value:first-letter {
  text-transform: uppercase;
}

@media (min-width: 768px) {
  .voc-breadcrumb__category-title-value {
    font-size: 1.25rem;
  }
}
.voc-fade-enter-active {
  transition: opacity 0.25s ease-in;
}

.voc-fade-leave-active {
  transition: opacity 0.25s ease-out;
}

.voc-fade-enter, .voc-fade-leave-to {
  opacity: 0;
}

.voc-slide-enter-active {
  transition: all 0.25s ease-in;
}

.voc-slide-leave-active {
  transition: all 0.25s ease-out;
}

.voc-slide-enter-to, .voc-slide-leave {
  max-height: 500px;
  overflow: hidden;
}

.voc-slide-enter, .voc-slide-leave-to {
  max-height: 0;
  overflow: hidden;
}

* {
  box-sizing: border-box;
}

.certificate-generator {
  display: flex;
  flex-direction: column;
  margin-top: 30px;
}

.certificate-generator .bulk-select-tabs {
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
}

.certificate-generator .bulk-select-tabs:before {
  background-color: #ced3d6;
  bottom: 0.5rem;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: -1;
}

.certificate-generator .bulk-select-tabs label {
  background-color: #f1f1f1;
  border-bottom: 1px solid #ced3d6;
  border-left: 1px solid #ced3d6;
  border-top: 1px solid #ced3d6;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  color: #868e96;
  cursor: pointer;
}

.certificate-generator .bulk-select-tabs label:last-child {
  border-right: 1px solid #ced3d6;
}

.certificate-generator .bulk-select-tabs input {
  display: none;
}

.certificate-generator .bulk-select-tabs input:checked + label {
  background-color: #fff;
  border-bottom: 1px solid #fff;
  color: #4d545a;
}

.certificate-generator hr {
  border: none;
  border-top: 1px solid #e0e0e0;
  margin: 0;
}

.certificate-generator .input-wrapper {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.certificate-generator .input-wrapper .search-block {
  display: flex;
  width: 100%;
}

.certificate-generator .input-wrapper .search-block__input {
  margin-right: 20px;
  width: 50%;
}

@media (max-width: 767.98px) {
  .certificate-generator .input-wrapper .search-block__input {
    width: 100%;
  }
}
.certificate-generator .input-wrapper .search-block__button .cert-btn {
  background-image: linear-gradient(180deg, #266cab, #00529c) !important;
}

.certificate-generator .input-wrapper .search-block__button .cert-btn:hover {
  background-color: #00529c;
}

@media (max-width: 767.98px) {
  .certificate-generator .input-wrapper .search-block__button {
    width: 100%;
  }
  .certificate-generator .input-wrapper .search-block__button .cert-btn {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
  }
}
.certificate-generator .input-wrapper .search-block .is-invalid ~ .feedback-icon, .certificate-generator .input-wrapper .search-block .is-valid ~ .feedback-icon {
  display: flex;
}

.certificate-generator .input-wrapper .search-block .is-valid {
  border-color: #00ae10 !important;
}

.certificate-generator .input-wrapper .search-block .is-valid ~ .feedback-icon svg {
  fill: #00ae10;
}

.certificate-generator .input-wrapper .search-block .is-invalid {
  border-color: #d50017 !important;
}

.certificate-generator .input-wrapper .search-block .is-invalid ~ .feedback-icon svg {
  fill: #d50017;
}

.certificate-generator .input-wrapper .search-block .invalid-feedback.feedback-icon, .certificate-generator .input-wrapper .search-block .valid-feedback.feedback-icon {
  bottom: 10px;
  margin-top: 0;
  position: absolute;
  right: 10px;
  width: auto;
}

.certificate-generator .input-wrapper .search-block .certificate-generator__title {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 20px;
}

.certificate-generator .input-wrapper .status-field {
  align-items: center;
  display: flex;
  min-height: 41px;
  padding: 8px 16px;
  width: 100%;
}

.certificate-generator .input-wrapper .status-field.is-valid {
  background-color: #b3e7b7;
}

.certificate-generator .input-wrapper .status-field.is-invalid {
  background-color: #f2b3b9;
}

.certificate-generator .input-wrapper .status-field p {
  margin: 0;
}

.certificate-generator .input-wrapper .status-field ul li {
  color: #656b6f;
}

.certificate-generator .downloads-section {
  display: flex;
  flex-direction: column;
  margin-top: 40px;
  width: 100%;
}

.certificate-generator .downloads-section .certificates {
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
}

.certificate-generator .downloads-section .certificates .no-certificates-text {
  margin: 20px 0;
}

.certificate-generator .downloads-section .certificates .certificate {
  align-items: center;
  display: flex;
  justify-content: space-between;
}

.certificate-generator .downloads-section .certificates .certificate__download .cert-btn {
  border: 1px solid #00529c;
  color: #00529c;
  display: flex;
}

.certificate-generator .downloads-section .certificates .certificate__download .cert-btn svg {
  fill: #00529c;
}

.certificate-generator .downloads-section .certificates .certificate__download .cert-btn:hover {
  background-image: linear-gradient(180deg, #266cab, #00529c) !important;
  color: #fff;
}

.certificate-generator .downloads-section .certificates .certificate__download .cert-btn:hover svg {
  fill: #fff;
}

@media (max-width: 767.98px) {
  .certificate-generator .downloads-section .certificates .certificate__download .cert-btn .button__text {
    display: none;
  }
}
.certificate-generator .downloads-section .certificates .certificate .pdf-meta-info {
  display: flex;
  margin: 20px 0;
  width: 100%;
}

.certificate-generator .downloads-section .certificates .certificate .pdf-meta-info .vin {
  margin-right: 20px;
}

.certificate-generator .downloads-section .plate, .certificate-generator .downloads-section .vin {
  min-width: 125px;
}

.certificate-generator .downloads-section__title {
  font-size: 26px;
  font-weight: 400;
  width: 100%;
}

.certificate-generator .downloads-section .titles {
  display: flex;
  justify-content: space-between;
  margin: 20px 0 10px;
}

.certificate-generator .downloads-section .titles .pdf-headers {
  display: flex;
  font-weight: 600;
  width: 100%;
}

.certificate-generator .downloads-section .titles .pdf-headers .vin {
  margin-right: 20px;
}

.certificate-generator .cert-btn {
  cursor: pointer;
  height: 42px;
  outline: none;
  position: relative;
}

.certificate-generator .cert-btn .button__text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.certificate-generator .cert-btn:disabled {
  cursor: not-allowed;
}

.certificate-generator .cert-btn:disabled, .certificate-generator .cert-btn:disabled:hover {
  background-color: #e0e0e0;
  border-color: #e0e0e0;
  color: #9e9e9e;
}

.certificate-generator .cert-btn__text {
  transition: all 0.2s;
}

.certificate-generator .cert-btn--loading .button__text, .certificate-generator .cert-btn--loading .download-icon {
  opacity: 0;
}

.certificate-generator .cert-btn--loading:after {
  animation: button-loading-spinner 1s ease infinite;
  border: 4px solid #00529c;
  border-radius: 50%;
  border-top-color: #fff;
  bottom: 0;
  content: "";
  height: 16px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 16px;
}

@keyframes button-loading-spinner {
  0% {
    transform: rotate(0turn);
  }
  to {
    transform: rotate(1turn);
  }
}
.tabbed-content {
  align-items: center;
  display: flex;
  flex-direction: column;
  width: 100%;
}

.tabbed-content ::-webkit-scrollbar {
  height: 6px;
  width: 8px;
}

.tabbed-content ::-webkit-scrollbar-thumb {
  background: #c2c9d2;
  border-radius: 8px;
}

.tabbed-content__tabs {
  height: -moz-fit-content;
  height: fit-content;
  min-height: 400px;
  position: relative;
  width: 100%;
}

.tabbed-content__tabs .tab {
  align-items: flex-start;
  display: none;
  flex-direction: column;
  width: 80%;
}

@media (max-width: 767.98px) {
  .tabbed-content__tabs .tab {
    padding: 0;
  }
}
.tabbed-content__tabs .tab.active {
  display: flex;
}

.tabbed-content__tabs .tab .tab-top-block {
  margin-bottom: 20px;
  width: 100%;
}

.tabbed-content__tabs .tab .tab-content {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: flex-start;
  width: 50%;
  z-index: 10;
}

@media (max-width: 991.98px) {
  .tabbed-content__tabs .tab .tab-content {
    width: 100%;
  }
}
.tabbed-content__tabs .tab .tab-content .tab-content-image {
  bottom: 0;
  max-width: 45%;
  pointer-events: none;
  position: absolute;
  right: 0;
  z-index: 0;
}

.tabbed-content__tabs .tab .tab-content .tab-content-image img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}

@media (max-width: 767.98px) {
  .tabbed-content__tabs .tab .tab-content .tab-content-image {
    display: none;
  }
}
.tabbed-content__tabs .tab .tab-content .tab-header {
  margin-bottom: 20px;
  width: 100%;
}

.tabbed-content__tabs .tab .tab-content .tab-description {
  margin-bottom: 20px;
  width: 100%;
  z-index: 10;
}

.tabbed-content__tabs .tab .tab-content .tab-button {
  color: #00529c;
  cursor: pointer;
  margin-bottom: 20px;
  padding: 10px 0;
  transition: all 0.3s ease-in-out;
  width: 100%;
}

.tabbed-content__tabs .tab .tab-content .tab-button a {
  display: flex;
  font-weight: 700;
}

.tabbed-content__tabs .tab .tab-content .tab-button svg {
  fill: #00529c;
}

.tabbed-content__tabs .tab .tab-content .tab-button:hover {
  color: #1976d2;
}

.tabbed-content__navigation {
  background-color: #fff;
  width: 100%;
}

.tabbed-content__navigation .navigation-tab {
  align-items: center;
  color: #353c45;
  display: flex;
  font-weight: 400;
  overflow-x: auto;
  padding: 10px 10px 0;
  white-space: nowrap;
  width: 80%;
}

@media (min-width: 768px) {
  .tabbed-content__navigation .navigation-tab {
    padding: 10px 20px 0;
  }
}
.tabbed-content__navigation .navigation-tab__item {
  cursor: pointer;
  padding: 10px 20px;
}

.tabbed-content__navigation .navigation-tab__item.active {
  border-bottom: 3px solid #00529c;
  font-weight: 700;
}

.sticky-call-actions-container {
  background-color: #f1f1f1;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  justify-content: center;
  margin: 0;
  padding: 1rem 0;
  transition: background-color 0.25s ease-out;
}

.sticky-call-actions-container.sticky-to-top {
  background-color: #fff;
  box-shadow: -6px 4px 78px 0 rgba(0, 0, 0, 0.12);
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 201;
}

.sticky-call-actions-container .sticky-bar-item {
  display: flex;
}

.sticky-call-actions-container .sticky-bar-item .btn, .sticky-call-actions-container .sticky-bar-item .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-configure, .sticky-call-actions-container .sticky-bar-item .truckconfigurator .modal .modal-btn, .sticky-call-actions-container .sticky-bar-item .truckconfigurator .modal-disclaimer .modal-btn, .sticky-call-actions-container .sticky-bar-item .truckconfigurator .modal-home .modal-btn, .sticky-call-actions-container .sticky-bar-item .truckconfigurator .modal-save .modal-btn, .sticky-call-actions-container .sticky-bar-item .truckconfigurator .modal-send .modal-btn, .sticky-call-actions-container .sticky-bar-item .truckconfigurator .modal-summary .modal-btn, .sticky-call-actions-container .sticky-bar-item .truckconfigurator .modal-validation .modal-btn, .sticky-call-actions-container .sticky-bar-item .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .select-model-btn, .sticky-call-actions-container .sticky-bar-item .truckconfigurator .sp-choose, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .sticky-call-actions-container .sticky-bar-item .btn-configure, .truckconfigurator .modal .sticky-call-actions-container .sticky-bar-item .modal-btn, .truckconfigurator .modal-disclaimer .sticky-call-actions-container .sticky-bar-item .modal-btn, .truckconfigurator .modal-home .sticky-call-actions-container .sticky-bar-item .modal-btn, .truckconfigurator .modal-save .sticky-call-actions-container .sticky-bar-item .modal-btn, .truckconfigurator .modal-send .sticky-call-actions-container .sticky-bar-item .modal-btn, .truckconfigurator .modal-summary .sticky-call-actions-container .sticky-bar-item .modal-btn, .truckconfigurator .modal-validation .sticky-call-actions-container .sticky-bar-item .modal-btn, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .sticky-call-actions-container .sticky-bar-item .select-model-btn, .truckconfigurator .sticky-call-actions-container .sticky-bar-item .sp-choose {
  flex: 1 1 auto;
  padding: 0.375rem 1.25rem;
}

@media (min-width: 768px) {
  .sticky-call-actions-container {
    background-color: #fff;
    gap: 1.25rem;
    padding: 0.75rem 0;
  }
  .sticky-call-actions-container__item {
    max-width: 285px;
  }
  .sticky-call-actions-container .sticky-bar-item .btn, .sticky-call-actions-container .sticky-bar-item .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .btn-configure, .sticky-call-actions-container .sticky-bar-item .truckconfigurator .modal .modal-btn, .sticky-call-actions-container .sticky-bar-item .truckconfigurator .modal-disclaimer .modal-btn, .sticky-call-actions-container .sticky-bar-item .truckconfigurator .modal-home .modal-btn, .sticky-call-actions-container .sticky-bar-item .truckconfigurator .modal-save .modal-btn, .sticky-call-actions-container .sticky-bar-item .truckconfigurator .modal-send .modal-btn, .sticky-call-actions-container .sticky-bar-item .truckconfigurator .modal-summary .modal-btn, .sticky-call-actions-container .sticky-bar-item .truckconfigurator .modal-validation .modal-btn, .sticky-call-actions-container .sticky-bar-item .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .select-model-btn, .sticky-call-actions-container .sticky-bar-item .truckconfigurator .sp-choose, .truckconfigurator .detail-main .detail-maincontent .detail-infoblock .detail-button-wrapper .btn-configure-wrapper .sticky-call-actions-container .sticky-bar-item .btn-configure, .truckconfigurator .modal .sticky-call-actions-container .sticky-bar-item .modal-btn, .truckconfigurator .modal-disclaimer .sticky-call-actions-container .sticky-bar-item .modal-btn, .truckconfigurator .modal-home .sticky-call-actions-container .sticky-bar-item .modal-btn, .truckconfigurator .modal-save .sticky-call-actions-container .sticky-bar-item .modal-btn, .truckconfigurator .modal-send .sticky-call-actions-container .sticky-bar-item .modal-btn, .truckconfigurator .modal-summary .sticky-call-actions-container .sticky-bar-item .modal-btn, .truckconfigurator .modal-validation .sticky-call-actions-container .sticky-bar-item .modal-btn, .truckconfigurator .premodelselectionstep.premodelselectionstep-results .mainpanel .btn-column .sticky-call-actions-container .sticky-bar-item .select-model-btn, .truckconfigurator .sticky-call-actions-container .sticky-bar-item .sp-choose {
    padding: 0.5rem 1.25rem;
  }
}
.pagemode-edit .sticky-call-actions-container {
  display: block;
}

.pagemode-edit .sticky-to-bottom {
  bottom: unset;
  position: relative;
}

.glide {
  box-sizing: border-box;
  position: relative;
  width: 100%;
}

.glide * {
  box-sizing: inherit;
}

.glide__slides, .glide__track {
  overflow: hidden;
}

.glide__slides {
  backface-visibility: hidden;
  display: flex;
  flex-wrap: nowrap;
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
  touch-action: pan-Y;
  transform-style: preserve-3d;
  white-space: nowrap;
  width: 100%;
  will-change: transform;
}

.glide__slide, .glide__slides--dragging {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.glide__slide {
  flex-shrink: 0;
  height: 100%;
  white-space: normal;
  width: 100%;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
}

.glide__slide a {
  -webkit-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

.glide__arrows, .glide__bullets {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.glide--rtl {
  direction: rtl;
}

@font-face {
  font-family: swiper-icons;
  font-style: normal;
  font-weight: 400;
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
}
:root {
  --swiper-theme-color:#007aff;
}

:host {
  display: block;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 1;
}

.swiper {
  display: block;
  list-style: none;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  padding: 0;
  position: relative;
  z-index: 1;
}

.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  box-sizing: content-box;
  display: flex;
  height: 100%;
  position: relative;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  width: 100%;
  z-index: 1;
}

.swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper {
  transform: translateZ(0);
}

.swiper-horizontal {
  touch-action: pan-y;
}

.swiper-vertical {
  touch-action: pan-x;
}

.swiper-slide {
  display: block;
  flex-shrink: 0;
  height: 100%;
  position: relative;
  transition-property: transform;
  width: 100%;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

.swiper-autoheight, .swiper-autoheight .swiper-slide {
  height: auto;
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
  backface-visibility: hidden;
  transform: translateZ(0);
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}

.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

.swiper-3d {
  perspective: 1200px;
}

.swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide {
  transform-style: preserve-3d;
}

.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}

.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper:before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper:before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper:before {
  height: var(--swiper-centered-offset-after);
  min-width: 1px;
  width: 100%;
}

.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 10;
}

.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(270deg, rgba(0, 0, 0, 0.5), transparent);
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.5), transparent);
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5), transparent);
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5), transparent);
}

.swiper-lazy-preloader {
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top: 4px solid transparent;
  box-sizing: border-box;
  height: 42px;
  left: 50%;
  margin-left: -21px;
  margin-top: -21px;
  position: absolute;
  top: 50%;
  transform-origin: 50%;
  width: 42px;
  z-index: 10;
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s linear infinite;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color:#fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color:#000;
}

@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}
:root {
  --swiper-navigation-size:44px;
}

.swiper-button-next, .swiper-button-prev {
  align-items: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
  cursor: pointer;
  display: flex;
  height: var(--swiper-navigation-size);
  justify-content: center;
  margin-top: calc(0px - var(--swiper-navigation-size) / 2);
  position: absolute;
  top: var(--swiper-navigation-top-offset, 50%);
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  z-index: 10;
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
  cursor: auto;
  opacity: 0.35;
  pointer-events: none;
}

.swiper-button-next.swiper-button-hidden, .swiper-button-prev.swiper-button-hidden {
  cursor: auto;
  opacity: 0;
  pointer-events: none;
}

.swiper-navigation-disabled .swiper-button-next, .swiper-navigation-disabled .swiper-button-prev {
  display: none !important;
}

.swiper-button-next svg, .swiper-button-prev svg {
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  transform-origin: center;
  width: 100%;
}

.swiper-rtl .swiper-button-next svg, .swiper-rtl .swiper-button-prev svg {
  transform: rotate(180deg);
}

.swiper-button-prev, .swiper-rtl .swiper-button-next {
  left: var(--swiper-navigation-sides-offset, 10px);
  right: auto;
}

.swiper-button-lock {
  display: none;
}

.swiper-button-next:after, .swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  font-variant: normal;
  letter-spacing: 0;
  line-height: 1;
  text-transform: none !important;
}

.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
  content: "prev";
}

.swiper-button-next, .swiper-rtl .swiper-button-prev {
  left: auto;
  right: var(--swiper-navigation-sides-offset, 10px);
}

.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
  content: "next";
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  transform: translateZ(0);
  transition: opacity 0.3s;
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}

.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: var(--swiper-pagination-bottom, 8px);
  left: 0;
  top: var(--swiper-pagination-top, auto);
  width: 100%;
}

.swiper-pagination-bullets-dynamic {
  font-size: 0;
  overflow: hidden;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  position: relative;
  transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active, .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}

.swiper-pagination-bullet {
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  display: inline-block;
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
}

button.swiper-pagination-bullet {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  box-shadow: none;
  margin: 0;
  padding: 0;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet:only-child {
  display: none !important;
}

.swiper-pagination-bullet-active {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  opacity: var(--swiper-pagination-bullet-opacity, 1);
}

.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets {
  left: var(--swiper-pagination-left, auto);
  right: var(--swiper-pagination-right, 8px);
  top: 50%;
  transform: translate3d(0, -50%, 0);
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  display: block;
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: transform 0.2s, top 0.2s;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: transform 0.2s, left 0.2s;
}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: transform 0.2s, right 0.2s;
}

.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}

.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transform: scale(0);
  transform-origin: left top;
  width: 100%;
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}

.swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  height: var(--swiper-pagination-progressbar-size, 4px);
  left: 0;
  top: 0;
  width: 100%;
}

.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-vertical > .swiper-pagination-progressbar {
  height: 100%;
  left: 0;
  top: 0;
  width: var(--swiper-pagination-progressbar-size, 4px);
}

.swiper-pagination-lock {
  display: none;
}

.swiper .swiper-notification {
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  z-index: -1000;
}

/*# sourceMappingURL=common.min.css.map */
body {
  padding-top: 6.25rem;
}
@media (max-width: 767px) {
  body {
    padding-top: 3.875rem;
  }
}

#ajax-spinner {
  background: url("/images/progress.gif") no-repeat scroll center center #000;
  border-radius: 5px;
  height: 60px;
  left: 50%;
  margin: -30px 0 20px -30px;
  position: fixed;
  text-indent: -999em;
  top: 50%;
  width: 60px;
  z-index: 100000;
}

.grecaptcha-badge {
  z-index: 1000;
  visibility: hidden;
}

.breadcrumb-list__item {
  display: block !important;
}
.breadcrumb-list__icon-divider {
  display: inline-block;
  vertical-align: top;
}

.sub-navigation__top {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

ul.pagination {
  justify-content: end;
  flex-wrap: wrap;
  gap: 0.625rem;
  margin-bottom: 0;
}
ul.pagination li a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 100%;
  text-decoration: none;
  font-size: 0.875rem;
  font-weight: 500;
  color: #00529c;
  transition: border-color 0.2s;
  border: 0.0625rem solid #dbdedf;
}
ul.pagination li a:hover {
  border-color: #00529c;
}
ul.pagination li.active a {
  border-color: #00529c;
  font-weight: 700;
}
ul.pagination li.disabled {
  pointer-events: none;
  opacity: 0.5;
}
ul.pagination li:first-of-type a, ul.pagination li:last-of-type a {
  padding-bottom: 0.1875rem;
}

.header .navbar-brand {
  display: flex;
  align-items: center;
}
.header .navbar-brand svg {
  flex-shrink: 0;
  width: 6.25rem;
  height: 3.125rem;
}
.header .navbar-brand-left svg.spedox-logo {
  display: none;
  margin-left: 0.9375rem;
}
@media (max-width: 991px) {
  .header .navbar-brand-left svg.spedox-logo {
    display: block;
  }
}
.header .meta-navigation__list .nav-item .nav-link:hover, .header .meta-navigation__list .nav-item .nav-link.is-active {
  text-decoration: underline;
}
.header .mobile-navigation {
  height: calc(100vh - 60px);
}
.header .mobile-navigation__menu {
  overflow-x: hidden;
}
.header .mobile-navigation__list li .icon--chevron-right {
  color: #00529c;
  height: 20px;
  width: 20px;
  fill: #00529c;
  position: absolute;
  right: 5px;
  top: 22px;
}
.header .mobile-navigation__list li.is-active a {
  font-weight: 700;
}
.header .mobile-navigation__footer {
  min-height: auto;
}
.header .mobile-navigation__footer .mobilenav-buttons:before {
  display: none;
}
.header .mobile-navigation__footer .mobilenav-buttons ul {
  columns: 1;
}
.header .mobile-navigation .meta-navigation--mobile ul li a:hover, .header .mobile-navigation .meta-navigation--mobile ul li a.is-active {
  text-decoration: underline;
}

.search-form {
  position: relative;
}

.search-form .modal-search {
  width: calc(100% - 5px);
  background: #fff;
  position: absolute;
  z-index: 1004;
  display: none;
  padding: 1.25rem 0.625rem;
  border: 0.0625rem solid #fff;
  top: 100%;
  left: 0;
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}

.search-form .form-control {
  position: relative;
  z-index: 1005;
}

.search-form .btn--firstclick {
  margin-right: 0 !important;
  padding-right: 1.25rem;
}
.search-form .btn--secondclick {
  z-index: 1005;
}
.search-form .form {
  margin-right: -17.5rem;
  width: 17.5rem;
}

#search-backdrop {
  position: fixed;
  z-index: 1003;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  background: #000;
  top: 0;
  left: 0;
  display: none;
}

.modal-search-content .search-item {
  position: relative;
  min-height: 5rem;
}

.modal-search-content h2 {
  margin-top: 0;
  color: #333333;
  font-weight: 400;
  font-size: 0.9375rem;
  margin-bottom: 0.3125rem;
}

.modal-search-content h2 a {
  color: #333333;
}

.modal-search-content .col-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 3.75rem;
  height: 3.75rem;
  object-fit: contain;
  object-position: center;
}

.modal-search-content .col-desc {
  padding-left: 4.375rem;
}

.modal-search-content .price-default {
  font-size: 1rem !important;
}

.modal-search-content .price-action {
  font-size: 0.8125rem !important;
}

.modal-search-content .col-price {
  margin-bottom: 0.625rem;
}

.modal-search-content .bottom-box {
  margin-top: 0.625rem;
}

.modal-search-content .btn {
  font-size: 0.6875rem;
}

.footer-links__title {
  line-height: 1.5;
  padding-bottom: 0.9375rem;
}
.footer-links__title span {
  font-size: 0.875rem;
}
.footer-links__logos {
  gap: 0.9375rem;
}
.footer-links__logos li svg {
  width: auto;
  height: 3.125rem;
  max-width: 6.25rem;
}

.quicklinks__item {
  max-width: none !important;
}
.quicklinks p {
  width: 100%;
  margin: 0;
}
.quicklinks p a {
  color: #353c45 !important;
}
.quicklinks p a:hover {
  color: #ffffff !important;
}

@media (max-width: 991px) {
  .carousel-indicators {
    bottom: unset;
    top: 17.5rem;
  }
}
@media (max-width: 575px) {
  .carousel-indicators {
    bottom: unset;
    top: 11.25rem;
  }
}

.card--comparison .card__image img {
  mix-blend-mode: multiply;
}

.catwalk-details__divider {
  display: none;
}

.doorway__door-detail {
  transform: translateY(-3.75rem);
}
@media (max-width: 767px) {
  .doorway__door-detail {
    padding: 0;
    transform: translateY(0);
  }
  .doorway__door-detail > p, .doorway__door-detail > div {
    display: none;
  }
}
.doorway__door-arrow-link {
  transform: translateY(50%);
}
@media (max-width: 767px) {
  .doorway__door-arrow-link {
    display: none;
  }
}
.doorway__door-hide-overflow:after {
  transform: translateX(3.75rem);
}
@media (max-width: 767px) {
  .doorway__door-hide-overflow:after {
    display: none;
  }
}
@media (max-width: 1199px) {
  .doorway__doors {
    height: auto;
  }
}

.car__detail h1 {
  text-transform: uppercase;
  margin-bottom: 0;
  font-weight: 500;
}
.car__detail-info-wrapper {
  justify-content: space-between;
  column-gap: 1.875rem;
  row-gap: 1.25rem;
  display: flex;
}
@media (max-width: 991px) {
  .car__detail-info-wrapper {
    flex-direction: column;
  }
}
.car__detail-info-parameters {
  display: flex;
  column-gap: 2.5rem;
  row-gap: 1.25rem;
  flex-wrap: wrap;
}
@media (max-width: 575px) {
  .car__detail-info-parameters {
    flex-direction: column;
    row-gap: 0.625rem;
  }
}
.car__detail-info-parameter {
  display: flex;
  color: #656b6f;
  align-items: center;
  column-gap: 0.9375rem;
}
.car__detail-info-parameter img {
  opacity: 0.8;
  width: 1.125rem;
  height: 1.125rem;
  object-fit: contain;
  object-position: center;
  filter: brightness(0) saturate(100%) invert(20%) sepia(90%) saturate(2473%) hue-rotate(192deg) brightness(84%) contrast(110%);
}
.car__detail-reserved {
  color: #fff;
  font-weight: 600;
  display: inline-flex;
  font-size: 0.875rem;
  background-color: #EC1C2E;
  padding: 0.5rem 0.75rem;
}
.car__detail-price-section {
  display: flex;
  align-self: end;
  white-space: nowrap;
  flex-direction: column;
}
@media (max-width: 991px) {
  .car__detail-price-section {
    width: 100%;
    align-items: end;
    align-self: start;
    flex-direction: row;
    column-gap: 1.25rem;
    justify-content: space-between;
  }
}
.car__detail-price-section-inner {
  display: flex;
  row-gap: 0.125rem;
  flex-direction: column;
}
.car__detail-price-section .price-discount {
  line-height: 1;
  text-align: right;
  font-size: 1rem;
  text-decoration: line-through;
}
@media (max-width: 991px) {
  .car__detail-price-section .price-discount {
    text-align: start;
  }
}
.car__detail-price-section .total-price {
  line-height: 1;
  font-weight: 500;
  text-align: right;
}
@media (max-width: 991px) {
  .car__detail-price-section .total-price {
    text-align: start;
  }
}
.car__detail-price-section .total-price-without {
  line-height: 1;
  text-align: right;
  margin-bottom: 0.9375rem;
}
@media (max-width: 991px) {
  .car__detail-price-section .total-price-without {
    text-align: start;
  }
}
.car__detail-price-section .total-price-without .price {
  font-weight: 500;
}
.car__detail-price-section .btn {
  white-space: nowrap;
}
.car__detail-image {
  border-radius: 0.3125rem;
}
.car__detail-slider {
  position: unset;
}
.car__detail-slider .swiper-slide {
  height: 100%;
}
.car__detail-slider .swiper-slide a {
  display: block;
  height: 100%;
  width: 100%;
}
.car__detail-slider .swiper-slide a img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 0.3125rem;
}
.car__detail-slider-button-next, .car__detail-slider-button-prev {
  top: 50%;
  margin-top: 0;
  width: 3.75rem;
  height: 3.75rem;
  transform: translateY(-50%);
  transition: background-color 0.2s;
}
@media (max-width: 575px) {
  .car__detail-slider-button-next, .car__detail-slider-button-prev {
    display: none;
  }
}
.car__detail-slider-button-next:after, .car__detail-slider-button-prev:after {
  display: flex;
  color: #00529c;
  font-weight: 700;
  width: 1.25rem;
  align-items: center;
  height: 1.25rem;
  font-size: 1.5625rem;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.car__detail-slider-button-next {
  right: -3.125rem;
}
.car__detail-slider-button-prev {
  left: -3.125rem;
}
.car__detail-slider-pagination {
  bottom: -1.875rem !important;
}
.car__detail-slider-pagination .swiper-pagination-bullet-active {
  background-color: #00529c;
}
.car__detail-card {
  padding: 1.875rem;
  border-radius: 0.3125rem;
  border: 0.0625rem solid #dbdedf;
}
.car__detail-card .car-details {
  margin-bottom: 0;
  column-count: 2;
}
@media (max-width: 767px) {
  .car__detail-card .car-details {
    column-count: 1;
  }
}
.car__detail-card .car-details dt {
  float: left;
}
.car__detail-card .car-details dt, .car__detail-card .car-details dd {
  width: 50%;
  display: inline-block;
}
.car__detail-card .contact-form #contact {
  scroll-margin-top: 9.375rem;
}

.cars__search-header {
  display: flex;
  margin-bottom: 1.25rem;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .cars__search-header {
    flex-direction: column;
    align-items: center;
  }
}
.cars__search-titles {
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
}
.cars__search-titles h3 {
  margin-bottom: 0;
}
.cars__search-helper, .cars__search-button-container {
  flex-grow: 1;
  flex-basis: 0;
}
@media (max-width: 991px) {
  .cars__search-helper, .cars__search-button-container {
    display: none;
  }
}
.cars__search-button-container {
  display: flex;
  justify-content: end;
}
.cars__search-button-container a {
  border: none;
  padding: 0;
  display: flex;
  align-self: center;
  align-items: center;
  column-gap: 0.625rem;
  transition: color 0.2s;
  text-decoration: none;
}
.cars__search-button-container a .close-button {
  width: 2rem;
  height: 2rem;
  transition: border 0.3s, filter 0.3s;
}
.cars__search-selects {
  display: flex;
  flex-wrap: wrap;
  border-radius: 50rem;
  background-color: #fff;
}
@media (max-width: 991px) {
  .cars__search-selects {
    row-gap: 0.625rem;
    background-color: transparent;
  }
}
.cars__search-select {
  flex-grow: 1;
  position: relative;
}
@media (max-width: 991px) {
  .cars__search-select {
    width: 100%;
  }
}
.cars__search-select:after {
  content: "";
  height: 75%;
  width: 0.0625rem;
  background-color: #dbdedf;
  transform: translateY(-50%);
  position: absolute;
  right: 0;
  top: 50%;
}
@media (max-width: 991px) {
  .cars__search-select:after {
    display: none;
  }
}
.cars__search-select:last-of-type:after {
  display: none;
}
.cars__search-select select {
  border: 0;
  width: 100%;
  color: #00529c;
  cursor: pointer;
  font-weight: 600;
  border-radius: 50rem;
  font-size: 1rem;
  background-color: #fff;
  box-shadow: none !important;
  padding: 1.25rem 1.875rem;
}
@media (max-width: 991px) {
  .cars__search-select select {
    padding: 0.9375rem 1.5625rem;
  }
}
.cars__search-select select.form-select {
  appearance: none;
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='%2300529c' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/></svg>");
  background-repeat: no-repeat;
  background-size: 1rem 0.75rem;
  background-position: right 1.25rem center;
}

.cars {
  display: flex;
}
.cars .col {
  display: flex;
  flex-direction: column;
}
.cars .car {
  display: flex;
  flex-direction: column;
  position: relative;
  height: 100%;
  overflow: hidden;
  background-color: #fff;
  transition: box-shadow 0.2s;
  border: 0.0625rem solid #dbdedf;
}
.cars .car:hover {
  box-shadow: 0 0.1875rem 0.9375rem 0 rgba(0, 0, 0, 0.16);
}
.cars .car:hover .car__img {
  transform: scale(1.05);
}
.cars .car__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: transform 0.2s;
}
.cars .car__img-wrapper {
  height: 21.875rem;
  overflow: hidden;
  position: relative;
}
@media (max-width: 767px) {
  .cars .car__img-wrapper {
    height: 15.625rem;
  }
}
.cars .car__img-wrapper .reserved {
  z-index: 1;
  position: absolute;
  bottom: 0;
  left: 0;
  font-weight: 700;
  padding: 0.5rem 1.75rem;
}
.cars .car__info {
  height: 100%;
  display: flex;
  padding: 1.5rem;
  flex-direction: column;
  overflow: hidden;
}
.cars .car__info h3 {
  font-size: 1.5rem;
  text-transform: uppercase;
  margin-bottom: 1.25rem;
  padding-bottom: 0.9375rem;
  border-bottom: 0.0625rem solid #dbdedf;
}
.cars .car__info span {
  font-size: 0.9375rem;
  font-weight: 500;
  color: #656b6f;
}
.cars .car__info .icon {
  margin-right: 0.625rem;
  height: 1.0625rem;
  width: 1.0625rem;
  object-position: center;
  object-fit: contain;
  filter: brightness(0) saturate(100%) invert(20%) sepia(90%) saturate(2473%) hue-rotate(192deg) brightness(84%) contrast(110%);
}
.cars .car__info-first {
  display: flex;
  margin-top: auto;
  align-items: center;
  column-gap: 1.875rem;
  margin-bottom: 1.25rem;
  padding-bottom: 0.9375rem;
  border-bottom: 0.0625rem solid #dbdedf;
}
.cars .car__info-second {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1.25rem;
  padding-bottom: 0.9375rem;
  border-bottom: 0.0625rem solid #dbdedf;
}
@media (max-width: 767px) {
  .cars .car__info-second {
    flex-direction: column;
    height: 100%;
  }
}
.cars .car__info-second-left div {
  display: flex;
  align-items: center;
  margin-bottom: 0.5rem;
}
.cars .car__info-second-right {
  display: flex;
  flex-direction: column;
  line-height: 1;
}
.cars .car__info-second-right .price-discount {
  font-size: 1rem;
  text-decoration: line-through;
}
.cars .car__info-second-right .total-price {
  font-size: 1.625rem;
  font-weight: 700;
  color: #353c45;
}
.cars .car__info-second-right .total-price-without {
  display: flex;
  flex-direction: column;
  line-height: 1.0625rem;
  margin-top: 0.5rem;
}
.cars .car__info-second-right .total-price-without .price {
  font-weight: 700;
}
.cars .car__info-second-right .total-price-without span {
  font-size: 0.9375rem;
}

.catwalk__slider .swiper-slide:after {
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  z-index: 1;
  opacity: 0.75;
  position: absolute;
  background: transparent linear-gradient(0, #000 0%, transparent 75%) 0 0;
}
.catwalk__slider .swiper-slide img {
  width: 100%;
}
.catwalk__slider .swiper-slide:nth-of-type(1n) .catwalk__slider-content {
  right: 0;
  transform: translate(0, -8.125rem);
}
.catwalk__slider .swiper-slide:nth-of-type(1n) .catwalk__slider-content:hover {
  transform: translate(0, -28.125rem);
}
@media (max-width: 1400px) {
  .catwalk__slider .swiper-slide:nth-of-type(1n) .catwalk__slider-content:hover {
    transform: translate(0, -34.375rem);
  }
}
@media (max-width: 991px) {
  .catwalk__slider .swiper-slide:nth-of-type(1n) .catwalk__slider-content:hover {
    transform: translate(0, -37.5rem);
  }
}
.catwalk__slider .swiper-slide:nth-of-type(2n) .catwalk__slider-content {
  left: 50%;
  transform: translate(-50%, -8.125rem);
}
.catwalk__slider .swiper-slide:nth-of-type(2n) .catwalk__slider-content:hover {
  transform: translate(-50%, -28.125rem);
}
@media (max-width: 1400px) {
  .catwalk__slider .swiper-slide:nth-of-type(2n) .catwalk__slider-content:hover {
    transform: translate(-50%, -34.375rem);
  }
}
@media (max-width: 991px) {
  .catwalk__slider .swiper-slide:nth-of-type(2n) .catwalk__slider-content:hover {
    transform: translate(-50%, -37.5rem);
  }
}
.catwalk__slider .swiper-slide:nth-of-type(3n) .catwalk__slider-content {
  left: 0;
  transform: translate(0, -8.125rem);
}
.catwalk__slider .swiper-slide:nth-of-type(3n) .catwalk__slider-content:hover {
  transform: translate(0, -28.125rem);
}
@media (max-width: 1400px) {
  .catwalk__slider .swiper-slide:nth-of-type(3n) .catwalk__slider-content:hover {
    transform: translate(0, -34.375rem);
  }
}
@media (max-width: 991px) {
  .catwalk__slider .swiper-slide:nth-of-type(3n) .catwalk__slider-content:hover {
    transform: translate(0, -37.5rem);
  }
}
.catwalk__slider .swiper-button-next, .catwalk__slider .swiper-button-prev {
  top: 50%;
  margin-top: 0;
  width: 3.75rem;
  height: 3.75rem;
  transform: translateY(-50%);
  transition: background-color 0.2s;
}
@media (max-width: 767px) {
  .catwalk__slider .swiper-button-next, .catwalk__slider .swiper-button-prev {
    display: none;
  }
}
.catwalk__slider .swiper-button-next:after, .catwalk__slider .swiper-button-prev:after {
  color: #fff;
  display: flex;
  font-weight: 700;
  width: 1.25rem;
  align-items: center;
  height: 1.25rem;
  font-size: 1.5625rem;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.catwalk__slider .swiper-pagination .swiper-pagination-bullet {
  background-color: #fff;
}
.catwalk__slider-content {
  top: 100%;
  z-index: 2;
  opacity: 0.5;
  user-select: none;
  position: absolute;
  max-width: 20rem;
  min-height: 28.125rem;
  border-left: 0.0625rem solid #fff;
  transition: transform 0.5s, opacity 0.5s;
  padding: 0 2rem 4rem 2rem;
}
@media (max-width: 1400px) {
  .catwalk__slider-content {
    min-height: 34.375rem;
  }
}
@media (max-width: 991px) {
  .catwalk__slider-content {
    min-height: 37.5rem;
  }
}
@media (max-width: 767px) {
  .catwalk__slider-content {
    transform: translate(-50%, 0) !important;
    left: 50% !important;
    pointer-events: none;
    min-height: auto;
    max-width: none;
    border-left: 0;
    width: 100%;
    opacity: 1;
    top: unset;
    bottom: 0;
  }
}
.catwalk__slider-content:hover {
  opacity: 1;
}
.catwalk__slider-content ul, .catwalk__slider-content h3 {
  color: #fff;
}
.catwalk__slider-content h3 {
  font-size: 5rem;
  font-weight: 700;
}
.catwalk__slider-content ul {
  padding: 0;
  list-style: none;
  margin-bottom: 0;
  font-size: 1.375rem;
}
.catwalk__slider-content ul li {
  margin-bottom: 1.25rem;
}
.catwalk__slider-content ul li:last-of-type {
  margin-bottom: 0;
}

/*# sourceMappingURL=theme.css.map */