@charset "UTF-8";
/*!
 * Bootstrap v3.3.7-custom (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

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

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],
template {
  display: none;
}

a {
  background-color: transparent;
}

a:active,
a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

mark {
  background: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

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

figure {
  margin: 1em 40px;
}

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

pre {
  overflow: auto;
}

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

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

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

button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

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

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

input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}

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

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
  *,
  *:before,
  *:after {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  .navbar {
    display: none;
  }
  .btn > .caret,
  .dropup > .btn > .caret {
    border-top-color: #000 !important;
  }
  .label {
    border: 1px solid #000;
  }
  .table {
    border-collapse: collapse !important;
  }
  .table td,
  .table th {
    background-color: #fff !important;
  }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #ddd !important;
  }
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

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

html {
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.428571429;
  color: #333333;
  background-color: #fff;
}

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

a {
  color: #337ab7;
  text-decoration: none;
}

a:hover, a:focus {
  color: #23527c;
  text-decoration: underline;
}

a:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

figure {
  margin: 0;
}

img {
  vertical-align: middle;
}

.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}

.img-rounded {
  border-radius: 6px;
}

.img-thumbnail {
  padding: 4px;
  line-height: 1.428571429;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto;
}

.img-circle {
  border-radius: 50%;
}

hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eeeeee;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}

[role="button"] {
  cursor: pointer;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
}

h1 small,
h1 .small, h2 small,
h2 .small, h3 small,
h3 .small, h4 small,
h4 .small, h5 small,
h5 .small, h6 small,
h6 .small,
.h1 small,
.h1 .small, .h2 small,
.h2 .small, .h3 small,
.h3 .small, .h4 small,
.h4 .small, .h5 small,
.h5 .small, .h6 small,
.h6 .small {
  font-weight: normal;
  line-height: 1;
  color: #777777;
}

h1, .h1,
h2, .h2,
h3, .h3 {
  margin-top: 20px;
  margin-bottom: 10px;
}

h1 small,
h1 .small, .h1 small,
.h1 .small,
h2 small,
h2 .small, .h2 small,
.h2 .small,
h3 small,
h3 .small, .h3 small,
.h3 .small {
  font-size: 65%;
}

h4, .h4,
h5, .h5,
h6, .h6 {
  margin-top: 10px;
  margin-bottom: 10px;
}

h4 small,
h4 .small, .h4 small,
.h4 .small,
h5 small,
h5 .small, .h5 small,
.h5 .small,
h6 small,
h6 .small, .h6 small,
.h6 .small {
  font-size: 75%;
}

h1, .h1 {
  font-size: 36px;
}

h2, .h2 {
  font-size: 30px;
}

h3, .h3 {
  font-size: 24px;
}

h4, .h4 {
  font-size: 18px;
}

h5, .h5 {
  font-size: 14px;
}

h6, .h6 {
  font-size: 12px;
}

p {
  margin: 0 0 10px;
}

.lead {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4;
}

@media (min-width: 768px) {
  .lead {
    font-size: 21px;
  }
}

small,
.small {
  font-size: 85%;
}

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

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

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

.text-justify {
  text-align: justify;
}

.text-nowrap {
  white-space: nowrap;
}

.text-lowercase {
  text-transform: lowercase;
}

.text-uppercase, .initialism {
  text-transform: uppercase;
}

.text-capitalize {
  text-transform: capitalize;
}

.text-muted {
  color: #777777;
}

.text-primary {
  color: #337ab7;
}

a.text-primary:hover,
a.text-primary:focus {
  color: #286090;
}

.text-success {
  color: #3c763d;
}

a.text-success:hover,
a.text-success:focus {
  color: #2b542c;
}

.text-info {
  color: #31708f;
}

a.text-info:hover,
a.text-info:focus {
  color: #245269;
}

.text-warning {
  color: #8a6d3b;
}

a.text-warning:hover,
a.text-warning:focus {
  color: #66512c;
}

.text-danger {
  color: #a94442;
}

a.text-danger:hover,
a.text-danger:focus {
  color: #843534;
}

.bg-primary {
  color: #fff;
}

.bg-primary {
  background-color: #337ab7;
}

a.bg-primary:hover,
a.bg-primary:focus {
  background-color: #286090;
}

.bg-success {
  background-color: #dff0d8;
}

a.bg-success:hover,
a.bg-success:focus {
  background-color: #c1e2b3;
}

.bg-info {
  background-color: #d9edf7;
}

a.bg-info:hover,
a.bg-info:focus {
  background-color: #afd9ee;
}

.bg-warning {
  background-color: #fcf8e3;
}

a.bg-warning:hover,
a.bg-warning:focus {
  background-color: #f7ecb5;
}

.bg-danger {
  background-color: #f2dede;
}

a.bg-danger:hover,
a.bg-danger:focus {
  background-color: #e4b9b9;
}

.page-header {
  padding-bottom: 9px;
  margin: 40px 0 20px;
  border-bottom: 1px solid #eeeeee;
}

ul,
ol {
  margin-top: 0;
  margin-bottom: 10px;
}

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

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

.list-inline {
  padding-left: 0;
  list-style: none;
  margin-left: -5px;
}

.list-inline > li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}

dl {
  margin-top: 0;
  margin-bottom: 20px;
}

dt,
dd {
  line-height: 1.428571429;
}

dt {
  font-weight: bold;
}

dd {
  margin-left: 0;
}

.dl-horizontal dd:before, .dl-horizontal dd:after {
  content: " ";
  display: table;
}

.dl-horizontal dd:after {
  clear: both;
}

@media (min-width: 768px) {
  .dl-horizontal dt {
    float: left;
    width: 160px;
    clear: left;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .dl-horizontal dd {
    margin-left: 180px;
  }
}

abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #777777;
}

.initialism {
  font-size: 90%;
}

blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 17.5px;
  border-left: 5px solid #eeeeee;
}

blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
  margin-bottom: 0;
}

blockquote footer,
blockquote small,
blockquote .small {
  display: block;
  font-size: 80%;
  line-height: 1.428571429;
  color: #777777;
}

blockquote footer:before,
blockquote small:before,
blockquote .small:before {
  content: '\2014 \00A0';
}

.blockquote-reverse,
blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  border-right: 5px solid #eeeeee;
  border-left: 0;
  text-align: right;
}

.blockquote-reverse footer:before,
.blockquote-reverse small:before,
.blockquote-reverse .small:before,
blockquote.pull-right footer:before,
blockquote.pull-right small:before,
blockquote.pull-right .small:before {
  content: '';
}

.blockquote-reverse footer:after,
.blockquote-reverse small:after,
.blockquote-reverse .small:after,
blockquote.pull-right footer:after,
blockquote.pull-right small:after,
blockquote.pull-right .small:after {
  content: '\00A0 \2014';
}

address {
  margin-bottom: 20px;
  font-style: normal;
  line-height: 1.428571429;
}

code,
kbd,
pre,
samp {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}

code {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  background-color: #f9f2f4;
  border-radius: 4px;
}

kbd {
  padding: 2px 4px;
  font-size: 90%;
  color: #fff;
  background-color: #333;
  border-radius: 3px;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
}

kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: bold;
  box-shadow: none;
}

pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.428571429;
  word-break: break-all;
  word-wrap: break-word;
  color: #333333;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px;
}

pre code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  white-space: pre-wrap;
  background-color: transparent;
  border-radius: 0;
}

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

.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.container:before, .container:after {
  content: " ";
  display: table;
}

.container:after {
  clear: both;
}

@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}

@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}

@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}

.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.container-fluid:before, .container-fluid:after {
  content: " ";
  display: table;
}

.container-fluid:after {
  clear: both;
}

.row {
  margin-left: -15px;
  margin-right: -15px;
}

.row:before, .row:after {
  content: " ";
  display: table;
}

.row:after {
  clear: both;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}

.col-xs-1 {
  width: 8.3333333333%;
}

.col-xs-2 {
  width: 16.6666666667%;
}

.col-xs-3 {
  width: 25%;
}

.col-xs-4 {
  width: 33.3333333333%;
}

.col-xs-5 {
  width: 41.6666666667%;
}

.col-xs-6 {
  width: 50%;
}

.col-xs-7 {
  width: 58.3333333333%;
}

.col-xs-8 {
  width: 66.6666666667%;
}

.col-xs-9 {
  width: 75%;
}

.col-xs-10 {
  width: 83.3333333333%;
}

.col-xs-11 {
  width: 91.6666666667%;
}

.col-xs-12 {
  width: 100%;
}

.col-xs-pull-0 {
  right: auto;
}

.col-xs-pull-1 {
  right: 8.3333333333%;
}

.col-xs-pull-2 {
  right: 16.6666666667%;
}

.col-xs-pull-3 {
  right: 25%;
}

.col-xs-pull-4 {
  right: 33.3333333333%;
}

.col-xs-pull-5 {
  right: 41.6666666667%;
}

.col-xs-pull-6 {
  right: 50%;
}

.col-xs-pull-7 {
  right: 58.3333333333%;
}

.col-xs-pull-8 {
  right: 66.6666666667%;
}

.col-xs-pull-9 {
  right: 75%;
}

.col-xs-pull-10 {
  right: 83.3333333333%;
}

.col-xs-pull-11 {
  right: 91.6666666667%;
}

.col-xs-pull-12 {
  right: 100%;
}

.col-xs-push-0 {
  left: auto;
}

.col-xs-push-1 {
  left: 8.3333333333%;
}

.col-xs-push-2 {
  left: 16.6666666667%;
}

.col-xs-push-3 {
  left: 25%;
}

.col-xs-push-4 {
  left: 33.3333333333%;
}

.col-xs-push-5 {
  left: 41.6666666667%;
}

.col-xs-push-6 {
  left: 50%;
}

.col-xs-push-7 {
  left: 58.3333333333%;
}

.col-xs-push-8 {
  left: 66.6666666667%;
}

.col-xs-push-9 {
  left: 75%;
}

.col-xs-push-10 {
  left: 83.3333333333%;
}

.col-xs-push-11 {
  left: 91.6666666667%;
}

.col-xs-push-12 {
  left: 100%;
}

.col-xs-offset-0 {
  margin-left: 0%;
}

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

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

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

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

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

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

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

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

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

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

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

.col-xs-offset-12 {
  margin-left: 100%;
}

@media (min-width: 768px) {
  .col-sm-1, .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-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-1 {
    width: 8.3333333333%;
  }
  .col-sm-2 {
    width: 16.6666666667%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-4 {
    width: 33.3333333333%;
  }
  .col-sm-5 {
    width: 41.6666666667%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-7 {
    width: 58.3333333333%;
  }
  .col-sm-8 {
    width: 66.6666666667%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-10 {
    width: 83.3333333333%;
  }
  .col-sm-11 {
    width: 91.6666666667%;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-pull-1 {
    right: 8.3333333333%;
  }
  .col-sm-pull-2 {
    right: 16.6666666667%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-4 {
    right: 33.3333333333%;
  }
  .col-sm-pull-5 {
    right: 41.6666666667%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-7 {
    right: 58.3333333333%;
  }
  .col-sm-pull-8 {
    right: 66.6666666667%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-10 {
    right: 83.3333333333%;
  }
  .col-sm-pull-11 {
    right: 91.6666666667%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-push-1 {
    left: 8.3333333333%;
  }
  .col-sm-push-2 {
    left: 16.6666666667%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-4 {
    left: 33.3333333333%;
  }
  .col-sm-push-5 {
    left: 41.6666666667%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-7 {
    left: 58.3333333333%;
  }
  .col-sm-push-8 {
    left: 66.6666666667%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-10 {
    left: 83.3333333333%;
  }
  .col-sm-push-11 {
    left: 91.6666666667%;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
  .col-sm-offset-1 {
    margin-left: 8.3333333333%;
  }
  .col-sm-offset-2 {
    margin-left: 16.6666666667%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-4 {
    margin-left: 33.3333333333%;
  }
  .col-sm-offset-5 {
    margin-left: 41.6666666667%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-7 {
    margin-left: 58.3333333333%;
  }
  .col-sm-offset-8 {
    margin-left: 66.6666666667%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-10 {
    margin-left: 83.3333333333%;
  }
  .col-sm-offset-11 {
    margin-left: 91.6666666667%;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
}

@media (min-width: 992px) {
  .col-md-1, .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-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-1 {
    width: 8.3333333333%;
  }
  .col-md-2 {
    width: 16.6666666667%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-4 {
    width: 33.3333333333%;
  }
  .col-md-5 {
    width: 41.6666666667%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-7 {
    width: 58.3333333333%;
  }
  .col-md-8 {
    width: 66.6666666667%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-10 {
    width: 83.3333333333%;
  }
  .col-md-11 {
    width: 91.6666666667%;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-pull-1 {
    right: 8.3333333333%;
  }
  .col-md-pull-2 {
    right: 16.6666666667%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-4 {
    right: 33.3333333333%;
  }
  .col-md-pull-5 {
    right: 41.6666666667%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-7 {
    right: 58.3333333333%;
  }
  .col-md-pull-8 {
    right: 66.6666666667%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-10 {
    right: 83.3333333333%;
  }
  .col-md-pull-11 {
    right: 91.6666666667%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-push-1 {
    left: 8.3333333333%;
  }
  .col-md-push-2 {
    left: 16.6666666667%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-4 {
    left: 33.3333333333%;
  }
  .col-md-push-5 {
    left: 41.6666666667%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-7 {
    left: 58.3333333333%;
  }
  .col-md-push-8 {
    left: 66.6666666667%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-10 {
    left: 83.3333333333%;
  }
  .col-md-push-11 {
    left: 91.6666666667%;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
  .col-md-offset-1 {
    margin-left: 8.3333333333%;
  }
  .col-md-offset-2 {
    margin-left: 16.6666666667%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-4 {
    margin-left: 33.3333333333%;
  }
  .col-md-offset-5 {
    margin-left: 41.6666666667%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-7 {
    margin-left: 58.3333333333%;
  }
  .col-md-offset-8 {
    margin-left: 66.6666666667%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-10 {
    margin-left: 83.3333333333%;
  }
  .col-md-offset-11 {
    margin-left: 91.6666666667%;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
}

@media (min-width: 1200px) {
  .col-lg-1, .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-10, .col-lg-11, .col-lg-12 {
    float: left;
  }
  .col-lg-1 {
    width: 8.3333333333%;
  }
  .col-lg-2 {
    width: 16.6666666667%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-4 {
    width: 33.3333333333%;
  }
  .col-lg-5 {
    width: 41.6666666667%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-7 {
    width: 58.3333333333%;
  }
  .col-lg-8 {
    width: 66.6666666667%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-10 {
    width: 83.3333333333%;
  }
  .col-lg-11 {
    width: 91.6666666667%;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-pull-1 {
    right: 8.3333333333%;
  }
  .col-lg-pull-2 {
    right: 16.6666666667%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-4 {
    right: 33.3333333333%;
  }
  .col-lg-pull-5 {
    right: 41.6666666667%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-7 {
    right: 58.3333333333%;
  }
  .col-lg-pull-8 {
    right: 66.6666666667%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-10 {
    right: 83.3333333333%;
  }
  .col-lg-pull-11 {
    right: 91.6666666667%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-push-1 {
    left: 8.3333333333%;
  }
  .col-lg-push-2 {
    left: 16.6666666667%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-4 {
    left: 33.3333333333%;
  }
  .col-lg-push-5 {
    left: 41.6666666667%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-7 {
    left: 58.3333333333%;
  }
  .col-lg-push-8 {
    left: 66.6666666667%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-10 {
    left: 83.3333333333%;
  }
  .col-lg-push-11 {
    left: 91.6666666667%;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-offset-0 {
    margin-left: 0%;
  }
  .col-lg-offset-1 {
    margin-left: 8.3333333333%;
  }
  .col-lg-offset-2 {
    margin-left: 16.6666666667%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-4 {
    margin-left: 33.3333333333%;
  }
  .col-lg-offset-5 {
    margin-left: 41.6666666667%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-7 {
    margin-left: 58.3333333333%;
  }
  .col-lg-offset-8 {
    margin-left: 66.6666666667%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-10 {
    margin-left: 83.3333333333%;
  }
  .col-lg-offset-11 {
    margin-left: 91.6666666667%;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
}

table {
  background-color: transparent;
}

caption {
  padding-top: 8px;
  padding-bottom: 8px;
  color: #777777;
  text-align: left;
}

th {
  text-align: left;
}

.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}

.table > thead > tr > th,
.table > thead > tr > td,
.table > tbody > tr > th,
.table > tbody > tr > td,
.table > tfoot > tr > th,
.table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.428571429;
  vertical-align: top;
  border-top: 1px solid #ddd;
}

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

.table > caption + thead > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > th,
.table > thead:first-child > tr:first-child > td {
  border-top: 0;
}

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

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

.table-condensed > thead > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > th,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > th,
.table-condensed > tfoot > tr > td {
  padding: 5px;
}

.table-bordered {
  border: 1px solid #ddd;
}

.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > th,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > th,
.table-bordered > tfoot > tr > td {
  border: 1px solid #ddd;
}

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

.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}

.table-hover > tbody > tr:hover {
  background-color: #f5f5f5;
}

table col[class*="col-"] {
  position: static;
  float: none;
  display: table-column;
}

table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  float: none;
  display: table-cell;
}

.table > thead > tr > td.active,
.table > thead > tr > th.active,
.table > thead > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr > td.active,
.table > tbody > tr > th.active,
.table > tbody > tr.active > td,
.table > tbody > tr.active > th,
.table > tfoot > tr > td.active,
.table > tfoot > tr > th.active,
.table > tfoot > tr.active > td,
.table > tfoot > tr.active > th {
  background-color: #f5f5f5;
}

.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
  background-color: #e8e8e8;
}

.table > thead > tr > td.success,
.table > thead > tr > th.success,
.table > thead > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr > td.success,
.table > tbody > tr > th.success,
.table > tbody > tr.success > td,
.table > tbody > tr.success > th,
.table > tfoot > tr > td.success,
.table > tfoot > tr > th.success,
.table > tfoot > tr.success > td,
.table > tfoot > tr.success > th {
  background-color: #dff0d8;
}

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

.table > thead > tr > td.info,
.table > thead > tr > th.info,
.table > thead > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr > td.info,
.table > tbody > tr > th.info,
.table > tbody > tr.info > td,
.table > tbody > tr.info > th,
.table > tfoot > tr > td.info,
.table > tfoot > tr > th.info,
.table > tfoot > tr.info > td,
.table > tfoot > tr.info > th {
  background-color: #d9edf7;
}

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

.table > thead > tr > td.warning,
.table > thead > tr > th.warning,
.table > thead > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr > td.warning,
.table > tbody > tr > th.warning,
.table > tbody > tr.warning > td,
.table > tbody > tr.warning > th,
.table > tfoot > tr > td.warning,
.table > tfoot > tr > th.warning,
.table > tfoot > tr.warning > td,
.table > tfoot > tr.warning > th {
  background-color: #fcf8e3;
}

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

.table > thead > tr > td.danger,
.table > thead > tr > th.danger,
.table > thead > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr > td.danger,
.table > tbody > tr > th.danger,
.table > tbody > tr.danger > td,
.table > tbody > tr.danger > th,
.table > tfoot > tr > td.danger,
.table > tfoot > tr > th.danger,
.table > tfoot > tr.danger > td,
.table > tfoot > tr.danger > th {
  background-color: #f2dede;
}

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

.table-responsive {
  overflow-x: auto;
  min-height: 0.01%;
}

@media screen and (max-width: 767px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
  }
  .table-responsive > .table {
    margin-bottom: 0;
  }
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }
  .table-responsive > .table-bordered {
    border: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
}

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

legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: inherit;
  color: #333333;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}

label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: bold;
}

input[type="search"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal;
}

input[type="file"] {
  display: block;
}

input[type="range"] {
  display: block;
  width: 100%;
}

select[multiple],
select[size] {
  height: auto;
}

input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

output {
  display: block;
  padding-top: 7px;
  font-size: 14px;
  line-height: 1.428571429;
  color: #555555;
}

.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.428571429;
  color: #555555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

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

.form-control:-ms-input-placeholder {
  color: #999;
}

.form-control::-webkit-input-placeholder {
  color: #999;
}

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

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

.form-control[disabled],
fieldset[disabled] .form-control {
  cursor: not-allowed;
}

textarea.form-control {
  height: auto;
}

input[type="search"] {
  -webkit-appearance: none;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type="date"].form-control,
  input[type="time"].form-control,
  input[type="datetime-local"].form-control,
  input[type="month"].form-control {
    line-height: 34px;
  }
  input[type="date"].input-sm,
  .input-group-sm input[type="date"],
  input[type="time"].input-sm,
  .input-group-sm
  input[type="time"],
  input[type="datetime-local"].input-sm,
  .input-group-sm
  input[type="datetime-local"],
  input[type="month"].input-sm,
  .input-group-sm
  input[type="month"] {
    line-height: 30px;
  }
  input[type="date"].input-lg,
  .input-group-lg input[type="date"],
  input[type="time"].input-lg,
  .input-group-lg
  input[type="time"],
  input[type="datetime-local"].input-lg,
  .input-group-lg
  input[type="datetime-local"],
  input[type="month"].input-lg,
  .input-group-lg
  input[type="month"] {
    line-height: 46px;
  }
}

.form-group {
  margin-bottom: 15px;
}

.radio,
.checkbox {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}

.radio label,
.checkbox label {
  min-height: 20px;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer;
}

.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  position: absolute;
  margin-left: -20px;
  margin-top: 4px \9;
}

.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px;
}

.radio-inline,
.checkbox-inline {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  vertical-align: middle;
  font-weight: normal;
  cursor: pointer;
}

.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px;
}

input[type="radio"][disabled], input[type="radio"].disabled,
fieldset[disabled] input[type="radio"],
input[type="checkbox"][disabled],
input[type="checkbox"].disabled,
fieldset[disabled]
input[type="checkbox"] {
  cursor: not-allowed;
}

.radio-inline.disabled,
fieldset[disabled] .radio-inline,
.checkbox-inline.disabled,
fieldset[disabled]
.checkbox-inline {
  cursor: not-allowed;
}

.radio.disabled label,
fieldset[disabled] .radio label,
.checkbox.disabled label,
fieldset[disabled]
.checkbox label {
  cursor: not-allowed;
}

.form-control-static {
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0;
  min-height: 34px;
}

.form-control-static.input-lg, .form-control-static.input-sm {
  padding-left: 0;
  padding-right: 0;
}

.input-sm {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

select.input-sm {
  height: 30px;
  line-height: 30px;
}

textarea.input-sm,
select[multiple].input-sm {
  height: auto;
}

.form-group-sm .form-control {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

.form-group-sm select.form-control {
  height: 30px;
  line-height: 30px;
}

.form-group-sm textarea.form-control,
.form-group-sm select[multiple].form-control {
  height: auto;
}

.form-group-sm .form-control-static {
  height: 30px;
  min-height: 32px;
  padding: 6px 10px;
  font-size: 12px;
  line-height: 1.5;
}

.input-lg {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}

select.input-lg {
  height: 46px;
  line-height: 46px;
}

textarea.input-lg,
select[multiple].input-lg {
  height: auto;
}

.form-group-lg .form-control {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}

.form-group-lg select.form-control {
  height: 46px;
  line-height: 46px;
}

.form-group-lg textarea.form-control,
.form-group-lg select[multiple].form-control {
  height: auto;
}

.form-group-lg .form-control-static {
  height: 46px;
  min-height: 38px;
  padding: 11px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}

.has-feedback {
  position: relative;
}

.has-feedback .form-control {
  padding-right: 42.5px;
}

.form-control-feedback {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  pointer-events: none;
}

.input-lg + .form-control-feedback,
.input-group-lg + .form-control-feedback,
.form-group-lg .form-control + .form-control-feedback {
  width: 46px;
  height: 46px;
  line-height: 46px;
}

.input-sm + .form-control-feedback,
.input-group-sm + .form-control-feedback,
.form-group-sm .form-control + .form-control-feedback {
  width: 30px;
  height: 30px;
  line-height: 30px;
}

.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
  color: #3c763d;
}

.has-success .form-control {
  border-color: #3c763d;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.has-success .form-control:focus {
  border-color: #2b542c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
}

.has-success .input-group-addon {
  color: #3c763d;
  border-color: #3c763d;
  background-color: #dff0d8;
}

.has-success .form-control-feedback {
  color: #3c763d;
}

.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
  color: #8a6d3b;
}

.has-warning .form-control {
  border-color: #8a6d3b;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.has-warning .form-control:focus {
  border-color: #66512c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
}

.has-warning .input-group-addon {
  color: #8a6d3b;
  border-color: #8a6d3b;
  background-color: #fcf8e3;
}

.has-warning .form-control-feedback {
  color: #8a6d3b;
}

.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
  color: #a94442;
}

.has-error .form-control {
  border-color: #a94442;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.has-error .form-control:focus {
  border-color: #843534;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
}

.has-error .input-group-addon {
  color: #a94442;
  border-color: #a94442;
  background-color: #f2dede;
}

.has-error .form-control-feedback {
  color: #a94442;
}

.has-feedback label ~ .form-control-feedback {
  top: 25px;
}

.has-feedback label.sr-only ~ .form-control-feedback {
  top: 0;
}

.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #737373;
}

@media (min-width: 768px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .form-control-static {
    display: inline-block;
  }
  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .form-inline .input-group .input-group-addon,
  .form-inline .input-group .input-group-btn,
  .form-inline .input-group .form-control {
    width: auto;
  }
  .form-inline .input-group > .form-control {
    width: 100%;
  }
  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio,
  .form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio label,
  .form-inline .checkbox label {
    padding-left: 0;
  }
  .form-inline .radio input[type="radio"],
  .form-inline .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0;
  }
  .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }
}

.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 7px;
}

.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: 27px;
}

.form-horizontal .form-group {
  margin-left: -15px;
  margin-right: -15px;
}

.form-horizontal .form-group:before, .form-horizontal .form-group:after {
  content: " ";
  display: table;
}

.form-horizontal .form-group:after {
  clear: both;
}

@media (min-width: 768px) {
  .form-horizontal .control-label {
    text-align: right;
    margin-bottom: 0;
    padding-top: 7px;
  }
}

.form-horizontal .has-feedback .form-control-feedback {
  right: 15px;
}

@media (min-width: 768px) {
  .form-horizontal .form-group-lg .control-label {
    padding-top: 11px;
    font-size: 18px;
  }
}

@media (min-width: 768px) {
  .form-horizontal .form-group-sm .control-label {
    padding-top: 6px;
    font-size: 12px;
  }
}

.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.428571429;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.btn:focus, .btn.focus, .btn:active:focus, .btn:active.focus, .btn.active:focus, .btn.active.focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

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

.btn:active, .btn.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn.disabled, .btn[disabled],
fieldset[disabled] .btn {
  cursor: not-allowed;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}

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

.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}

.btn-default:focus, .btn-default.focus {
  color: #333;
  background-color: #e6e5e5;
  border-color: #8c8c8c;
}

.btn-default:hover {
  color: #333;
  background-color: #e6e5e5;
  border-color: #adadad;
}

.btn-default:active, .btn-default.active,
.open > .btn-default.dropdown-toggle {
  color: #333;
  background-color: #e6e5e5;
  border-color: #adadad;
}

.btn-default:active:hover, .btn-default:active:focus, .btn-default:active.focus, .btn-default.active:hover, .btn-default.active:focus, .btn-default.active.focus,
.open > .btn-default.dropdown-toggle:hover,
.open > .btn-default.dropdown-toggle:focus,
.open > .btn-default.dropdown-toggle.focus {
  color: #333;
  background-color: #d4d4d4;
  border-color: #8c8c8c;
}

.btn-default:active, .btn-default.active,
.open > .btn-default.dropdown-toggle {
  background-image: none;
}

.btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled.focus, .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled].focus,
fieldset[disabled] .btn-default:hover,
fieldset[disabled] .btn-default:focus,
fieldset[disabled] .btn-default.focus {
  background-color: #fff;
  border-color: #ccc;
}

.btn-default .badge {
  color: #fff;
  background-color: #333;
}

.btn-primary {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
}

.btn-primary:focus, .btn-primary.focus {
  color: #fff;
  background-color: #286090;
  border-color: #122b40;
}

.btn-primary:hover {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}

.btn-primary:active, .btn-primary.active,
.open > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}

.btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus,
.open > .btn-primary.dropdown-toggle:hover,
.open > .btn-primary.dropdown-toggle:focus,
.open > .btn-primary.dropdown-toggle.focus {
  color: #fff;
  background-color: #204d74;
  border-color: #122b40;
}

.btn-primary:active, .btn-primary.active,
.open > .btn-primary.dropdown-toggle {
  background-image: none;
}

.btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus,
fieldset[disabled] .btn-primary:hover,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary.focus {
  background-color: #337ab7;
  border-color: #2e6da4;
}

.btn-primary .badge {
  color: #337ab7;
  background-color: #fff;
}

.btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}

.btn-success:focus, .btn-success.focus {
  color: #fff;
  background-color: #449d44;
  border-color: #255625;
}

.btn-success:hover {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}

.btn-success:active, .btn-success.active,
.open > .btn-success.dropdown-toggle {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}

.btn-success:active:hover, .btn-success:active:focus, .btn-success:active.focus, .btn-success.active:hover, .btn-success.active:focus, .btn-success.active.focus,
.open > .btn-success.dropdown-toggle:hover,
.open > .btn-success.dropdown-toggle:focus,
.open > .btn-success.dropdown-toggle.focus {
  color: #fff;
  background-color: #398439;
  border-color: #255625;
}

.btn-success:active, .btn-success.active,
.open > .btn-success.dropdown-toggle {
  background-image: none;
}

.btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled].focus,
fieldset[disabled] .btn-success:hover,
fieldset[disabled] .btn-success:focus,
fieldset[disabled] .btn-success.focus {
  background-color: #5cb85c;
  border-color: #4cae4c;
}

.btn-success .badge {
  color: #5cb85c;
  background-color: #fff;
}

.btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da;
}

.btn-info:focus, .btn-info.focus {
  color: #fff;
  background-color: #31b0d5;
  border-color: #1b6d85;
}

.btn-info:hover {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc;
}

.btn-info:active, .btn-info.active,
.open > .btn-info.dropdown-toggle {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc;
}

.btn-info:active:hover, .btn-info:active:focus, .btn-info:active.focus, .btn-info.active:hover, .btn-info.active:focus, .btn-info.active.focus,
.open > .btn-info.dropdown-toggle:hover,
.open > .btn-info.dropdown-toggle:focus,
.open > .btn-info.dropdown-toggle.focus {
  color: #fff;
  background-color: #269abc;
  border-color: #1b6d85;
}

.btn-info:active, .btn-info.active,
.open > .btn-info.dropdown-toggle {
  background-image: none;
}

.btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled].focus,
fieldset[disabled] .btn-info:hover,
fieldset[disabled] .btn-info:focus,
fieldset[disabled] .btn-info.focus {
  background-color: #5bc0de;
  border-color: #46b8da;
}

.btn-info .badge {
  color: #5bc0de;
  background-color: #fff;
}

.btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236;
}

.btn-warning:focus, .btn-warning.focus {
  color: #fff;
  background-color: #ec971f;
  border-color: #985f0d;
}

.btn-warning:hover {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}

.btn-warning:active, .btn-warning.active,
.open > .btn-warning.dropdown-toggle {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}

.btn-warning:active:hover, .btn-warning:active:focus, .btn-warning:active.focus, .btn-warning.active:hover, .btn-warning.active:focus, .btn-warning.active.focus,
.open > .btn-warning.dropdown-toggle:hover,
.open > .btn-warning.dropdown-toggle:focus,
.open > .btn-warning.dropdown-toggle.focus {
  color: #fff;
  background-color: #d58512;
  border-color: #985f0d;
}

.btn-warning:active, .btn-warning.active,
.open > .btn-warning.dropdown-toggle {
  background-image: none;
}

.btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled].focus,
fieldset[disabled] .btn-warning:hover,
fieldset[disabled] .btn-warning:focus,
fieldset[disabled] .btn-warning.focus {
  background-color: #f0ad4e;
  border-color: #eea236;
}

.btn-warning .badge {
  color: #f0ad4e;
  background-color: #fff;
}

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

.btn-danger:focus, .btn-danger.focus {
  color: #fff;
  background-color: #c9302c;
  border-color: #761c19;
}

.btn-danger:hover {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}

.btn-danger:active, .btn-danger.active,
.open > .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}

.btn-danger:active:hover, .btn-danger:active:focus, .btn-danger:active.focus, .btn-danger.active:hover, .btn-danger.active:focus, .btn-danger.active.focus,
.open > .btn-danger.dropdown-toggle:hover,
.open > .btn-danger.dropdown-toggle:focus,
.open > .btn-danger.dropdown-toggle.focus {
  color: #fff;
  background-color: #ac2925;
  border-color: #761c19;
}

.btn-danger:active, .btn-danger.active,
.open > .btn-danger.dropdown-toggle {
  background-image: none;
}

.btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled].focus,
fieldset[disabled] .btn-danger:hover,
fieldset[disabled] .btn-danger:focus,
fieldset[disabled] .btn-danger.focus {
  background-color: #d9534f;
  border-color: #d43f3a;
}

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

.btn-link {
  color: #337ab7;
  font-weight: normal;
  border-radius: 0;
}

.btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled],
fieldset[disabled] .btn-link {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {
  border-color: transparent;
}

.btn-link:hover, .btn-link:focus {
  color: #23527c;
  text-decoration: underline;
  background-color: transparent;
}

.btn-link[disabled]:hover, .btn-link[disabled]:focus,
fieldset[disabled] .btn-link:hover,
fieldset[disabled] .btn-link:focus {
  color: #777777;
  text-decoration: none;
}

.btn-lg {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}

.btn-sm {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

.btn-xs {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

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

.btn-block + .btn-block {
  margin-top: 5px;
}

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

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

.fade.in {
  opacity: 1;
}

.collapse {
  display: none;
}

.collapse.in {
  display: block;
}

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

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

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-property: height, visibility;
  transition-property: height, visibility;
  -webkit-transition-duration: 0.35s;
  transition-duration: 0.35s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}

.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-top: 4px solid \9;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}

.dropup,
.dropdown {
  position: relative;
}

.dropdown-toggle:focus {
  outline: 0;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 14px;
  text-align: left;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
}

.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}

.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}

.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.428571429;
  color: #333333;
  white-space: nowrap;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  background-color: #337ab7;
}

.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
  color: #777777;
}

.dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: not-allowed;
}

.open > .dropdown-menu {
  display: block;
}

.open > a {
  outline: 0;
}

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

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

.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.428571429;
  color: #777777;
  white-space: nowrap;
}

.dropdown-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 990;
}

.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px dashed;
  border-bottom: 4px solid \9;
  content: "";
}

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px;
}

@media (min-width: 768px) {
  .navbar-right .dropdown-menu {
    right: 0;
    left: auto;
  }
  .navbar-right .dropdown-menu-left {
    left: 0;
    right: auto;
  }
}

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

.nav:before, .nav:after {
  content: " ";
  display: table;
}

.nav:after {
  clear: both;
}

.nav > li {
  position: relative;
  display: block;
}

.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
}

.nav > li > a:hover, .nav > li > a:focus {
  text-decoration: none;
  background-color: #eeeeee;
}

.nav > li.disabled > a {
  color: #777777;
}

.nav > li.disabled > a:hover, .nav > li.disabled > a:focus {
  color: #777777;
  text-decoration: none;
  background-color: transparent;
  cursor: not-allowed;
}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
  background-color: #eeeeee;
  border-color: #337ab7;
}

.nav .nav-divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}

.nav > li > a > img {
  max-width: none;
}

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

.nav-tabs > li {
  float: left;
  margin-bottom: -1px;
}

.nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.428571429;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
}

.nav-tabs > li > a:hover {
  border-color: #eeeeee #eeeeee #ddd;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
  color: #555555;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
  cursor: default;
}

.nav-pills > li {
  float: left;
}

.nav-pills > li > a {
  border-radius: 4px;
}

.nav-pills > li + li {
  margin-left: 2px;
}

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
  color: #fff;
  background-color: #337ab7;
}

.nav-stacked > li {
  float: none;
}

.nav-stacked > li + li {
  margin-top: 2px;
  margin-left: 0;
}

.nav-justified, .nav-tabs.nav-justified {
  width: 100%;
}

.nav-justified > li, .nav-tabs.nav-justified > li {
  float: none;
}

.nav-justified > li > a, .nav-tabs.nav-justified > li > a {
  text-align: center;
  margin-bottom: 5px;
}

.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}

@media (min-width: 768px) {
  .nav-justified > li, .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-justified > li > a, .nav-tabs.nav-justified > li > a {
    margin-bottom: 0;
  }
}

.nav-tabs-justified, .nav-tabs.nav-justified {
  border-bottom: 0;
}

.nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
}

.nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus,
.nav-tabs.nav-justified > .active > a:focus {
  border: 1px solid #ddd;
}

@media (min-width: 768px) {
  .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
  }
  .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a,
  .nav-tabs-justified > .active > a:hover,
  .nav-tabs.nav-justified > .active > a:hover,
  .nav-tabs-justified > .active > a:focus,
  .nav-tabs.nav-justified > .active > a:focus {
    border-bottom-color: #fff;
  }
}

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

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

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

.navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: 20px;
  border: 1px solid transparent;
}

.navbar:before, .navbar:after {
  content: " ";
  display: table;
}

.navbar:after {
  clear: both;
}

@media (min-width: 768px) {
  .navbar {
    border-radius: 4px;
  }
}

.navbar-header:before, .navbar-header:after {
  content: " ";
  display: table;
}

.navbar-header:after {
  clear: both;
}

@media (min-width: 768px) {
  .navbar-header {
    float: left;
  }
}

.navbar-collapse {
  overflow-x: visible;
  padding-right: 15px;
  padding-left: 15px;
  border-top: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  -webkit-overflow-scrolling: touch;
}

.navbar-collapse:before, .navbar-collapse:after {
  content: " ";
  display: table;
}

.navbar-collapse:after {
  clear: both;
}

.navbar-collapse.in {
  overflow-y: auto;
}

@media (min-width: 768px) {
  .navbar-collapse {
    width: auto;
    border-top: 0;
    box-shadow: none;
  }
  .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }
  .navbar-collapse.in {
    overflow-y: visible;
  }
  .navbar-fixed-top .navbar-collapse,
  .navbar-static-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    padding-left: 0;
    padding-right: 0;
  }
}

.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
  max-height: 340px;
}

@media (max-device-width: 480px) and (orientation: landscape) {
  .navbar-fixed-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    max-height: 200px;
  }
}

.container > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-header,
.container-fluid > .navbar-collapse {
  margin-right: -15px;
  margin-left: -15px;
}

@media (min-width: 768px) {
  .container > .navbar-header,
  .container > .navbar-collapse,
  .container-fluid > .navbar-header,
  .container-fluid > .navbar-collapse {
    margin-right: 0;
    margin-left: 0;
  }
}

.navbar-static-top {
  z-index: 1000;
  border-width: 0 0 1px;
}

@media (min-width: 768px) {
  .navbar-static-top {
    border-radius: 0;
  }
}

.navbar-fixed-top,
.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
}

@media (min-width: 768px) {
  .navbar-fixed-top,
  .navbar-fixed-bottom {
    border-radius: 0;
  }
}

.navbar-fixed-top {
  top: 0;
  border-width: 0 0 1px;
}

.navbar-fixed-bottom {
  bottom: 0;
  margin-bottom: 0;
  border-width: 1px 0 0;
}

.navbar-brand {
  float: left;
  padding: 15px 15px;
  font-size: 18px;
  line-height: 20px;
  height: 50px;
}

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

.navbar-brand > img {
  display: block;
}

@media (min-width: 768px) {
  .navbar > .container .navbar-brand,
  .navbar > .container-fluid .navbar-brand {
    margin-left: -15px;
  }
}

.navbar-toggle {
  position: relative;
  float: right;
  margin-right: 15px;
  padding: 9px 10px;
  margin-top: 8px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}

.navbar-toggle:focus {
  outline: 0;
}

.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
}

.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 4px;
}

@media (min-width: 768px) {
  .navbar-toggle {
    display: none;
  }
}

.navbar-nav {
  margin: 7.5px -15px;
}

.navbar-nav > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 20px;
}

@media (max-width: 767px) {
  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    box-shadow: none;
  }
  .navbar-nav .open .dropdown-menu > li > a,
  .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 25px;
  }
  .navbar-nav .open .dropdown-menu > li > a {
    line-height: 20px;
  }
  .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus {
    background-image: none;
  }
}

@media (min-width: 768px) {
  .navbar-nav {
    float: left;
    margin: 0;
  }
  .navbar-nav > li {
    float: left;
  }
  .navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}

.navbar-form {
  margin-left: -15px;
  margin-right: -15px;
  padding: 10px 15px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  margin-top: 8px;
  margin-bottom: 8px;
}

@media (min-width: 768px) {
  .navbar-form .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .navbar-form .form-control-static {
    display: inline-block;
  }
  .navbar-form .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .navbar-form .input-group .input-group-addon,
  .navbar-form .input-group .input-group-btn,
  .navbar-form .input-group .form-control {
    width: auto;
  }
  .navbar-form .input-group > .form-control {
    width: 100%;
  }
  .navbar-form .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .radio,
  .navbar-form .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .radio label,
  .navbar-form .checkbox label {
    padding-left: 0;
  }
  .navbar-form .radio input[type="radio"],
  .navbar-form .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0;
  }
  .navbar-form .has-feedback .form-control-feedback {
    top: 0;
  }
}

@media (max-width: 767px) {
  .navbar-form .form-group {
    margin-bottom: 5px;
  }
  .navbar-form .form-group:last-child {
    margin-bottom: 0;
  }
}

@media (min-width: 768px) {
  .navbar-form {
    width: auto;
    border: 0;
    margin-left: 0;
    margin-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
}

.navbar-nav > li > .dropdown-menu {
  margin-top: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
  margin-bottom: 0;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.navbar-btn {
  margin-top: 8px;
  margin-bottom: 8px;
}

.navbar-btn.btn-sm {
  margin-top: 10px;
  margin-bottom: 10px;
}

.navbar-btn.btn-xs {
  margin-top: 14px;
  margin-bottom: 14px;
}

.navbar-text {
  margin-top: 15px;
  margin-bottom: 15px;
}

@media (min-width: 768px) {
  .navbar-text {
    float: left;
    margin-left: 15px;
    margin-right: 15px;
  }
}

@media (min-width: 768px) {
  .navbar-left {
    float: left !important;
  }
  .navbar-right {
    float: right !important;
    margin-right: -15px;
  }
  .navbar-right ~ .navbar-right {
    margin-right: 0;
  }
}

.navbar-default {
  background-color: #f8f8f8;
  border-color: #e7e7e7;
}

.navbar-default .navbar-brand {
  color: #777;
}

.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
  color: #5e5d5d;
  background-color: transparent;
}

.navbar-default .navbar-text {
  color: #777;
}

.navbar-default .navbar-nav > li > a {
  color: #777;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
  color: #333;
  background-color: transparent;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
  color: #555;
  background-color: #e7e7e7;
}

.navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus {
  color: #ccc;
  background-color: transparent;
}

.navbar-default .navbar-toggle {
  border-color: #ddd;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
  background-color: #ddd;
}

.navbar-default .navbar-toggle .icon-bar {
  background-color: #888;
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #e7e7e7;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
  background-color: #e7e7e7;
  color: #555;
}

@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #777;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #333;
    background-color: transparent;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #555;
    background-color: #e7e7e7;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #ccc;
    background-color: transparent;
  }
}

.navbar-default .navbar-link {
  color: #777;
}

.navbar-default .navbar-link:hover {
  color: #333;
}

.navbar-default .btn-link {
  color: #777;
}

.navbar-default .btn-link:hover, .navbar-default .btn-link:focus {
  color: #333;
}

.navbar-default .btn-link[disabled]:hover, .navbar-default .btn-link[disabled]:focus,
fieldset[disabled] .navbar-default .btn-link:hover,
fieldset[disabled] .navbar-default .btn-link:focus {
  color: #ccc;
}

.navbar-inverse {
  background-color: #222;
  border-color: #090808;
}

.navbar-inverse .navbar-brand {
  color: #9d9d9d;
}

.navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {
  color: #fff;
  background-color: transparent;
}

.navbar-inverse .navbar-text {
  color: #9d9d9d;
}

.navbar-inverse .navbar-nav > li > a {
  color: #9d9d9d;
}

.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
  color: #fff;
  background-color: transparent;
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
  color: #fff;
  background-color: #090808;
}

.navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus {
  color: #444;
  background-color: transparent;
}

.navbar-inverse .navbar-toggle {
  border-color: #333;
}

.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
  background-color: #333;
}

.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #fff;
}

.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-color: #101010;
}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
  background-color: #090808;
  color: #fff;
}

@media (max-width: 767px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: #090808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
    background-color: #090808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #9d9d9d;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #fff;
    background-color: transparent;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #090808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #444;
    background-color: transparent;
  }
}

.navbar-inverse .navbar-link {
  color: #9d9d9d;
}

.navbar-inverse .navbar-link:hover {
  color: #fff;
}

.navbar-inverse .btn-link {
  color: #9d9d9d;
}

.navbar-inverse .btn-link:hover, .navbar-inverse .btn-link:focus {
  color: #fff;
}

.navbar-inverse .btn-link[disabled]:hover, .navbar-inverse .btn-link[disabled]:focus,
fieldset[disabled] .navbar-inverse .btn-link:hover,
fieldset[disabled] .navbar-inverse .btn-link:focus {
  color: #444;
}

.breadcrumb {
  padding: 8px 15px;
  margin-bottom: 20px;
  list-style: none;
  background-color: #f5f5f5;
  border-radius: 4px;
}

.breadcrumb > li {
  display: inline-block;
}

.breadcrumb > li + li:before {
  content: "/ ";
  padding: 0 5px;
  color: #ccc;
}

.breadcrumb > .active {
  color: #777777;
}

.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}

.pagination > li {
  display: inline;
}

.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  line-height: 1.428571429;
  text-decoration: none;
  color: #337ab7;
  background-color: #fff;
  border: 1px solid #ddd;
  margin-left: -1px;
}

.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}

.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}

.pagination > li > a:hover, .pagination > li > a:focus,
.pagination > li > span:hover,
.pagination > li > span:focus {
  z-index: 2;
  color: #23527c;
  background-color: #eeeeee;
  border-color: #ddd;
}

.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus,
.pagination > .active > span,
.pagination > .active > span:hover,
.pagination > .active > span:focus {
  z-index: 3;
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7;
  cursor: default;
}

.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #777777;
  background-color: #fff;
  border-color: #ddd;
  cursor: not-allowed;
}

.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}

.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
}

.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-bottom-right-radius: 6px;
  border-top-right-radius: 6px;
}

.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
}

.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}

.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}

.label {
  display: inline;
  padding: .2em .6em .3em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em;
}

.label:empty {
  display: none;
}

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

a.label:hover, a.label:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}

.label-default {
  background-color: #777777;
}

.label-default[href]:hover, .label-default[href]:focus {
  background-color: #5e5e5e;
}

.label-primary {
  background-color: #337ab7;
}

.label-primary[href]:hover, .label-primary[href]:focus {
  background-color: #286090;
}

.label-success {
  background-color: #5cb85c;
}

.label-success[href]:hover, .label-success[href]:focus {
  background-color: #449d44;
}

.label-info {
  background-color: #5bc0de;
}

.label-info[href]:hover, .label-info[href]:focus {
  background-color: #31b0d5;
}

.label-warning {
  background-color: #f0ad4e;
}

.label-warning[href]:hover, .label-warning[href]:focus {
  background-color: #ec971f;
}

.label-danger {
  background-color: #d9534f;
}

.label-danger[href]:hover, .label-danger[href]:focus {
  background-color: #c9302c;
}

.thumbnail {
  display: block;
  padding: 4px;
  margin-bottom: 20px;
  line-height: 1.428571429;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: border 0.2s ease-in-out;
  -o-transition: border 0.2s ease-in-out;
  transition: border 0.2s ease-in-out;
}

.thumbnail > img,
.thumbnail a > img {
  display: block;
  max-width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}

.thumbnail .caption {
  padding: 9px;
  color: #333333;
}

a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
  border-color: #337ab7;
}

.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}

.alert h4 {
  margin-top: 0;
  color: inherit;
}

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

.alert > p,
.alert > ul {
  margin-bottom: 0;
}

.alert > p + p {
  margin-top: 5px;
}

.alert-dismissable,
.alert-dismissible {
  padding-right: 35px;
}

.alert-dismissable .close,
.alert-dismissible .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}

.alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #3c763d;
}

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

.alert-success .alert-link {
  color: #2b542c;
}

.alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #31708f;
}

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

.alert-info .alert-link {
  color: #245269;
}

.alert-warning {
  background-color: #fcf8e3;
  border-color: #faebcc;
  color: #8a6d3b;
}

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

.alert-warning .alert-link {
  color: #66512c;
}

.alert-danger {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442;
}

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

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

.media {
  margin-top: 15px;
}

.media:first-child {
  margin-top: 0;
}

.media,
.media-body {
  zoom: 1;
  overflow: hidden;
}

.media-body {
  width: 10000px;
}

.media-object {
  display: block;
}

.media-object.img-thumbnail {
  max-width: none;
}

.media-right,
.media > .pull-right {
  padding-left: 10px;
}

.media-left,
.media > .pull-left {
  padding-right: 10px;
}

.media-left,
.media-right,
.media-body {
  display: table-cell;
  vertical-align: top;
}

.media-middle {
  vertical-align: middle;
}

.media-bottom {
  vertical-align: bottom;
}

.media-heading {
  margin-top: 0;
  margin-bottom: 5px;
}

.media-list {
  padding-left: 0;
  list-style: none;
}

.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}

.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  border: 0;
}

.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}

.embed-responsive-4by3 {
  padding-bottom: 75%;
}

.embed-vimeo {
  padding-bottom: 47.5%;
}

.close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.2;
  filter: alpha(opacity=20);
}

.close:hover, .close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.5;
  filter: alpha(opacity=50);
}

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

.modal-open {
  overflow: hidden;
}

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

.modal.fade .modal-dialog {
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  -o-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -moz-transition: -moz-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}

.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}

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

.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}

.modal-content {
  position: relative;
  background-color: #fff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  outline: 0;
}

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

.modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0);
}

.modal-backdrop.in {
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}

.modal-header:before, .modal-header:after {
  content: " ";
  display: table;
}

.modal-header:after {
  clear: both;
}

.modal-header .close {
  margin-top: -2px;
}

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

.modal-body {
  position: relative;
  padding: 15px;
}

.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}

.modal-footer:before, .modal-footer:after {
  content: " ";
  display: table;
}

.modal-footer:after {
  clear: both;
}

.modal-footer .btn + .btn {
  margin-left: 5px;
  margin-bottom: 0;
}

.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}

.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}

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

@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }
  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }
  .modal-sm {
    width: 300px;
  }
}

@media (min-width: 992px) {
  .modal-lg {
    width: 900px;
  }
}

.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.428571429;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  font-size: 12px;
  opacity: 0;
  filter: alpha(opacity=0);
}

.tooltip.in {
  opacity: 0.9;
  filter: alpha(opacity=90);
}

.tooltip.top {
  margin-top: -3px;
  padding: 5px 0;
}

.tooltip.right {
  margin-left: 3px;
  padding: 0 5px;
}

.tooltip.bottom {
  margin-top: 3px;
  padding: 5px 0;
}

.tooltip.left {
  margin-left: -3px;
  padding: 0 5px;
}

.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 4px;
}

.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}

.tooltip.top-left .tooltip-arrow {
  bottom: 0;
  right: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}

.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  left: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}

.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000;
}

.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000;
}

.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}

.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  right: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}

.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  left: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  max-width: 276px;
  padding: 1px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.428571429;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  font-size: 14px;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

.popover.top {
  margin-top: -10px;
}

.popover.right {
  margin-left: 10px;
}

.popover.bottom {
  margin-top: 10px;
}

.popover.left {
  margin-left: -10px;
}

.popover-title {
  margin: 0;
  padding: 8px 14px;
  font-size: 14px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0;
}

.popover-content {
  padding: 9px 14px;
}

.popover > .arrow, .popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.popover > .arrow {
  border-width: 11px;
}

.popover > .arrow:after {
  border-width: 10px;
  content: "";
}

.popover.top > .arrow {
  left: 50%;
  margin-left: -11px;
  border-bottom-width: 0;
  border-top-color: #999999;
  border-top-color: rgba(0, 0, 0, 0.25);
  bottom: -11px;
}

.popover.top > .arrow:after {
  content: " ";
  bottom: 1px;
  margin-left: -10px;
  border-bottom-width: 0;
  border-top-color: #fff;
}

.popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-left-width: 0;
  border-right-color: #999999;
  border-right-color: rgba(0, 0, 0, 0.25);
}

.popover.right > .arrow:after {
  content: " ";
  left: 1px;
  bottom: -10px;
  border-left-width: 0;
  border-right-color: #fff;
}

.popover.bottom > .arrow {
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  top: -11px;
}

.popover.bottom > .arrow:after {
  content: " ";
  top: 1px;
  margin-left: -10px;
  border-top-width: 0;
  border-bottom-color: #fff;
}

.popover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999999;
  border-left-color: rgba(0, 0, 0, 0.25);
}

.popover.left > .arrow:after {
  content: " ";
  right: 1px;
  border-right-width: 0;
  border-left-color: #fff;
  bottom: -10px;
}

.carousel {
  position: relative;
}

.carousel-inner {
  position: relative;
  overflow: hidden;
  width: 100%;
}

.carousel-inner > .item {
  display: none;
  position: relative;
  -webkit-transition: 0.6s ease-in-out left;
  -o-transition: 0.6s ease-in-out left;
  transition: 0.6s ease-in-out left;
}

.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
  line-height: 1;
}

@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-inner > .item {
    -webkit-transition: -webkit-transform 0.6s ease-in-out;
    -moz-transition: -moz-transform 0.6s ease-in-out;
    -o-transition: -o-transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    perspective: 1000px;
  }
  .carousel-inner > .item.next, .carousel-inner > .item.active.right {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    left: 0;
  }
  .carousel-inner > .item.prev, .carousel-inner > .item.active.left {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    left: 0;
  }
  .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right, .carousel-inner > .item.active {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    left: 0;
  }
}

.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
  display: block;
}

.carousel-inner > .active {
  left: 0;
}

.carousel-inner > .next,
.carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}

.carousel-inner > .next {
  left: 100%;
}

.carousel-inner > .prev {
  left: -100%;
}

.carousel-inner > .next.left,
.carousel-inner > .prev.right {
  left: 0;
}

.carousel-inner > .active.left {
  left: -100%;
}

.carousel-inner > .active.right {
  left: 100%;
}

.carousel-control {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 15%;
  opacity: 0.5;
  filter: alpha(opacity=50);
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  line-height: 0.5;
  background-color: rgba(0, 0, 0, 0.3);
}

.carousel-control.right {
  left: auto;
  right: 0;
}

.carousel-control:hover, .carousel-control:focus {
  outline: 0;
  color: #fff;
  text-decoration: none;
  opacity: 0.9;
  filter: alpha(opacity=90);
}

.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
  position: absolute;
  top: 50%;
  margin-top: -10px;
  z-index: 5;
  display: inline-block;
}

.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
  left: 50%;
  margin-left: -10px;
}

.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
  right: 50%;
  margin-right: -10px;
}

.carousel-control .icon-prev,
.carousel-control .icon-next {
  width: 20px;
  height: 20px;
  line-height: 1;
  font-family: serif;
}

.carousel-control .icon-prev:before {
  content: '\2039';
}

.carousel-control .icon-next:before {
  content: '\203a';
}

.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  margin-left: -30%;
  padding-left: 0;
  list-style: none;
  text-align: center;
}

.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  border: 1px solid #fff;
  border-radius: 10px;
  cursor: pointer;
  background-color: #000 \9;
  background-color: rgba(0, 0, 0, 0);
}

.carousel-indicators .active {
  margin: 0;
  width: 12px;
  height: 12px;
  background-color: #fff;
}

.carousel-caption {
  position: absolute;
  left: 15%;
  right: 15%;
  bottom: 20px;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}

.carousel-caption .btn {
  text-shadow: none;
}

@media screen and (min-width: 768px) {
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -10px;
    font-size: 30px;
  }
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .icon-prev {
    margin-left: -10px;
  }
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-next {
    margin-right: -10px;
  }
  .carousel-caption {
    left: 20%;
    right: 20%;
    padding-bottom: 30px;
  }
  .carousel-indicators {
    bottom: 20px;
  }
}

.clearfix:before, .clearfix:after {
  content: " ";
  display: table;
}

.clearfix:after {
  clear: both;
}

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.pull-right {
  float: right !important;
}

.pull-left {
  float: left !important;
}

.hide {
  display: none !important;
}

.show {
  display: block !important;
}

.invisible {
  visibility: hidden;
}

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.hidden {
  display: none !important;
}

.affix {
  position: fixed;
}

@-ms-viewport {
  width: device-width;
}

.visible-xs {
  display: none !important;
}

.visible-sm {
  display: none !important;
}

.visible-md {
  display: none !important;
}

.visible-lg {
  display: none !important;
}

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}

@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table !important;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}

@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important;
  }
}

@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important;
  }
}

@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table !important;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }
  table.visible-md {
    display: table !important;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table !important;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}

@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}

@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}

.visible-print {
  display: none !important;
}

@media print {
  .visible-print {
    display: block !important;
  }
  table.visible-print {
    display: table !important;
  }
  tr.visible-print {
    display: table-row !important;
  }
  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
}

.visible-print-block {
  display: none !important;
}

@media print {
  .visible-print-block {
    display: block !important;
  }
}

.visible-print-inline {
  display: none !important;
}

@media print {
  .visible-print-inline {
    display: inline !important;
  }
}

.visible-print-inline-block {
  display: none !important;
}

@media print {
  .visible-print-inline-block {
    display: inline-block !important;
  }
}

@media print {
  .hidden-print {
    display: none !important;
  }
}

/*!
 * Datepicker for Bootstrap
 *
 * Copyright 2012 Stefan Petre
 * Improvements by Ashley Novak
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */
.datepicker {
  padding: 4px;
  border-radius: 4px;
  /*.dow {
    border-top: 1px solid #ddd !important;
  }*/
}

.datepicker.datepicker-inline {
  width: 220px;
}

.datepicker.datepicker-dropdown {
  position: absolute;
  left: 0;
  z-index: 9999;
}

.datepicker.datepicker-dropdown:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-top: 0;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
}

.datepicker.datepicker-dropdown:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-top: 0;
  position: absolute;
}

.datepicker.datepicker-dropdown.datepicker-orient-left:before {
  left: 107px;
}

.datepicker.datepicker-dropdown.datepicker-orient-left:after {
  left: 108px;
}

.datepicker.datepicker-dropdown.datepicker-orient-right:before {
  right: 107px;
}

.datepicker.datepicker-dropdown.datepicker-orient-right:after {
  right: 108px;
}

.datepicker.datepicker-dropdown.datepicker-orient-top:before {
  top: -7px;
}

.datepicker.datepicker-dropdown.datepicker-orient-top:after {
  top: -6px;
}

.datepicker.datepicker-dropdown.datepicker-orient-bottom:before {
  bottom: -7px;
  border-bottom: 0;
  border-top: 7px solid #999;
}

.datepicker.datepicker-dropdown.datepicker-orient-bottom:after {
  bottom: -6px;
  border-bottom: 0;
  border-top: 6px solid #fff;
}

.datepicker > div {
  display: none;
}

.datepicker.days div.datepicker-days {
  display: block;
}

.datepicker.months div.datepicker-months {
  display: block;
}

.datepicker.years div.datepicker-years {
  display: block;
}

.datepicker table {
  margin: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.datepicker table tr td, .datepicker table tr th {
  text-align: center;
  width: 30px;
  height: 30px;
  border-radius: 4px;
  color: black;
  border: none;
}

.table-striped .datepicker table tr td, .table-striped .datepicker table tr th {
  background-color: transparent;
}

.datepicker table tr td.day:hover, .datepicker table tr td.day.focused {
  background: #eeeeee;
  cursor: pointer;
}

.datepicker table tr td.old, .datepicker table tr td.new {
  color: #777777;
}

.datepicker table tr td.disabled, .datepicker table tr td.disabled:hover {
  background: none;
  color: #777777;
  cursor: default;
}

.datepicker table tr td.today, .datepicker table tr td.today:hover, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover {
  color: #333333;
  background-color: #5bc0de;
  border-color: #2390b0;
}

.datepicker table tr td.today:focus, .datepicker table tr td.today:active, .datepicker table tr td.today.active, .datepicker table tr td.today:hover:focus, .datepicker table tr td.today:hover:active, .datepicker table tr td.today:hover.active, .datepicker table tr td.today.disabled:focus, .datepicker table tr td.today.disabled:active, .datepicker table tr td.today.disabled.active, .datepicker table tr td.today.disabled:hover:focus, .datepicker table tr td.today.disabled:hover:active, .datepicker table tr td.today.disabled:hover.active {
  color: #333333;
  background-color: #5bc0de;
  border-color: #19667d;
}

.datepicker table tr td.today:hover, .datepicker table tr td.today:hover:hover, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today.disabled:hover:hover {
  color: #333333;
  background-color: #39b3d7;
  border-color: #19667d;
}

.datepicker table tr td.today:hover:hover {
  color: #000;
}

.datepicker table tr td.today.active:hover {
  color: #fff;
}

.datepicker table tr td.range, .datepicker table tr td.range:hover, .datepicker table tr td.range.disabled, .datepicker table tr td.range.disabled:hover {
  background: #eeeeee;
  border-radius: 0;
}

.datepicker table tr td.range.today, .datepicker table tr td.range.today:hover, .datepicker table tr td.range.today.disabled, .datepicker table tr td.range.today.disabled:hover {
  color: #000;
  background-color: #5bc0de;
  border-color: #2390b0;
  border-radius: 0;
}

.datepicker table tr td.range.today:focus, .datepicker table tr td.range.today:active, .datepicker table tr td.range.today.active, .datepicker table tr td.range.today:hover:focus, .datepicker table tr td.range.today:hover:active, .datepicker table tr td.range.today:hover.active, .datepicker table tr td.range.today.disabled:focus, .datepicker table tr td.range.today.disabled:active, .datepicker table tr td.range.today.disabled.active, .datepicker table tr td.range.today.disabled:hover:focus, .datepicker table tr td.range.today.disabled:hover:active, .datepicker table tr td.range.today.disabled:hover.active {
  color: #000;
  background-color: #5bc0de;
  border-color: #19667d;
}

.datepicker table tr td.range.today:hover, .datepicker table tr td.range.today:hover:hover, .datepicker table tr td.range.today.disabled:hover, .datepicker table tr td.range.today.disabled:hover:hover {
  color: #000;
  background-color: #39b3d7;
  border-color: #19667d;
}

.datepicker table tr td.selected, .datepicker table tr td.selected:hover, .datepicker table tr td.selected.disabled, .datepicker table tr td.selected.disabled:hover {
  color: #fff;
  background-color: #777777;
  border-color: #555555;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datepicker table tr td.selected:focus, .datepicker table tr td.selected:active, .datepicker table tr td.selected.active, .datepicker table tr td.selected:hover:focus, .datepicker table tr td.selected:hover:active, .datepicker table tr td.selected:hover.active, .datepicker table tr td.selected.disabled:focus, .datepicker table tr td.selected.disabled:active, .datepicker table tr td.selected.disabled.active, .datepicker table tr td.selected.disabled:hover:focus, .datepicker table tr td.selected.disabled:hover:active, .datepicker table tr td.selected.disabled:hover.active {
  color: #fff;
  background-color: #777777;
  border-color: #373737;
}

.datepicker table tr td.selected:hover, .datepicker table tr td.selected:hover:hover, .datepicker table tr td.selected.disabled:hover, .datepicker table tr td.selected.disabled:hover:hover {
  color: #fff;
  background-color: #636363;
  border-color: #373737;
}

.datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover {
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datepicker table tr td.active:focus, .datepicker table tr td.active:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover:focus, .datepicker table tr td.active:hover:active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled:focus, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover:focus, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.disabled:hover.active {
  color: #fff;
  background-color: #337ab7;
  border-color: #265a88;
}

.datepicker table tr td.active:hover, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover:hover {
  color: #fff;
  background-color: #2a6598;
  border-color: #265a88;
}

.datepicker table tr td span {
  display: block;
  width: 23%;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 1%;
  cursor: pointer;
  border-radius: 4px;
}

.datepicker table tr td span:hover {
  background: #eeeeee;
}

.datepicker table tr td span.disabled, .datepicker table tr td span.disabled:hover {
  background: none;
  color: #777777;
  cursor: default;
}

.datepicker table tr td span.active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datepicker table tr td span.active:focus, .datepicker table tr td span.active:active, .datepicker table tr td span.active.active, .datepicker table tr td span.active:hover:focus, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active.disabled:focus, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:hover:focus, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.disabled:hover.active {
  color: #fff;
  background-color: #337ab7;
  border-color: #204d74;
}

.datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover:hover, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover:hover {
  color: #fff;
  background-color: #2a6598;
  border-color: #204d74;
}

.datepicker table tr td span.old, .datepicker table tr td span.new {
  color: #777777;
}

.datepicker th.datepicker-switch {
  width: 145px;
}

.datepicker thead tr:first-child th,
.datepicker tfoot tr th {
  cursor: pointer;
  color: #337ab7;
}

.datepicker thead tr:first-child th:hover,
.datepicker tfoot tr th:hover {
  background: #eeeeee;
}

.datepicker .cw {
  font-size: 10px;
  width: 12px;
  padding: 0 2px 0 5px;
  vertical-align: middle;
}

.datepicker thead tr:first-child th.cw {
  cursor: default;
  background-color: transparent;
}

.input-group.date .input-group-addon i {
  cursor: pointer;
  width: 16px;
  height: 16px;
}

.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 {
  width: auto;
  min-width: 16px;
  padding: 4px 5px;
  font-weight: normal;
  line-height: 1.428571429;
  text-align: center;
  text-shadow: 0 1px 0 #fff;
  vertical-align: middle;
  background-color: #eeeeee;
  border: solid #ccc;
  border-width: 1px 0;
  margin-left: -5px;
  margin-right: -5px;
}

@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  src: url("/static/fonts/Roboto/Roboto-Light.eot");
  src: url("/static/fonts/Roboto/Roboto-Light.eot?#iefix") format("embedded-opentype"), url("/static/fonts/Roboto/Roboto-Light.woff2") format("woff2"), url("/static/fonts/Roboto/Roboto-Light.woff") format("woff"), url("/static/fonts/Roboto/Roboto-Light.ttf") format("truetype"), url("/static/fonts/Roboto/Roboto-Light.svg") format("svg");
}

@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: normal;
  src: url("/static/fonts/Roboto/Roboto-Regular.eot");
  src: url("/static/fonts/Roboto/Roboto-Regular.eot?#iefix") format("embedded-opentype"), url("/static/fonts/Roboto/Roboto-Regular.woff2") format("woff2"), url("/static/fonts/Roboto/Roboto-Regular.woff") format("woff"), url("/static/fonts/Roboto/Roboto-Regular.ttf") format("truetype"), url("/static/fonts/Roboto/Roboto-Regular.svg") format("svg");
}

@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: bold;
  src: url("/static/fonts/Roboto/Roboto-Bold.eot");
  src: url("/static/fonts/Roboto/Roboto-Bold.eot?#iefix") format("embedded-opentype"), url("/static/fonts/Roboto/Roboto-Bold.woff2") format("woff2"), url("/static/fonts/Roboto/Roboto-Bold.woff") format("woff"), url("/static/fonts/Roboto/Roboto-Bold.ttf") format("truetype"), url("/static/fonts/Roboto/Roboto-Bold.svg") format("svg");
}

@font-face {
  font-family: "Suzuki";
  font-style: normal;
  font-weight: 300;
  src: url("/static/fonts/Suzuki/Suzuki-Light.eot");
  src: url("/static/fonts/Suzuki/Suzuki-Light.eot?#iefix") format("embedded-opentype"), url("/static/fonts/Suzuki/Suzuki-Light.woff2") format("woff2"), url("/static/fonts/Suzuki/Suzuki-Light.woff") format("woff"), url("/static/fonts/Suzuki/Suzuki-Light.ttf") format("truetype"), url("/static/fonts/Suzuki/Suzuki-Light.svg") format("svg");
}

@font-face {
  font-family: "Suzuki";
  font-style: normal;
  font-weight: normal;
  src: url("/static/fonts/Suzuki/Suzuki-Regular.eot");
  src: url("/static/fonts/Suzuki/Suzuki-Regular.eot?#iefix") format("embedded-opentype"), url("/static/fonts/Suzuki/Suzuki-Regular.woff2") format("woff2"), url("/static/fonts/Suzuki/Suzuki-Regular.woff") format("woff"), url("/static/fonts/Suzuki/Suzuki-Regular.ttf") format("truetype"), url("/static/fonts/Suzuki/Suzuki-Regular.svg") format("svg");
}

@font-face {
  font-family: "Suzuki";
  font-style: normal;
  font-weight: bold;
  src: url("/static/fonts/Suzuki/Suzuki-Bold.eot");
  src: url("/static/fonts/Suzuki/Suzuki-Bold.eot?#iefix") format("embedded-opentype"), url("/static/fonts/Suzuki/Suzuki-Bold.woff2") format("woff2"), url("/static/fonts/Suzuki/Suzuki-Bold.woff") format("woff"), url("/static/fonts/Suzuki/Suzuki-Bold.ttf") format("truetype"), url("/static/fonts/Suzuki/Suzuki-Bold.svg") format("svg");
}

/*------------------------------------*\
    #Media Queries
\*------------------------------------*/
/*** Header Variables ***/
/*** Navigation Variables ***/
/*** Header Style Two Variables ***/
/*** Unity 18 Showroom Variables ***/
.hamburger {
  padding: 2px 10px;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
}

.hamburger:hover {
  opacity: 1;
}

.hamburger-box {
  width: 30px;
  height: 18px;
  display: inline-block;
  position: relative;
}

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px;
}

.hamburger-inner, .hamburger-inner::before {
  width: 30px;
  height: 4px;
  background-color: #ffffff;
  border-radius: 4px;
  position: absolute;
  transition-property: transform;
  transition-duration: 0.15s;
  transition-timing-function: ease;
}

.hamburger-inner::before {
  content: "";
  display: block;
}

.hamburger-inner::before {
  top: -10px;
}

/*
   * Collapse
   */
.hamburger--collapse .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.15s;
  transition-delay: 0.15s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse .hamburger-inner::after {
  top: -20px;
  transition: top 0.3s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}

.hamburger--collapse .hamburger-inner::before {
  transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse.is-active .hamburger-inner {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
  transition-delay: 0.32s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--collapse.is-active .hamburger-inner::after {
  top: 0;
  opacity: 0;
  transition: top 0.3s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.27s linear;
}

.hamburger--collapse.is-active .hamburger-inner::before {
  top: 0;
  transform: rotate(-90deg);
  transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1);
}

@font-face {
  font-family: 'awfont';
  src: url("/static/fonts/awfont/awfont.eot?vhovng");
  src: url("/static/fonts/awfont/awfont.eot?vhovng#iefix") format("embedded-opentype"), url("/static/fonts/awfont/awfont.ttf?vhovng") format("truetype"), url("/static/fonts/awfont/awfont.woff?vhovng") format("woff"), url("/static/fonts/awfont/awfont.svg?vhovng#awfont") format("svg");
  font-weight: normal;
  font-style: normal;
}

.awicon {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'awfont' !important;
  display: inline;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.awicon-chevron-up:before {
  content: "\e957";
}

.awicon-chevron-down:before {
  content: "\e958";
}

.awicon-chevron-left:before {
  content: "\e959";
}

.awicon-chevron-right:before {
  content: "\e98d";
}

.awicon-chevron-left-right:before {
  content: "\e98e";
}

.awicon-up-down:before {
  content: "\e98f";
}

.awicon-chevron-small-up:before {
  content: "\e990";
}

.awicon-chevron-small-down:before {
  content: "\e991";
}

.awicon-chevron-small-left:before {
  content: "\e992";
}

.awicon-chevron-small-right:before {
  content: "\e993";
}

.awicon-chevron-down-square:before {
  content: "\e994";
}

.awicon-chevron-up-square:before {
  content: "\e995";
}

.awicon-chevron-left-square:before {
  content: "\e996";
}

.awicon-chevron-right-square:before {
  content: "\e997";
}

.awicon-cube-line-icon:before {
  content: "\e99f";
}

.awicon-height-icon:before {
  content: "\e9a2";
}

.awicon-width-icon:before {
  content: "\e9a3";
}

.awicon-four-arrows-inside-line-icon:before {
  content: "\e9a4";
}

.awicon-car-seat-icon:before {
  content: "\e9a0";
}

.awicon-car-seat-icon-fill:before {
  content: "\e9a1";
}

.awicon-measurement-icon:before {
  content: "\e9a5";
}

.awicon-measurement-vertical-icon:before {
  content: "\e9a6";
}

.awicon-measurement-tool-icon:before {
  content: "\e9a7";
}

.awicon-scale-ruler-icon:before {
  content: "\e9a8";
}

.awicon-heart-solid:before {
  content: "\e976";
}

.awicon-heart-regular:before {
  content: "\e98c";
}

.awicon-tw:before {
  content: "\e98b";
}

.awicon-star:before {
  content: "\e989";
}

.awicon-star-half:before {
  content: "\e987";
}

.awicon-star-fill:before {
  content: "\e988";
}

.awicon-ulez:before {
  content: "\e985";
}

.awicon-battery-charge:before {
  content: "\e986";
}

.awicon-battery-full:before {
  content: "\e97e";
}

.awicon-battery-low:before {
  content: "\e97f";
}

.awicon-battery-medium:before {
  content: "\e980";
}

.awicon-car-battery-full:before {
  content: "\e981";
}

.awicon-fuel-pump:before {
  content: "\e982";
}

.awicon-shield-check:before {
  content: "\e983";
}

.awicon-wallet:before {
  content: "\e984";
}

.awicon-meta:before {
  content: "\e998";
}

.awicon-telegram:before {
  content: "\e999";
}

.awicon-vimeo-text:before {
  content: "\e99a";
}

.awicon-vimeo-box:before {
  content: "\e99b";
}

.awicon-vimeo:before {
  content: "\e99c";
}

.awicon-tiktok:before {
  content: "\e99d";
}

.awicon-skype:before {
  content: "\e99e";
}

.awicon-whatsapp:before {
  content: "\e97d";
}

.awicon-mot:before {
  content: "\e97c";
}

.awicon-degree:before {
  content: "\e97b";
}

.awicon-snapchat:before {
  content: "\e97a";
}

.awicon-right-quote-sign:before {
  content: "\e978";
}

.awicon-icon-motability:before {
  content: "\e977";
}

.awicon-pin:before {
  content: "\e974";
}

.awicon-insta:before {
  content: "\e975";
}

.awicon-services:before {
  content: "\e96f";
}

.awicon-disk:before {
  content: "\e970";
}

.awicon-chat:before {
  content: "\e971";
}

.awicon-arrow:before {
  content: "\e972";
}

.awicon-tyres:before {
  content: "\e973";
}

.awicon-tw1:before {
  content: "\e96a";
}

.awicon-fb:before {
  content: "\e96b";
}

.awicon-gp:before {
  content: "\e900";
}

.awicon-gp-old:before {
  content: "\e96c";
}

.awicon-li:before {
  content: "\e96d";
}

.awicon-yt:before {
  content: "\e96e";
}

.awicon-rain-sensor:before {
  content: "\e954";
}

.awicon-sat-nav:before {
  content: "\e955";
}

.awicon-parking-sensors:before {
  content: "\e956";
}

.awicon-dab-radio:before {
  content: "\e95a";
}

.awicon-headlights:before {
  content: "\e95b";
}

.awicon-start-stop:before {
  content: "\e95c";
}

.awicon-cruise-control:before {
  content: "\e95d";
}

.awicon-eco-mode:before {
  content: "\e95e";
}

.awicon-keyless-entry:before {
  content: "\e95f";
}

.awicon-heated-seats:before {
  content: "\e960";
}

.awicon-seats:before {
  content: "\e969";
}

.awicon-voice-control:before {
  content: "\e961";
}

.awicon-alloy-wheel:before {
  content: "\e962";
}

.awicon-climate-control:before {
  content: "\e963";
}

.awicon-leather-seats:before {
  content: "\e964";
}

.awicon-bluetooth-signal:before {
  content: "\e965";
}

.awicon-pause-slideshow:before {
  content: "\e94f";
}

.awicon-play-slideshow:before {
  content: "\e950";
}

.awicon-play-slideshow2:before {
  content: "\e966";
}

.awicon-pause-slideshow2:before {
  content: "\e967";
}

.awicon-play-slideshow3:before {
  content: "\e968";
}

.awicon-servicing:before {
  content: "\e94d";
}

.awicon-service-tools:before {
  content: "\e94e";
}

.awicon-gas-station:before {
  content: "\e94c";
}

.awicon-quote:before {
  content: "\e94b";
}

.awicon-electric-windows:before {
  content: "\e94a";
}

.awicon-airbag:before {
  content: "\e949";
}

.awicon-central-locking:before {
  content: "\e951";
}

.awicon-traction-control:before {
  content: "\e952";
}

.awicon-security:before {
  content: "\e953";
}

.awicon-bluetooth:before {
  content: "\f293";
}

.awicon-air-con:before {
  content: "\e948";
}

.awicon-brochure:before {
  content: "\e947";
}

.awicon-refresh:before {
  content: "\e944";
}

.awicon-tick-style-05:before {
  content: "\e940";
}

.awicon-tick-style-04:before {
  content: "\e943";
}

.awicon-tick-style-03:before {
  content: "\e941";
}

.awicon-tick-style-02:before {
  content: "\e942";
}

.awicon-tick-style-01:before {
  content: "\e93f";
}

.awicon-reg:before {
  content: "\e93e";
}

.awicon-il-safety:before {
  content: "\e938";
}

.awicon-il-weight:before {
  content: "\e939";
}

.awicon-il-measurements:before {
  content: "\e93a";
}

.awicon-il-fuel:before {
  content: "\e93b";
}

.awicon-il-performace:before {
  content: "\e93c";
}

.awicon-il-co2:before {
  content: "\e93d";
}

.awicon-car-circle:before {
  content: "\e932";
}

.awicon-testdrive-circle:before {
  content: "\e933";
}

.awicon-phone-circle:before {
  content: "\e934";
}

.awicon-callback-circle:before {
  content: "\e935";
}

.awicon-navigate-circle:before {
  content: "\e936";
}

.awicon-email-circle:before {
  content: "\e937";
}

.awicon-cancel:before {
  content: "\e930";
}

.awicon-tick:before {
  content: "\e931";
}

.awicon-search:before {
  content: "\e92b";
}

.awicon-chevron-arrow-down:before {
  content: "\e92c";
}

.awicon-chevron-arrow-up:before {
  content: "\e92d";
}

.awicon-plus:before {
  content: "\e92e";
}

.awicon-minus:before {
  content: "\e92f";
}

.awicon-clock:before {
  content: "\e907";
}

.awicon-budget:before {
  content: "\e901";
}

.awicon-photo:before {
  content: "\e902";
}

.awicon-video:before {
  content: "\e903";
}

.awicon-front-car:before {
  content: "\e906";
}

.awicon-email:before {
  content: "\e904";
}

.awicon-phone-book:before {
  content: "\e905";
}

.awicon-location-pin:before {
  content: "\e908";
}

.awicon-car-insurance-below:before {
  content: "\e979";
}

.awicon-callback:before {
  content: "\e909";
}

.awicon-call-us:before {
  content: "\e90a";
}

.awicon-email-us:before {
  content: "\e90b";
}

.awicon-test-drive:before {
  content: "\e90c";
}

.awicon-part-exchange:before {
  content: "\e90d";
}

.awicon-print:before {
  content: "\e90e";
}

.awicon-calendar:before {
  content: "\e90f";
}

.awicon-paint:before {
  content: "\e910";
}

.awicon-transmision:before {
  content: "\e911";
}

.awicon-mpg:before {
  content: "\e912";
}

.awicon-co2:before {
  content: "\e913";
}

.awicon-insurance-group:before {
  content: "\e914";
}

.awicon-road-tax:before {
  content: "\e915";
}

.awicon-transmision-2:before {
  content: "\e916";
}

.awicon-saloon:before {
  content: "\e917";
}

.awicon-fueltype:before {
  content: "\e918";
}

.awicon-engine:before {
  content: "\e98a";
}

.awicon-mileage:before {
  content: "\e919";
}

.awicon-youtube:before {
  content: "\e91a";
}

.awicon-twitter:before {
  content: "\e91d";
}

.awicon-google-plus:before {
  content: "\e91f";
}

.awicon-facebook:before {
  content: "\e924";
}

.awicon-home:before {
  content: "\e926";
}

.awicon-telephone:before {
  content: "\e927";
}

.awicon-left-arrow:before {
  content: "\e928";
}

.awicon-right-arrow:before {
  content: "\e929";
}

.awicon-info:before {
  content: "\e92a";
}

/************************************** Components *********************************/
/**
* BootstrapMMExtend_V1.0 (An extension for bootstrap 3.3.4)
* About BootstrapMMExtend_V1.0: 'for Control of grid and visibility between Portrait and landscape views on devices less than 768px in width'
*
* Copyright 2015 by Mark Miller <mark@markanthonymiller.com>
*
* BootstrapMMExtend_V1.0 is free software: you can redistribute
* it and/or modify it under the terms of the GNU General Public
* License as published by the Free Software Foundation, either
* version 3 of the License, or (at your option) any later version.
*
* BootstrapMMExtend_V1.0 application is distributed in the hope that it will
* be useful, but WITHOUT ANY WARRANTY; without even the implied warranty
* of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU General Public License for more details.
*
* @license GPL-3.0+ <http://spdx.org/licenses/GPL-3.0+>
*/
@media only screen and (max-width: 1439px) {
  .visible-xl {
    display: none;
  }
}

@media only screen and (min-width: 1440px) {
  .hidden-xl {
    display: none;
  }
}

.visible-xxs {
  display: none !important;
  visibility: hidden;
}

.hidden-xxs {
  display: block;
  visibility: visible;
}

/*XXS Portrait Smartphone*/
@media screen and (max-width: 479px) {
  .visible-xxs {
    display: block !important;
    visibility: visible !important;
  }
  .hidden-xxs {
    display: none !important;
    visibility: hidden !important;
  }
  .col-xxs-1,
  .col-xxs-2,
  .col-xxs-3,
  .col-xxs-4,
  .col-xxs-5,
  .col-xxs-6,
  .col-xxs-7,
  .col-xxs-8,
  .col-xxs-9,
  .col-xxs-10,
  .col-xxs-11,
  .col-xxs-12 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
  }
  .col-xxs-1,
  .col-xxs-2,
  .col-xxs-3,
  .col-xxs-4,
  .col-xxs-5,
  .col-xxs-6,
  .col-xxs-7,
  .col-xxs-8,
  .col-xxs-9,
  .col-xxs-10,
  .col-xxs-11 {
    float: left;
  }
  .col-xxs-1 {
    width: 8.333333333333332%;
  }
  .col-xxs-2 {
    width: 16.666666666666664%;
  }
  .col-xxs-3 {
    width: 25%;
  }
  .col-xxs-4 {
    width: 33.33333333333333%;
  }
  .col-xxs-5 {
    width: 41.66666666666667%;
  }
  .col-xxs-6 {
    width: 50%;
  }
  .col-xxs-7 {
    width: 58.333333333333336%;
  }
  .col-xxs-8 {
    width: 66.66666666666666%;
  }
  .col-xxs-9 {
    width: 75%;
  }
  .col-xxs-10 {
    width: 83.33333333333334%;
  }
  .col-xxs-11 {
    width: 91.66666666666666%;
  }
  .col-xxs-12 {
    width: 100%;
  }
  .col-xxs-push-1 {
    left: 8.333333333333332%;
  }
  .col-xxs-push-2 {
    left: 16.666666666666664%;
  }
  .col-xxs-push-3 {
    left: 25%;
  }
  .col-xxs-push-4 {
    left: 33.33333333333333%;
  }
  .col-xxs-push-5 {
    left: 41.66666666666667%;
  }
  .col-xxs-push-6 {
    left: 50%;
  }
  .col-xxs-push-7 {
    left: 58.333333333333336%;
  }
  .col-xxs-push-8 {
    left: 66.66666666666666%;
  }
  .col-xxs-push-9 {
    left: 75%;
  }
  .col-xxs-push-10 {
    left: 83.33333333333334%;
  }
  .col-xxs-push-11 {
    left: 91.66666666666666%;
  }
  .col-xxs-pull-1 {
    right: 8.333333333333332%;
  }
  .col-xxs-pull-2 {
    right: 16.666666666666664%;
  }
  .col-xxs-pull-3 {
    right: 25%;
  }
  .col-xxs-pull-4 {
    right: 33.33333333333333%;
  }
  .col-xxs-pull-5 {
    right: 41.66666666666667%;
  }
  .col-xxs-pull-6 {
    right: 50%;
  }
  .col-xxs-pull-7 {
    right: 58.333333333333336%;
  }
  .col-xxs-pull-8 {
    right: 66.66666666666666%;
  }
  .col-xxs-pull-9 {
    right: 75%;
  }
  .col-xxs-pull-10 {
    right: 83.33333333333334%;
  }
  .col-xxs-pull-11 {
    right: 91.66666666666666%;
  }
  .text-center-xxs {
    text-align: center;
  }
}

.carousel-control {
  font-size: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: monospace;
  color: #fff;
  background: none;
  width: 15%;
  opacity: 0.5;
}

.carousel-control:hover {
  color: #fff;
  background: none;
}

.btn-primary {
  background: #0582CA;
  border-color: transparent;
  color: #ffffff;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
  background: #003145;
  border-color: transparent;
  color: #ffffff;
}

.btn-primary:active:hover, .btn-primary:active:focus {
  background-color: #333333;
  color: #ffffff;
}

.btn-secondary {
  color: #ffffff;
  background: #003145;
  border-color: transparent;
}

.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active {
  color: #ffffff;
  background: #000d12;
  border-color: transparent;
}

html {
  font-size: 14px;
}

body {
  background: #ffffff;
  font-family: "Roboto", sans-serif;
  color: #003145;
  padding: 0;
  -webkit-font-smoothing: antialiased;
  font-size: 16px;
  line-height: 26px;
  font-weight: 400;
}

@media only screen and (max-width: 1439px) {
  body {
    font-size: 14px;
    line-height: 22px;
  }
}

.container-fluid {
  max-width: 1700px;
}

h1 {
  font-weight: bold;
  font-family: "Suzuki", sans-serif;
  font-size: 36px;
  line-height: 1.2;
  text-transform: none;
}

@media only screen and (max-width: 1400px) {
  h1 {
    font-size: 28px;
  }
}

@media only screen and (max-width: 767px) {
  h1 {
    font-size: 24px;
  }
}

@media only screen and (max-width: 479px) {
  h1 {
    font-size: 20px;
  }
}

h2 {
  font-weight: bold;
  font-family: "Suzuki", sans-serif;
  font-size: 24px;
  line-height: 1.2;
  color: #0582CA;
}

@media only screen and (max-width: 991px) {
  h2 {
    font-size: 22px;
  }
}

@media only screen and (max-width: 479px) {
  h2 {
    font-size: 18px;
  }
}

h3 {
  font-size: 22px;
  line-height: 1.2;
  font-family: "Suzuki", sans-serif;
}

@media only screen and (max-width: 991px) {
  h3 {
    font-size: 20px;
  }
}

@media only screen and (max-width: 479px) {
  h3 {
    font-size: 18px;
  }
}

h4 {
  font-size: 18px;
  line-height: 1.3;
  font-family: "Suzuki", sans-serif;
}

@media only screen and (max-width: 991px) {
  h4 {
    font-size: 16px;
  }
}

@media only screen and (max-width: 479px) {
  h4 {
    font-size: 14px;
  }
}

a {
  color: #0582CA;
}

a:hover {
  color: #0582CA;
}

.side-nav-container {
  position: initial;
}

.clear {
  clear: both;
}

.spacer {
  display: block;
  height: 10px;
  max-height: 10px;
  min-height: 10px;
}

img {
  max-width: 100%;
}

.ui-loader {
  display: none;
}

input[type="submit"], .finance-form-calc select, select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
  height: 40px;
}

@media only screen and (max-width: 991px) {
  #wrapper.toggled {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    transition-duration: 0.5s;
    height: 100vh;
    padding-left: 250px;
    overflow: hidden;
  }
  #wrapper.toggled #page-content-wrapper {
    position: absolute;
    max-width: 100%;
    margin-right: -250px;
  }
}

@media only screen and (min-width: 992px) {
  #wrapper.toggled {
    padding-left: 0;
  }
  #wrapper.toggled #page-content-wrapper {
    position: relative;
    margin-right: 0;
  }
}

@media (min-width: 992px) {
  #page-content-wrapper {
    position: relative;
  }
}

@media only screen and (max-width: 991px) {
  html.toggled {
    overflow: hidden;
    height: 100%;
  }
  html.toggled #sidenav, html.toggled .navbar {
    left: 0;
  }
}

@media only screen and (max-width: 991px) {
  #page-content-wrapper {
    z-index: 99;
  }
  #page-content-wrapper.toggled {
    height: 92vh;
    overflow: hidden;
  }
}

.fixed-table {
  overflow-x: auto;
  display: block;
}

.flex {
  display: flex;
  flex-wrap: wrap;
}

@media only screen and (min-width: 992px) {
  .flex-md {
    display: flex;
    flex-wrap: wrap;
  }
}

.no-wrap {
  flex-wrap: nowrap;
}

.flex-column {
  flex-direction: column;
}

.align-items-center {
  align-items: center;
}

.align-items-end {
  align-items: end;
}

.align-items-start {
  align-items: start;
}

.justify-content-center {
  justify-content: center;
}

.justify-content-between {
  justify-content: space-between;
}

.flex-row {
  display: flex;
  flex-wrap: wrap;
}

.flex-row .flex-col {
  margin-bottom: 30px;
  max-width: 100%;
}

.flex-row .flex-col .flex-height {
  height: 100%;
  margin: 0;
}

@media only screen and (max-width: 479px) {
  .flex-row .flex-col {
    width: 100%;
  }
}

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

.flex-row.compact .flex-col {
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 20px;
}

.flex-row.tiles {
  margin-left: -1px;
  margin-right: -1px;
}

.flex-row.tiles .flex-col {
  padding: 1px;
  margin: 0;
}

.flex-row.flush {
  margin: 0;
}

.flex-row.flush .flex-col {
  padding: 0;
  margin: 0;
}

.flex-row.flex-center {
  justify-content: center;
}

.flex-row.align-center {
  align-items: center;
}

.flex-row.align-top {
  align-items: flex-start;
}

.flex-row.align-bottom {
  align-items: flex-end;
}

.flex-grow {
  flex-grow: 1;
}

ul.sitemap {
  padding: 0;
  margin: 2em 0;
  list-style: inside;
  font-size: 1.1em;
}

ul.sitemap.border {
  padding: 1em 0;
  border-top: 5px solid rgba(0, 0, 0, 0.1);
}

@media only screen and (min-width: 768px) {
  ul.sitemap {
    column-count: 2;
  }
}

@media only screen and (min-width: 992px) {
  ul.sitemap {
    column-count: 4;
  }
}

ul.sitemap li {
  list-style: none;
  flex-grow: 1;
  break-inside: avoid-column;
  line-height: 1.2;
  margin-bottom: 0.5em;
}

ul.sitemap li ul {
  border-left: 2px solid rgba(0, 0, 0, 0.1);
  padding-left: 1em;
  break-inside: avoid-column;
  margin: 0.5em 0 0;
}

@media only screen and (min-width: 768px) {
  ul.sitemap li .news-list + ul {
    max-height: 200px;
    overflow: auto;
    border: 2px solid rgba(0, 0, 0, 0.1);
    padding: 0.5em 1em 0;
  }
}

ol.legal ol {
  list-style: lower-alpha;
}

ol.legal ol ol {
  list-style: lower-roman;
}

ol.legal ol ol ol {
  list-style: circle;
}

.primary-font {
  font-family: "Roboto";
}

.secondary-font {
  font-family: "Suzuki";
}

.spacer-lg,
.margin-top-lg {
  margin-top: 50px;
}

.spacer-md,
.margin-top-md {
  margin-top: 30px;
}

.spacer-sm,
.margin-top-sm {
  margin-top: 15px;
}

.margin-bottom-lg {
  margin-bottom: 50px;
}

.margin-bottom-md {
  margin-bottom: 30px;
}

.margin-bottom-sm {
  margin-bottom: 15px;
}

@media only screen and (max-width: 767px) {
  .text-left-md {
    text-align: left;
    justify-content: left;
  }
  .text-right-md {
    text-align: right;
    justify-content: right;
  }
  .text-center-md {
    text-align: center;
    justify-content: center;
  }
}

@media only screen and (max-width: 479px) {
  .text-left-sm {
    text-align: left;
    justify-content: left;
  }
  .text-right-sm {
    text-align: right;
    justify-content: right;
  }
  .text-center-sm {
    text-align: center;
    justify-content: center;
  }
}

@media only screen and (max-width: x-small) {
  .text-left-xs {
    text-align: left;
    justify-content: left;
  }
  .text-right-xs {
    text-align: right;
    justify-content: right;
  }
  .text-center-xs {
    text-align: center;
    justify-content: center;
  }
}

.overflow-hidden {
  overflow: hidden;
}

button,
input[type="submit"],
.btn {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  font-size: 16px;
}

@media only screen and (max-width: 479px) {
  button,
  input[type="submit"],
  .btn {
    font-size: 14px;
  }
}

select,
textarea,
input {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
}

.radius {
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
}

.radius-sm {
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
}

.radius-lg {
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
}

.float-right {
  float: right;
}

.float-left {
  float: left;
}

.mg #header .headerRight .frch-logo {
  align-self: baseline;
}

.mg footer {
  padding-top: 80px;
}

.mg footer .footerFrchLogo {
  position: absolute;
  top: 0;
  margin: 0 auto;
  left: 0;
  right: 0;
}

button,
input[type="submit"],
.btn {
  position: relative;
  overflow: hidden;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s;
}

button.hvr-sweep::after,
input[type="submit"].hvr-sweep::after,
.btn.hvr-sweep::after {
  content: "";
  position: absolute;
  background: #ffffff21;
  height: 100%;
  width: 50px;
  top: 0;
  left: -40px;
  transform: skewX(40deg);
  transition: all 1s;
}

button.hvr-sweep:hover::after,
input[type="submit"].hvr-sweep:hover::after,
.btn.hvr-sweep:hover::after {
  left: 90%;
}

/*Header*/
.collapsed-header-container {
  display: none;
}

.top-bar {
  background: #003145;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  float: left;
  width: 100%;
  height: 32px;
  position: fixed;
  z-index: 999;
}

.top-bar.show-on-scroll {
  margin-top: -32px;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  -ms-transition: 0.4s;
  transition: 0.4s;
}

.top-bar .left-bar {
  float: left;
}

.top-bar .left-bar .home-link {
  color: #ffffff;
  padding: 4px 15px;
  font-size: 18px;
  display: flex;
  align-items: center;
  float: left;
  height: 32px;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s;
}

.top-bar .left-bar .home-link:hover {
  opacity: 0.6;
  text-decoration: none;
}

.top-bar .right-bar {
  float: right;
  position: relative;
  z-index: 1;
}

.top-bar .right-bar .header-social-wrap {
  float: left;
  border-right: 1px solid rgba(255, 255, 255, 0.2);
}

.top-bar .right-bar .header-social-link {
  color: #ffffff;
  border-left: 1px solid rgba(255, 255, 255, 0.2);
  display: flex;
  align-items: center;
  float: left;
  height: 32px;
  padding: 0px 10px;
  font-size: 18px;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s;
}

.top-bar .right-bar .header-social-link:hover {
  opacity: 0.6;
  text-decoration: none;
}

.top-bar .right-bar .header-social-seller-name {
  float: left;
  color: #ffffff;
  height: 32px;
  align-items: center;
  font-size: 13px;
  padding: 0px 10px;
  display: flex;
}

.top-bar .right-bar .stickyTelephone {
  float: left;
  display: none;
  opacity: 0;
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -ms-transition: 1s;
  transition: 1s;
}

.top-bar .right-bar .stickyTelephone.show {
  opacity: 1;
}

.top-bar .right-bar .stickyTelephone.show .hide-scroll {
  display: none;
}

.top-bar .right-bar .stickyTelephone .header-telephone {
  color: #ffffff;
  float: left;
  font-size: 16px;
  font-weight: 400;
  position: relative;
}

.top-bar .right-bar .stickyTelephone .header-telephone span, .top-bar .right-bar .stickyTelephone .header-telephone a {
  font-weight: bold;
  font-size: 20px;
  color: #ffffff;
  margin-right: 10px;
}

.top-bar .right-bar .stickyTelephone .header-telephone .telephone-list {
  display: none;
}

.top-bar .right-bar .stickyTelephone .header-telephone .telephone-list span, .top-bar .right-bar .stickyTelephone .header-telephone .telephone-list a {
  color: #0582CA;
}

.top-bar .right-bar .stickyTelephone .header-telephone .contactLink {
  margin-right: 10px;
}

.top-bar .right-bar .stickySocials {
  float: left;
}

.top-bar .right-bar .stickyOpeningTimes {
  float: left;
}

.top-bar .right-bar .stickyOpeningTimes .stickyHeaderTimesWrap {
  float: left;
  position: relative;
  border-right: 1px solid rgba(255, 255, 255, 0.2);
}

.top-bar .right-bar .stickyOpeningTimes .stickyHeaderTimesWrap:first-child {
  border-left: 1px solid rgba(255, 255, 255, 0.2);
}

.top-bar .right-bar .stickyOpeningTimes .stickyHeaderTimesWrap:hover .stickyHeaderTimesContent {
  display: block;
}

.top-bar .right-bar .stickyOpeningTimes .stickyHeaderTimesWrap .stickyHeaderTimesTitle {
  font-size: 13px;
  display: flex;
  align-items: center;
  height: 31px;
  padding: 0px 15px;
  float: left;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s;
  background: #0582CA;
  color: #ffffff;
}

.top-bar .right-bar .stickyOpeningTimes .stickyHeaderTimesWrap .stickyHeaderTimesTitle:hover {
  background: #003145;
  color: #ffffff;
  cursor: pointer;
}

.top-bar .right-bar .stickyOpeningTimes .stickyHeaderTimesWrap .stickyHeaderTimesContent {
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s;
  display: none;
  clear: both;
  padding: 15px;
  font-size: 13px;
  background: #003145;
  color: #ffffff;
  position: absolute;
  z-index: 99;
  top: 31px;
  left: 0;
  min-width: 200px;
  width: max-content;
}

.top-bar .right-bar .stickyOpeningTimes .stickyHeaderTimesWrap .stickyHeaderTimesContent p, .top-bar .right-bar .stickyOpeningTimes .stickyHeaderTimesWrap .stickyHeaderTimesContent tr {
  padding: 0 5px;
  margin: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.top-bar .right-bar .stickyOpeningTimes .stickyHeaderTimesWrap .stickyHeaderTimesContent p:only-of-type, .top-bar .right-bar .stickyOpeningTimes .stickyHeaderTimesWrap .stickyHeaderTimesContent tr:only-of-type {
  border: 0;
}

.top-bar .right-bar .stickyCtas {
  float: left;
}

.top-bar .right-bar .stickyCtas .stickyCta {
  background: #0582CA;
  color: #ffffff;
  display: flex;
  align-items: center;
  float: left;
  height: 31px;
  padding: 0px 10px;
  font-size: 18px;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s;
}

.top-bar .right-bar .stickyCtas .stickyCta:hover, .top-bar .right-bar .stickyCtas .stickyCta:focus {
  background: #003145;
  color: #ffffff;
  text-decoration: none;
}

.top-bar .right-bar .stickyCtas a.btn-primary {
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s;
  height: 31px;
  padding: 0px 10px;
  font-size: 13px;
  display: flex;
  align-items: center;
  float: left;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  border-left: 1px solid rgba(255, 255, 255, 0.2);
  background: #0582CA;
  color: #ffffff;
}

.top-bar .right-bar .stickyCtas a.btn-primary:hover, .top-bar .right-bar .stickyCtas a.btn-primary:focus {
  background: #003145;
  color: #ffffff;
  text-decoration: none;
}

.top-bar .right-bar .stickyCtas ul {
  margin: 0;
  padding: 0;
  display: flex;
}

.top-bar .right-bar .stickyCtas ul li {
  list-style: none;
  padding: 0;
  margin: 1px;
}

.top-bar .right-bar .stickyCtas ul li a {
  height: 30px;
  padding: 0px 10px;
  font-size: 13px;
  line-height: 1.3;
  display: flex;
  align-items: center;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  background: #0582CA;
  color: #ffffff;
}

.top-bar .right-bar .stickyCtas ul li a:hover, .top-bar .right-bar .stickyCtas ul li a:focus {
  background: #003145;
  color: #ffffff;
  text-decoration: none;
}

.top-bar .right-bar .stickyStarRating {
  float: left;
  margin: 0 5px;
}

.top-bar .right-bar .stickyStarRating .star-rating-wrapper {
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  color: #ffffff;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s;
}

.top-bar .right-bar .stickyStarRating .star-rating-wrapper .star-rating {
  float: left;
  color: #FDC702;
}

.top-bar .right-bar .stickyStarRating .star-rating-wrapper .star-rating .awicon {
  font-size: 16px;
  margin-right: 5px;
}

.top-bar .right-bar .stickyStarRating .star-rating-wrapper .reviews-amount {
  float: left;
  font-size: 0.9rem;
}

.top-bar .right-bar .stickyStarRating .star-rating-wrapper:hover {
  opacity: 0.7;
}

@media only screen and (max-width: 991px) {
  .top-bar {
    display: none;
  }
}

@media only screen and (min-width: 992px) {
  #wrapper:has(.top-bar.top-bar-fixed) #header {
    margin-top: 32px;
  }
}

@media only screen and (max-width: 991px) {
  #header {
    margin-top: 50px;
  }
}

#header {
  background: #ffffff;
  position: relative;
  z-index: 5;
}

@media only screen and (min-width: 992px) {
  #header {
    float: left;
    width: 100%;
    border-bottom: 0;
  }
}

@media only screen and (max-width: 991px) {
  #header .container-fluid {
    align-items: center;
    display: flex;
    justify-content: center;
  }
}

@media only screen and (min-width: 992px) {
  #header .logo {
    margin: 0;
    display: flex;
    align-items: center;
  }
  #header .logo.margin-small {
    margin: 10px 0;
  }
  #header .logo.margin-medium {
    margin: 20px 0;
  }
  #header .logo.margin-large {
    margin: 30px 0;
  }
  #header .logo.margin-extra-large {
    margin: 40px 0;
  }
}

@media only screen and (max-width: 991px) {
  #header .logo {
    margin: 10px;
    display: flex;
    justify-content: center;
    float: left;
    max-width: 300px;
    width: 70%;
    text-align: center;
  }
  #header .logo img {
    max-width: 240px;
    width: 100%;
  }
}

@media only screen and (min-width: 992px) {
  #header .logo img {
    max-height: 105px;
  }
}

#header .frch-logo {
  float: left;
  max-width: 250px;
  padding-left: 15px;
  margin-left: 15px;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s;
}

#header .frch-logo:hover {
  text-decoration: none;
  opacity: 0.6;
}

@media only screen and (max-width: 991px) {
  #header .frch-logo {
    float: right;
    border: 0;
  }
}

#header .frch-logo-multi {
  padding-left: 15px;
  margin-left: 15px;
  float: left;
}

#header .frch-logo-multi img {
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s;
  max-width: 85px;
}

#header .frch-logo-multi img:hover {
  text-decoration: none;
  opacity: 0.6;
}

#header .frch-logo-multi a:hover {
  text-decoration: none;
}

#header .headerReviews {
  margin-right: 10px;
}

@media only screen and (max-width: 1199px) {
  #header .headerReviews {
    display: none;
  }
}

#header .headerReviews #js-widget-button {
  background: 0;
  border: 0;
  box-shadow: none;
  margin: 5px 0 0 0;
  padding: 0;
  height: 85px !important;
}

#header .headerReviews #js-widget-button a:link {
  color: #003145;
  line-height: 14px;
}

#header .headerReviews #js-widget-button .js_widget_button_read {
  display: none;
}

#header .headerReviews #js-widget-button.js_widget_button.js_widget_button_style-1 .js_widget_button_logo {
  background: url("/static/images/unity/default/fraternity/judgeservice.png") no-repeat scroll 0 0 transparent;
  width: 120px;
  height: 18px;
}

#header .headerReviews .js_widget_button.js_widget_button_style-4 {
  margin: 10px 0;
  padding: 10px;
  height: 85px !important;
}

#header .headerReviews .js_widget_button.js_widget_button_style-4 .js-star {
  width: 20px;
  height: 20px;
}

.header-telephone {
  font-weight: 400;
  position: relative;
  clear: none;
  float: right;
  box-sizing: border-box;
  color: #003145;
  font-size: 16px;
  line-height: 32px;
}

.header-telephone span, .header-telephone a {
  font-weight: bold;
  font-size: 20px;
  color: #0582CA;
}

@media only screen and (max-width: 991px) {
  .header-telephone {
    display: none;
  }
}

.header-telephone .contactLink {
  display: flex;
  align-items: center;
  margin-left: 60px;
  font-size: 18px;
  color: #003145;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s;
}

.header-telephone .contactLink:hover {
  text-decoration: none;
  opacity: 0.7;
  cursor: pointer;
}

.header-telephone .contactLink .awicon {
  color: #0582CA;
  font-size: 20px;
  margin-right: 5px;
}

.header-telephone .contactLink.btn {
  background: #0582CA;
  color: #fff;
}

.header-telephone .contactLink.btn .awicon {
  color: #fff;
  font-size: 14px;
}

.header-telephone .contactLink.btn:hover {
  background: #003145;
  color: #fff;
}

.header-telephone .contactLink.btn:hover .awicon {
  color: #fff;
}

.header-telephone .contactLink.btn + .telephone-list {
  top: 45px;
}

.header-telephone .telephone-list {
  background: #ffffff;
  position: absolute;
  top: 34px;
  right: 0;
  padding: 15px;
  width: max-content;
  z-index: 1;
  color: #003145;
  display: none;
  -webkit-box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.5);
}

.header-telephone .telephone-list p {
  padding: 5px 10px;
  margin: 0;
  border-bottom: 1px solid #dbdbdb;
}

.header-telephone .telephone-list p:nth-child(odd) {
  background: #F2F4F5;
}

#header.headerStyleOne {
  background: #ffffff;
  position: relative;
  z-index: 4;
}

@media only screen and (min-width: 992px) {
  #header.headerStyleOne {
    float: left;
    width: 100%;
    z-index: 5;
    border-bottom: 0;
  }
}

@media only screen and (max-width: 991px) {
  #header.headerStyleOne .container-fluid > div {
    align-items: center;
    display: flex;
    justify-content: center;
  }
}

@media only screen and (min-width: 992px) {
  #header.headerStyleOne .container-fluid > div {
    display: flex;
    justify-content: space-between;
  }
}

#header.headerStyleOne .headerRight {
  float: right;
}

#header.headerStyleOne .headerRight .frch-logo,
#header.headerStyleOne .headerRight .frch-logo-multi {
  border-left: 1px solid #dbdbdb;
}

@media only screen and (min-width: 992px) {
  #header.headerStyleOne .headerRight {
    display: flex;
    min-height: 105px;
    align-items: center;
  }
}

@media only screen and (max-width: 991px) {
  #header.headerStyleOne .headerRight {
    width: 30%;
    max-width: 80px;
    margin-top: 50px;
  }
}

#header.headerStyleTwo {
  background: #ffffff !important;
  position: relative;
  z-index: 800;
  border-bottom: 1px solid #ffffff;
  min-width: 300px;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s;
}

#header.headerStyleTwo.sticky {
  z-index: 950;
}

#header.headerStyleTwo .headerTwoLeft {
  display: flex;
  align-items: center;
  min-width: 25%;
  margin-right: 20px;
}

@media only screen and (max-width: 1199px) {
  #header.headerStyleTwo .headerTwoLeft {
    justify-content: center;
    width: 100%;
    margin: 0 auto;
  }
}

@media only screen and (max-width: 1199px) {
  #header.headerStyleTwo .headerTwoLeft .logo {
    max-width: 300px;
    margin: 10px;
    width: auto;
  }
  #header.headerStyleTwo .headerTwoLeft .logo img {
    max-width: 240px;
    width: 100%;
  }
}

#header.headerStyleTwo .headerTwoLeft .frch-logo {
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s;
  max-width: 165px;
  border-left: 1px solid #dbdbdb;
  padding-left: 15px;
  margin-left: 15px;
}

#header.headerStyleTwo .headerTwoLeft .frch-logo:hover {
  text-decoration: none;
  opacity: 0.6;
}

@media only screen and (max-width: 1199px) {
  #header.headerStyleTwo .headerTwoLeft .frch-logo {
    max-width: 80px;
  }
}

#header.headerStyleTwo .headerTwoLeft.reverse .logo {
  order: 2;
}

#header.headerStyleTwo .headerTwoLeft.reverse .frch-logo {
  order: 1;
  border-right: 1px solid #dbdbdb;
  padding-right: 15px;
  margin-right: 15px;
  border-left: 0;
  padding-left: 0;
  margin-left: 0;
}

#header.headerStyleTwo .headerTwoLeft .frch-logo-multi {
  display: flex;
  max-width: 75%;
}

#header.headerStyleTwo #sidenav {
  height: 100%;
}

#header.headerStyleTwo .headerTwoRight {
  width: 100%;
}

#header.headerStyleTwo .headerTwoRight .nav {
  display: flex;
  flex-wrap: wrap;
  height: 100%;
}

@media only screen and (max-width: 1199px) {
  #header.headerStyleTwo .headerTwoRight .nav {
    border-top: 1px solid #dbdbdb;
  }
}

@media only screen and (max-width: 991px) {
  #header.headerStyleTwo .headerTwoRight .nav {
    border-top: 0;
    height: auto;
  }
}

#header.headerStyleTwo .headerTwoRight .nav > li {
  flex-grow: 1;
  text-align: center;
  min-width: 50px;
  max-width: 100%;
}

#header.headerStyleTwo .headerTwoRight .nav > li:last-child:hover ul {
  right: 0;
}

@media only screen and (min-width: 992px) {
  #header.headerStyleTwo .headerTwoRight .nav > li.sub-menu > span::after,
  #header.headerStyleTwo .headerTwoRight .nav > li.sub-menu > a::after {
    content: "";
    width: 8px;
    height: 8px;
    opacity: 0.3;
    border-right: 1px solid;
    border-bottom: 1px solid;
    transform: rotate(45deg);
    position: absolute;
    bottom: 20%;
    transition: bottom .5s;
  }
  #header.headerStyleTwo .headerTwoRight .nav > li.sub-menu:hover > span::after,
  #header.headerStyleTwo .headerTwoRight .nav > li.sub-menu:hover > a::after {
    bottom: 10%;
  }
}

#header.headerStyleTwo .headerTwoRight .nav > li.active {
  color: #0582CA;
}

#header.headerStyleTwo .headerTwoRight .nav > li > a,
#header.headerStyleTwo .headerTwoRight .nav > li > span {
  padding: 0 3px;
  display: block;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s;
  height: 54px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  word-break: break-word;
  font-size: 16px;
  line-height: 1.1;
  user-select: none;
}

#header.headerStyleTwo .headerTwoRight .nav > li > a:hover, #header.headerStyleTwo .headerTwoRight .nav > li > a:focus,
#header.headerStyleTwo .headerTwoRight .nav > li > span:hover,
#header.headerStyleTwo .headerTwoRight .nav > li > span:focus {
  background: #0582CA;
  color: #ffffff;
}

@media only screen and (max-width: 1439px) {
  #header.headerStyleTwo .headerTwoRight .nav > li > a,
  #header.headerStyleTwo .headerTwoRight .nav > li > span {
    font-size: 14px;
  }
}

@media only screen and (max-width: 991px) {
  #header.headerStyleTwo .headerTwoRight .nav > li > a,
  #header.headerStyleTwo .headerTwoRight .nav > li > span {
    padding: 12px;
  }
}

@media only screen and (min-width: 1200px) {
  #header.headerStyleTwo .headerTwoRight .nav > li > a,
  #header.headerStyleTwo .headerTwoRight .nav > li > span {
    height: 100%;
  }
}

@media only screen and (min-width: 992px) {
  #header.headerStyleTwo .headerTwoRight .nav > li > a,
  #header.headerStyleTwo .headerTwoRight .nav > li > span {
    color: #003145;
  }
  #header.headerStyleTwo .headerTwoRight .nav > li > a:hover, #header.headerStyleTwo .headerTwoRight .nav > li > a:focus,
  #header.headerStyleTwo .headerTwoRight .nav > li > span:hover,
  #header.headerStyleTwo .headerTwoRight .nav > li > span:focus {
    color: #0582CA;
    background: #ffffff;
  }
}

#header.headerStyleTwo .headerTwoRight .nav > li.sub-menu:hover > span {
  background: #005578;
  color: #ffffff;
}

#header.headerStyleTwo .headerTwoRight .nav > li.sub-menu:hover > a {
  background: #005578;
  color: #ffffff;
}

#header.headerStyleTwo .headerTwoRight .nav > li.sub-menu:hover > a:hover {
  background: #005578;
  color: #ffffff;
}

@media only screen and (min-width: 992px) {
  #header.headerStyleTwo .headerTwoRight .nav > li.active > a {
    color: #0582CA;
    background: #ffffff;
  }
  #header.headerStyleTwo .headerTwoRight .nav > li.active > a:hover, #header.headerStyleTwo .headerTwoRight .nav > li.active > afocus {
    background: #ffffff;
    color: #0582CA;
  }
}

#header.headerStyleTwo .headerTwoRight .nav ul li.active {
  background: #005578;
  color: #ffffff;
}

#header.headerStyleTwo .headerTwoRight .nav.social-left {
  order: 1;
}

#header.headerStyleTwo .headerTwoRight .nav.social-right {
  order: 0;
}

#header.headerStyleTwo .headerTwoRight .nav-social-wrap {
  gap: 15px;
  padding: 0 20px;
  margin-left: 0px;
  margin-right: 0px;
}

#header.headerStyleTwo .headerTwoRight .nav-social-wrap .nav-social-text {
  color: #003145;
}

#header.headerStyleTwo .headerTwoRight .nav-social-wrap .nav-social-link {
  color: #003145;
  font-size: 18px;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s;
}

#header.headerStyleTwo .headerTwoRight .nav-social-wrap .nav-social-link:hover {
  color: #0582CA;
  text-decoration: none;
}

@media only screen and (min-width: 992px) {
  #header.headerStyleTwo .headerTwoRight.borderDivide .nav > li {
    border-left: 1px solid #dbdbdb;
    border-top: 1px solid #dbdbdb;
    margin-top: -1px;
  }
  #header.headerStyleTwo .headerTwoRight.borderDivide .nav > li:last-child {
    border-right: 1px solid #dbdbdb;
  }
}

@media only screen and (min-width: 992px) {
  #header.headerStyleTwo {
    float: left;
    width: 100%;
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    -ms-transition: 0.2s;
    transition: 0.2s;
  }
  #header.headerStyleTwo.sticky.minimiseHeader {
    position: fixed;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  }
}

@media only screen and (min-width: 992px) and (min-width: 1200px) {
  #header.headerStyleTwo.sticky.minimiseHeader .headerTwoInner {
    min-height: 60px;
  }
  #header.headerStyleTwo.sticky.minimiseHeader .headerTwoRight .nav > li > a,
  #header.headerStyleTwo.sticky.minimiseHeader .headerTwoRight .nav > li > span {
    height: 60px;
  }
  #header.headerStyleTwo.sticky.minimiseHeader .headerTwoLeft .logo {
    margin: 0;
  }
  #header.headerStyleTwo.sticky.minimiseHeader .headerTwoLeft .logo img {
    max-height: 40px;
  }
  #header.headerStyleTwo.sticky.minimiseHeader .headerTwoLeft .frch-logo img {
    max-height: 60px;
  }
}

@media only screen and (min-width: 992px) and (min-width: 1200px) {
  #header.headerStyleTwo .headerTwoInner {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    -ms-transition: 0.2s;
    transition: 0.2s;
    min-height: 100px;
  }
}

@media only screen and (min-width: 992px) {
  #header.headerStyleTwo .headerTwoInner.fullScreen {
    padding: 0 15px;
  }
}

@media only screen and (max-width: 991px) {
  #header.headerStyleTwo .headerTwoInner {
    flex-wrap: wrap;
  }
  #header.headerStyleTwo #sidenav {
    color: #ffffff;
    background: #003145;
  }
}

.headerStyleTwoSpacer {
  height: 61px;
  width: 100%;
  float: left;
  display: none;
  margin-top: 32px;
  position: relative;
}

@media only screen and (min-width: 992px) {
  #header.custom-header .custom-header-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
  }
  #header.custom-header .custom-header-inner .auto-width {
    flex: 0 1 auto;
  }
  #header.custom-header .custom-header-inner .fixed-width {
    flex: 0 1 33.3%;
  }
  #header.custom-header .custom-header-inner.centralise {
    justify-content: center;
  }
  #header.custom-header .custom-header-inner .header-left,
  #header.custom-header .custom-header-inner .header-center,
  #header.custom-header .custom-header-inner .header-right {
    gap: 10px 30px;
  }
  #header.custom-header .custom-header-inner .header-left .header-telephone .telephone-list {
    left: 0;
  }
  #header.custom-header .custom-header-inner .header-center {
    justify-content: center;
    text-align: center;
  }
  #header.custom-header .custom-header-inner .header-right {
    justify-content: end;
    text-align: right;
  }
  #header.custom-header .custom-header-inner .header-right .header-telephone .telephone-list {
    text-align: left;
  }
  #header.custom-header .custom-header-inner .header-telephone .contactLink {
    margin: 0;
  }
  #header.custom-header .custom-header-inner .btn {
    font-size: 18px;
    background: #0582CA;
    color: #fff;
    min-width: 120px;
  }
  #header.custom-header .custom-header-inner .btn .awicon {
    color: #fff;
    font-size: 14px;
    margin-right: 5px;
  }
  #header.custom-header .custom-header-inner .btn:hover {
    background: #003145;
    color: #fff;
  }
  #header.custom-header .custom-header-inner .btn:hover .awicon {
    color: #fff;
  }
  #header.custom-header .custom-header-inner .frch-logo {
    margin: 0;
    padding: 0;
  }
  #header.custom-header #header.custom-header .custom-header-inner.centralise .fixed-width {
    flex: 1 1 auto;
  }
  #header.custom-header .mega-menu {
    justify-content: end;
  }
  #header.custom-header .mega-menu .mega-menu-nav {
    padding: 0 15px;
    display: inline-flex;
    list-style: none;
    gap: 20px;
    margin: 0;
    text-align: right;
    line-height: 1.2;
  }
  #header.custom-header .mega-menu .mega-menu-nav li {
    text-align: center;
  }
  #header.custom-header .mega-menu .mega-menu-nav li .nav-item {
    font-size: 16px;
    padding: 10px;
    display: inline-block;
    text-decoration: none;
    border-radius: 10px;
  }
  #header.custom-header .mega-menu .mega-menu-nav li .nav-item.active {
    color: #fff;
    background: #0582CA;
  }
  #header.custom-header .mega-menu .mega-menu-nav li .nav-item.current {
    color: #0582CA;
    background: transparent;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1205px) {
  #header.custom-header .mega-menu .mega-menu-nav li .nav-item {
    font-size: 14px;
  }
}

@media only screen and (min-width: 992px) {
  #header.custom-header .mega-menu .mega-menu-nav li .nav-item > a {
    color: inherit;
    text-decoration: none;
    padding: 10px;
    display: inline-block;
  }
  #header.custom-header .mega-menu .mega-menu-nav li .nav-item > a.btn-icon {
    color: #fff;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1121px) {
  #header.custom-header .mega-menu .mega-menu-nav li .nav-item {
    display: block;
    width: 100%;
    padding: 0px;
    color: #fff;
    text-align: left;
    border-bottom: 1px solid #0582CA;
  }
  #header.custom-header .mega-menu .mega-menu-nav li .nav-item a {
    padding: 20px;
    display: block;
    width: 100%;
    float: left;
    clear: both;
    color: #fff;
  }
  #header.custom-header .mega-menu .mega-menu-nav li .nav-item a:focus, #header.custom-header .mega-menu .mega-menu-nav li .nav-item a:hover, #header.custom-header .mega-menu .mega-menu-nav li .nav-item a:active {
    color: #fff;
  }
}

@media only screen and (min-width: 992px) {
  #header.custom-header .mega-menu .mega-menu-nav li .nav-item:hover {
    text-decoration: none;
  }
  #header.custom-header .mega-menu .mega-menu-nav li .nav-item .awicon-chevron-arrow-down {
    font-size: 0.8em;
    margin-right: 5px;
    display: inline-block;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    -ms-transition: 0.2s;
    transition: 0.2s;
  }
  #header.custom-header .mega-menu .mega-menu-nav li .nav-item svg.chevron {
    width: 0.75em;
    height: 0.75em;
    transform: rotate(0deg);
    transition: transform 0.3s ease-in-out;
  }
  #header.custom-header .mega-menu .mega-menu-nav li .nav-item .icon {
    transform: rotate(0deg);
    transition: transform 0.3s ease-in-out;
    float: none;
    background: none;
    margin: 0 0.5em 0 0;
    font-size: 0.8em;
    display: inline-block;
  }
  #header.custom-header .mega-menu .mega-menu-nav li .nav-item .mega-menu-content {
    position: fixed;
    top: 85px;
    left: 0;
    width: 100vw;
    background: #444;
    color: #ddd;
    padding: 0px;
    text-align: center;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    -ms-transition: 0.2s;
    transition: 0.2s;
    transform: scaleY(0.5);
    transform-origin: top center;
    height: 0;
    overflow: hidden;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.5);
  }
  #header.custom-header .mega-menu .mega-menu-nav li .nav-item .mega-menu-content.new-subaru {
    padding: 15px 80px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1121px) {
  #header.custom-header .mega-menu .mega-menu-nav li .nav-item .mega-menu-content {
    position: relative;
    top: auto;
    padding: 0 0 15px;
    background: #555;
    float: left;
    clear: both;
  }
}

@media only screen and (min-width: 992px) {
  #header.custom-header .mega-menu .mega-menu-nav li .nav-item .mega-menu-content .subnav-item {
    display: inline-block;
    width: 320px;
    max-width: 90%;
    margin: 0;
    color: #fff;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    -ms-transition: 0.2s;
    transition: 0.2s;
    padding: 15px;
    text-align: center;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1121px) {
  #header.custom-header .mega-menu .mega-menu-nav li .nav-item .mega-menu-content .subnav-item {
    width: 100%;
    margin: 0;
    padding: 8px 10px;
  }
}

@media only screen and (min-width: 992px) {
  #header.custom-header .mega-menu .mega-menu-nav li .nav-item .mega-menu-content .subnav-item h3 {
    font-weight: 500;
    margin: 0;
    font-size: 1.2em;
  }
  #header.custom-header .mega-menu .mega-menu-nav li .nav-item .mega-menu-content .subnav-item p {
    font-weight: 300;
    text-transform: none;
    font-size: 1em;
  }
  #header.custom-header .mega-menu .mega-menu-nav li .nav-item .mega-menu-content.explore-subaru a.sub-nav-col-item-primary, #header.custom-header .mega-menu .mega-menu-nav li .nav-item .mega-menu-content.explore-subaru a.sub-nav-col-item-secondary {
    display: inline-block;
    width: auto;
    clear: both;
    float: left;
    padding: 5px 0;
  }
  #header.custom-header .mega-menu .mega-menu-nav li .nav-item .mega-menu-content .sub-nav-col-item {
    display: none;
  }
  #header.custom-header .mega-menu .mega-menu-nav li .nav-item .mega-menu-content .sub-nav-col-item .sub-nav-col-item-primary {
    display: block;
  }
  #header.custom-header .mega-menu .mega-menu-nav li .nav-item .mega-menu-content .sub-nav-col-item.active {
    display: block;
  }
  #header.custom-header .mega-menu .mega-menu-nav li .nav-item .mega-menu-content .sub-nav-col-secondary-col, #header.custom-header .mega-menu .mega-menu-nav li .nav-item .mega-menu-content .sub-nav-col-tertiary-col {
    display: none;
  }
  #header.custom-header .mega-menu .mega-menu-nav li .nav-item .mega-menu-content .sub-nav-col-secondary-col.active, #header.custom-header .mega-menu .mega-menu-nav li .nav-item .mega-menu-content .sub-nav-col-tertiary-col.active {
    display: block;
  }
  #header.custom-header .mega-menu .mega-menu-nav li .nav-item.active .hover-menu {
    display: block;
    transform: scaleY(1);
    height: auto;
    padding: 30px;
  }
  #header.custom-header .mega-menu .mega-menu-nav li .nav-item.active .awicon-chevron-arrow-down, #header.custom-header .mega-menu .mega-menu-nav li .nav-item.active svg.chevron, #header.custom-header .mega-menu .mega-menu-nav li .nav-item.active .icon {
    transform: rotate(180deg);
  }
  #header.custom-header .mega-menu .mega-menu-nav .search-icon {
    display: inline-block;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1121px) {
  #header.custom-header .mega-menu .mega-menu-nav .search-icon {
    display: none;
  }
}

@media only screen and (min-width: 992px) {
  #header.custom-header .mega-menu .mega-menu-nav #icon-icon-search {
    fill: #333;
    width: 22px;
    height: 90px;
    padding-top: 15px;
  }
  #header.custom-header .mega-menu-content {
    padding: 10px;
    text-align: center;
    justify-content: center;
    align-items: center;
    position: static;
    z-index: 100;
    background: #555;
    color: #fff;
    display: none;
  }
}

@media only screen and (max-width: 991px) {
  #header.custom-header .header-left,
  #header.custom-header .header-center,
  #header.custom-header .header-right {
    justify-content: center;
  }
  #header.custom-header .frch-logo {
    display: none;
  }
}

#header.custom-header .header-social-wrap .header-social-wrap-inner {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 5px 0;
}

#header.custom-header .header-social-wrap .header-social-wrap-inner .header-social-link {
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s;
}

#header.custom-header .header-social-wrap .header-social-wrap-inner .header-social-link.small-size {
  font-size: 14px;
  width: 25px;
  height: 25px;
}

#header.custom-header .header-social-wrap .header-social-wrap-inner .header-social-link.medium-size {
  font-size: 18px;
  width: 35px;
  height: 35px;
}

#header.custom-header .header-social-wrap .header-social-wrap-inner .header-social-link.large-size {
  font-size: 22px;
  width: 45px;
  height: 45px;
}

#header.custom-header .header-social-wrap .header-social-wrap-inner .header-social-link.border-style, #header.custom-header .header-social-wrap .header-social-wrap-inner .header-social-link.border-rounded-style {
  border: 1px solid #0582CA;
  color: #0582CA;
  background: #ffffff;
}

#header.custom-header .header-social-wrap .header-social-wrap-inner .header-social-link.border-style:hover, #header.custom-header .header-social-wrap .header-social-wrap-inner .header-social-link.border-rounded-style:hover {
  border: 1px solid #003145;
  color: #003145;
  background: #ffffff;
}

#header.custom-header .header-social-wrap .header-social-wrap-inner .header-social-link.filled-style, #header.custom-header .header-social-wrap .header-social-wrap-inner .header-social-link.filled-rounded-style {
  color: #fff;
  background: #0582CA;
}

#header.custom-header .header-social-wrap .header-social-wrap-inner .header-social-link.filled-style:hover, #header.custom-header .header-social-wrap .header-social-wrap-inner .header-social-link.filled-rounded-style:hover {
  color: #fff;
  background: #003145;
}

#header.custom-header .header-social-wrap .header-social-wrap-inner .header-social-link.default-style {
  color: #0582CA;
  width: auto;
  height: auto;
}

#header.custom-header .header-social-wrap .header-social-wrap-inner .header-social-link.default-style:hover {
  color: #003145;
}

#header.custom-header .header-social-wrap .header-social-wrap-inner .header-social-link.border-rounded-style, #header.custom-header .header-social-wrap .header-social-wrap-inner .header-social-link.filled-rounded-style {
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  -ms-border-radius: 50px;
  border-radius: 50px;
}

#header.custom-header .header-social-wrap .header-social-wrap-inner .header-social-link:hover {
  text-decoration: none;
}

@media only screen and (max-width: 991px) {
  #header.custom-header .header-social-wrap {
    display: none;
  }
}

#header.custom-header .star-rating-wrapper {
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  color: #ffffff;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s;
}

#header.custom-header .star-rating-wrapper .star-rating {
  float: left;
  color: #FDC702;
}

#header.custom-header .star-rating-wrapper .star-rating .awicon {
  font-size: 22px;
  margin-right: 5px;
}

#header.custom-header .star-rating-wrapper .reviews-amount {
  float: left;
}

#header.custom-header .star-rating-wrapper:hover {
  opacity: 0.7;
}

@media only screen and (max-width: 991px) {
  #header.custom-header .star-rating-wrapper {
    display: none;
  }
}

/*** navigation ***/
.navbar {
  z-index: 998;
  position: unset;
  font-size: 16px;
  margin: 0 auto;
  background: #003145;
  border-radius: 0;
  border: 0;
  min-height: 48px;
  position: relative;
  z-index: 4;
  border-bottom: 0;
}

@media only screen and (max-width: 991px) {
  .navbar {
    z-index: 10000;
    min-height: 0;
    background: transparent;
    height: 100%;
    border: 0 !important;
    width: 0;
    position: absolute;
    top: 0;
  }
}

.navbar .navbar-inner {
  padding: 0;
}

.navbar .nav > li {
  float: left;
  text-align: center;
  border-left: 1px solid rgba(255, 255, 255, 0.2);
}

.navbar .nav > li:last-child {
  border-right: 1px solid rgba(255, 255, 255, 0.2);
}

.navbar .nav > li:last-child:hover ul {
  right: 0;
}

.navbar .nav > li.active {
  background: #0582CA;
  color: #ffffff;
}

.navbar .nav > li > a,
.navbar .nav > li > span {
  padding: 0;
  color: #ffffff;
  display: block;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s;
  height: 54px;
  display: flex;
  align-items: center;
  justify-content: center;
  word-break: break-word;
  font-size: 16px;
  line-height: 20px;
}

.navbar .nav > li > a:hover, .navbar .nav > li > a:focus,
.navbar .nav > li > span:hover,
.navbar .nav > li > span:focus {
  background: #0582CA;
  color: #ffffff;
}

@media only screen and (max-width: 1439px) {
  .navbar .nav > li > a,
  .navbar .nav > li > span {
    font-size: 14px;
  }
}

@media only screen and (max-width: 991px) {
  .navbar .nav > li > a,
  .navbar .nav > li > span {
    padding: 12px;
  }
}

@keyframes shine {
  10% {
    opacity: 1;
    top: -30%;
    left: -30%;
    transition-property: left, top, opacity;
    transition-duration: 0.7s, 0.7s, 0.15s;
    transition-timing-function: ease;
  }
  100% {
    opacity: 0;
    top: -30%;
    left: -30%;
    transition-property: left, top, opacity;
  }
}

.navbar .nav > li .navHighlight {
  overflow: hidden;
  position: relative;
}

.navbar .nav > li .navHighlight::after {
  animation: shine 6s ease-in-out infinite;
  animation-fill-mode: forwards;
  content: "";
  position: absolute;
  top: -500%;
  left: -300%;
  width: 250%;
  height: 300%;
  opacity: 0;
  transform: rotate(30deg);
  background: rgba(255, 255, 255, 0.13);
  background: linear-gradient(to right, rgba(45, 150, 205, 0) 0%, rgba(45, 150, 205, 0.13) 60%, rgba(45, 150, 205, 0.8) 90%, rgba(45, 150, 205, 0) 100%);
}

.navbar .nav.social-left {
  order: 1;
}

.navbar .nav.social-right {
  order: 0;
}

.navbar .nav-social-wrap {
  gap: 15px;
  padding: 0 20px;
  margin-left: 0px;
  margin-right: 0px;
}

.navbar .nav-social-wrap .nav-social-text {
  color: #ffffff;
}

.navbar .nav-social-wrap .nav-social-link {
  color: #ffffff;
  font-size: 18px;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s;
}

.navbar .nav-social-wrap .nav-social-link:hover {
  color: #ffffff;
  text-decoration: none;
}

/* Navigation Drop Downs*/
.navbar-collapse .nav > li ul {
  display: none;
  margin: 0;
  padding: 0;
  background: #003145;
  min-width: 184px;
  width: 100%;
}

.navbar-collapse .nav > li ul > li {
  width: 100%;
  min-width: 184px;
  height: 45px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  padding: 0;
  list-style: none;
  background: #003145;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.navbar-collapse .nav > li ul > li > a {
  width: 100%;
  min-width: 184px;
  display: block;
  height: 45px;
  padding: 11px 15px 15px;
  text-shadow: none;
  border-radius: 0;
  color: #ffffff;
  text-decoration: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.navbar-collapse .nav > li ul > li:hover a {
  background: #0582CA;
  color: #ffffff;
  height: 45px;
}

.navbar-collapse .nav > li:hover ul {
  display: block;
  position: absolute;
  z-index: 999;
}

.navbar-collapse .nav > li.active > a {
  background: #0582CA;
  color: #ffffff;
}

.navbar-collapse .nav > li.active > a:hover, .navbar-collapse .nav > li.active > afocus {
  background: #0582CA;
  color: #ffffff;
}

.navbar-collapse .nav.flex-nav {
  display: flex;
  flex-wrap: wrap;
}

.navbar-collapse .nav.flex-nav > li {
  flex-grow: 1;
}

@media only screen and (min-width: 992px) {
  .navbar-collapse {
    max-width: 1700px;
    margin: 0 auto;
    padding: 0 15px;
  }
}

.newCarMobileNav {
  left: 50px;
}

.navbar-header {
  color: #ffffff;
  background: #003145;
  display: flex;
  flex-wrap: wrap;
}

.navbar-header.mobnav-right {
  padding-right: 50px;
}

.navbar-header.mobnav-right .mobileNav {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  background: #003145;
  border-left: 1px solid rgba(255, 255, 255, 0.2);
}

.navbar-header .nav-left {
  order: 1;
  align-self: stretch;
}

.navbar-header .nav-left.mobileNav {
  flex-grow: 0;
}

.navbar-header .nav-left.mobileNav .navbar-toggle {
  order: 0;
  float: left;
  border-right: 1px solid rgba(255, 255, 255, 0.2);
}

.navbar-header .nav-left .mobileNavCtas {
  justify-content: flex-start;
  border-left: 1px solid rgba(255, 255, 255, 0.2);
}

.navbar-header .nav-left .mobileNavCtas .mobile-header-link {
  border-right: 1px solid rgba(255, 255, 255, 0.2);
}

.navbar-header .nav-right {
  order: 5;
  align-self: flex-end;
  margin-left: auto;
  flex-grow: 1;
}

.navbar-header .nav-right.mobileNav .navbar-toggle {
  float: right;
}

.navbar-header .nav-right .mobileNavCtas {
  justify-content: flex-end;
  border-right: 1px solid rgba(255, 255, 255, 0.2);
}

.navbar-header .nav-right .mobileNavCtas .mobile-header-link {
  border-left: 1px solid rgba(255, 255, 255, 0.2);
}

.navbar-header .nav-center {
  order: 3;
  align-self: center;
  flex-grow: 10;
  justify-content: center;
  display: flex;
}

.navbar-header .nav-center .logo {
  max-width: 180px;
  padding: 0 15px;
}

.navbar-header .nav-center .logo img {
  margin: 0 auto;
  display: block;
  max-width: 100%;
  max-height: 40px;
}

.navbar-header .mobile-cta-drop-down-button {
  background: transparent;
}

.navbar-header .mobile-cta-drop-down-button.is-active {
  background: #0582CA;
}

.navbar-header .mobile-cta-drop-down {
  background: #003145;
  width: 100%;
  padding: 10px;
  float: left;
  color: #ffffff;
  text-align: center;
  display: none;
  font-size: 14px;
  line-height: 20px;
  position: absolute;
  left: 0;
  top: 51px;
}

.navbar-header .mobile-cta-drop-down .mobile-multi-ctas {
  display: flex;
  align-items: center;
  justify-content: space-around;
  max-width: 500px;
  margin: 0 auto;
  flex-wrap: wrap;
}

.navbar-header .mobile-cta-drop-down .mobile-multi-ctas a {
  background: #0582CA;
  color: #ffffff;
  flex-grow: 1;
  flex-basis: 30%;
  margin: 5px;
  padding: 0 0 5px 0;
  display: block;
  line-height: 20px;
}

.navbar-header .mobile-cta-drop-down .mobile-multi-ctas a:hover, .navbar-header .mobile-cta-drop-down .mobile-multi-ctas a:focus {
  text-decoration: none;
  background: #046298;
}

.navbar-header .mobile-cta-drop-down .mobile-multi-ctas a:active {
  box-shadow: inset 2px 2px 8px rgba(0, 0, 0, 0.5);
}

.navbar-header .mobile-cta-drop-down .mobile-multi-ctas a br {
  display: none;
}

.navbar-header .mobile-cta-drop-down .mobile-multi-ctas a .awicon {
  padding: 5px;
  display: block;
  background: rgba(255, 255, 255, 0.1);
  justify-content: center;
  margin: 0 auto 5px auto;
  font-size: 20px;
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
  -ms-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}

.navbar-header .mobile-cta-drop-down .mobile-header-socials {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 10px 5px;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.navbar-header .mobile-cta-drop-down .mobile-header-socials .header-social-wrap {
  float: left;
  display: flex;
  align-items: center;
}

.navbar-header .mobile-cta-drop-down .mobile-header-socials .header-social-seller-name {
  float: left;
  padding-left: 10px;
}

@media only screen and (max-width: 479px) {
  .navbar-header .mobile-cta-drop-down .mobile-header-socials .header-social-seller-name {
    display: none;
  }
}

.navbar-header .mobile-cta-drop-down .mobile-header-socials .header-social-link {
  font-size: 20px;
  line-height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  width: 35px;
  height: 35px;
  -moz-border-radius: 35px;
  -webkit-border-radius: 35px;
  -ms-border-radius: 35px;
  border-radius: 35px;
  margin: 0 4px;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s;
  float: left;
}

.navbar-header .mobile-cta-drop-down .mobile-header-socials .header-social-link:hover {
  text-decoration: none;
  opacity: 0.6;
}

@media only screen and (min-width: 992px) {
  .navbar-header {
    display: none;
  }
}

.navbar-header .mobileNavCtas {
  display: flex;
  flex: 1;
  padding: 0;
  height: 100%;
}

.navbar-header .mobileNavCtas .mobile-header-link {
  text-align: center;
  color: #ffffff;
  font-size: 12px;
  line-height: 17px;
  padding: 8px 15px;
  min-width: 75px;
  cursor: pointer;
  white-space: nowrap;
  flex-grow: 1;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
}

@media only screen and (max-width: 479px) {
  .navbar-header .mobileNavCtas .mobile-header-link {
    padding: 8px;
    flex-grow: 1;
    min-width: 50px;
  }
}

.navbar-header .mobileNavCtas .mobile-header-link:hover, .navbar-header .mobileNavCtas .mobile-header-link:active, .navbar-header .mobileNavCtas .mobile-header-link:focus {
  text-decoration: none;
  opacity: 0.8;
}

.navbar-header .mobileNavCtas .mobile-header-link.visitor-chat-link {
  position: relative;
  height: 50px;
}

.navbar-header .mobileNavCtas .mobile-header-link.visitor-chat-link:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: -10px;
  left: 0;
  background-color: #0582CA;
  border-bottom-left-radius: 5px;
  border-left: 1px solid #dbdbdb;
  border-bottom: 1px solid #dbdbdb;
  transition: 0.2s;
}

.navbar-header .mobileNavCtas .mobile-header-link.visitor-chat-link .visitor-chat-icon {
  display: inline-block;
  background: url("/static/images/visitor-chat-white.png") center center no-repeat;
  background-size: contain;
  width: 20px;
  height: 20px;
}

.navbar-header .mobileNavCtas .mobile-header-link.visitor-chat-link:hover {
  text-decoration: none;
}

.navbar-header .mobileNavCtas .mobile-header-link.visitor-chat-link:hover:before {
  background-color: #09a1f9;
}

.navbar-header .mobileNavCtas .mobile-header-link.header-svg {
  position: relative;
  line-height: 17px;
}

.navbar-header .mobileNavCtas .mobile-header-link.icon-only {
  font-size: 1.2em;
  height: 50px;
  line-height: 35px;
}

.navbar-header .mobileNavCtas .mobile-header-link.icon-only:hover, .navbar-header .mobileNavCtas .mobile-header-link.icon-only:active {
  text-decoration: none;
  opacity: 0.5;
}

.navbar-header .mobTelephone {
  background: #fff;
  width: 100%;
  padding: 15px;
  float: left;
  color: #003145;
  text-align: center;
  display: none;
  font-size: 14px;
  line-height: 20px;
  position: absolute;
  left: 0;
  top: 50px;
  max-height: 95vh;
  overflow: auto;
}

.navbar-header .mobTelephone .mobTelephoneItem {
  padding: 10px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}

.navbar-header .mobTelephone .mobTelephoneItem a {
  font-size: 18px;
  display: block;
}

.navbar-header .mobTelephone .mobTelephoneItem.highlight {
  background: #0582CA;
  color: #fff;
}

.navbar-header .mobTelephone .mobTelephoneItem.highlight a {
  color: #fff;
}

.navbar-header .hamburger {
  display: none;
  font-size: 10px;
  line-height: 14px;
}

.navbar-header .fixed-logo {
  display: none;
  margin: 0 auto;
  max-width: 180px;
}

@media only screen and (max-width: 991px) {
  .navbar-header {
    position: fixed;
    width: 100%;
    z-index: 9999;
    top: 0;
    border-bottom: 1px solid #dbdbdb;
    min-width: 300px;
  }
  .navbar-header .live-chat {
    padding-right: 50px;
  }
  .navbar-header .mobileNav .navbar-toggle {
    border-radius: 0;
  }
  .navbar-header .hamburger {
    display: block;
    top: 0;
    left: 0;
    padding: 10px;
    max-height: 50px;
  }
  .navbar-header .hamburger .hamburger-inner::before {
    background: #ffffff;
  }
  .navbar-header .hamburger .hamburger-inner,
  .navbar-header .hamburger .hamburger-inner::before {
    background: #ffffff;
  }
  .navbar-header .fixed-logo {
    display: block;
    margin: 0 auto;
    margin-top: 5px;
  }
  .navbar-header .fixed-logo img {
    max-width: 180px;
  }
  .navbar-header.row {
    margin-left: 0;
  }
}

@media only screen and (max-width: 991px) {
  .navbar-collapse {
    padding: 0;
  }
  .navbar-collapse .subgen {
    display: none;
  }
  .navbar-collapse .subgen li a:hover {
    background: #0582CA;
    color: #ffffff;
    text-decoration: none;
  }
}

@media only screen and (max-width: 991px) and (max-width: 991px) {
  .navbar-collapse {
    position: fixed;
    left: -250px;
    top: 0;
    width: 250px;
    background: #003145;
    height: 100%;
    overflow: scroll;
    z-index: 99;
  }
  .navbar-collapse .shadow {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    -webkit-box-shadow: inset -2px 0px 5px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: inset -2px 0px 5px 0px rgba(0, 0, 0, 0.75);
    box-shadow: inset -2px 0px 5px 0px rgba(0, 0, 0, 0.75);
  }
  .navbar-collapse .nav {
    float: none;
    position: relative;
  }
  .navbar-collapse .nav li {
    float: none;
  }
  .navbar-collapse .nav li > a,
  .navbar-collapse .nav li > span {
    color: #ffffff;
  }
  .navbar-collapse .nav .subgen {
    margin-left: 650px;
    display: block;
    padding-top: 10px;
    position: absolute;
    top: 0;
    left: 0;
    width: 90%;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    transition-duration: 0.5s;
  }
  .navbar-collapse .nav .subgen li {
    padding: 10px 22px;
  }
}

@media only screen and (max-width: 991px) and (max-width: 991px) and (max-width: 991px) {
  .navbar-collapse .nav .subgen li.toggled {
    padding: 0;
    border-left: 0;
    border-right: 0;
  }
  .navbar-collapse .nav .subgen li.toggled a {
    width: 100%;
    display: block;
    color: #ffffff;
    padding: 12px;
    font-size: 14px;
    text-align: center;
  }
}

@media only screen and (max-width: 991px) and (max-width: 991px) {
  .navbar-collapse .nav .subgen.toggled {
    margin-left: 260px;
  }
  .navbar-collapse .nav .sub-arrow-deep {
    color: #ffffff;
    margin-left: -245px;
    -webkit-transform: translate(0, 15px);
    -ms-transform: translate(0, 15px);
    transform: translate(0, 15px);
    transition-duration: 0.5s;
  }
  .navbar-collapse .nav .sub-arrow-deep.toggled {
    margin: 0;
    top: -5px;
    left: 15px;
    position: absolute;
  }
  .navbar-collapse .nav .sub-menu {
    position: relative;
  }
  .navbar-collapse .nav .sub-menu .sub-arrow {
    position: absolute;
    top: 0;
    right: 0;
    border-left: 1px solid rgba(255, 255, 255, 0.2);
  }
  .navbar-collapse .nav .sub-menu .sub-arrow-deep {
    position: absolute;
    top: 0;
    left: 0;
  }
  .navbar-collapse .nav li.toggledB {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    transition-duration: 0.5s;
  }
  .navbar-collapse .nav li.toggled {
    -webkit-transform: translate(-250px, 0);
    -ms-transform: translate(-250px, 0);
    transform: translate(-250px, 0);
    transition-duration: 0.5s;
  }
  .navbar-collapse .nav li {
    z-index: 9;
    width: 100%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  }
  .navbar-collapse .nav li:hover ul {
    display: none;
  }
  .navbar-collapse#sidenav {
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    padding-left: 0;
    border: none;
    top: 0;
  }
  .navbar-collapse#sidenav.toggled {
    margin-left: 0;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    transition-duration: 0.5s;
    left: 0;
    position: fixed;
    overflow-y: auto;
  }
  .navbar-collapse#sidenav.right {
    right: -250px;
    top: 50px;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
  }
  .navbar-collapse#sidenav.right.toggled {
    right: 0;
    left: auto;
    top: 50px;
  }
}

.live-chat {
  border-left: 1px solid rgba(255, 255, 255, 0.3);
}

.live-chat a {
  color: #ffffff;
}

@media only screen and (min-width: 992px) {
  .sub-arrow,
  .sub-arrow-deep {
    display: none !important;
  }
}

.sticky-footer-cta {
  position: fixed;
  bottom: 0;
  background: #0582CA;
  width: 100%;
  display: flex;
  justify-content: space-between;
  z-index: 999;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  border-top: 1px solid rgba(255, 255, 255, 0.3);
}

.sticky-footer-cta a {
  color: #ffffff;
  background: #0582CA;
  display: block;
  text-align: center;
  line-height: 1.1;
  padding: 5px;
  flex-grow: 1;
  border-right: 1px solid rgba(255, 255, 255, 0.3);
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s;
}

.sticky-footer-cta a:last-child {
  border-right: 0;
}

.sticky-footer-cta a:hover, .sticky-footer-cta a:focus {
  background: #046298;
  text-decoration: none;
}

.sticky-footer-cta a:active {
  box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.4);
}

.sticky-footer-cta a .btn-icon {
  display: inline-block;
  margin: 0.3em;
  vertical-align: middle;
}

@media only screen and (max-width: 479px) {
  .sticky-footer-cta a {
    font-size: 0.9em;
  }
  .sticky-footer-cta a .btn-icon {
    display: block;
  }
}

@media only screen and (min-width: 992px) {
  .sticky-footer-cta, .sticky-cta-spacer {
    display: none;
  }
}

/* Home Page */
.uvl-header .main-title {
  text-transform: uppercase;
  font-weight: 200;
  margin: 20px 0;
  font-size: 24px;
  line-height: 28px;
}

@media only screen and (min-width: 768px) {
  .uvl-header .main-title strong {
    font-size: 46px;
    line-height: 46px;
  }
}

.uvl-search-container {
  background: #F2F4F5;
  padding: 30px 0 20px;
  position: relative;
  margin-bottom: 20px;
}

@media only screen and (min-width: 992px) {
  .uvl-search-container {
    display: block;
  }
}

@media only screen and (max-width: 991px) {
  .uvl-search-container {
    padding: 0px;
    display: none;
    height: 95vh;
    overflow: auto;
    position: fixed;
    z-index: 999999;
    top: 52px;
    left: 0;
    width: 100%;
  }
  .uvl-search-container .inner {
    padding: 20px;
  }
  .uvl-search-container .inner #advanced-search {
    position: relative;
    float: left;
    width: 100%;
    padding-bottom: 50px;
  }
  .uvl-search-container .inner #advanced-search .submit-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
  }
}

.uvl-search-container.active {
  display: block;
}

.uvl-search-container::before {
  content: " ";
  position: absolute;
  border-left: 30px solid transparent;
  border-bottom: 30px solid #ffffff;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 0;
  margin-left: -15px;
  margin-top: -15px;
  right: 50%;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s;
}

@media only screen and (max-width: 991px) {
  .uvl-search-container::before {
    display: none;
  }
}

.uvl-search-container .inner {
  max-width: 1200px;
  margin: 0 auto;
}

.uvl-search-container .inner #advanced-search optgroup {
  text-transform: uppercase;
}

.uvl-search-container .inner #advanced-search optgroup::before {
  text-transform: uppercase;
  display: none;
}

.uvl-search-container .inner #advanced-search select, .uvl-search-container .inner #advanced-search input {
  float: left;
  width: 18%;
  margin: 0 1%;
  display: block;
  padding: 2px 10px 0;
  margin-bottom: 10px;
  border: 0;
}

@media only screen and (max-width: 991px) {
  .uvl-search-container .inner #advanced-search select, .uvl-search-container .inner #advanced-search input {
    width: 98%;
  }
}

@media only screen and (max-width: 991px) {
  .uvl-search-container .inner #advanced-search #fraternity-advanced-search-postcode, .uvl-search-container .inner #advanced-search #form-distance {
    width: 48%;
  }
}

.uvl-search-container .inner #advanced-search .advanced-search-container select, .uvl-search-container .inner #advanced-search .advanced-search-container input {
  width: 15%;
}

@media only screen and (max-width: 991px) {
  .uvl-search-container .inner #advanced-search .advanced-search-container select, .uvl-search-container .inner #advanced-search .advanced-search-container input {
    width: 98%;
  }
}

.uvl-search-container .inner #advanced-search span.submit-wrap {
  width: 21%;
  float: left;
  margin: 0 1%;
  display: block;
}

@media only screen and (max-width: 991px) {
  .uvl-search-container .inner #advanced-search span.submit-wrap {
    width: 98%;
    margin-top: 10px;
  }
}

.uvl-search-container .inner #advanced-search #submit, .uvl-search-container .inner #advanced-search .advanced-search-button {
  background: #0582CA;
  color: #ffffff;
  padding: 10px 5px 8px;
  text-align: center;
  font-size: 18px;
  line-height: 23px;
  text-transform: none;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s;
  max-width: 100%;
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  border: 0;
}

.uvl-search-container .inner #advanced-search #submit:hover, .uvl-search-container .inner #advanced-search .advanced-search-button:hover {
  background: #0468A1;
  color: #ffffff;
  text-decoration: none;
}

.uvl-search-container .inner #advanced-search #submit .awicon, .uvl-search-container .inner #advanced-search .advanced-search-button .awicon {
  font-size: 10px;
  margin-left: 10px;
}

.uvl-search-container .inner #advanced-search .advanced-search-button {
  background: #003145;
  color: #ffffff;
  display: block;
  float: left;
  width: 15%;
  margin: 0 1%;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media only screen and (max-width: 991px) {
  .uvl-search-container .inner #advanced-search .advanced-search-button {
    display: none;
  }
}

.uvl-search-container .inner #advanced-search .advanced-search-button:hover {
  background: #0468A1;
  color: #ffffff;
}

.uvl-search-container .inner #advanced-search .advanced-search-button:hover, .uvl-search-container .inner #advanced-search .advanced-search-button:active, .uvl-search-container .inner #advanced-search .advanced-search-button:focus {
  text-decoration: none;
}

.uvl-search-container .inner #advanced-search .advanced-search-container {
  float: left;
  width: 100%;
  clear: both;
  height: 0;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s;
  overflow: hidden;
  margin-top: 0px;
}

@media only screen and (max-width: 991px) {
  .uvl-search-container .inner #advanced-search .advanced-search-container {
    height: auto;
  }
}

.uvl-search-container .inner #advanced-search .advanced-search-container.active {
  height: 45px;
  margin-top: 15px;
}

@media only screen and (max-width: 991px) {
  .uvl-search-container .inner #advanced-search .advanced-search-container.active {
    height: auto;
  }
}

.uvl-search-container .inner #advanced-search .advanced-search-container .slider-container {
  float: left;
  width: 22%;
  margin: 0 1%;
  padding: 27px 0 0 15px;
  position: relative;
}

@media only screen and (max-width: 991px) {
  .uvl-search-container .inner #advanced-search .advanced-search-container .slider-container {
    width: 48%;
    margin-top: 20px;
    padding-bottom: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .uvl-search-container .inner #advanced-search .advanced-search-container .slider-container {
    margin-left: 4%;
    margin-right: 4%;
    width: 92%;
  }
}

@media only screen and (max-width: 479px) {
  .uvl-search-container .inner #advanced-search .advanced-search-container .slider-container {
    margin-left: 8%;
    margin-right: 8%;
    width: 84%;
  }
}

.uvl-search-container .inner #advanced-search .advanced-search-container .slider-container .noUi-target {
  height: 8px;
  border: 0;
  box-shadow: 0 0 0 0;
}

.uvl-search-container .inner #advanced-search .advanced-search-container .slider-container .noUi-connect {
  background: #003145;
  box-shadow: 0 0 0 0;
}

.uvl-search-container .inner #advanced-search .advanced-search-container .slider-container .noUi-horizontal .noUi-handle {
  width: 20px;
  height: 20px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  -ms-border-radius: 20px;
  border-radius: 20px;
  border: 2px solid #fff;
  box-shadow: 0 0 0 0;
  background: #003145;
}

.uvl-search-container .inner #advanced-search .advanced-search-container .slider-container .noUi-horizontal .noUi-handle::before, .uvl-search-container .inner #advanced-search .advanced-search-container .slider-container .noUi-horizontal .noUi-handle::after {
  display: none;
}

.uvl-search-container .inner #advanced-search .advanced-search-container .slider-container .slider-title {
  font-size: 12px;
  width: 80px;
  position: absolute;
  text-align: center;
  top: 0;
  left: 50%;
  margin-left: -40px;
}

.uvl-search-container .inner #advanced-search .advanced-search-container .slider-container .slider-title.slider-year-title {
  left: 0;
  margin-left: 0;
  text-align: left;
  padding-left: 15px;
}

.uvl-search-container .inner #advanced-search .advanced-search-container .slider-container #price-slider-lower, .uvl-search-container .inner #advanced-search .advanced-search-container .slider-container #price-slider-upper, .uvl-search-container .inner #advanced-search .advanced-search-container .slider-container #year-slider-upper {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 12px;
}

.uvl-search-container .inner #advanced-search .advanced-search-container .slider-container #price-slider-upper, .uvl-search-container .inner #advanced-search .advanced-search-container .slider-container #year-slider-upper {
  right: 0;
  text-align: right;
}

.uvl-model-search-title {
  text-transform: uppercase;
  font-weight: bold;
  margin: 20px 0;
}

@media only screen and (min-width: 768px) {
  .uvl-model-search-title {
    font-size: 24px;
  }
}

.uvl-model-select {
  display: block;
  color: #003145;
  margin-bottom: 20px;
}

.uvl-model-select img {
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s;
  max-width: 300px;
  width: 100%;
}

.uvl-model-select .uvl-model-title {
  font-weight: bold;
  margin-bottom: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media only screen and (min-width: 768px) {
  .uvl-model-select .uvl-model-title {
    font-size: 24px;
  }
}

.uvl-model-select .uvl-model-sub {
  min-height: 40px;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.uvl-model-select:hover {
  text-decoration: none;
  color: #003145;
}

.uvl-model-select:hover img {
  opacity: 0.7;
}

:root {
  --select-arrow-color: #003145;
  /* This is required for the JS to update the arrow colours */
}

.search-form-banner-combo {
  margin-top: 20px;
}

@media only screen and (max-width: 767px) {
  .search-form-banner-combo {
    margin-top: 15px;
  }
}

.search-form-banner-combo #showroom-search {
  width: 30%;
  background: #003145;
  padding: 30px;
  -moz-border-radius: 0px 0 0 0px;
  -webkit-border-radius: 0px 0 0 0px;
  -ms-border-radius: 0px 0 0 0px;
  border-radius: 0px 0 0 0px;
}

@media only screen and (max-width: 1199px) {
  .search-form-banner-combo #showroom-search {
    width: 100%;
    margin-bottom: 15px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
  }
}

.search-form-banner-combo #showroom-search .search-form-inner-combo {
  flex-direction: column;
  justify-content: center;
  width: 100%;
}

.search-form-banner-combo #showroom-search .search-form-inner-combo h4 {
  color: #ffffff;
  text-align: center;
  margin-top: 0;
  font-size: 32px;
  line-height: 38px;
  margin-bottom: 20px;
}

@media only screen and (max-width: 1199px) {
  .search-form-banner-combo #showroom-search .search-form-inner-combo h4 {
    font-size: 24px;
    line-height: 32px;
  }
}

.search-form-banner-combo #showroom-search .search-form-inner-combo .form select,
.search-form-banner-combo #showroom-search .search-form-inner-combo .form input {
  padding: 0 10px;
  width: 48%;
  margin: 0 1% 10px 1%;
  float: left;
  background: #F2F4F5;
  color: #003145;
  border: 1px solid #F2F4F5;
}

.search-form-banner-combo #showroom-search .search-form-inner-combo .form select {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 16px 12px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding-right: 30px;
}

.search-form-banner-combo #showroom-search .search-form-inner-combo .form #submit {
  width: 98%;
  margin: 10px 1% 0 1%;
  background: #0582CA;
  color: #ffffff;
  border: 0;
  padding: 10px 0;
  min-height: 46px;
}

.search-form-banner-combo #showroom-search .search-form-inner-combo .search-form-combo-tabs {
  border: 0;
  height: 30px;
  justify-content: center;
  margin-bottom: -74px;
  margin-top: 37px;
}

.search-form-banner-combo #showroom-search .search-form-inner-combo .search-form-combo-tabs > li {
  margin-bottom: 0;
}

.search-form-banner-combo #showroom-search .search-form-inner-combo .search-form-combo-tabs > li.active > a {
  background: 0;
  border: 0;
  border-bottom: 4px solid #0582CA;
  color: #ffffff;
  opacity: 1;
}

.search-form-banner-combo #showroom-search .search-form-inner-combo .search-form-combo-tabs > li.active > a:hover {
  border-bottom: 4px solid #0582CA;
}

.search-form-banner-combo #showroom-search .search-form-inner-combo .search-form-combo-tabs > li a {
  padding: 0;
  border: 0;
  border-bottom: 4px solid transparent;
  margin: 0 10px;
  color: #ffffff;
  opacity: 0.6;
}

.search-form-banner-combo #showroom-search .search-form-inner-combo .search-form-combo-tabs > li a:hover {
  background: 0;
  opacity: 1;
  border-color: transparent;
}

.search-form-banner-combo #showroom-search .search-form-inner-combo .tab-content h4 {
  padding-bottom: 30px;
  margin-bottom: 30px;
}

.search-form-banner-combo #homeCarousel {
  width: 70%;
  -moz-border-radius: 0 0px 0px 0;
  -webkit-border-radius: 0 0px 0px 0;
  -ms-border-radius: 0 0px 0px 0;
  border-radius: 0 0px 0px 0;
  overflow: hidden;
}

@media only screen and (max-width: 1199px) {
  .search-form-banner-combo #homeCarousel {
    width: 100%;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
  }
}

@media only screen and (max-width: 1199px) {
  .search-form-banner-combo #homeCarousel img {
    height: auto !important;
  }
}

@media only screen and (min-width: 1200px) {
  .search-form-banner-combo #homeCarousel img {
    object-fit: cover;
  }
}

.search-form-banner-combo.search-right {
  flex-direction: row-reverse;
}

.search-form-banner-combo.search-right #homeCarousel {
  -moz-border-radius: 0px 0 0 0px;
  -webkit-border-radius: 0px 0 0 0px;
  -ms-border-radius: 0px 0 0 0px;
  border-radius: 0px 0 0 0px;
}

@media only screen and (max-width: 1199px) {
  .search-form-banner-combo.search-right #homeCarousel {
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
  }
}

.search-form-banner-combo.search-right #showroom-search {
  -moz-border-radius: 0 0px 0px 0;
  -webkit-border-radius: 0 0px 0px 0;
  -ms-border-radius: 0 0px 0px 0;
  border-radius: 0 0px 0px 0;
}

@media only screen and (max-width: 1199px) {
  .search-form-banner-combo.search-right #showroom-search {
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
  }
}

.search-form-banner-combo-two {
  position: relative;
  align-items: center;
}

@media only screen and (min-width: 1200px) {
  .search-form-banner-combo-two {
    margin-bottom: 20px;
  }
}

.search-form-banner-combo-two #homeCarousel {
  overflow: hidden;
  width: 100%;
}

@media only screen and (max-width: 1199px) {
  .search-form-banner-combo-two #homeCarousel img {
    height: auto !important;
  }
}

@media only screen and (min-width: 1200px) {
  .search-form-banner-combo-two #homeCarousel img {
    object-fit: cover;
  }
}

.search-form-banner-combo-two .search-form-banner-combo-two-inner-wrapper {
  z-index: 1;
  left: 0;
  right: 0;
  width: 100%;
  pointer-events: none;
}

@media only screen and (max-width: 1199px) {
  .search-form-banner-combo-two .search-form-banner-combo-two-inner-wrapper {
    margin-top: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .search-form-banner-combo-two .search-form-banner-combo-two-inner-wrapper {
    margin-top: 15px;
  }
}

@media only screen and (min-width: 1200px) {
  .search-form-banner-combo-two .search-form-banner-combo-two-inner-wrapper {
    position: absolute;
  }
  .search-form-banner-combo-two .search-form-banner-combo-two-inner-wrapper.search-right {
    flex-direction: row-reverse;
  }
  .search-form-banner-combo-two .search-form-banner-combo-two-inner-wrapper.search-right #showroom-search .search-form-inner-combo .search-form-combo-tabs {
    align-self: flex-end;
  }
  .search-form-banner-combo-two .search-form-banner-combo-two-inner-wrapper.search-top {
    top: 30px;
  }
  .search-form-banner-combo-two .search-form-banner-combo-two-inner-wrapper.search-bottom {
    bottom: 30px;
  }
  .search-form-banner-combo-two .search-form-banner-combo-two-inner-wrapper.search-bottom-extended {
    position: relative;
    margin-top: -60px;
    width: 100%;
  }
}

.search-form-banner-combo-two .search-form-banner-combo-two-inner-wrapper #showroom-search {
  width: 30%;
  background: #003145;
  border: 1px solid color-mix(in srgb, #003145 30%, transparent);
  padding: 30px 30px 20px 30px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
  pointer-events: auto;
}

@media only screen and (max-width: 1199px) {
  .search-form-banner-combo-two .search-form-banner-combo-two-inner-wrapper #showroom-search {
    width: 100%;
    padding: 20px 20px 10px 20px;
  }
}

@media only screen and (min-width: 1200px) {
  .search-form-banner-combo-two .search-form-banner-combo-two-inner-wrapper #showroom-search {
    backdrop-filter: blur(2px);
  }
  .search-form-banner-combo-two .search-form-banner-combo-two-inner-wrapper #showroom-search.transparency-0 {
    background: color-mix(in srgb, #003145 calc(100% - 0%), transparent);
  }
  .search-form-banner-combo-two .search-form-banner-combo-two-inner-wrapper #showroom-search.transparency-10 {
    background: color-mix(in srgb, #003145 calc(100% - 10%), transparent);
  }
  .search-form-banner-combo-two .search-form-banner-combo-two-inner-wrapper #showroom-search.transparency-20 {
    background: color-mix(in srgb, #003145 calc(100% - 20%), transparent);
  }
  .search-form-banner-combo-two .search-form-banner-combo-two-inner-wrapper #showroom-search.transparency-30 {
    background: color-mix(in srgb, #003145 calc(100% - 30%), transparent);
  }
  .search-form-banner-combo-two .search-form-banner-combo-two-inner-wrapper #showroom-search.transparency-40 {
    background: color-mix(in srgb, #003145 calc(100% - 40%), transparent);
  }
  .search-form-banner-combo-two .search-form-banner-combo-two-inner-wrapper #showroom-search.transparency-50 {
    background: color-mix(in srgb, #003145 calc(100% - 50%), transparent);
  }
  .search-form-banner-combo-two .search-form-banner-combo-two-inner-wrapper #showroom-search.transparency-60 {
    background: color-mix(in srgb, #003145 calc(100% - 60%), transparent);
  }
  .search-form-banner-combo-two .search-form-banner-combo-two-inner-wrapper #showroom-search.transparency-70 {
    background: color-mix(in srgb, #003145 calc(100% - 70%), transparent);
  }
  .search-form-banner-combo-two .search-form-banner-combo-two-inner-wrapper #showroom-search.transparency-80 {
    background: color-mix(in srgb, #003145 calc(100% - 80%), transparent);
  }
  .search-form-banner-combo-two .search-form-banner-combo-two-inner-wrapper #showroom-search.transparency-90 {
    background: color-mix(in srgb, #003145 calc(100% - 90%), transparent);
  }
  .search-form-banner-combo-two .search-form-banner-combo-two-inner-wrapper #showroom-search.transparency-100 {
    background: color-mix(in srgb, #003145 calc(100% - 100%), transparent);
  }
}

.search-form-banner-combo-two .search-form-banner-combo-two-inner-wrapper #showroom-search .search-form-inner-combo {
  flex-direction: column;
  justify-content: center;
  width: 100%;
}

.search-form-banner-combo-two .search-form-banner-combo-two-inner-wrapper #showroom-search .search-form-inner-combo:has(.search-form-combo-tabs) {
  flex-direction: column-reverse;
}

.search-form-banner-combo-two .search-form-banner-combo-two-inner-wrapper #showroom-search .search-form-inner-combo h4 {
  color: #ffffff;
  margin-top: 0;
  font-size: 28px;
  line-height: 32px;
  margin-bottom: 15px;
}

@media only screen and (max-width: 1199px) {
  .search-form-banner-combo-two .search-form-banner-combo-two-inner-wrapper #showroom-search .search-form-inner-combo h4 {
    font-size: 20px;
    line-height: 28px;
  }
}

.search-form-banner-combo-two .search-form-banner-combo-two-inner-wrapper #showroom-search .search-form-inner-combo .form {
  display: flex;
  flex-wrap: wrap;
  gap: 1%;
}

.search-form-banner-combo-two .search-form-banner-combo-two-inner-wrapper #showroom-search .search-form-inner-combo .form span,
.search-form-banner-combo-two .search-form-banner-combo-two-inner-wrapper #showroom-search .search-form-inner-combo .form div {
  flex: 100% 1 1;
}

.search-form-banner-combo-two .search-form-banner-combo-two-inner-wrapper #showroom-search .search-form-inner-combo .form span:has([hidden]),
.search-form-banner-combo-two .search-form-banner-combo-two-inner-wrapper #showroom-search .search-form-inner-combo .form div:has([hidden]) {
  display: none;
}

.search-form-banner-combo-two .search-form-banner-combo-two-inner-wrapper #showroom-search .search-form-inner-combo .form span select,
.search-form-banner-combo-two .search-form-banner-combo-two-inner-wrapper #showroom-search .search-form-inner-combo .form span input,
.search-form-banner-combo-two .search-form-banner-combo-two-inner-wrapper #showroom-search .search-form-inner-combo .form div select,
.search-form-banner-combo-two .search-form-banner-combo-two-inner-wrapper #showroom-search .search-form-inner-combo .form div input {
  padding: 0 10px;
  width: 100%;
  margin: 0 0 10px 0;
  float: left;
  background: #F2F4F5;
  color: #003145;
  border: 1px solid #F2F4F5;
  height: 45px;
}

.search-form-banner-combo-two .search-form-banner-combo-two-inner-wrapper #showroom-search .search-form-inner-combo .form span select,
.search-form-banner-combo-two .search-form-banner-combo-two-inner-wrapper #showroom-search .search-form-inner-combo .form div select {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 16px 12px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding-right: 30px;
}

.search-form-banner-combo-two .search-form-banner-combo-two-inner-wrapper #showroom-search .search-form-inner-combo .form .submit-wrap #submit {
  height: 45px;
  width: 100%;
  background: #0582CA;
  color: #ffffff;
  border: 0;
  margin: 0 0 10px 0;
  font-size: 18px;
}

.search-form-banner-combo-two .search-form-banner-combo-two-inner-wrapper #showroom-search .search-form-inner-combo .form .submit-wrap #submit:before {
  content: '\e92b';
  font-family: awfont;
  color: #ffffff;
  font-size: 14px;
  padding-right: 5px;
}

.search-form-banner-combo-two .search-form-banner-combo-two-inner-wrapper #showroom-search .search-form-inner-combo .form .submit-wrap #submit:hover {
  background: #0468A1;
  color: #ffffff;
}

@media only screen and (max-width: 1199px) {
  .search-form-banner-combo-two .search-form-banner-combo-two-inner-wrapper #showroom-search .search-form-inner-combo .form {
    gap: 2%;
  }
  .search-form-banner-combo-two .search-form-banner-combo-two-inner-wrapper #showroom-search .search-form-inner-combo .form span,
  .search-form-banner-combo-two .search-form-banner-combo-two-inner-wrapper #showroom-search .search-form-inner-combo .form div {
    flex: 49% 1 1;
  }
}

.search-form-banner-combo-two .search-form-banner-combo-two-inner-wrapper #showroom-search .search-form-inner-combo .search-form-combo-tabs {
  border: 1px solid color-mix(in srgb, #003145 30%, transparent);
  height: 35px;
  align-self: flex-start;
  overflow: hidden;
  margin-bottom: 15px;
  margin-top: 5px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
}

.search-form-banner-combo-two .search-form-banner-combo-two-inner-wrapper #showroom-search .search-form-inner-combo .search-form-combo-tabs > li {
  background: #F2F4F5;
  margin-bottom: 0;
  border-right: 1px solid #dbdbdb;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s;
}

.search-form-banner-combo-two .search-form-banner-combo-two-inner-wrapper #showroom-search .search-form-inner-combo .search-form-combo-tabs > li:last-child {
  border-right: 0;
}

.search-form-banner-combo-two .search-form-banner-combo-two-inner-wrapper #showroom-search .search-form-inner-combo .search-form-combo-tabs > li.active {
  background: #003145;
}

.search-form-banner-combo-two .search-form-banner-combo-two-inner-wrapper #showroom-search .search-form-inner-combo .search-form-combo-tabs > li.active > a {
  background: none;
  color: #ffffff;
  opacity: 1;
  padding: 0 10px;
}

.search-form-banner-combo-two .search-form-banner-combo-two-inner-wrapper #showroom-search .search-form-inner-combo .search-form-combo-tabs > li.active > a:before {
  margin-right: 0;
  opacity: 1;
}

.search-form-banner-combo-two .search-form-banner-combo-two-inner-wrapper #showroom-search .search-form-inner-combo .search-form-combo-tabs > li a {
  min-width: 80px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0;
  padding: 0 20px;
  color: #003145;
  opacity: 0.6;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s;
}

.search-form-banner-combo-two .search-form-banner-combo-two-inner-wrapper #showroom-search .search-form-inner-combo .search-form-combo-tabs > li a:hover {
  background: 0;
  opacity: 1;
  border-color: transparent;
}

.search-form-banner-combo-two .search-form-banner-combo-two-inner-wrapper #showroom-search .search-form-inner-combo .search-form-combo-tabs > li a:before {
  content: '\e931';
  font-family: awfont;
  margin-right: -20px;
  color: #ffffff;
  font-size: 12px;
  opacity: 0;
  width: 20px;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s;
}

@media only screen and (max-width: 1199px) {
  .search-form-banner-combo-two .search-form-banner-combo-two-inner-wrapper #showroom-search {
    background: #003145;
  }
  .search-form-banner-combo-two .search-form-banner-combo-two-inner-wrapper #showroom-search .search-form-inner-combo h4 {
    color: #ffffff;
  }
  .search-form-banner-combo-two .search-form-banner-combo-two-inner-wrapper #showroom-search .search-form-inner-combo .form .submit-wrap #submit {
    background: #0582CA;
    color: #ffffff;
  }
  .search-form-banner-combo-two .search-form-banner-combo-two-inner-wrapper #showroom-search .search-form-inner-combo .form .submit-wrap #submit:before {
    color: #ffffff;
  }
  .search-form-banner-combo-two .search-form-banner-combo-two-inner-wrapper #showroom-search .search-form-inner-combo .form .submit-wrap #submit:hover {
    background: #0468A1;
    color: #ffffff;
  }
  .search-form-banner-combo-two .search-form-banner-combo-two-inner-wrapper #showroom-search .search-form-inner-combo .search-form-combo-tabs > li {
    background: #F2F4F5;
  }
  .search-form-banner-combo-two .search-form-banner-combo-two-inner-wrapper #showroom-search .search-form-inner-combo .search-form-combo-tabs > li a {
    color: #003145;
  }
  .search-form-banner-combo-two .search-form-banner-combo-two-inner-wrapper #showroom-search .search-form-inner-combo .search-form-combo-tabs > li a:before {
    color: #ffffff;
  }
  .search-form-banner-combo-two .search-form-banner-combo-two-inner-wrapper #showroom-search .search-form-inner-combo .search-form-combo-tabs > li.active {
    background: #003145;
  }
  .search-form-banner-combo-two .search-form-banner-combo-two-inner-wrapper #showroom-search .search-form-inner-combo .search-form-combo-tabs > li.active > a {
    color: #ffffff;
  }
}

.search-form-banner-combo-two .search-form-banner-combo-two-inner-wrapper.search-bottom #showroom-search, .search-form-banner-combo-two .search-form-banner-combo-two-inner-wrapper.search-bottom-extended #showroom-search, .search-form-banner-combo-two .search-form-banner-combo-two-inner-wrapper.search-top #showroom-search {
  width: 100%;
}

.search-form-banner-combo-two .search-form-banner-combo-two-inner-wrapper.search-bottom #showroom-search .search-form-inner-combo .form span,
.search-form-banner-combo-two .search-form-banner-combo-two-inner-wrapper.search-bottom #showroom-search .search-form-inner-combo .form div, .search-form-banner-combo-two .search-form-banner-combo-two-inner-wrapper.search-bottom-extended #showroom-search .search-form-inner-combo .form span,
.search-form-banner-combo-two .search-form-banner-combo-two-inner-wrapper.search-bottom-extended #showroom-search .search-form-inner-combo .form div, .search-form-banner-combo-two .search-form-banner-combo-two-inner-wrapper.search-top #showroom-search .search-form-inner-combo .form span,
.search-form-banner-combo-two .search-form-banner-combo-two-inner-wrapper.search-top #showroom-search .search-form-inner-combo .form div {
  flex: 24.25% 1 1;
}

@media only screen and (max-width: 1199px) {
  .search-form-banner-combo-two .search-form-banner-combo-two-inner-wrapper.search-bottom #showroom-search .search-form-inner-combo .form, .search-form-banner-combo-two .search-form-banner-combo-two-inner-wrapper.search-bottom-extended #showroom-search .search-form-inner-combo .form, .search-form-banner-combo-two .search-form-banner-combo-two-inner-wrapper.search-top #showroom-search .search-form-inner-combo .form {
    gap: 2%;
  }
  .search-form-banner-combo-two .search-form-banner-combo-two-inner-wrapper.search-bottom #showroom-search .search-form-inner-combo .form span,
  .search-form-banner-combo-two .search-form-banner-combo-two-inner-wrapper.search-bottom #showroom-search .search-form-inner-combo .form div, .search-form-banner-combo-two .search-form-banner-combo-two-inner-wrapper.search-bottom-extended #showroom-search .search-form-inner-combo .form span,
  .search-form-banner-combo-two .search-form-banner-combo-two-inner-wrapper.search-bottom-extended #showroom-search .search-form-inner-combo .form div, .search-form-banner-combo-two .search-form-banner-combo-two-inner-wrapper.search-top #showroom-search .search-form-inner-combo .form span,
  .search-form-banner-combo-two .search-form-banner-combo-two-inner-wrapper.search-top #showroom-search .search-form-inner-combo .form div {
    flex: 49% 1 1;
  }
}

@media only screen and (min-width: 1200px) {
  .search-form-banner-combo-two .search-form-banner-combo-two-inner-wrapper.search-bottom #showroom-search .search-form-inner-combo, .search-form-banner-combo-two .search-form-banner-combo-two-inner-wrapper.search-bottom-extended #showroom-search .search-form-inner-combo, .search-form-banner-combo-two .search-form-banner-combo-two-inner-wrapper.search-top #showroom-search .search-form-inner-combo {
    flex-direction: column;
  }
  .search-form-banner-combo-two .search-form-banner-combo-two-inner-wrapper.search-bottom #showroom-search .search-form-inner-combo .search-form-combo-tabs, .search-form-banner-combo-two .search-form-banner-combo-two-inner-wrapper.search-bottom-extended #showroom-search .search-form-inner-combo .search-form-combo-tabs, .search-form-banner-combo-two .search-form-banner-combo-two-inner-wrapper.search-top #showroom-search .search-form-inner-combo .search-form-combo-tabs {
    justify-content: end;
    margin-bottom: -30px;
    margin-top: 0;
    width: fit-content;
    align-self: flex-end;
  }
}

.bodystyleSearch {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: -20px;
  padding-top: 20px;
  background: #003145;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 45%, black 45%, black 50%, #003145 50%, #003145 100%);
}

.bodystyleSearch .bodystyleType {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  -ms-transition: 0.4s;
  transition: 0.4s;
}

.bodystyleSearch .bodystyleType img {
  width: 80%;
}

.bodystyleSearch .bodystyleType .awicon {
  opacity: 0;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  -ms-transition: 0.4s;
  transition: 0.4s;
  -webkit-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  -o-transform: scale(0, 0);
  transform: scale(0, 0);
  color: #ffffff;
}

.bodystyleSearch .bodystyleType .bodystyleTypeName {
  color: #ffffff;
}

.bodystyleSearch .bodystyleType:hover {
  margin-top: -20px;
  text-decoration: none;
}

.bodystyleSearch .bodystyleType:hover .awicon {
  opacity: 1;
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
}

.container-fluid .frch-mobile-search-button {
  width: 100%;
  background: #0582CA;
  color: #ffffff;
  padding: 15px;
  text-align: center;
  font-weight: bold;
  font-size: 18px;
  font-family: "Suzuki", sans-serif;
  margin-top: 20px;
  position: relative;
}

@media only screen and (min-width: 768px) {
  .container-fluid .frch-mobile-search-button {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .container-fluid .frch-mobile-search-button {
    margin-top: 15px;
  }
}

.container-fluid .search-tabs {
  border: 0;
  margin-bottom: -20px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 20px;
}

@media only screen and (max-width: 767px) {
  .container-fluid .search-tabs {
    margin: 0;
  }
}

@media only screen and (max-width: 767px) {
  .container-fluid .search-tabs li {
    flex-basis: 100%;
  }
}

.container-fluid .search-tabs li a {
  background: #F2F4F5;
  color: #003145;
  -moz-border-radius: 0px 0px 0 0;
  -webkit-border-radius: 0px 0px 0 0;
  -ms-border-radius: 0px 0px 0 0;
  border-radius: 0px 0px 0 0;
  min-width: 150px;
  text-align: center;
  border: 0;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s;
}

@media only screen and (max-width: 767px) {
  .container-fluid .search-tabs li a {
    width: 100%;
    min-width: auto;
  }
}

.container-fluid .search-tabs li.active a, .container-fluid .search-tabs li:hover a {
  background: #003145;
  color: #ffffff;
  border: 0;
}

@media only screen and (max-width: 767px) {
  .container-fluid .search-form-v1 {
    display: none;
  }
}

.container-fluid .search-form-inner {
  margin-top: 20px;
  z-index: 0;
  background: #003145;
  padding: 20px 20px 20px 20px;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .container-fluid .search-form-inner {
    padding: 20px 15px 10px 15px;
    margin: 0;
    -moz-border-radius: 0 0 0px 0px;
    -webkit-border-radius: 0 0 0px 0px;
    -ms-border-radius: 0 0 0px 0px;
    border-radius: 0 0 0px 0px;
  }
}

.container-fluid .search-form-inner h4 {
  color: #ffffff;
  text-align: center;
  margin-top: 0;
  font-size: 24px;
  line-height: 28px;
  margin-bottom: 20px;
}

@media only screen and (max-width: 767px) {
  .container-fluid .search-form-inner h4 {
    display: none;
  }
}

.container-fluid .search-form-inner .form input, .container-fluid .search-form-inner .form select {
  height: 35px;
  padding: 0 10px;
  width: 24%;
  margin: 0 0.5% 10px 0.5%;
  float: left;
  background: #F2F4F5;
  color: #003145;
  border: 1px solid #F2F4F5;
}

@media only screen and (max-width: 600px) {
  .container-fluid .search-form-inner .form input, .container-fluid .search-form-inner .form select {
    width: 32.3%;
  }
}

@media only screen and (max-width: 480px) {
  .container-fluid .search-form-inner .form input, .container-fluid .search-form-inner .form select {
    width: 48%;
    margin: 0 1% 10px 1%;
  }
}

.container-fluid .search-form-inner .form #submit, .container-fluid .search-form-inner .form .button {
  margin-left: 0.5%;
  background: #0582CA;
  color: #ffffff;
  width: 24%;
  height: 35px;
  padding: 6px;
  margin-bottom: 10px;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s;
  border: 0;
}

.container-fluid .search-form-inner .form #submit:hover, .container-fluid .search-form-inner .form .button:hover {
  background: #0468A1;
  color: #ffffff;
}

@media only screen and (max-width: 600px) {
  .container-fluid .search-form-inner .form #submit, .container-fluid .search-form-inner .form .button {
    width: 99%;
    margin-right: 0.5%;
  }
}

@media only screen and (max-width: 480px) {
  .container-fluid .search-form-inner .form #submit, .container-fluid .search-form-inner .form .button {
    width: 48%;
    margin-left: 1%;
  }
}

.container-fluid .search-form-inner .form dd, .container-fluid .search-form-inner .form dt {
  display: none;
}

.frch-mobile-search-button {
  width: 100%;
  background: #0582CA;
  color: #ffffff;
  padding: 15px;
  text-align: center;
  text-transform: uppercase;
  font-size: 16px;
  font-family: "Suzuki", sans-serif;
}

@media only screen and (min-width: 768px) {
  .frch-mobile-search-button {
    display: none;
  }
}

.search-form-v2 {
  background: #003145;
  padding: 17px 0;
}

@media only screen and (max-width: 767px) {
  .search-form-v2 {
    display: none;
    padding: 20px 0;
  }
}

.search-form-v2 .box {
  background: 0;
  padding: 0;
}

.search-form-v2 .box h4 {
  color: #ffffff;
  text-align: center;
  font-size: 36px;
  line-height: 42px;
  font-weight: 200;
  position: relative;
  padding-bottom: 10px;
  margin-bottom: 20px;
  margin-top: 0;
}

.search-form-v2 .box h4::before {
  width: 200px;
  height: 4px;
  background: #0582CA;
  position: absolute;
  content: '';
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
}

@media only screen and (max-width: 767px) {
  .search-form-v2 .box h4 {
    display: none;
  }
}

.search-form-v2 .box .form #frch-label {
  display: none;
}

.search-form-v2 .box .form span, .search-form-v2 .box .form > div {
  width: 19.2%;
  float: left;
  margin-right: 1%;
}

@media only screen and (max-width: 767px) {
  .search-form-v2 .box .form span, .search-form-v2 .box .form > div {
    width: 100%;
  }
}

.search-form-v2 .box .form span select, .search-form-v2 .box .form > div select {
  width: 100%;
  background: #F2F4F5;
  color: #003145;
  margin-top: 10px;
  margin-bottom: 0;
  border: 1px solid #F2F4F5;
}

.search-form-v2 .box .form .submit-wrap {
  width: 19.2%;
  margin-right: 0;
  margin-top: 10px;
}

@media only screen and (max-width: 767px) {
  .search-form-v2 .box .form .submit-wrap {
    width: 100%;
  }
}

.search-form-v2 .box .form .submit-wrap .button {
  width: 100%;
  border: 0;
  background-color: #0582CA;
  color: #ffffff;
  padding: 8px;
}

.search-form-v2 .box .form .submit-wrap .button:hover {
  opacity: 0.8;
  background: #0468A1;
  color: #ffffff;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s;
}

.search-form-v2 #form-keyword {
  display: none;
}

.search-form-v2 #form-mileagemin {
  display: none;
}

.search-form-v2 #form-mileagemax {
  display: none;
}

.searchLinks .nav-tabs {
  border: 0;
  margin-bottom: 15px;
  display: flex;
}

.searchLinks .nav-tabs > li {
  width: 49%;
  margin-right: 1%;
  text-align: center;
  flex-grow: 1;
}

.searchLinks .nav-tabs > li:last-child {
  margin-right: 0;
}

.searchLinks .nav-tabs > li > a {
  font-family: "Suzuki", sans-serif;
  padding: 15px 0;
  font-size: 16px;
  line-height: 24px;
  font-weight: 200;
  background: #F2F4F5;
  color: #003145;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s;
  border: 1px solid #dbdbdb;
}

@media only screen and (max-width: 991px) {
  .searchLinks .nav-tabs > li > a {
    font-size: 13px;
    line-height: 18px;
  }
}

@media only screen and (max-width: 479px) {
  .searchLinks .nav-tabs > li > a {
    font-size: 10px;
    line-height: 16px;
    min-height: 80px;
    display: flex;
    justify-content: center;
    flex-direction: column;
  }
}

.searchLinks .nav-tabs > li > a span {
  font-size: 24px;
  font-weight: bold;
  display: block;
}

@media only screen and (max-width: 991px) {
  .searchLinks .nav-tabs > li > a span {
    font-size: 16px;
  }
}

@media only screen and (max-width: 479px) {
  .searchLinks .nav-tabs > li > a span {
    font-size: 13px;
    line-height: 16px;
  }
}

.searchLinks .nav-tabs > li.active > a, .searchLinks .nav-tabs > li:hover > a {
  border-bottom: 3px solid #003145;
  position: relative;
  background: #F2F4F5;
}

@media only screen and (min-width: 992px) {
  .searchLinks .nav-tabs > li.active > a::before, .searchLinks .nav-tabs > li:hover > a::before {
    border-left: 15px solid transparent;
    border-bottom: 15px solid #003145;
    position: absolute;
    content: '';
    bottom: -10px;
    left: 0;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    -ms-transition: 0.2s;
    transition: 0.2s;
    right: 0;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 15px;
    height: 15px;
    margin: 0 auto;
  }
}

.searchLinks .searchLinksInner {
  background: #ffffff;
  border: 1px solid #ffffff;
  padding: 15px 0;
}

.searchLinks .searchLinksInner .manufacturer-search-links.grid {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  flex-grow: 1;
  gap: 15px;
}

.searchLinks .searchLinksInner .manufacturer-search-links.scroll .slick-track {
  display: flex !important;
}

.searchLinks .searchLinksInner .manufacturer-search-links.scroll .slick-track .slick-slide {
  height: inherit;
}

.searchLinks .searchLinksInner .manufacturer-search-links.scroll .slick-arrow {
  position: absolute;
  top: 30%;
  background: #021822;
  color: #ffffff;
  z-index: 1;
  font-family: monospace;
}

.searchLinks .searchLinksInner .manufacturer-search-links.scroll .slick-arrow.slick-prev {
  left: 0;
}

.searchLinks .searchLinksInner .manufacturer-search-links.scroll .slick-arrow.slick-next {
  right: 0;
}

@media only screen and (max-width: 479px) {
  .searchLinks .searchLinksInner .manufacturer-search-links.scroll .slick-slide {
    margin-right: 15px;
  }
}

.searchLinks .searchLinksInner .manufacturer-search-links .manufacturer-link {
  display: flex;
  align-items: center;
  flex-direction: column;
  align-self: stretch;
  justify-content: space-between;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s;
}

@media only screen and (min-width: 992px) {
  .searchLinks .searchLinksInner .manufacturer-search-links .manufacturer-link.row-count-1 {
    width: calc(100% / 1 - 15px / 1 * (1 - 1));
  }
  .searchLinks .searchLinksInner .manufacturer-search-links .manufacturer-link.row-count-2 {
    width: calc(100% / 2 - 15px / 2 * (2 - 1));
  }
  .searchLinks .searchLinksInner .manufacturer-search-links .manufacturer-link.row-count-3 {
    width: calc(100% / 3 - 15px / 3 * (3 - 1));
  }
  .searchLinks .searchLinksInner .manufacturer-search-links .manufacturer-link.row-count-4 {
    width: calc(100% / 4 - 15px / 4 * (4 - 1));
  }
  .searchLinks .searchLinksInner .manufacturer-search-links .manufacturer-link.row-count-5 {
    width: calc(100% / 5 - 15px / 5 * (5 - 1));
  }
  .searchLinks .searchLinksInner .manufacturer-search-links .manufacturer-link.row-count-6 {
    width: calc(100% / 6 - 15px / 6 * (6 - 1));
  }
  .searchLinks .searchLinksInner .manufacturer-search-links .manufacturer-link.row-count-7 {
    width: calc(100% / 7 - 15px / 7 * (7 - 1));
  }
  .searchLinks .searchLinksInner .manufacturer-search-links .manufacturer-link.row-count-8 {
    width: calc(100% / 8 - 15px / 8 * (8 - 1));
  }
  .searchLinks .searchLinksInner .manufacturer-search-links .manufacturer-link.row-count-9 {
    width: calc(100% / 9 - 15px / 9 * (9 - 1));
  }
  .searchLinks .searchLinksInner .manufacturer-search-links .manufacturer-link.row-count-10 {
    width: calc(100% / 10 - 15px / 10 * (10 - 1));
  }
  .searchLinks .searchLinksInner .manufacturer-search-links .manufacturer-link.row-count-11 {
    width: calc(100% / 11 - 15px / 11 * (11 - 1));
  }
  .searchLinks .searchLinksInner .manufacturer-search-links .manufacturer-link.row-count-12 {
    width: calc(100% / 12 - 15px / 12 * (12 - 1));
  }
  .searchLinks .searchLinksInner .manufacturer-search-links .manufacturer-link.row-count-13 {
    width: calc(100% / 13 - 15px / 13 * (13 - 1));
  }
  .searchLinks .searchLinksInner .manufacturer-search-links .manufacturer-link.row-count-14 {
    width: calc(100% / 14 - 15px / 14 * (14 - 1));
  }
  .searchLinks .searchLinksInner .manufacturer-search-links .manufacturer-link.row-count-15 {
    width: calc(100% / 15 - 15px / 15 * (15 - 1));
  }
  .searchLinks .searchLinksInner .manufacturer-search-links .manufacturer-link.row-count-16 {
    width: calc(100% / 16 - 15px / 16 * (16 - 1));
  }
  .searchLinks .searchLinksInner .manufacturer-search-links .manufacturer-link.row-count-17 {
    width: calc(100% / 17 - 15px / 17 * (17 - 1));
  }
  .searchLinks .searchLinksInner .manufacturer-search-links .manufacturer-link.row-count-18 {
    width: calc(100% / 18 - 15px / 18 * (18 - 1));
  }
  .searchLinks .searchLinksInner .manufacturer-search-links .manufacturer-link.row-count-19 {
    width: calc(100% / 19 - 15px / 19 * (19 - 1));
  }
  .searchLinks .searchLinksInner .manufacturer-search-links .manufacturer-link.row-count-20 {
    width: calc(100% / 20 - 15px / 20 * (20 - 1));
  }
}

@media only screen and (max-width: 991px) {
  .searchLinks .searchLinksInner .manufacturer-search-links .manufacturer-link {
    width: calc(16.66% - 15px / 6 * (6 - 1));
  }
}

@media only screen and (max-width: 767px) {
  .searchLinks .searchLinksInner .manufacturer-search-links .manufacturer-link {
    width: calc(25% - 15px / 4 * (4 - 1));
  }
}

@media only screen and (max-width: 479px) {
  .searchLinks .searchLinksInner .manufacturer-search-links .manufacturer-link {
    width: calc(33.33% - 15px / 3 * (3 - 1));
  }
}

.searchLinks .searchLinksInner .manufacturer-search-links .manufacturer-link:hover {
  text-decoration: none;
  opacity: 0.6;
}

.searchLinks .searchLinksInner .manufacturer-search-links .manufacturer-link .manufacturer-link-bg {
  width: 100%;
  display: flex;
  justify-content: center;
  flex-grow: 1;
  align-items: center;
}

.searchLinks .searchLinksInner .manufacturer-search-links .manufacturer-link .manufacturer-link-bg img {
  width: 100%;
  max-width: 120px;
}

.searchLinks .searchLinksInner .manufacturer-search-links .manufacturer-link .manufacturer-link-bg {
  padding: 15px;
  background: #F2F4F5;
  border: 1px solid #dbdbdb;
}

@media only screen and (max-width: 479px) {
  .searchLinks .searchLinksInner .manufacturer-search-links .manufacturer-link .manufacturer-link-bg {
    padding: 10px;
  }
}

.searchLinks .searchLinksInner .manufacturer-search-links .manufacturer-link .manufacturer-name {
  color: #003145;
  font-size: 14px;
  font-weight: bold;
  width: 100%;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.searchLinks .searchLinksInner .bodystyle-search-links {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-grow: 1;
}

@media only screen and (max-width: 991px) {
  .searchLinks .searchLinksInner .bodystyle-search-links {
    flex-wrap: wrap;
  }
}

.searchLinks .searchLinksInner .bodystyle-search-links .bodystyle-link {
  max-width: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s;
}

@media only screen and (max-width: 991px) {
  .searchLinks .searchLinksInner .bodystyle-search-links .bodystyle-link {
    width: 33.3%;
  }
}

.searchLinks .searchLinksInner .bodystyle-search-links .bodystyle-link:hover {
  text-decoration: none;
  opacity: 0.6;
}

.searchLinks .searchLinksInner .bodystyle-search-links .bodystyle-link .bodystyle-name {
  color: #003145;
  font-size: 14px;
  font-weight: bold;
  width: 100%;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
}

.homeBoxesStyleOne {
  margin-top: 20px;
  float: left;
  width: 100%;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .homeBoxesStyleOne {
    margin-top: 15px;
  }
}

.homeBoxesStyleOne .homeBoxStyleOne {
  float: left;
  width: 20%;
  text-align: center;
  position: relative;
  overflow: hidden;
}

@media only screen and (max-width: 767px) {
  .homeBoxesStyleOne .homeBoxStyleOne {
    width: 100%;
    height: 105px;
  }
}

@media only screen and (max-width: 479px) {
  .homeBoxesStyleOne .homeBoxStyleOne {
    height: 85px;
  }
}

.homeBoxesStyleOne .homeBoxStyleOne a {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 3;
}

.homeBoxesStyleOne .homeBoxStyleOne img {
  width: 100%;
}

.homeBoxesStyleOne .homeBoxStyleOne h4 {
  font-weight: 400;
  font-size: 24px;
  line-height: 24px;
  margin: 0;
  padding: 40px 0 60px 0;
  overflow: hidden;
  position: relative;
  z-index: 1;
}

.homeBoxesStyleOne .homeBoxStyleOne h4 strong {
  display: block;
  font-size: 42px;
  line-height: 42px;
}

@media only screen and (max-width: 1199px) {
  .homeBoxesStyleOne .homeBoxStyleOne h4 strong {
    font-size: 32px;
    line-height: 32px;
  }
}

@media only screen and (max-width: 479px) {
  .homeBoxesStyleOne .homeBoxStyleOne h4 strong {
    font-size: 24px;
    line-height: 24px;
  }
}

@media only screen and (max-width: 1199px) {
  .homeBoxesStyleOne .homeBoxStyleOne h4 {
    font-size: 18px;
    line-height: 20px;
  }
}

@media only screen and (max-width: 991px) {
  .homeBoxesStyleOne .homeBoxStyleOne h4 {
    padding: 20px 0 40px 0;
  }
}

@media only screen and (max-width: 767px) {
  .homeBoxesStyleOne .homeBoxStyleOne h4 {
    float: right;
    width: 50%;
    text-align: left;
    padding: 25px 35px;
  }
}

@media only screen and (max-width: 479px) {
  .homeBoxesStyleOne .homeBoxStyleOne h4 {
    padding: 19px 15px 19px 35px;
  }
}

@media only screen and (max-width: 767px) {
  .homeBoxesStyleOne .homeBoxStyleOne .service-image-wrap {
    float: left;
    width: 50%;
    text-align: left;
    overflow: hidden;
  }
}

.homeBoxesStyleOne .homeBoxStyleOne .awicon {
  padding-top: 20px;
  display: block;
}

@media only screen and (max-width: 1199px) {
  .homeBoxesStyleOne .homeBoxStyleOne .awicon {
    padding-top: 15px;
  }
}

@media only screen and (max-width: 991px) {
  .homeBoxesStyleOne .homeBoxStyleOne .awicon {
    padding-top: 10px;
  }
}

.homeBoxesStyleOne .homeBoxStyleOne .service-icon {
  z-index: 2;
  position: absolute;
  top: 132px;
  left: 0;
  right: 0;
  color: #fff;
  font-size: 40px;
  width: 70px;
  height: 70px;
  margin: 0 auto;
}

@media only screen and (max-width: 1199px) {
  .homeBoxesStyleOne .homeBoxStyleOne .service-icon {
    width: 60px;
    height: 60px;
    font-size: 30px;
    top: 122px;
  }
}

@media only screen and (max-width: 991px) {
  .homeBoxesStyleOne .homeBoxStyleOne .service-icon {
    width: 40px;
    height: 40px;
    font-size: 20px;
    top: 92px;
  }
}

@media only screen and (max-width: 767px) {
  .homeBoxesStyleOne .homeBoxStyleOne .service-icon {
    top: 35px;
  }
}

@media only screen and (max-width: 479px) {
  .homeBoxesStyleOne .homeBoxStyleOne .service-icon {
    top: 25px;
  }
}

.homeBoxesStyleOne .homeBoxStyleOne .service-icon .awicon {
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  padding-top: 12px;
  padding-right: 10px;
}

@media only screen and (max-width: 991px) {
  .homeBoxesStyleOne .homeBoxStyleOne .service-icon .awicon {
    padding-top: 8px;
    padding-right: 8px;
  }
}

.homeBoxesStyleOne .homeBoxStyleOne .service-icon::before {
  content: '';
  position: absolute;
  width: 78px;
  height: 78px;
  left: -4px;
  right: 0;
  top: -4px;
  margin: 0 auto;
  padding-top: 20px;
}

@media only screen and (max-width: 1199px) {
  .homeBoxesStyleOne .homeBoxStyleOne .service-icon::before {
    width: 68px;
    height: 68px;
  }
}

@media only screen and (max-width: 991px) {
  .homeBoxesStyleOne .homeBoxStyleOne .service-icon::before {
    width: 48px;
    height: 48px;
  }
}

.homeBoxesStyleOne .homeBoxStyleOne .service-icon::after {
  content: '';
  position: absolute;
  width: 70px;
  height: 70px;
  left: 0px;
  right: 0;
  top: 0px;
  margin: 0 auto;
  padding-top: 20px;
}

@media only screen and (max-width: 1199px) {
  .homeBoxesStyleOne .homeBoxStyleOne .service-icon::after {
    width: 60px;
    height: 60px;
  }
}

@media only screen and (max-width: 991px) {
  .homeBoxesStyleOne .homeBoxStyleOne .service-icon::after {
    width: 40px;
    height: 40px;
  }
}

@media only screen and (min-width: 992px) {
  .homeBoxesStyleOne .homeBoxStyleOne:hover .service-icon::before {
    width: 116px;
    height: 116px;
    left: -18px;
    top: -18px;
    opacity: 0;
  }
  .homeBoxesStyleOne .homeBoxStyleOne:hover .service-icon::after {
    width: 156px;
    height: 156px;
    left: -38px;
    top: -38px;
    opacity: 0;
  }
}

.homeBoxesStyleTwo {
  margin: 20px 0px;
  float: left;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

@media only screen and (max-width: 767px) {
  .homeBoxesStyleTwo {
    margin-top: 15px;
  }
}

.homeBoxesStyleTwo .homeBoxStyleTwo {
  float: left;
  width: 33.333%;
  position: relative;
  text-align: center;
  height: 280px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #ffffff;
}

@media only screen and (min-width: 992px) {
  .homeBoxesStyleTwo .homeBoxStyleTwo:first-child, .homeBoxesStyleTwo .homeBoxStyleTwo:nth-child(4), .homeBoxesStyleTwo .homeBoxStyleTwo:nth-child(7) {
    border-left: 0;
  }
  .homeBoxesStyleTwo .homeBoxStyleTwo:last-child, .homeBoxesStyleTwo .homeBoxStyleTwo:nth-child(3), .homeBoxesStyleTwo .homeBoxStyleTwo:nth-child(6) {
    border-right: 0;
  }
}

@media only screen and (max-width: 991px) {
  .homeBoxesStyleTwo .homeBoxStyleTwo:first-child, .homeBoxesStyleTwo .homeBoxStyleTwo:nth-child(3), .homeBoxesStyleTwo .homeBoxStyleTwo:nth-child(5), .homeBoxesStyleTwo .homeBoxStyleTwo:nth-child(7), .homeBoxesStyleTwo .homeBoxStyleTwo:nth-child(9) {
    border-left: 0;
  }
  .homeBoxesStyleTwo .homeBoxStyleTwo:last-child, .homeBoxesStyleTwo .homeBoxStyleTwo:nth-child(2), .homeBoxesStyleTwo .homeBoxStyleTwo:nth-child(4), .homeBoxesStyleTwo .homeBoxStyleTwo:nth-child(6), .homeBoxesStyleTwo .homeBoxStyleTwo:nth-child(8) {
    border-right: 0;
  }
}

@media only screen and (max-width: 479px) {
  .homeBoxesStyleTwo .homeBoxStyleTwo {
    border-left: 0;
    border-right: 0;
  }
}

.homeBoxesStyleTwo .homeBoxStyleTwo a {
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 3;
}

.homeBoxesStyleTwo .homeBoxStyleTwo img {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  z-index: 0;
  min-width: 100%;
  height: 280px;
  object-fit: cover;
}

@media only screen and (max-width: 767px) {
  .homeBoxesStyleTwo .homeBoxStyleTwo img {
    height: 200px;
    width: 100%;
    min-width: 0;
  }
}

@media only screen and (max-width: 479px) {
  .homeBoxesStyleTwo .homeBoxStyleTwo img {
    height: 100px;
  }
}

.homeBoxesStyleTwo .homeBoxStyleTwo .homeBoxStyleTwo-title {
  position: absolute;
  bottom: auto;
  z-index: 2;
  padding: 20px 10px;
  left: 0;
  right: 0;
}

.homeBoxesStyleTwo .homeBoxStyleTwo .homeBoxStyleTwo-title h4 {
  font-size: 24px;
  line-height: 24px;
  text-transform: uppercase;
  font-weight: bold;
  margin: 0;
}

@media only screen and (max-width: 767px) {
  .homeBoxesStyleTwo .homeBoxStyleTwo .homeBoxStyleTwo-title h4 {
    font-size: 18px;
    line-height: 18px;
  }
}

@media only screen and (max-width: 479px) {
  .homeBoxesStyleTwo .homeBoxStyleTwo .homeBoxStyleTwo-title h4 {
    font-size: 16px;
    line-height: 16px;
  }
}

.homeBoxesStyleTwo .homeBoxStyleTwo .homeBoxStyleTwo-title span {
  font-size: 16px;
  font-weight: 200;
}

@media only screen and (max-width: 991px) {
  .homeBoxesStyleTwo .homeBoxStyleTwo {
    width: 50%;
  }
}

@media only screen and (max-width: 767px) {
  .homeBoxesStyleTwo .homeBoxStyleTwo {
    height: 200px;
  }
}

@media only screen and (max-width: 479px) {
  .homeBoxesStyleTwo .homeBoxStyleTwo {
    height: 100px;
    width: 100%;
  }
}

.homeBoxesStyleTwo.lightToDark .homeBoxStyleTwo .homeBoxStyleTwo-title {
  text-shadow: 0px 0 10px #000;
}

.homeBoxesStyleTwo.lightToDark .homeBoxStyleTwo:hover img {
  opacity: 0.5;
}

.homeBoxesStyleTwo.lightToLighter .homeBoxStyleTwo {
  background: none;
}

.homeBoxesStyleTwo.lightToLighter .homeBoxStyleTwo .homeBoxStyleTwo-title {
  text-shadow: 0px 0 10px #000;
}

.homeBoxesStyleTwo.lightToLighter .homeBoxStyleTwo::before {
  background: #021822;
}

.homeBoxesStyleTwo.lightToLighter .homeBoxStyleTwo:hover img {
  opacity: 0.5;
}

.homeBoxesStyleTwo.darkToLight .homeBoxStyleTwo img {
  opacity: 0.5;
}

.homeBoxesStyleTwo.darkToLight .homeBoxStyleTwo:hover img {
  opacity: 1;
}

.homeBoxesStyleTwo.darkToDarker .homeBoxStyleTwo img {
  opacity: 0.5;
}

.homeBoxesStyleTwo.darkToDarker .homeBoxStyleTwo:hover img {
  opacity: 0.3;
}

.social-boxes-container {
  padding: 40px 0;
  background: #F2F4F5;
}

.social-boxes-container .social-container {
  background: #ffffff;
  padding: 15px;
  position: relative;
  margin-bottom: 30px;
}

.social-boxes-container .social-container .btn-icon {
  width: 100%;
  text-align: center;
}

.social-boxes-container .social-header-logo {
  position: absolute;
  top: -12px;
  left: 15px;
}

.social-boxes-container .social-header-title {
  margin: 10px 0 20px;
  padding-left: 70px;
  font-size: 22px;
  text-transform: uppercase;
  font-weight: bold;
  color: #003145;
}

.social-boxes-container .instagram-feed {
  height: 470px;
  overflow: auto;
}

.cotw-bg {
  background-color: #F2F4F5;
  padding-bottom: 10px;
}

.cotw-bg .cotw-section {
  background: #F2F4F5;
  width: 65%;
  margin: 0 auto;
}

@media only screen and (max-width: 1355px) {
  .cotw-bg .cotw-section {
    width: 100%;
  }
}

.cotw-bg .cotw-section .vehicle-image-box {
  width: 30%;
  float: left;
  position: relative;
  margin-top: 12px;
}

@media only screen and (max-width: 1600px) {
  .cotw-bg .cotw-section .vehicle-image-box {
    width: 40%;
  }
}

@media only screen and (max-width: 1355px) {
  .cotw-bg .cotw-section .vehicle-image-box {
    width: 30%;
  }
}

@media only screen and (max-width: 991px) {
  .cotw-bg .cotw-section .vehicle-image-box {
    width: 40%;
  }
}

@media only screen and (max-width: 767px) {
  .cotw-bg .cotw-section .vehicle-image-box {
    width: 100%;
    padding: 0px;
  }
}

.cotw-bg .cotw-section .vehicle-image-box img {
  width: 100%;
}

.cotw-bg .cotw-section .vehicle-image-box .sash {
  position: absolute;
  z-index: 9;
  background-color: #0582CA;
  width: 100%;
  text-align: center;
  height: 36px;
  color: white;
  text-transform: uppercase;
}

.cotw-bg .cotw-section .vehicle-image-box .sash h3 {
  margin-top: 10px;
  font-size: 19px;
}

.cotw-bg .cotw-section .vehicle-details-box {
  float: left;
  width: 70%;
  padding: 10px 5px 0 15px;
}

@media only screen and (max-width: 1600px) {
  .cotw-bg .cotw-section .vehicle-details-box {
    width: 60%;
  }
}

@media only screen and (max-width: 1355px) {
  .cotw-bg .cotw-section .vehicle-details-box {
    width: 70%;
  }
}

@media only screen and (max-width: 991px) {
  .cotw-bg .cotw-section .vehicle-details-box {
    width: 60%;
  }
}

@media only screen and (max-width: 767px) {
  .cotw-bg .cotw-section .vehicle-details-box {
    width: 100%;
  }
}

.cotw-bg .cotw-section .vehicle-details-box .title {
  float: left;
  width: 70%;
  font-size: 24px;
  font-weight: bold;
}

@media only screen and (max-width: 444px) {
  .cotw-bg .cotw-section .vehicle-details-box .title {
    width: 100%;
    text-align: center;
  }
}

.cotw-bg .cotw-section .vehicle-details-box .title h4 {
  margin-bottom: 0px;
}

.cotw-bg .cotw-section .vehicle-details-box .title h4 a {
  color: #003145;
  font-weight: bold;
  font-size: 18px;
}

.cotw-bg .cotw-section .vehicle-details-box .title span {
  font-size: 15px;
  line-height: 10px;
  font-weight: 400;
  color: #003145;
}

.cotw-bg .cotw-section .vehicle-details-box .price {
  float: left;
  width: 30%;
  margin-top: 15px;
  text-align: right;
  color: #003145;
}

@media only screen and (max-width: 444px) {
  .cotw-bg .cotw-section .vehicle-details-box .price {
    width: 100%;
    text-align: center;
  }
}

.cotw-bg .cotw-section .vehicle-details-box .price span {
  font-size: 27px;
  font-weight: bold;
  color: #003145;
}

.cotw-bg .cotw-section .vehicle-details-box .cotw-vehicle-info {
  float: left;
  width: 100%;
  clear: both;
}

.cotw-bg .cotw-section .vehicle-details-box .cotw-vehicle-info ul {
  margin: 0;
  padding: 0;
}

.cotw-bg .cotw-section .vehicle-details-box .cotw-vehicle-info li {
  list-style: none;
  float: left;
  width: 50%;
  margin-bottom: 1px;
  margin-top: 2px;
  background: #ffffff;
  color: #003145;
  font-weight: normal;
}

.cotw-bg .cotw-section .vehicle-details-box .cotw-vehicle-info li:nth-child(2n+1) {
  border-right: 3px solid #F2F4F5;
}

@media only screen and (max-width: 444px) {
  .cotw-bg .cotw-section .vehicle-details-box .cotw-vehicle-info li {
    width: 100%;
  }
  .cotw-bg .cotw-section .vehicle-details-box .cotw-vehicle-info li:nth-child(2n+1) {
    display: none;
  }
}

.cotw-bg .cotw-section .vehicle-details-box .cotw-vehicle-info li span {
  float: left;
  width: 50%;
  padding: 7px;
  font-size: 14px;
}

@media only screen and (max-width: 480px) {
  .cotw-bg .cotw-section .vehicle-details-box .cotw-vehicle-info li span {
    padding: 3px 5px;
  }
}

.cotw-bg .cotw-section .vehicle-details-box .cotw-vehicle-info li span.value {
  font-weight: bold;
}

@media only screen and (max-width: 480px) {
  .cotw-bg .cotw-section .vehicle-details-box .cotw-vehicle-info li {
    font-size: 11px;
  }
}

.cotw-bg .cotw-section .vehicle-details-box .more-details {
  display: block;
  padding: 5px 10px;
  background: #0582CA;
  text-align: center;
  float: right;
  margin-top: 10px;
  width: 100%;
  color: #fff;
}

.cotw-bg .cotw-section .vehicle-details-box .more-details a {
  color: #fff;
}

.new-car-preview {
  padding: 30px 0 20px;
}

.new-car-preview .new-model-item {
  background: #0468A1;
  padding: 15px;
  color: #fff;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s;
}

@media only screen and (max-width: 479px) {
  .new-car-preview .new-model-item {
    font-size: 0.8em;
  }
}

.new-car-preview .new-model-item .new-model-title {
  margin: 0;
  position: relative;
  z-index: 2;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1.6em;
}

.new-car-preview .new-model-item .new-model-price {
  font-weight: 200;
  font-size: 1.2em;
  color: rgba(255, 255, 255, 0.8);
}

.new-car-preview .new-model-item .flash {
  background: rgba(255, 255, 255, 0.25);
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  bottom: 0;
  left: 0;
  transform: rotate(-5deg) scale(1.2) translateY(75%);
  -webkit-transition: 1.5s;
  -moz-transition: 1.5s;
  -o-transition: 1.5s;
  -ms-transition: 1.5s;
  transition: 1.5s;
}

.new-car-preview .new-model-item:hover {
  text-decoration: none;
  background: #0582CA;
}

.new-car-preview .new-model-item:hover .flash {
  transform: rotate(5deg) scale(1.2) translateY(65%);
}

.new-car-preview .new-model-item:focus {
  text-decoration: none;
}

.new-car-preview .new-model-item:focus .flash {
  transform: rotate(5deg) scale(1.2) translateY(65%);
}

.new-car-preview .new-model-item .new-model-image {
  position: relative;
  z-index: 2;
  margin: 0 auto;
  text-align: center;
}

.new-car-preview .new-model-item .new-model-link {
  margin-top: 5px;
  position: relative;
  z-index: 2;
  color: #fff;
  text-align: right;
  display: block;
  font-size: 1.2em;
}

.icon-right-chevron {
  display: inline-block;
  width: 0.5em;
  height: 0.5em;
  transform: rotate(45deg);
  border: 2px solid #fff;
  border-bottom: 0;
  border-left: 0;
  margin-left: 5px;
}

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

.budget-search-container .budget-search-inner {
  flex-basis: 50%;
  position: relative;
  background: #ffffff;
  color: #003145;
  height: 460px;
  display: flex;
  align-items: center;
  padding: 30px 60px;
  -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
  /***** Chrome, Safari, Opera, and Edge Chromium *****/
  /******** Firefox ********/
}

.budget-search-container .budget-search-inner.left {
  order: 0;
  margin-right: -5%;
}

.budget-search-container .budget-search-inner.right {
  order: 1;
  margin-left: -5%;
}

@media only screen and (max-width: 767px) {
  .budget-search-container .budget-search-inner {
    flex-basis: 100%;
    height: auto;
    padding: 30px;
  }
  .budget-search-container .budget-search-inner.left {
    margin-right: 0;
  }
  .budget-search-container .budget-search-inner.right {
    margin-left: 0;
  }
  .budget-search-container .budget-search-inner .budget-search-btn {
    width: 100%;
  }
}

.budget-search-container .budget-search-inner .budget-search-title {
  font-size: 36px;
  line-height: 42px;
  margin: 0 0 15px 0;
  color: #003145;
}

@media only screen and (max-width: 991px) {
  .budget-search-container .budget-search-inner .budget-search-title {
    font-size: 28px;
    line-height: 36px;
  }
}

.budget-search-container .budget-search-inner .budget-label {
  margin: 15px 0;
  font-weight: normal;
  font-size: 24px;
  line-height: 28px;
}

@media only screen and (max-width: 767px) {
  .budget-search-container .budget-search-inner .budget-label {
    font-size: 18px;
    line-height: 24px;
  }
}

.budget-search-container .budget-search-inner .budget-label .monthly-budget {
  color: #0582CA;
}

.budget-search-container .budget-search-inner input[type="range"] {
  -webkit-appearance: none;
  appearance: none;
  background: none;
  cursor: pointer;
  width: 100%;
}

.budget-search-container .budget-search-inner input[type="range"]::-webkit-slider-runnable-track {
  height: 14px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
}

.budget-search-container .budget-search-inner input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  margin-top: -8px;
  background-color: #021822;
  height: 30px;
  width: 30px;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  -ms-border-radius: 30px;
  border-radius: 30px;
}

.budget-search-container .budget-search-inner input[type="range"]::-moz-range-track {
  height: 12px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
}

.budget-search-container .budget-search-inner input[type="range"]::-moz-range-thumb {
  border: none;
  background-color: #021822;
  height: 30px;
  width: 30px;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  -ms-border-radius: 30px;
  border-radius: 30px;
}

.budget-search-container .budget-search-image {
  flex-basis: 55%;
  height: 560px;
  width: 100%;
  background-size: cover !important;
  -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
}

.finance-calculator-wrapper .finance-calculator-container {
  padding: 30px;
  background: #ffffff;
  color: #003145;
  -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
}

.finance-calculator-wrapper .finance-calculator-container h3 {
  margin: 0 0 15px 0;
}

.finance-calculator-wrapper .finance-calculator-container .finance-calculator > div {
  display: flex;
  justify-content: space-between;
  margin-bottom: 15px;
}

.finance-calculator-wrapper .finance-calculator-container .finance-calculator > div input {
  border: 1px solid #dbdbdb;
  background: #F2F4F5;
  padding: 0 10px;
}

.finance-calculator-wrapper .finance-cal-rep-example.table-striped > tbody > tr:nth-of-type(odd) {
  background: #ffffff;
}

/* Contact Details */
.footerLocations {
  padding: 30px 0;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .footerLocations {
    padding: 0;
  }
}

.footerLocations .contact-box-wrap .contact-box {
  text-align: center;
  padding: 15px 0;
}

@media only screen and (max-width: 1199px) {
  .footerLocations .contact-box-wrap .contact-box {
    font-size: 13px;
  }
}

.footerLocations .contact-box-wrap .contact-box .telephone {
  font-weight: bold;
  font-size: 18px;
}

@media only screen and (max-width: 1199px) {
  .footerLocations .contact-box-wrap .contact-box .telephone {
    font-size: 16px;
  }
}

.footerLocations .contact-box-wrap h4 {
  font-weight: bold;
  font-size: 24px;
  line-height: 28px;
}

@media only screen and (max-width: 1199px) {
  .footerLocations .contact-box-wrap h4 {
    font-size: 18px;
    line-height: 24px;
  }
}

.our-locations-wrapper .contact-box {
  padding: 20px;
  text-align: center;
  height: 100%;
}

.our-locations-wrapper .contact-box h4 {
  font-weight: bold;
  font-size: 24px;
  line-height: 28px;
}

@media only screen and (max-width: 1199px) {
  .our-locations-wrapper .contact-box h4 {
    font-size: 18px;
    line-height: 24px;
  }
}

.our-locations-wrapper .contact-box .telephone {
  font-weight: bold;
  font-size: 18px;
}

@media only screen and (max-width: 1199px) {
  .our-locations-wrapper .contact-box .telephone {
    font-size: 16px;
  }
}

.our-location-wrapper {
  background: #F2F4F5;
}

.our-location-wrapper .location-inner {
  padding: 30px;
  float: left;
  width: 100%;
  text-align: center;
}

@media only screen and (max-width: 479px) {
  .our-location-wrapper .location-inner {
    padding: 20px 5px;
  }
}

.our-location-wrapper .location-inner .contactTelephone {
  font-size: 24px;
  line-height: 28px;
}

@media only screen and (max-width: 767px) {
  .our-location-wrapper .location-inner .contactTelephone {
    font-size: 18px;
    line-height: 24px;
  }
}

.our-location-wrapper .location-inner .contactTelephone strong {
  color: #0582CA;
}

.our-location-wrapper .location-inner .contact-us {
  max-width: 250px;
  margin: 10px;
  font-size: 22px;
  line-height: 36px;
  width: 100%;
  text-align: center;
}

.our-location-wrapper .location-inner .contact-us .awicon {
  font-size: 22px;
  line-height: 24px;
  display: block;
}

@media only screen and (max-width: 767px) {
  .our-location-wrapper .location-inner .contact-us {
    max-width: 48%;
    margin: 0 1% 10px 1%;
    font-size: 15px;
    line-height: 26px;
    float: left;
  }
  .our-location-wrapper .location-inner .contact-us .awicon {
    font-size: 24px;
    line-height: 28px;
  }
  .our-location-wrapper .location-inner .contact-us.only-contact-us {
    max-width: 100%;
  }
}

.our-location-wrapper .location-inner .locationAddress {
  font-size: 18px;
  line-height: 24px;
}

.our-location-wrapper .location-inner .locationTel {
  font-size: 18px;
  line-height: 24px;
}

.our-location-wrapper .location-inner .locationTel span {
  font-size: 24px;
}

.our-location-wrapper .location-inner .contact-social-links {
  display: flex;
  align-items: center;
  justify-content: center;
}

.our-location-wrapper .location-inner .contact-social-links .header-social-link {
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
  margin: 0 5px;
  border: 1px solid #003145;
  color: #003145;
  font-size: 20px;
  line-height: 20px;
  width: 40px;
  height: 40px;
  display: block;
  display: flex;
  float: left;
  align-items: center;
  justify-content: center;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s;
}

.our-location-wrapper .location-inner .contact-social-links .header-social-link:hover, .our-location-wrapper .location-inner .contact-social-links .header-social-link:focus {
  border: 1px solid #0582CA;
  color: #0582CA;
  text-decoration: none;
}

.our-location-wrapper.invert {
  color: #fff;
}

.our-location-wrapper.invert .location-inner .contact-social-links .header-social-link {
  color: #fff;
  border-color: #fff;
}

.get-directions-wrapper {
  text-align: center;
}

.get-directions-wrapper .postcode-search input[type="text"] {
  padding: 0 15px;
  font-size: 16px;
  height: 40px;
  background: #F2F4F5;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}

.contactWrapperStyleOne {
  padding: 40px 20px;
  margin-top: 30px;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .contactWrapperStyleOne {
    padding: 20px 0;
    margin-top: 0;
  }
}

@media only screen and (min-width: 768px) {
  .contactWrapperStyleOne .contactBoxStyleOneInner {
    display: flex;
    justify-content: space-between;
  }
}

.contactWrapperStyleOne .contactBoxStyleOneInner .contactBoxStyleOne {
  width: 100%;
  position: relative;
}

.contactWrapperStyleOne .contact-title {
  font-size: 24px;
  line-height: 28px;
  font-weight: bold;
  margin-bottom: 20px;
  margin-top: 10px;
}

@media only screen and (max-width: 1439px) {
  .contactWrapperStyleOne .contact-title {
    font-size: 22px;
    line-height: 24px;
  }
}

.contactWrapperStyleOne .telephone {
  margin: 0;
  font-size: 24px;
  line-height: 28px;
  font-weight: bold;
}

@media only screen and (max-width: 991px) {
  .contactWrapperStyleOne .telephone {
    font-size: 18px;
    line-height: 24px;
  }
}

.contactWrapperStyleOne .location {
  width: 80%;
}

@media only screen and (max-width: 767px) {
  .contactWrapperStyleOne .location {
    width: 100%;
  }
}

@media only screen and (min-width: 820px) {
  .contactWrapperStyleOne .contact-icon-left {
    float: left;
    font-size: 28px;
    position: absolute;
    top: -52px;
    left: 0;
    width: 60px;
    padding: 60px 10px 20px 10px;
    text-align: center;
    -ms-transform: skewX(-25deg);
    -webkit-transform: skewX(-25deg);
    -moz-transform: skewX(-25deg);
    transform: skewX(-25deg);
  }
  .contactWrapperStyleOne .contact-icon-left span {
    -ms-transform: skewX(25deg);
    -webkit-transform: skewX(25deg);
    -moz-transform: skewX(25deg);
    transform: skewX(25deg);
    display: block;
  }
}

@media only screen and (max-width: 820px) {
  .contactWrapperStyleOne .contact-icon-left {
    display: none;
  }
}

.contactWrapperStyleOne .contact-details-right {
  float: right;
  width: 100%;
  padding-left: 60px;
}

@media only screen and (max-width: 820px) {
  .contactWrapperStyleOne .contact-details-right {
    padding-left: 0;
  }
}

@media only screen and (max-width: 767px) {
  .contactWrapperStyleOne .contact-details-right {
    text-align: center;
    padding: 10px 0;
  }
}

.contactWrapperStyleOne .col-sm-4:last-child .contact-details-right {
  border: 0;
}

.contactWrapperStyleTwo {
  position: relative;
}

@media only screen and (min-width: 992px) {
  .contactWrapperStyleTwo .contactBoxStyleTwoInner {
    display: flex;
    justify-content: space-between;
  }
}

.contactWrapperStyleTwo .contactBoxStyleTwoInner .contactBoxStyleTwo {
  width: 100%;
  text-align: center;
  padding: 40px 20px;
}

@media only screen and (max-width: 991px) {
  .contactWrapperStyleTwo .contactBoxStyleTwoInner .contactBoxStyleTwo {
    padding: 20px 0;
  }
}

.contactWrapperStyleTwo .contactBoxStyleTwoInner .contactBoxStyleTwo .contact-title {
  font-weight: bold;
  font-size: 30px;
  display: block;
  position: relative;
  margin-bottom: 30px;
  margin-top: 0;
  padding-bottom: 15px;
}

@media only screen and (max-width: 1300px) {
  .contactWrapperStyleTwo .contactBoxStyleTwoInner .contactBoxStyleTwo .contact-title {
    font-size: 24px;
  }
}

@media only screen and (max-width: 479px) {
  .contactWrapperStyleTwo .contactBoxStyleTwoInner .contactBoxStyleTwo .contact-title {
    font-size: 20px;
    margin-bottom: 15px;
  }
}

.contactWrapperStyleTwo .contactBoxStyleTwoInner .contactBoxStyleTwo .contact-title span {
  font-size: 24px;
  line-height: 28px;
  font-weight: normal;
  display: block;
}

@media only screen and (max-width: 1300px) {
  .contactWrapperStyleTwo .contactBoxStyleTwoInner .contactBoxStyleTwo .contact-title span {
    font-size: 20px;
  }
}

@media only screen and (max-width: 479px) {
  .contactWrapperStyleTwo .contactBoxStyleTwoInner .contactBoxStyleTwo .contact-title span {
    font-size: 16px;
    line-height: 20px;
  }
}

.contactWrapperStyleTwo .contactBoxStyleTwoInner .contactBoxStyleTwo .tel a {
  font-size: 24px;
}

@media only screen and (max-width: 479px) {
  .contactWrapperStyleTwo .contactBoxStyleTwoInner .contactBoxStyleTwo .tel a {
    font-size: 18px;
  }
}

/* Content */
.cms-content-wrapper img {
  height: auto !important;
}

.cms-content-wrapper table {
  width: 100%;
  margin-bottom: 20px;
}

@media only screen and (max-width: 767px) {
  .cms-content-wrapper table {
    overflow-x: auto;
    display: block;
  }
}

.cms-content-wrapper table tr td, .cms-content-wrapper table tr th {
  padding: 10px;
}

.cms-content-wrapper table p {
  margin: 0;
}

@media only screen and (max-width: 479px) {
  .cms-content-wrapper .tabbed-contents .nav-tabs {
    box-shadow: 0 0 0;
    height: 40px;
  }
}

.cms-content-wrapper .tabbed-contents .nav-tabs li {
  width: 33.33%;
  text-align: center;
  margin-right: 0;
}

.cms-content-wrapper .tabbed-contents .nav-tabs li:last-child a {
  border-right: 0;
}

@media only screen and (max-width: 479px) {
  .cms-content-wrapper .tabbed-contents .nav-tabs li:nth-child(2) {
    border-right: 0;
  }
}

@media only screen and (max-width: 479px) {
  .cms-content-wrapper .tabbed-contents .nav-tabs li {
    width: 50%;
    font-size: 12px;
    margin-right: 0;
  }
}

.cms-content-wrapper .tabbed-contents .nav-tabs li.active a {
  border-left: 0;
}

.cms-content-wrapper .tabbed-contents .nav-tabs li a {
  width: 100%;
  margin-right: 0;
  border-radius: 0;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s;
  padding: 20px;
  font-size: 22px;
}

@media only screen and (max-width: 479px) {
  .cms-content-wrapper .tabbed-contents .nav-tabs li a {
    padding: 10px 5px;
  }
}

@media only screen and (max-width: 480px) {
  .cms-content-wrapper .tabbed-contents .nav-tabs li a {
    font-size: 14px;
  }
}

.cms-content-wrapper .tabbed-contents div.tab-content {
  border-top: 0;
  width: 100%;
  padding: 15px;
  margin-bottom: 20px;
  float: left;
}

@media only screen and (min-width: 768px) {
  .cms-content-wrapper .tabbed-contents div.tab-content {
    padding: 50px;
  }
}

.cms-content-wrapper .tabbed-contents div.tab-content ul {
  background: 0;
  padding: 0;
}

.cms-content-wrapper ul:not(.nav-tabs):not(.unstyled) {
  padding: 20px 20px 10px 20px;
  box-sizing: border-box;
  clear: both;
  float: left;
  width: 100%;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
}

.cms-content-wrapper ul:not(.nav-tabs):not(.unstyled) li {
  list-style: none;
  float: left;
  padding: 10px 10px 10px 70px;
  box-sizing: border-box;
  margin: 0 1% 10px 0;
  width: 49.5%;
  min-height: 66px;
  text-align: left;
  display: -webkit-box;
  -webkit-box-align: center;
  position: relative;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
}

.cms-content-wrapper ul:not(.nav-tabs):not(.unstyled) li:nth-child(2n+2) {
  margin-right: 0;
}

@media only screen and (max-width: 479px) {
  .cms-content-wrapper ul:not(.nav-tabs):not(.unstyled) li {
    padding: 5px 5px 5px 50px;
  }
}

.cms-content-wrapper ul:not(.nav-tabs):not(.unstyled) li::before {
  position: absolute;
  left: 20px;
  font-size: 28px;
  line-height: 28px;
  top: 50%;
  margin-top: -14px;
}

@media only screen and (max-width: 479px) {
  .cms-content-wrapper ul:not(.nav-tabs):not(.unstyled) li::before {
    font-size: 22px;
    line-height: 22px;
    left: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .cms-content-wrapper ul:not(.nav-tabs):not(.unstyled) li {
    width: 100%;
    margin-right: 0;
  }
}

.cms-content-wrapper ul:not(.nav-tabs):not(.unstyled).flex {
  display: flex;
  flex-wrap: wrap;
  padding: 15px;
}

.cms-content-wrapper ul:not(.nav-tabs):not(.unstyled).flex li {
  float: none;
  width: 250px;
  flex-grow: 1;
  margin: 5px;
}

.cms-content-wrapper ul:not(.nav-tabs):not(.unstyled).round {
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
}

.cms-content-wrapper ul:not(.nav-tabs):not(.unstyled).round li {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}

.cms-content-wrapper .box {
  margin-bottom: 15px;
  padding: 25px;
  float: left;
  width: 100%;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
}

@media only screen and (max-width: 767px) {
  .cms-content-wrapper .box {
    padding: 15px;
  }
}

.cms-content-wrapper .box img {
  margin-bottom: 10px;
  width: 100%;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s;
}

.cms-content-wrapper .box a:hover img {
  opacity: 0.5;
}

.cms-content-wrapper .box h4, .cms-content-wrapper .box h2 {
  margin-top: 0;
  font-size: 20px;
  line-height: 26px;
  color: #003145;
  font-weight: bold;
}

.cms-content-wrapper .box > h3:first-child {
  margin-top: 0;
}

.cms-content-wrapper .box > p:last-child {
  margin-bottom: 0;
}

.cms-content-wrapper .box ul {
  padding: 0;
}

.cms-content-wrapper .box ul li {
  border: 0;
  background: 0;
  padding: 0 0 0 30px;
  width: 100%;
  min-height: 30px;
  box-shadow: none;
  font-size: 16px;
  left: 0;
}

.cms-content-wrapper .box ul li::before {
  left: 0;
  font-size: 20px;
  line-height: 20px;
  top: 15%;
  position: absolute;
}

.cms-content-wrapper .offerImage {
  float: right;
  width: 30%;
  margin: 0 0 10px 10px;
}

@media only screen and (max-width: 767px) {
  .cms-content-wrapper .offerImage {
    width: 100%;
  }
}

.cms-content-wrapper .offerImage iframe {
  width: 100%;
  height: 350px;
}

.cms-content-wrapper .faq-section blockquote {
  background: rgba(0, 0, 0, 0.05);
  border-color: rgba(0, 0, 0, 0.1);
  margin-bottom: 5px;
  font-size: 16px;
  line-height: 1.4;
  padding: 20px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s;
}

.cms-content-wrapper .faq-section blockquote:hover {
  border-color: rgba(0, 0, 0, 0.2);
  background: rgba(0, 0, 0, 0.1);
}

.cms-content-wrapper .faq-section blockquote.active {
  border-color: #0582CA;
  background: rgba(5, 130, 202, 0.1);
}

@media only screen and (max-width: 479px) {
  .cms-content-wrapper .faq-section blockquote {
    font-size: 14px;
  }
}

.cms-content-wrapper .faq-section blockquote > h3 {
  margin: 0 0 10px;
  font-weight: bold;
  font-size: 1.2em;
}

.cms-content-wrapper .faq-section blockquote > div {
  padding: 0;
  margin: 0;
}

.cms-content-wrapper .faq-section.toggle {
  cursor: pointer;
}

.cms-content-wrapper .faq-section.toggle blockquote {
  position: relative;
  padding-right: 30px;
}

.cms-content-wrapper .faq-section.toggle blockquote::after {
  content: "";
  width: 10px;
  height: 10px;
  opacity: 0.3;
  border-right: 2px solid;
  border-bottom: 2px solid;
  transform: rotate(45deg);
  position: absolute;
  right: 15px;
  top: 15px;
  transition: transform 0.5s;
}

.cms-content-wrapper .faq-section.toggle blockquote.active::after {
  transform: rotate(225deg);
}

.cms-content-wrapper .outline-box {
  border: 1px solid rgba(0, 0, 0, 0.2);
  padding: 25px;
  margin-bottom: 10px;
  height: 100%;
}

@media only screen and (max-width: 767px) {
  .cms-content-wrapper .outline-box {
    padding: 15px;
  }
}

.cms-content-wrapper .outline-box > :first-child {
  margin-top: 0;
}

.cms-content-wrapper .outline-box > :last-child {
  margin-bottom: 0;
}

.cms-content-wrapper .date-timeline {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  row-gap: 5px;
  list-style: none;
  margin: 0 0 15px;
  padding: 0;
  justify-content: center;
  background: rgba(0, 0, 0, 0.6);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
}

.cms-content-wrapper .date-timeline li {
  flex-grow: 1;
  text-align: center;
  border-bottom: 3px solid #0582CA;
  line-height: 1;
  position: relative;
}

.cms-content-wrapper .date-timeline li::after {
  content: "";
  width: 10px;
  height: 10px;
  background: #0582CA;
  display: block;
  position: absolute;
  bottom: -6px;
  left: 50%;
  translate: -50%;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
}

.cms-content-wrapper .date-timeline li a {
  display: block;
  text-align: center;
  font-weight: bold;
  font-size: 16px;
  padding: 10px;
  color: #fff;
  -moz-border-radius: 3px 3px 0 0;
  -webkit-border-radius: 3px 3px 0 0;
  -ms-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
  margin: 3px 3px 0;
}

@media only screen and (max-width: 767px) {
  .cms-content-wrapper .date-timeline li a {
    font-size: 14px;
  }
}

.cms-content-wrapper .date-timeline li a:hover, .cms-content-wrapper .date-timeline li a:active, .cms-content-wrapper .date-timeline li a:focus {
  text-decoration: none;
  background: rgba(0, 0, 0, 0.4);
}

.cms-content-wrapper .date-timeline li.active::after {
  width: 14px;
  height: 14px;
  bottom: -8px;
  background: #3bb4fa;
  border: 1px solid #0582CA;
}

.cms-content-wrapper .date-timeline li.active a {
  background: #0582CA;
}

#contentCarousel {
  margin-bottom: 0;
}

#contentCarousel img {
  width: 100%;
}

#homeCarousel .carousel-indicators, #contentCarousel .carousel-indicators {
  display: none;
}

#homeCarousel img, #contentCarousel img {
  width: 100% !important;
}

@media only screen and (min-width: 992px) {
  #homeCarousel .carousel-control, #contentCarousel .carousel-control {
    height: 50px;
    width: 50px;
    top: 50%;
    display: block;
    line-height: 40px;
    margin-top: -25px;
  }
  #homeCarousel .carousel-control.left, #contentCarousel .carousel-control.left {
    left: 10px;
  }
  #homeCarousel .carousel-control.right, #contentCarousel .carousel-control.right {
    right: 10px;
  }
}

@media only screen and (min-width: 480px) {
  .contentTitleWrap {
    padding: 20px 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    margin-bottom: 20px;
    clear: both;
  }
  .contentTitleWrap .contentBannerTitleInner {
    float: left;
  }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
  .contentTitleWrap .contentBannerTitleInner {
    text-align: center;
    float: none;
  }
}

@media only screen and (min-width: 480px) {
  .contentTitleWrap h1 {
    margin: 0;
  }
}

.contentBannerCtas {
  float: right;
}

@media only screen and (max-width: 767px) {
  .contentBannerCtas {
    float: none;
    clear: both;
    display: flex;
    justify-content: center;
  }
}

@media only screen and (max-width: 479px) {
  .contentBannerCtas {
    display: block;
  }
}

.contentBannerCtas .contentEnquiryBtn {
  float: right;
  padding: 8px 15px;
  border: 0;
  margin-left: 10px;
  min-width: 120px;
}

.contentBannerCtas .contentEnquiryBtn.noOffers {
  display: none;
}

@media only screen and (max-width: 479px) {
  .contentBannerCtas .contentEnquiryBtn {
    float: left;
    width: 49%;
    margin: 0px 2% 10px 0;
  }
  .contentBannerCtas .contentEnquiryBtn:last-child {
    margin-right: 0;
  }
  .contentBannerCtas .contentEnquiryBtn:only-of-type, .contentBannerCtas .contentEnquiryBtn.fullWidth {
    margin: 0 0 10px 0;
    width: 100%;
  }
}

@media only screen and (min-width: 992px) {
  .contentBannerCtas .contentEnquiryBtn {
    line-height: 20px;
    margin-top: 0;
    padding: 12px 15px;
    min-width: 150px;
  }
}

.responsive-img {
  width: 30%;
  float: right;
  display: block;
}

@media only screen and (max-width: 600px) {
  .responsive-img {
    width: 100%;
  }
}

.sticky-tabs.affix {
  width: 100%;
  top: 93px;
  left: 0;
  z-index: 90;
}

h1.page-error {
  text-align: center;
  margin: 50px 15px;
  padding: 30px;
}

.carousel-inner .item .video {
  position: relative;
  padding-bottom: 40%;
  background-color: rgba(0, 0, 0, 0.8);
}

.carousel-inner .item .video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.carousel-inner .item.video-fill .video iframe {
  top: -20%;
  height: 140%;
}

.carousel-inner .banner-bg-img {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-color: rgba(0, 0, 0, 0.2);
}

.carousel-fade .carousel-inner .item {
  transition-property: opacity;
}

.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  opacity: 0;
}

.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  transform: translate3d(0, 0, 0);
}

/** New Cars **/
@media only screen and (min-width: 768px) {
  .newCarFranchiseSelect {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

.newCarFranchiseSelect a {
  display: block;
  border: 1px solid #dbdbdb;
  text-align: center;
  margin-bottom: 15px;
  padding: 15px;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s;
}

.newCarFranchiseSelect a:hover {
  opacity: 0.7;
}

@media only screen and (max-width: 479px) {
  .newCarFranchiseSelect a {
    padding: 10px;
  }
}

.nvr-select .nvr-select-single {
  text-align: center;
  padding: 20px;
  box-sizing: border-box;
  width: 100%;
  float: left;
  margin-bottom: 20px;
  position: relative;
}

.nvr-select .nvr-select-single .nvr-select-sash {
  position: absolute;
  background: url(/static/images/unity/default/fraternity/hybrid-icons/hybrid-sash.png) center no-repeat;
  color: #ffffff;
  top: 18px;
  height: 34px;
  width: 140px;
  left: -35px;
  z-index: 1;
  padding: 2px 25px;
  text-align: center;
  font-style: italic;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

@media only screen and (max-width: 1439px) {
  .nvr-select .nvr-select-single .nvr-select-sash {
    padding: 5px 25px;
  }
}

.nvr-select .nvr-select-single .nvr-select-logos-wrapper {
  position: absolute;
  top: 10px;
  left: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.nvr-select .nvr-select-single .nvr-select-logos-wrapper .hybrid-available {
  color: #1D9BD8;
  font-size: 10px;
  font-weight: bold;
  line-height: 14px;
  display: none;
}

@media only screen and (max-width: 767px) {
  .nvr-select .nvr-select-single .nvr-select-logos-wrapper {
    position: relative;
    left: 0;
    top: 0;
  }
}

.nvr-select .nvr-select-single .nvr-select-logos-wrapper .nvr-select-logos {
  display: flex;
}

@media only screen and (max-width: 767px) {
  .nvr-select .nvr-select-single .nvr-select-logos-wrapper .nvr-select-logos {
    justify-content: center;
  }
}

.nvr-select .nvr-select-single .nvr-select-logos-wrapper.center {
  position: relative;
  justify-content: center;
  left: 0;
  top: 5px;
}

.nvr-select .nvr-select-single:hover a {
  text-decoration: none;
}

@media only screen and (max-width: 479px) {
  .nvr-select .nvr-select-single {
    padding: 10px;
  }
}

.nvr-select .nvr-select-single .nvr-image {
  padding: 0 20px;
}

.nvr-select .nvr-select-single .nvr-title {
  display: block;
  width: 100%;
  font-weight: bold;
  font-size: 24px;
  line-height: 24px;
  margin: 15px 0 0 0;
}

@media only screen and (max-width: 1439px) {
  .nvr-select .nvr-select-single .nvr-title {
    font-size: 18px;
    line-height: 20px;
  }
}

.nvr-select .nvr-select-single .nvr-summary-price {
  display: block;
  font-weight: bold;
  color: #0582CA;
}

@media only screen and (max-width: 767px) {
  .nvr-select .nvr-select-single .nvr-title-height-mobile {
    min-height: 40px;
  }
}

.nvr-select .nvr-select-single a.nvr-offers-link, .nvr-select .nvr-select-single a.nvr-details-link {
  width: 49%;
  padding: 8px 0;
  box-sizing: border-box;
  display: block;
  text-align: center;
  float: left;
  margin-right: 2%;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s;
}

.nvr-select .nvr-select-single a.nvr-offers-link:hover, .nvr-select .nvr-select-single a.nvr-details-link:hover {
  text-decoration: none;
  opacity: 0.8;
}

@media only screen and (max-width: 479px) {
  .nvr-select .nvr-select-single a.nvr-offers-link, .nvr-select .nvr-select-single a.nvr-details-link {
    width: 100%;
    margin-bottom: 10px;
    margin-right: 0;
  }
}

.nvr-select .nvr-select-single a.nvr-offers-link.full-width, .nvr-select .nvr-select-single a.nvr-details-link.full-width {
  width: 100%;
}

.nvr-select .nvr-select-single a.nvr-offers-link:last-child, .nvr-select .nvr-select-single a.nvr-offers-link:only-child, .nvr-select .nvr-select-single a.nvr-details-link:last-child, .nvr-select .nvr-select-single a.nvr-details-link:only-child {
  margin-right: 0;
}

@media only screen and (max-width: 479px) {
  .nvr-select .nvr-select-single a.nvr-offers-link:last-child, .nvr-select .nvr-select-single a.nvr-offers-link:only-child, .nvr-select .nvr-select-single a.nvr-details-link:last-child, .nvr-select .nvr-select-single a.nvr-details-link:only-child {
    margin-bottom: 0;
  }
}

.nvr-select .nvr-select-single img {
  text-align: center;
  display: block;
  margin: 0 auto;
}

@media only screen and (min-width: 1200px) {
  .nvr-select .col-lg-3:nth-child(4n+5) {
    clear: both;
  }
}

@media only screen and (max-width: 1199px) {
  .nvr-select .col-sm-4:nth-child(3n+4) {
    clear: both;
  }
}

@media only screen and (max-width: 767px) {
  .nvr-select .col-sm-4:nth-child(3n+4) {
    clear: none;
  }
}

@media only screen and (max-width: 767px) {
  .nvr-select .col-xs-6:nth-child(2n+3) {
    clear: both;
  }
}

@media only screen and (max-width: 479px) {
  .nvr-select {
    padding: 0 15px;
  }
  .nvr-select .col-xs-6 {
    padding: 0;
    width: 49%;
    margin-right: 2%;
  }
  .nvr-select .col-xs-6:nth-child(2n+2) {
    margin-right: 0;
  }
}

.nvr-details-link_fordpass {
  width: 100%;
  padding: 8px;
  font-size: 14px;
  line-height: 18px;
  box-sizing: border-box;
  display: block;
  text-align: center;
  float: left;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s;
}

.nvr-details-link_fordpass:hover {
  text-decoration: none;
  opacity: 0.8;
  color: #fff;
}

.newcar-subnav {
  background: #003145;
  float: left;
  width: 100%;
  margin: 0;
  z-index: 8;
  padding: 0;
}

@media only screen and (max-width: 767px) {
  .newcar-subnav {
    padding: 25px 10px;
    top: 0 !important;
  }
}

.newcar-subnav.fixed {
  position: fixed;
  width: 100%;
  top: 32px;
  z-index: 8;
}

@media only screen and (max-width: 991px) {
  .newcar-subnav.fixed {
    top: 50px;
  }
}

.newcar-subnav .subnav-model-name {
  width: 15%;
  color: #ffffff;
  font-size: 14px;
  font-weight: 200;
  line-height: 18px;
  display: -webkit-box;
  padding: 0px 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: rgba(255, 255, 255, 0.3);
}

.newcar-subnav .subnav-model-name span {
  font-size: 18px;
  font-weight: bold;
  line-height: 18px;
}

.newcar-subnav .subnav-model-name strong {
  font-size: 17px;
  line-height: 20px;
}

@media only screen and (max-width: 991px) {
  .newcar-subnav .subnav-model-name {
    width: 20%;
  }
}

@media only screen and (max-width: 767px) {
  .newcar-subnav .subnav-model-name {
    display: none;
  }
}

.newcar-subnav ul.subnav-buttons {
  float: left;
  width: 85%;
  display: flex;
  flex-wrap: wrap;
  min-height: 55px;
  margin-bottom: 0;
  gap: 1px;
  background: rgba(255, 255, 255, 0.3);
  padding: 0 1px 0 0;
}

@media only screen and (max-width: 991px) {
  .newcar-subnav ul.subnav-buttons {
    width: 80%;
  }
}

@media only screen and (max-width: 767px) {
  .newcar-subnav ul.subnav-buttons {
    width: 100%;
    padding: 1px;
  }
}

.newcar-subnav li {
  text-align: center;
  color: #ffffff;
  background: #003145;
  display: block;
  float: left;
  text-transform: uppercase;
  list-style: none;
  flex-grow: 1;
  flex-basis: 100px;
  position: relative;
}

.newcar-subnav li.has-sub-menu > a::after {
  content: "";
  width: 0.5em;
  height: 0.5em;
  opacity: 0.4;
  border-right: 2px solid;
  border-bottom: 2px solid;
  transform: rotate(45deg);
  position: absolute;
  bottom: 20%;
  transition: all .5s;
}

.newcar-subnav li.has-sub-menu ul {
  display: none;
  flex-direction: column;
  position: absolute;
  right: 0;
  background: #0582CA;
  padding: 6px;
  margin: 0;
  min-width: 100%;
  z-index: 99;
  box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.3);
}

.newcar-subnav li.has-sub-menu ul li {
  flex-basis: auto;
  border: 1px solid rgba(255, 255, 255, 0.3);
}

.newcar-subnav li.has-sub-menu ul li:not(:first-of-type) {
  border-top: 0;
}

.newcar-subnav li.has-sub-menu.open > a {
  background: #0582CA;
}

.newcar-subnav li.has-sub-menu.open > a::after {
  transform: rotate(225deg);
  bottom: 10%;
  opacity: 0.5;
}

.newcar-subnav li.has-sub-menu.open ul {
  display: flex;
}

@media only screen and (max-width: 767px) {
  .newcar-subnav li.has-sub-menu.open ul {
    position: relative;
    box-shadow: none;
  }
}

.newcar-subnav li.active a {
  background: #0582CA;
  color: #ffffff;
}

.newcar-subnav li a {
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  height: 100%;
  min-height: 45px;
  white-space: nowrap;
  position: relative;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s;
}

.newcar-subnav li a:hover, .newcar-subnav li a:focus {
  text-decoration: none;
  background: #0582CA;
  color: #ffffff;
}

@media only screen and (max-width: 767px) {
  .newcar-subnav li a {
    height: auto;
    white-space: normal;
  }
}

.newcar-subnav li:only-child {
  display: none;
}

@media only screen and (max-width: 767px) {
  .newcar-subnav {
    display: none;
  }
  .newcar-subnav.open {
    display: block;
  }
  .newcar-subnav li {
    flex-basis: 100%;
  }
}

.new-car-mobile-sub-nav {
  text-align: center;
  background: #0582CA;
  color: #ffffff;
  cursor: pointer;
  padding: 10px;
}

@media only screen and (min-width: 768px) {
  .new-car-mobile-sub-nav {
    display: none;
  }
}

@media only screen and (min-width: 768px) {
  .new-vehicle-cta-container {
    margin-bottom: 0;
  }
  .new-vehicle-cta-container.fixed-bottom {
    position: fixed;
    width: 100%;
    bottom: 0;
  }
  .new-vehicle-cta-container.fixed-bottom.affix {
    bottom: 0;
    top: auto;
  }
}

.mobile-nc-ctas {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 99;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.mobile-nc-ctas a {
  color: #ffffff;
  background: #0582CA;
  text-align: center;
  display: block;
  padding: 10px 2px;
  font-family: "Suzuki", sans-serif;
  text-transform: uppercase;
  min-width: 70px;
  border-right: 1px solid rgba(255, 255, 255, 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1 0 10%;
  flex-direction: column;
  gap: 3px;
  border-radius: 0;
  white-space: normal;
  line-height: 1.2;
}

.mobile-nc-ctas a:last-child {
  border-right: 0;
}

.mobile-nc-ctas a:hover, .mobile-nc-ctas a:focus {
  background: #046298;
  color: #ffffff;
  text-decoration: none;
}

.mobile-nc-ctas a:active {
  box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.4);
}

.mobile-nc-ctas a.eCommerceModal, .mobile-nc-ctas a.btn-buynow {
  background: #27b25b;
  border-radius: 0;
}

@media only screen and (max-width: 1199px) {
  .mobile-nc-ctas a.eCommerceModal, .mobile-nc-ctas a.btn-buynow {
    margin: 0;
  }
}

.mobile-nc-ctas a.eCommerceModal:hover, .mobile-nc-ctas a.eCommerceModal:focus, .mobile-nc-ctas a.btn-buynow:hover, .mobile-nc-ctas a.btn-buynow:focus {
  color: #ffffff;
  background: #1e8846;
}

.mobile-nc-ctas a:only-child {
  width: 100%;
}

.mobile-nc-ctas .buynow-link:not(:empty) {
  flex: 1 0 10%;
  background: #27b25b;
  border-right: 1px solid rgba(255, 255, 255, 0.3);
  display: flex;
}

.mobile-nc-ctas .buynow-link:not(:empty):last-child {
  border-right: 0;
}

.mobile-nc-ctas .silverbullet_container {
  width: 100%;
}

.mobile-nc-ctas .silverbullet_container .btn-buynow {
  background: #27b25b;
  color: #ffffff;
  text-align: center;
  float: left;
  display: block;
  padding: 10px 0;
  border-radius: 0;
  font-family: "Suzuki", sans-serif;
  text-transform: uppercase;
  font-size: 14px;
  border-right: 1px solid rgba(255, 255, 255, 0.3);
  width: 100%;
}

.mobile-nc-ctas .silverbullet_container .btn-buynow:last-child {
  border-right: 0;
}

.newcar-overview {
  width: 100%;
  display: block;
  overflow: hidden;
  box-sizing: border-box;
  background: #F2F4F5;
  border: 1px solid #dbdbdb;
  margin: 20px 0;
}

@media only screen and (min-width: 992px) {
  .newcar-overview .newcar-overview__text {
    min-height: 550px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding: 20px;
  }
}

@media only screen and (max-width: 991px) {
  .newcar-overview .newcar-overview__text {
    text-align: center;
    padding: 15px;
  }
}

.newcar-overview .newcar-overview__text h1 {
  margin-top: 0;
}

.overview-image {
  min-height: 550px;
  background-position: center;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

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

@media only screen and (max-width: 479px) {
  .overview-image {
    height: 200px;
    min-height: 200px;
  }
}

.overview-image .btn-video-play {
  display: none;
  color: #ffffff;
  text-align: center;
  background: radial-gradient(circle, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 70%);
  -moz-border-radius: 40px;
  -webkit-border-radius: 40px;
  -ms-border-radius: 40px;
  border-radius: 40px;
  padding: 80px;
}

.overview-image .btn-video-play .awicon-yt {
  font-size: 100px;
  color: #ffffff;
  display: block;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s;
}

.overview-image .btn-video-play:hover {
  cursor: pointer;
}

.overview-image .btn-video-play:hover .watch-the-video {
  margin-top: 0;
  opacity: 1;
  -webkit-transform: scale(1.5, 1.5);
  /* Safari and Chrome */
  -moz-transform: scale(1.5, 1.5);
  /* Firefox */
  -ms-transform: scale(1.5, 1.5);
  /* IE 9 */
  -o-transform: scale(1.5, 1.5);
  /* Opera */
  transform: scale(1.5, 1.5);
}

.overview-image .btn-video-play .watch-the-video {
  margin-top: -30px;
  opacity: 0;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s;
  font-weight: bold;
}

@media only screen and (max-width: 767px) {
  .overview-image.ford-model-about_image {
    width: 100%;
    display: flex;
  }
}

.lifestyle-full-outer {
  margin: 20px 0;
}

.lifestyle-full-outer .lifestyle-full__container {
  text-align: center;
  margin-bottom: 20px;
}

.lifestyle-full-outer .lifestyle-full__container .lifestyle__image {
  height: 260px;
  width: 100%;
  background-position: center center;
  background-size: cover;
}

.lifestyle-full-outer .lifestyle-full__container .lifestyle__copy {
  padding: 20px;
}

.lifestyle-full-outer .lifestyle-full__container .lifestyle__content .lifestyle__title {
  font-size: 22px;
  font-weight: 500;
  margin-top: -55px;
  height: 55px;
  justify-content: center;
  display: flex;
  align-items: center;
  text-transform: uppercase;
}

.lifestyle-grid {
  float: left;
  margin-bottom: 20px;
  width: 100%;
}

.lifestyle-grid .lifestyle-grid__container {
  float: left;
  width: 50%;
}

@media only screen and (min-width: 992px) {
  .lifestyle-grid .lifestyle-grid__container:nth-child(3) .lifestyle__image, .lifestyle-grid .lifestyle-grid__container:nth-child(4) .lifestyle__image {
    float: right;
  }
}

@media only screen and (max-width: 991px) {
  .lifestyle-grid .lifestyle-grid__container:nth-child(odd) .lifestyle__image {
    float: right;
  }
}

@media only screen and (max-width: 991px) {
  .lifestyle-grid .lifestyle-grid__container {
    width: 100%;
  }
}

.lifestyle-grid .lifestyle-grid__container .lifestyle__image, .lifestyle-grid .lifestyle-grid__container .lifestyle__content {
  float: left;
  width: 50%;
  min-height: 350px;
  display: flex;
  justify-content: center;
  flex-direction: column;
}

@media only screen and (max-width: 479px) {
  .lifestyle-grid .lifestyle-grid__container .lifestyle__image, .lifestyle-grid .lifestyle-grid__container .lifestyle__content {
    width: 100%;
    min-height: 200px;
  }
}

.lifestyle-grid .lifestyle-grid__container .lifestyle__image {
  background-position: center;
  background-size: cover;
}

.lifestyle-grid .lifestyle-grid__container .lifestyle__content {
  padding: 20px;
}

.lifestyle-grid .lifestyle-grid__container .lifestyle__content .lifestyle__title {
  font-size: 22px;
  color: #003145;
  font-weight: 500;
}

.highlightedModelWrapper {
  text-align: center;
  padding: 15px 0;
}

.highlightedModelWrapper .hybrids-link {
  padding: 15px;
  margin: 30px auto 15px auto;
  color: #fff;
  display: block;
  clear: both;
  max-width: 400px;
  text-align: center;
  background: #2d96cd;
  border: 1px solid #2d96cd;
  font-weight: bold;
}

.highlightedModelWrapper h2 {
  color: #003145;
  margin: 15px 0px;
}

.highlightedModelWrapper .highlightedModelGrid {
  float: left;
  margin-bottom: 20px;
  width: 100%;
  border: 1px solid #dbdbdb;
}

.highlightedModelWrapper .highlightedModelGrid .highlightedModelGrid__container {
  float: left;
  width: 50%;
  background: #F2F4F5;
  color: #003145;
}

@media only screen and (min-width: 992px) {
  .highlightedModelWrapper .highlightedModelGrid .highlightedModelGrid__container:nth-child(3) .highlightedModel__image, .highlightedModelWrapper .highlightedModelGrid .highlightedModelGrid__container:nth-child(4) .highlightedModel__image {
    float: right;
  }
}

@media only screen and (max-width: 991px) {
  .highlightedModelWrapper .highlightedModelGrid .highlightedModelGrid__container:nth-child(odd) .highlightedModel__image {
    float: right;
  }
}

@media only screen and (max-width: 991px) {
  .highlightedModelWrapper .highlightedModelGrid .highlightedModelGrid__container {
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .highlightedModelWrapper .highlightedModelGrid .highlightedModelGrid__container .highlightedModel__title {
    font-size: 18px;
    line-height: 20px;
  }
}

.highlightedModelWrapper .highlightedModelGrid .highlightedModelGrid__container .highlightedModel__image, .highlightedModelWrapper .highlightedModelGrid .highlightedModelGrid__container .highlightedModel__content {
  float: left;
  width: 50%;
  min-height: 350px;
  display: flex;
  justify-content: center;
  flex-direction: column;
}

@media only screen and (max-width: 479px) {
  .highlightedModelWrapper .highlightedModelGrid .highlightedModelGrid__container .highlightedModel__image, .highlightedModelWrapper .highlightedModelGrid .highlightedModelGrid__container .highlightedModel__content {
    width: 100%;
    min-height: 200px;
  }
}

.highlightedModelWrapper .highlightedModelGrid .highlightedModelGrid__container .highlightedModel__image {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.highlightedModelWrapper .highlightedModelGrid .highlightedModelGrid__container .highlightedModel__image.contain {
  background-size: contain;
  background-color: #fff;
}

.highlightedModelWrapper .highlightedModelGrid .highlightedModelGrid__container .highlightedModel__content {
  padding: 20px;
}

.dynamic-contact_ctas {
  display: flex;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .dynamic-contact_ctas {
    display: block;
  }
}

.dynamic-contact_ctas .dynamic-contact_cta {
  flex-grow: 1;
  margin-right: 10px;
}

@media only screen and (max-width: 767px) {
  .dynamic-contact_ctas .dynamic-contact_cta {
    width: 100%;
    margin-bottom: 10px;
  }
}

.dynamic-contact_ctas .dynamic-contact_cta:last-child {
  margin-right: 0;
}

.newcar-offer-details .newcar-offer__image {
  display: flex;
  align-items: center;
  margin: 0 auto;
  max-width: 100%;
  overflow: hidden;
  position: relative;
  width: auto;
  flex-direction: column;
}

@media only screen and (max-width: 991px) {
  .newcar-offer-details .newcar-offer__image {
    width: 100%;
    height: auto;
  }
}

.newcar-offer-details .newcar-offer__image img {
  width: 100%;
}

.newcar-offer-details .newcar-offer__image .nc-vehicle_media_counter {
  position: absolute;
  bottom: 10px;
  left: 10px;
  padding: 5px 10px;
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}

.newcar-offer-details .newcar-offer__image:hover {
  cursor: pointer;
}

.newcar-offer-details .ncOfferCarousel-modal {
  background: #333;
  top: 0;
  left: 0;
  position: fixed;
  z-index: 100000;
  width: 100%;
  height: 100%;
}

.newcar-offer-details .ncOfferCarousel-modal img {
  display: block;
  height: auto;
  width: auto;
  margin: 0 auto;
  max-height: 100vh;
}

.newcar-offer-details .ncOfferCarousel-modal .carousel-control {
  width: 70px;
  height: 70px;
  position: absolute;
  top: 50%;
  transform: translateY(50%);
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  z-index: 4000;
  background-color: #222;
  border-radius: 5px;
  left: 60px;
  font-size: 32px;
  opacity: 1;
}

.newcar-offer-details .ncOfferCarousel-modal .carousel-control:hover {
  background: #0582CA;
}

.newcar-offer-details .ncOfferCarousel-modal .carousel-control.right {
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  right: 60px;
  left: auto;
}

@media only screen and (max-width: 580px) {
  .newcar-offer-details .ncOfferCarousel-modal .carousel-control.right {
    right: 15px;
    float: right;
  }
}

@media only screen and (max-width: 580px) {
  .newcar-offer-details .ncOfferCarousel-modal .carousel-control {
    position: relative;
    font-size: 24px;
    background: none;
    width: auto;
    height: auto;
    left: 15px;
    top: 0;
    float: left;
    padding: 10px;
  }
}

.newcar-offer-details .ncOfferCarousel-modal-close {
  fill: #333;
  background-color: #fff;
  position: absolute;
  right: 20px;
  top: 20px;
  width: 30px;
  height: 30px;
  z-index: 100001;
  padding: 3px;
  cursor: hand;
}

.newcar-offer-details .ncOfferCarousel-modal-close:hover {
  cursor: pointer;
  background: #0582CA;
}

.newcar-offer-details.style-one .newcar-offer__header .newcar-offer__heading {
  display: block;
  padding: .5em;
  text-align: center;
  font-size: 24px;
  box-sizing: border-box;
  margin: 0;
  font-weight: bold;
  line-height: 1.4;
}

.newcar-offer-details.style-one .newcar-offer__header .newcar-offer__subheading {
  display: block;
  font-weight: normal;
  font-size: 14px;
}

@media screen and (min-width: 600px) {
  .newcar-offer-details.style-one .newcar-offer__header .newcar-offer__heading {
    font-size: 36px;
  }
  .newcar-offer-details.style-one .newcar-offer__header .newcar-offer__subheading {
    font-size: 18px;
  }
}

.newcar-offer-details.style-one .newcar-offer__price {
  padding: 20px;
  box-sizing: border-box;
}

@media screen and (min-width: 460px) {
  .newcar-offer-details.style-one .newcar-offer__price .newcars__offerprice {
    font-size: 36px;
  }
}

.newcar-offer-details.style-one .newcar-offer__price .newcars__prices {
  max-width: 980px;
  margin: 0 auto;
}

.newcar-offer-details.style-one .newcar-offer__uspswrapper {
  margin: 1em auto;
}

.newcar-offer-details.style-one .usps {
  padding: 1em;
  width: 100%;
  margin: 1em auto;
}

.newcar-offer-details.style-one .usps .usps__header {
  margin: 1em 0 1em 0;
  padding: 0;
}

.newcar-offer-details.style-one .usps .usps__list {
  margin: 0;
  padding: 0;
  border: 0;
  box-sizing: border-box;
  list-style: none;
  margin: 1em;
}

.newcar-offer-details.style-one .usps .usps__item {
  margin: 0;
  padding: 0;
  border: 0;
  box-sizing: border-box;
}

.newcar-offer-details.style-one .usps .usps__item .awicon {
  margin-right: .5em;
}

@media screen and (min-width: 760px) {
  .newcar-offer-details.style-one .newcar-offer__uspswrapper {
    table-layout: fixed;
    width: 100%;
    max-width: 100% !important;
  }
  .newcar-offer-details.style-one .newcar-offer__image + .usps {
    display: table-cell;
    vertical-align: middle;
    white-space: nowrap;
    min-width: 36%;
  }
  .newcar-offer-details.style-one .newcar-offer__image + .usps .usps__list {
    margin-left: 1em;
    line-height: 2.4;
  }
  .newcar-offer-details.style-one .newcar-offer__image + .usps .usps__header {
    font-size: 20px;
  }
  .newcar-offer-details.style-one .newcar-offer__image:only-child {
    width: 100%;
  }
}

.newcar-offer-details.style-one .new-car-page-wrapper .newcars__cta {
  width: 100%;
  max-width: 100%;
  float: left;
  margin: 0;
  padding: 0;
  border: 0;
  box-sizing: border-box;
  list-style: none;
  clear: both;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media only screen and (max-width: 767px) {
  .newcar-offer-details.style-one .new-car-page-wrapper .newcars__cta {
    width: 100%;
  }
}

.newcar-offer-details.style-one .new-car-page-wrapper .newcars__cta a {
  flex-basis: 100%;
  display: block;
  text-align: center;
  padding: 10px 0;
  box-sizing: border-box;
  text-decoration: none;
  background: #0582CA;
  color: #ffffff;
  margin-right: 10px;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s;
}

.newcar-offer-details.style-one .new-car-page-wrapper .newcars__cta a:last-child {
  margin-right: 0;
}

.newcar-offer-details.style-one .new-car-page-wrapper .newcars__cta a:hover {
  background: #003145;
  color: #ffffff;
}

.newcar-offer-details.style-one .new-car-page-wrapper .newcars__cta a .awicon {
  display: block;
}

.newcar-offer-details.style-one .new-car-page-wrapper .newcars__cta a.ecom-autoweb {
  background: #27b25b;
}

.newcar-offer-details.style-two {
  background: #F2F4F5;
  padding: 50px 0;
}

.newcar-offer-details.style-two .newcar-offer__heading {
  background: #333;
  color: #fff;
  padding: 20px;
  margin: 0;
  font-size: 36px;
  text-align: center;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

@media only screen and (max-width: 767px) {
  .newcar-offer-details.style-two .newcar-offer__heading {
    font-size: 30px;
  }
}

@media only screen and (max-width: 479px) {
  .newcar-offer-details.style-two .newcar-offer__heading {
    font-size: 26px;
    padding: 15px;
  }
}

.newcar-offer-details.style-two .newcar-offer__heading .newcar-offer__subheading {
  opacity: 0.8;
  font-size: 0.6em;
  display: inline-block;
}

.newcar-offer-details.style-two .newcar-offer__price {
  background: #4d4d4d;
  padding: 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 25px;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

@media only screen and (max-width: 479px) {
  .newcar-offer-details.style-two .newcar-offer__price {
    padding: 15px;
  }
}

.newcar-offer-details.style-two .newcar-offer__price .newcars__prices {
  justify-content: center;
  align-items: center;
  gap: 25px;
  width: 1200px;
}

.newcar-offer-details.style-two .newcar-offer__price .newcars__prices .newcars__priceblock {
  background: #fff;
  color: #333;
  padding: 0;
  display: flex;
  flex-direction: column;
  border: none;
  text-align: center;
  overflow: hidden;
  width: 20%;
  min-width: 160px;
  flex-grow: 1;
}

.newcar-offer-details.style-two .newcar-offer__price .newcars__prices .newcars__priceblock .newcars__pricelabel {
  background: #ccc;
  padding: 3px;
  border-bottom: 1px solid #4d4d4d;
}

.newcar-offer-details.style-two .newcar-offer__price .newcars__prices .newcars__priceblock .newcars__offerprice {
  font-size: 30px;
  padding: 10px;
  font-weight: 500;
}

.newcar-offer-details.style-two .newcar-offer__price .newcars__prices .newcars__priceblock--otr {
  background: #666;
  color: #fff;
  order: 4;
}

.newcar-offer-details.style-two .newcar-offer__price .newcars__prices .newcars__priceblock--otr .newcars__pricelabel {
  background: #0582CA;
  border-color: #fff;
}

@media only screen and (max-width: 479px) {
  .newcar-offer-details.style-two .newcar-offer__price .newcars__prices {
    gap: 10px;
    width: 100%;
  }
  .newcar-offer-details.style-two .newcar-offer__price .newcars__prices .newcars__priceblock {
    min-width: 100px;
  }
  .newcar-offer-details.style-two .newcar-offer__price .newcars__prices .newcars__priceblock .newcars__offerprice {
    font-size: 22px;
    padding: 6px;
  }
}

.newcar-offer-details.style-two .newcar-offer-layout {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}

.newcar-offer-details.style-two .newcar-offer-layout .newcar-offer-main {
  width: 60%;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}

.newcar-offer-details.style-two .newcar-offer-layout .newcar-offer-sidebar {
  width: 30%;
  min-width: 300px;
  flex-grow: 1;
  overflow: auto;
}

@media only screen and (max-width: 479px) {
  .newcar-offer-details.style-two .newcar-offer-layout .newcar-offer-sidebar {
    min-width: 100%;
  }
}

.newcar-offer-details.style-two .newcar-offer-layout .newcar-offer-fullwidth {
  width: 100%;
  flex-grow: 1;
}

.newcar-offer-details.style-two .newcar-offer-layout .newcar-offer-box {
  background: #fff;
  color: #003145;
  border: 1px solid #4d4d4d;
  padding: 30px;
  line-height: 1.2;
}

.newcar-offer-details.style-two .newcar-offer-layout .newcar-offer-box h2 {
  font-size: 18px;
}

@media only screen and (max-width: 991px) {
  .newcar-offer-details.style-two .newcar-offer-layout .newcar-offer-box {
    padding: 20px;
    font-size: 0.9em;
  }
}

@media only screen and (max-width: 479px) {
  .newcar-offer-details.style-two .newcar-offer-layout .newcar-offer-box {
    padding: 15px;
    font-size: 0.85em;
  }
  .newcar-offer-details.style-two .newcar-offer-layout .newcar-offer-box h2 {
    font-size: 15px;
  }
}

.newcar-offer-details.style-two .newcar-offer-layout .newcar-offer-ctas {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.newcar-offer-details.style-two .newcar-offer-layout .newcar-offer-ctas a {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 10px;
  background: #1a1a1a;
  color: #fff;
}

.newcar-offer-details.style-two .newcar-offer-layout .newcar-offer-ctas a:hover {
  filter: brightness(0.8);
  text-decoration: none;
}

.newcar-offer-details.style-two .newcar-offer-layout .newcar-offer-ctas a:nth-of-type(1) {
  background: #0582CA;
  color: #ffffff;
}

.newcar-offer-details.style-two .newcar-offer-layout .newcar-offer-ctas a:nth-of-type(1):hover {
  background: #003145;
  color: #ffffff;
}

.newcar-offer-details.style-two .newcar-offer-layout .newcar-offer-ctas a:nth-of-type(2) {
  background: #333;
  color: #fff;
}

.newcar-offer-details.style-two .newcar-offer-layout .newcar-offer-ctas a .awicon {
  order: 2;
}

@media only screen and (max-width: 767px) {
  .newcar-offer-details.style-two .newcar-offer-layout .newcar-offer-ctas {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 99;
    background: rgba(255, 255, 255, 0.7);
    width: 100%;
    gap: 1px;
    padding-top: 1px;
    backdrop-filter: blur(10px);
  }
  .newcar-offer-details.style-two .newcar-offer-layout .newcar-offer-ctas a {
    width: 100px;
    flex: 1 0 auto;
    border-radius: 0;
    flex-direction: column-reverse;
    gap: 2px;
    padding: 5px;
    white-space: normal;
    line-height: 1.1;
  }
}

.newcar-offer-details.style-two .newcar-offer-layout .newcar-offer-summary {
  text-align: center;
  flex-grow: 1;
  border: 1px solid #4d4d4d;
  background: #fff;
  color: #003145;
  overflow: hidden;
}

.newcar-offer-details.style-two .newcar-offer-layout .newcar-offer-summary h2 {
  background: #4d4d4d;
  color: #fff;
  padding: 20px;
  margin: 0;
}

.newcar-offer-details.style-two .newcar-offer-layout .newcar-offer-summary ul.newcars__overview-list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -1px 0 0;
  padding: 0;
  list-style: none;
}

.newcar-offer-details.style-two .newcar-offer-layout .newcar-offer-summary li.newcars__overview-item {
  padding: 20px;
  flex-basis: 120px;
  flex-grow: 1;
  border: 1px solid #4d4d4d;
  border-width: 0 1px 1px 0;
  background: #fff;
  color: #003145;
}

@media only screen and (max-width: 479px) {
  .newcar-offer-details.style-two .newcar-offer-layout .newcar-offer-summary li.newcars__overview-item {
    padding: 15px;
    font-size: 12px;
  }
}

.newcar-offer-details.style-two .newcar-offer-layout .newcar-offer-summary li.newcars__overview-item .awicon {
  display: block;
  font-size: 3em;
  margin-bottom: 0.2em;
  color: inherit;
}

.newcar-offer-details.style-two .newcar-offer-layout .newcar-offer-summary li.newcars__overview-item .newcars__overview-label {
  font-weight: 600;
  opacity: 0.6;
  display: block;
  line-height: 1.1;
  margin-bottom: 5px;
}

.newcar-offer-details.style-two .newcar-offer-layout .newcar-offer-summary li.newcars__overview-item .newcars__overview-value {
  font-weight: 600;
  font-size: 1.4em;
  display: block;
}

.newcar-offer-details.style-two .newcar-offer-layout .tax-disclaimer {
  padding: 15px;
}

.newcar-offer-details.style-two .newcar-offer-example :first-child {
  margin-top: 0;
}

.newcar-offer-details.style-two .newcar-offer-example table {
  border: 1px solid rgba(0, 0, 0, 0.2);
  margin: 0 0 10px;
  line-height: 1.1;
}

.newcar-offer-details.style-two .newcar-offer-example table td, .newcar-offer-details.style-two .newcar-offer-example table th {
  padding: 8px 10px;
  border: 1px solid rgba(0, 0, 0, 0.2);
}

.newcar-offer-details.style-two .newcar-offer-example table td:last-of-type, .newcar-offer-details.style-two .newcar-offer-example table th:last-of-type {
  background: rgba(0, 0, 0, 0.1);
}

.newcar-offer-details.style-two .newcar-offer-terms {
  width: 100%;
}

.newcar-offer-details.style-three .newcar-offer-intro-box {
  background: #333;
  color: #fff;
  padding: 20px;
  text-align: center;
  margin: 30px 0;
}

@media only screen and (max-width: 479px) {
  .newcar-offer-details.style-three .newcar-offer-intro-box {
    margin: 20px 0;
  }
}

.newcar-offer-details.style-three .newcar-offer-intro-box .newcar-offer__subheading {
  opacity: 0.8;
  font-size: 0.6em;
  display: inline-block;
  font-weight: 400;
}

.newcar-offer-details.style-three .newcar-offer-intro-box .newcar-offer-promotion {
  font-size: 18px;
  margin-bottom: 10px;
}

@media only screen and (max-width: 767px) {
  .newcar-offer-details.style-three .newcar-offer-intro-box .newcar-offer-promotion {
    font-size: 14px;
  }
}

.newcar-offer-details.style-three .details-gallery-slick-thumbnails .slick-track {
  display: flex;
}

.newcar-offer-details.style-three .details-gallery-slick-thumbnails .slick-track .cad-gallery-thumb {
  height: inherit !important;
  object-fit: cover;
}

@media only screen and (min-width: 992px) {
  .newcar-offer-details.style-three .newcar-offer-gallery {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .newcar-offer-details.style-three .newcar-offer-gallery .details-gallery-slick-thumbnails {
    margin-bottom: 0;
  }
}

.newcar-offer-details.style-three .newcar-offer-section {
  background: #F2F4F5;
  padding: 30px;
  float: left;
  width: 100%;
}

@media only screen and (max-width: 479px) {
  .newcar-offer-details.style-three .newcar-offer-section {
    padding: 20px;
  }
}

.newcar-offer-details.style-three .newcar-offer-overview {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.newcar-offer-details.style-three .newcar-offer-overview .us-details-valuation {
  float: none;
  background: none;
  padding: 0;
  margin-top: 30px;
}

.newcar-offer-details.style-three .newcar-offer-overview .us-details-valuation #valuation .details-value-form > div.us-details-valuation-title {
  width: 100%;
  text-align: center;
}

.newcar-offer-details.style-three .newcar-offer-overview .newcar-offer__price {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 20px;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

.newcar-offer-details.style-three .newcar-offer-overview .newcar-offer__price .newcars__prices {
  justify-content: center;
  align-items: center;
  gap: 25px;
}

@media only screen and (max-width: 1199px) {
  .newcar-offer-details.style-three .newcar-offer-overview .newcar-offer__price .newcars__prices {
    gap: 15px;
  }
}

@media only screen and (max-width: 479px) {
  .newcar-offer-details.style-three .newcar-offer-overview .newcar-offer__price .newcars__prices {
    gap: 10px;
  }
}

.newcar-offer-details.style-three .newcar-offer-overview .newcar-offer__price .newcars__prices .newcars__priceblock {
  background: #fff;
  color: #333;
  padding: 0;
  display: flex;
  flex-direction: column;
  border: none;
  text-align: center;
  overflow: hidden;
  flex-basis: calc(50% - 20px);
  flex-grow: 1;
}

.newcar-offer-details.style-three .newcar-offer-overview .newcar-offer__price .newcars__prices .newcars__priceblock .newcars__pricelabel {
  background: #aaa;
  color: #fff;
  padding: 3px;
}

.newcar-offer-details.style-three .newcar-offer-overview .newcar-offer__price .newcars__prices .newcars__priceblock .newcars__offerprice {
  font-size: 35px;
  padding: 10px;
  font-weight: 500;
}

@media only screen and (max-width: 1199px) {
  .newcar-offer-details.style-three .newcar-offer-overview .newcar-offer__price .newcars__prices .newcars__priceblock .newcars__offerprice {
    font-size: 28px;
  }
}

@media only screen and (max-width: 479px) {
  .newcar-offer-details.style-three .newcar-offer-overview .newcar-offer__price .newcars__prices .newcars__priceblock .newcars__offerprice {
    font-size: 22px;
    padding: 6px;
  }
}

.newcar-offer-details.style-three .newcar-offer-overview .newcar-offer__price .newcars__prices .newcars__priceblock.newcars__priceblock--otr {
  order: 4;
  color: #0582CA;
}

.newcar-offer-details.style-three .newcar-offer-overview .newcars__overview-title {
  display: none;
  padding: 0;
  background: 0;
}

.newcar-offer-details.style-three .newcar-offer-overview .newcars__overview-list {
  list-style: none;
  display: flex;
  gap: 2px;
  padding: 0;
  margin-bottom: 0;
  flex-wrap: wrap;
  margin-top: 30px;
  overflow: hidden;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
}

@media only screen and (max-width: 1199px) {
  .newcar-offer-details.style-three .newcar-offer-overview .newcars__overview-list {
    margin-top: 15px;
  }
}

.newcar-offer-details.style-three .newcar-offer-overview .newcars__overview-list .newcars__overview-item {
  flex-basis: calc(33.3% - 2px);
  background: #fff;
  flex-grow: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 15px 0;
  font-size: 18px;
}

@media only screen and (max-width: 1600px) {
  .newcar-offer-details.style-three .newcar-offer-overview .newcars__overview-list .newcars__overview-item {
    font-size: 16px;
    line-height: 18px;
    padding: 10px 0;
  }
}

@media only screen and (max-width: 1439px) {
  .newcar-offer-details.style-three .newcar-offer-overview .newcars__overview-list .newcars__overview-item {
    font-size: 14px;
  }
}

.newcar-offer-details.style-three .newcar-offer-overview .newcars__overview-list .newcars__overview-item .newcars__overview-label {
  opacity: 0.8;
}

.newcar-offer-details.style-three .newcar-offer-overview .newcars__overview-list .newcars__overview-item .newcars__overview-value {
  font-weight: bold;
}

.newcar-offer-details.style-three .newcar-offer-overview .newcars__overview-list .newcars__overview-item .awicon {
  font-size: 42px;
  line-height: 42px;
  margin-bottom: 15px;
}

@media only screen and (max-width: 1600px) {
  .newcar-offer-details.style-three .newcar-offer-overview .newcars__overview-list .newcars__overview-item .awicon {
    font-size: 34px;
    line-height: 34px;
  }
}

@media only screen and (max-width: 1199px) {
  .newcar-offer-details.style-three .newcar-offer-overview .newcars__overview-list .newcars__overview-item .awicon {
    font-size: 28px;
    line-height: 28px;
  }
}

.newcar-offer-details.style-three .newcar-offer-buttons {
  clear: both;
  gap: 15px;
}

.newcar-offer-details.style-three .newcar-offer-buttons .modal-enquiry {
  margin-top: 30px;
  background: #0582CA;
  color: #ffffff;
  padding: 20px 0;
  flex-grow: 1;
  flex-basis: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  line-height: 18px;
  gap: 10px;
}

@media only screen and (max-width: 1439px) {
  .newcar-offer-details.style-three .newcar-offer-buttons .modal-enquiry {
    flex-direction: column;
    padding: 15px 0;
  }
}

@media only screen and (max-width: 1199px) {
  .newcar-offer-details.style-three .newcar-offer-buttons .modal-enquiry {
    margin-top: 15px;
    font-size: 16px;
    line-height: 16px;
  }
}

.newcar-offer-details.style-three .newcar-offer-buttons .modal-enquiry:hover {
  background: #003145;
  color: #ffffff;
}

.newcar-offer-details.style-three .newcar-offer-features {
  margin: 0;
  padding: 0;
  gap: 10px;
  list-style: none;
  display: grid;
  grid-template-columns: auto auto;
}

@media only screen and (max-width: 991px) {
  .newcar-offer-details.style-three .newcar-offer-features {
    margin-top: 30px;
  }
}

.newcar-offer-details.style-three .newcar-offer-features .newcar-offer-features-item {
  background: #fff;
  color: #003145;
  padding: 14px 20px;
  font-size: 18px;
  flex-basis: calc(50% - 10px);
  gap: 10px;
  flex-wrap: nowrap;
}

.newcar-offer-details.style-three .newcar-offer-features .newcar-offer-features-item .awicon {
  font-size: 22px;
  color: #0582CA;
}

@media only screen and (max-width: 479px) {
  .newcar-offer-details.style-three .newcar-offer-features .newcar-offer-features-item {
    font-size: 14px;
    padding: 10px 15px;
  }
  .newcar-offer-details.style-three .newcar-offer-features .newcar-offer-features-item .awicon {
    font-size: 20px;
  }
}

.newcar-offer-details.style-three .newcar-offer-car-and-driving {
  margin: 45px 0;
  padding: 45px 0;
  border-top: 1px solid #dbdbdb;
  border-bottom: 1px solid #dbdbdb;
  position: relative;
}

.newcar-offer-details.style-three .newcar-offer-car-and-driving .cad-logo {
  margin: 0 auto 15px auto;
  display: block;
}

@media only screen and (min-width: 768px) {
  .newcar-offer-details.style-three .newcar-offer-car-and-driving .cad-logo {
    position: absolute;
    top: 24px;
    left: 0;
  }
}

.newcar-offer-details.style-three .newcar-offer-car-and-driving h2 {
  padding: 0 0 0 80px;
  text-align: center;
  font-size: 36px;
  line-height: 1.2;
  color: #003145;
  margin: 0;
}

@media only screen and (max-width: 767px) {
  .newcar-offer-details.style-three .newcar-offer-car-and-driving h2 {
    font-size: 24px;
    padding: 0;
  }
}

@media only screen and (max-width: 479px) {
  .newcar-offer-details.style-three .newcar-offer-car-and-driving h2 {
    font-size: 20px;
  }
}

.newcar-offer-details.style-three .newcar-offer-car-and-driving h2 span {
  font-size: 0.6em;
  font-weight: 400;
}

.newcar-offer-details.style-three .newcar-offer-car-and-driving .newcar-offer-cad-text {
  overflow-y: scroll;
}

.newcar-offer-details.style-three .newcar-offer-car-and-driving .newcar-offer-cad-text h4 {
  font-weight: bold;
  font-size: 20px;
}

.newcar-offer-details.style-three .newcar-offer-car-and-driving .newcar-offer-cad-text p {
  margin-bottom: 40px;
}

@media only screen and (max-width: 991px) {
  .newcar-offer-details.style-three .newcar-offer-car-and-driving .newcar-offer-cad-text {
    margin-top: 30px;
  }
}

@media only screen and (max-width: 479px) {
  .newcar-offer-details.style-three .newcar-offer-car-and-driving .newcar-offer-cad-text {
    min-height: 400px;
  }
}

.newcar-offer-details.style-three .newcar-offer-car-and-driving .newcar-offer-cad-scores-wrapper {
  margin: 30px 0;
}

.newcar-offer-details.style-three .newcar-offer-car-and-driving .newcar-offer-cad-scores-wrapper .newcar-offer-cad-scores .cad-score-wrapper {
  margin: 10px 0;
  flex-basis: 46%;
}

.newcar-offer-details.style-three .newcar-offer-car-and-driving .newcar-offer-cad-scores-wrapper .newcar-offer-cad-scores .cad-score-wrapper .cad-score {
  font-size: 16px;
  line-height: 22px;
  font-weight: bold;
}

.newcar-offer-details.style-three .newcar-offer-car-and-driving .newcar-offer-cad-scores-wrapper .newcar-offer-cad-scores .cad-score-wrapper .cad-score span:first-letter {
  text-transform: uppercase;
}

.newcar-offer-details.style-three .newcar-offer-car-and-driving .newcar-offer-cad-scores-wrapper .newcar-offer-cad-scores .cad-score-wrapper .cad-score-bar {
  width: 100%;
  height: 16px;
  margin-top: 6px;
  background: #fff;
  border: 1px solid #dbdbdb;
  position: relative;
  overflow: hidden;
}

.newcar-offer-details.style-three .newcar-offer-car-and-driving .newcar-offer-cad-scores-wrapper .newcar-offer-cad-scores .cad-score-wrapper .cad-score-bar::before {
  background: #0582CA;
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  height: 100%;
}

.newcar-offer-details.style-three .newcar-offer-car-and-driving .newcar-offer-cad-scores-wrapper .newcar-offer-cad-scores .cad-score-wrapper .cad-score-bar.score-0::before {
  width: 0%;
}

.newcar-offer-details.style-three .newcar-offer-car-and-driving .newcar-offer-cad-scores-wrapper .newcar-offer-cad-scores .cad-score-wrapper .cad-score-bar.score-10::before {
  width: 10%;
}

.newcar-offer-details.style-three .newcar-offer-car-and-driving .newcar-offer-cad-scores-wrapper .newcar-offer-cad-scores .cad-score-wrapper .cad-score-bar.score-20::before {
  width: 20%;
}

.newcar-offer-details.style-three .newcar-offer-car-and-driving .newcar-offer-cad-scores-wrapper .newcar-offer-cad-scores .cad-score-wrapper .cad-score-bar.score-30::before {
  width: 30%;
}

.newcar-offer-details.style-three .newcar-offer-car-and-driving .newcar-offer-cad-scores-wrapper .newcar-offer-cad-scores .cad-score-wrapper .cad-score-bar.score-40::before {
  width: 40%;
}

.newcar-offer-details.style-three .newcar-offer-car-and-driving .newcar-offer-cad-scores-wrapper .newcar-offer-cad-scores .cad-score-wrapper .cad-score-bar.score-50::before {
  width: 50%;
}

.newcar-offer-details.style-three .newcar-offer-car-and-driving .newcar-offer-cad-scores-wrapper .newcar-offer-cad-scores .cad-score-wrapper .cad-score-bar.score-60::before {
  width: 60%;
}

.newcar-offer-details.style-three .newcar-offer-car-and-driving .newcar-offer-cad-scores-wrapper .newcar-offer-cad-scores .cad-score-wrapper .cad-score-bar.score-70::before {
  width: 70%;
}

.newcar-offer-details.style-three .newcar-offer-car-and-driving .newcar-offer-cad-scores-wrapper .newcar-offer-cad-scores .cad-score-wrapper .cad-score-bar.score-80::before {
  width: 80%;
}

.newcar-offer-details.style-three .newcar-offer-car-and-driving .newcar-offer-cad-scores-wrapper .newcar-offer-cad-scores .cad-score-wrapper .cad-score-bar.score-90::before {
  width: 90%;
}

.newcar-offer-details.style-three .newcar-offer-car-and-driving .newcar-offer-cad-scores-wrapper .newcar-offer-cad-scores .cad-score-wrapper .cad-score-bar.score-100::before {
  width: 100%;
}

.newcar-offer-details.style-three .newcar-offer-car-and-driving .car-and-driving-image-thumbs {
  margin: 30px 0;
  display: grid;
  grid-template-columns: auto auto auto auto auto auto;
  gap: 30px;
}

@media only screen and (max-width: 767px) {
  .newcar-offer-details.style-three .newcar-offer-car-and-driving .car-and-driving-image-thumbs {
    grid-template-columns: auto auto auto;
    gap: 15px;
  }
}

.newcar-offer-details.style-three .newcar-offer-car-and-driving .car-and-driving-image-thumbs img {
  border: 1px solid #dbdbdb;
}

.newcar-offer-details.style-three .newcar-offer-car-and-driving .js-cad-video-section.no-video .cad-col-video {
  display: none;
}

.newcar-offer-details.style-three .newcar-offer-car-and-driving .js-cad-video-section.no-video .cad-col-text {
  width: 100%;
}

.newcar-offer-details.style-three .newcar-offer-car-and-driving .js-cad-video-section.no-video .cad-col-text .js-cad-text {
  min-height: 400px;
}

.newcar-offer-details.style-three .newcar-offer__tabs {
  margin-top: 30px;
  float: left;
  width: 100%;
}

.newcar-offer-details.style-three .newcar-offer__tabs .newcar-offer__tabrow {
  width: 100%;
  margin: 0 0 30px 0;
  overflow: auto;
  display: flex;
}

.newcar-offer-details.style-three .newcar-offer__tabs .newcars__tabspec {
  width: 100%;
}

.newcar-offer-details.style-three .newcar-offer__tabs .newcar-offer__tabs-title {
  display: none;
}

.newcar-offer-details.style-three .newcar-offer__tabs .newcar-offer__tabitem {
  border: 0;
  flex-grow: 1;
  flex-basis: 0;
}

.newcar-offer-details.style-three .newcar-offer__tabs .newcar-offer__tabitem .newcar-offer__tablink {
  background: #0582CA;
  color: #fff;
  border: 0;
  margin-right: 5px;
  font-size: 18px;
  white-space: nowrap;
}

@media only screen and (max-width: 991px) {
  .newcar-offer-details.style-three .newcar-offer__tabs .newcar-offer__tabitem .newcar-offer__tablink {
    font-size: 14px;
  }
}

.newcar-offer-details.style-three .newcar-offer__tabs .newcar-offer__tabitem:last-child .newcar-offer__tablink {
  margin: 0;
}

.newcar-offer-details.style-three .newcar-offer__tabs .newcar-offer__tabitem.active .newcar-offer__tablink {
  background: #003145;
  padding: 1em;
}

.newcar-offer-details.style-three .newcar-offer__tabs .newcar-offer__tabitem.active::before {
  content: '';
}

.newcar-offer-details.style-three .newcar-offer__tabs .newcar-offer-accordion .panel-heading h4 {
  margin: 0 0 10px 0;
}

.newcar-offer-details.style-three .newcar-offer__tabs .newcar-offer-accordion .panel-heading h4 a {
  background: #F2F4F5;
  border-top: 1px solid #dbdbdb;
  padding: 15px;
  color: #003145;
  display: block;
  position: relative;
}

.newcar-offer-details.style-three .newcar-offer__tabs .newcar-offer-accordion .panel-heading h4 a::before {
  font-family: 'awfont';
  content: '\e957';
  float: right;
  color: #003145;
  font-size: 24px;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s;
}

.newcar-offer-details.style-three .newcar-offer__tabs .newcar-offer-accordion .panel-heading h4 a:hover, .newcar-offer-details.style-three .newcar-offer__tabs .newcar-offer-accordion .panel-heading h4 a:focus {
  text-decoration: none;
}

.newcar-offer-details.style-three .newcar-offer__tabs .newcar-offer-accordion .panel-heading h4 a:hover::before, .newcar-offer-details.style-three .newcar-offer__tabs .newcar-offer-accordion .panel-heading h4 a:focus::before {
  color: #0582CA;
}

.newcar-offer-details.style-three .newcar-offer__tabs .newcar-offer-accordion .panel-heading h4 a.collapsed::before {
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.newcar-offer-details.style-three .newcar-offer__tabs .newcar-offer-accordion .panel-body {
  padding: 15px;
}

@media only screen and (max-width: 991px) {
  .newcar-offer-details.style-three .newcar-offer__tabs .newcar-offer-accordion .panel-body {
    padding: 15px 0;
  }
}

.newcar-offer-details.style-three .newcar-offer__tabs .newcars__tabtechspec .newcar-offer-accordion .panel-body {
  padding: 30px;
}

@media only screen and (max-width: 991px) {
  .newcar-offer-details.style-three .newcar-offer__tabs .newcars__tabtechspec .newcar-offer-accordion .panel-body {
    padding: 15px 0;
  }
}

.newcar-offer-details.style-three .newcar-offer__tabs .newcars__tabtechspec .newcar-offer-accordion .panel-body ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

@media only screen and (min-width: 992px) {
  .newcar-offer-details.style-three .newcar-offer__tabs .newcars__tabtechspec .newcar-offer-accordion .panel-body ul {
    display: grid;
    grid-template-columns: auto auto;
    gap: 10px 30px;
  }
}

.newcar-offer-details.style-three .newcar-offer__tabs .newcars__tabtechspec .newcar-offer-accordion .panel-body ul li {
  border-bottom: 1px solid #dbdbdb;
  padding: 5px 15px;
  display: flex;
  justify-content: space-between;
}

.loadmore-progress-indicator {
  width: 129px;
  margin: 20px auto;
  display: block;
}

.newcars_result_image {
  position: relative;
}

.newcar__offers .newcar__offers_title_section {
  margin: 15px 0;
  display: flex;
  align-items: center;
}

@media only screen and (max-width: 767px) {
  .newcar__offers .newcar__offers_title_section {
    text-align: center;
    justify-content: center;
    flex-direction: column;
  }
}

.newcar__offers h1 {
  margin: 5px 0;
  font-weight: bold;
}

.sorry-no-offers-ctas a {
  width: 100%;
  padding: 15px;
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 15px;
}

.newcars__result {
  margin: 1em 0;
  /** Specs **/
}

.newcars__result .newcars__content {
  padding: 20px;
  overflow: hidden;
}

.newcars__result .newcars__content .newcars__image {
  display: block;
  padding: .25em;
  margin: 0 auto;
}

.newcars__result .newcars__content .newcars__image img {
  display: block;
  margin: 0 auto;
}

.newcars__result .newcars__content .newcars__id {
  display: block;
  text-align: center;
  margin-bottom: 1em;
  color: #999;
  font-size: smaller;
}

.newcars__result .newcars__content .newcars_links {
  margin: 1em 0;
  width: 100%;
  text-align: center;
}

.newcars__result .newcars__content .detailsPromo {
  font-size: 18px;
  font-weight: bold;
  line-height: 24px;
}

@media only screen and (max-width: 1199px) {
  .newcars__result .newcars__content .detailsPromo {
    font-size: 14px;
    line-height: 18px;
  }
}

@media only screen and (max-width: 479px) {
  .newcars__result .newcars__content .detailsPromo {
    text-align: center;
  }
}

.newcars__result .newcars__content .vehicle-information li {
  margin-right: 2%;
  width: 49%;
  margin-bottom: 5px;
}

.newcars__result .newcars__content .vehicle-information li:nth-child(2n+2) {
  margin-right: 0;
}

.newcars__result .newcars__make-model {
  float: left;
  margin: 0;
  font-size: 22px;
  line-height: 26px;
  text-transform: none;
  font-weight: bold;
  width: 100%;
}

@media only screen and (max-width: 991px) {
  .newcars__result .newcars__make-model {
    font-size: 16px;
    line-height: 22px;
  }
}

@media only screen and (max-width: 479px) {
  .newcars__result .newcars__make-model {
    text-align: center;
    margin-top: 10px;
  }
}

.newcars__result .newcars__specs {
  overflow: hidden;
  margin-bottom: 1em;
}

.newcars__result .newcars__specs-list {
  margin: 0;
  padding: 0;
  border: 0;
  box-sizing: border-box;
  display: table;
  width: 100%;
  table-layout: fixed;
}

.newcars__result .newcars__specs-list-item {
  margin: 0;
  padding: 0;
  border: 0;
  box-sizing: border-box;
  display: block;
  margin-bottom: 1px;
  display: table-row;
}

.newcars__result .newcars__specs-list {
  width: 100%;
}

@media only screen and (max-width: 767px) {
  .newcars__result .newcars__specs-list {
    margin-top: 15px;
  }
}

.newcars__result .newcars__specs-list .newcars__specs-label {
  display: inline-block;
  display: table-cell;
  vertical-align: middle;
  width: 50%;
  float: left;
  padding: 10px;
  font-size: 13px;
  line-height: 20px;
  font-weight: bold;
}

@media only screen and (max-width: 991px) {
  .newcars__result .newcars__specs-list .newcars__specs-label {
    padding: 5px;
  }
}

.newcars__result .newcars__specs-list .newcars__specs-value {
  display: inline-block;
  display: table-cell;
  vertical-align: middle;
  width: 50%;
  float: left;
  padding: 10px;
  font-size: 13px;
  line-height: 20px;
}

@media only screen and (max-width: 991px) {
  .newcars__result .newcars__specs-list .newcars__specs-value {
    padding: 5px;
  }
}

/** Pricing **/
.newcars__prices {
  width: 100%;
  overflow: hidden;
  display: flex;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
}

@media only screen and (max-width: 1199px) {
  .newcars__prices {
    font-size: 12px;
    line-height: 20px;
  }
}

.newcars__prices .newcars__priceblock {
  min-width: 30%;
  box-sizing: border-box;
  padding: .5em;
  flex-grow: 1;
  line-height: 1.1;
}

.newcars__prices .newcars__priceblock:only-child {
  width: 100%;
}

@media only screen and (max-width: 767px) {
  .newcars__prices .newcars__priceblock {
    text-align: center;
  }
}

.newcars__prices .newcars__pricelabel {
  display: block;
  font-size: 75%;
}

@media screen and (min-width: 400px) {
  .newcars__prices .newcars__pricelabel {
    font-size: inherit;
  }
}

.newcars__prices .newcars__offerprice {
  font-size: 18px;
}

.newcar-offer__price .newcars__priceblock--apr {
  flex-grow: 0;
}

@media only screen and (max-width: 1199px) {
  .newcar-offer__price .newcars__priceblock--apr {
    font-size: 12px;
  }
}

@media only screen and (max-width: 767px) {
  .newcar-offer__price .newcars__priceblock--apr {
    text-align: center;
  }
}

.newcars__options-list {
  margin: 0;
  padding: 0;
  border: 0;
  box-sizing: border-box;
  list-style: none;
  width: 100%;
  margin: 0;
}

@media only screen and (max-width: 767px) {
  .newcars__options-list {
    margin-top: 15px;
  }
}

@media only screen and (max-width: 485px) {
  .newcars__options-list {
    display: block;
  }
}

.newcars__options-list .newcars__options-list-item {
  margin: 0;
  padding: 0;
  border: 0;
  box-sizing: border-box;
  float: left;
  width: 100%;
  margin-bottom: 8px;
}

@media only screen and (max-width: 991px) {
  .newcars__options-list .newcars__options-list-item {
    width: 100%;
    display: block;
  }
}

.newcars__options-list .newcars__options-list-item a {
  display: block;
  text-align: center;
  border-radius: 3px;
  text-decoration: none;
  padding: 8px;
  margin-bottom: 0;
}

.comingSoonModel {
  text-align: center;
  padding: 20px;
  box-sizing: border-box;
  width: 100%;
  float: left;
  margin-bottom: 20px;
}

@media only screen and (max-width: 479px) {
  .comingSoonModel {
    padding: 10px;
  }
}

.comingSoonModel h4 {
  display: block;
  width: 100%;
  font-weight: bold;
  font-size: 24px;
  line-height: 24px;
  margin: 15px 0;
}

@media only screen and (max-width: 1439px) {
  .comingSoonModel h4 {
    font-size: 18px;
    line-height: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .comingSoonModel h4 {
    min-height: 40px;
  }
}

.comingSoonModel .image-wrap {
  padding-top: 60%;
  overflow: hidden;
  background-size: cover !important;
}

.comingSoonModel .btn {
  width: 100%;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
}

.hybridsWrapper .hybridsIntro {
  text-align: center;
}

.hybridsWrapper .hybridsIntro .hybridsCtas {
  margin: 20px 0;
}

.hybridsWrapper .hybridsIntro .hybridsCtas .modal-enquiry {
  font-size: 16px;
  margin: 0 10px;
  padding: 15px 10px;
  min-width: 200px;
  text-transform: uppercase;
}

.hybridsWrapper .hybridsIntro .hybridsCtas .modal-enquiry .awicon {
  display: block;
  font-size: 24px;
}

.hybridsWrapper .hybridsIntro .uspGrid {
  float: left;
  margin-bottom: 20px;
  width: 100%;
  border: 1px solid #dbdbdb;
}

.hybridsWrapper .hybridsIntro .uspGrid .uspGrid__container {
  float: left;
  width: 50%;
  background: #F2F4F5;
  color: #003145;
}

@media only screen and (min-width: 992px) {
  .hybridsWrapper .hybridsIntro .uspGrid .uspGrid__container:nth-child(3) .usp__image, .hybridsWrapper .hybridsIntro .uspGrid .uspGrid__container:nth-child(4) .usp__image {
    float: right;
  }
}

@media only screen and (max-width: 991px) {
  .hybridsWrapper .hybridsIntro .uspGrid .uspGrid__container:nth-child(odd) .usp__image {
    float: right;
  }
}

@media only screen and (max-width: 991px) {
  .hybridsWrapper .hybridsIntro .uspGrid .uspGrid__container {
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .hybridsWrapper .hybridsIntro .uspGrid .uspGrid__container .usp__title {
    font-size: 18px;
    line-height: 20px;
  }
}

.hybridsWrapper .hybridsIntro .uspGrid .uspGrid__container .usp__image, .hybridsWrapper .hybridsIntro .uspGrid .uspGrid__container .usp__content {
  float: left;
  width: 50%;
  min-height: 350px;
  display: flex;
  justify-content: center;
  flex-direction: column;
}

@media only screen and (max-width: 479px) {
  .hybridsWrapper .hybridsIntro .uspGrid .uspGrid__container .usp__image, .hybridsWrapper .hybridsIntro .uspGrid .uspGrid__container .usp__content {
    width: 100%;
    min-height: 200px;
  }
}

.hybridsWrapper .hybridsIntro .uspGrid .uspGrid__container .usp__image {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.hybridsWrapper .hybridsIntro .uspGrid .uspGrid__container .usp__image.contain {
  background-size: contain;
  background-color: #fff;
}

.hybridsWrapper .hybridsIntro .uspGrid .uspGrid__container .usp__content {
  padding: 20px;
}

.hybridsWrapper .hybridModels {
  background: #F2F4F5;
  padding: 30px 0;
  margin: 30px 0;
  text-align: center;
  float: left;
  width: 100%;
}

@media only screen and (max-width: 767px) {
  .hybridsWrapper .hybridModels {
    padding: 15px 0;
    margin: 15px 0;
  }
}

.hybridsWrapper .hybridModels h2 {
  margin-top: 0;
}

.hybridsWrapper .hybridModels #hybridTab {
  border: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 20px;
}

.hybridsWrapper .hybridModels #hybridTab > li > a {
  min-width: 150px;
  background: #021822;
  color: #ffffff;
  border: 0;
}

@media only screen and (max-width: 479px) {
  .hybridsWrapper .hybridModels #hybridTab > li > a {
    width: 100%;
    min-width: 100%;
  }
}

.hybridsWrapper .hybridModels #hybridTab > li.active > a, .hybridsWrapper .hybridModels #hybridTab > li:hover > a {
  background: #ffffff;
  color: #003145;
  border: 0;
}

@media only screen and (max-width: 479px) {
  .hybridsWrapper .hybridModels #hybridTab > li {
    flex-basis: 100%;
  }
}

.hybridsWrapper .hybridModels .hybrid-tabContent .tab-pane {
  float: left;
  width: 100%;
  background: #ffffff;
  padding: 35px 20px 5px 20px;
  box-sizing: border-box;
  box-shadow: 0 12px 14px 0 rgba(110, 110, 110, 0.4);
}

.hybridsWrapper .hybridModels .hybrid-tabContent .tab-pane.active {
  display: flex;
  flex-wrap: wrap;
}

.hybridsWrapper .hybridModels .hybrid-tabContent .tab-pane.slick-slider {
  padding: 30px;
}

.hybridsWrapper .hybridModels .hybrid-tabContent .tab-pane.slick-slider .slick-track {
  height: 100%;
}

.hybridsWrapper .hybridModels .hybrid-tabContent .tab-pane.slick-slider .slick-slide {
  margin: 0;
}

.hybridsWrapper .hybridModels .hybrid-tabContent .tab-pane .slick-arrow {
  position: absolute;
  top: 50%;
  margin-top: -12px;
  z-index: 1;
  background: #003145;
  color: #fff;
  border: 0;
  font-family: monospace;
}

.hybridsWrapper .hybridModels .hybrid-tabContent .tab-pane .slick-arrow.slick-next {
  right: 10px;
}

.hybridsWrapper .hybridModels .hybrid-tabContent .tab-pane .slick-arrow.slick-prev {
  left: 10px;
}

@media only screen and (max-width: 767px) {
  .hybridsWrapper .hybridModels .hybrid-tabContent .tab-pane {
    padding: 30px 15px 0;
  }
}

@media only screen and (max-width: 479px) {
  .hybridsWrapper .hybridModels .hybrid-tabContent .tab-pane .col-xs-6 {
    width: 100%;
  }
}

.hybridsWrapper .hybridModels .hybrid-tabContent .tab-pane .hybrid-model {
  border: 1px solid #dbdbdb;
  background: #ffffff;
  text-align: center;
  padding: 20px;
  box-sizing: border-box;
  width: 100%;
  float: left;
  height: 100%;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s;
}

.hybridsWrapper .hybridModels .hybrid-tabContent .tab-pane .hybrid-model .hybrid-modelTitle {
  display: block;
  width: 100%;
  font-weight: bold;
  font-size: 24px;
  line-height: 24px;
  margin: 15px 0 0 0;
}

@media only screen and (max-width: 767px) {
  .hybridsWrapper .hybridModels .hybrid-tabContent .tab-pane .hybrid-model .hybrid-modelTitle {
    font-size: 18px;
    line-height: 20px;
  }
}

.hybridsWrapper .hybridModels .hybrid-tabContent .tab-pane .hybrid-model a {
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s;
  color: #003145;
}

.hybridsWrapper .hybridModels .hybrid-tabContent .tab-pane .hybrid-model:hover {
  opacity: 0.7;
}

.hybridsWrapper .hybridModels .hybrid-tabContent .tab-pane .hybrid-model:hover a {
  text-decoration: none;
}

.hybridsWrapper .hybrid-explanation {
  box-sizing: border-box;
  float: left;
  width: 100%;
  background: #F2F4F5;
  color: #003145;
  border: 1px solid #dbdbdb;
  margin-bottom: 20px;
}

.hybridsWrapper .hybrid-explanation img {
  width: 100%;
}

.hybridsWrapper .hybrid-explanation .hybrid-explanation-inner {
  padding: 20px;
}

@media only screen and (max-width: 767px) {
  .hybridsWrapper .hybrid-explanation {
    margin-bottom: 15px;
  }
}

@media only screen and (min-width: 768px) {
  .hybridsWrapper .hybrid-explanation .row {
    display: flex;
    align-items: center;
  }
}

.hybridsWrapper .hybrid-explanation h4 {
  font-size: 24px;
  line-height: 28px;
}

@media only screen and (max-width: 767px) {
  .hybridsWrapper .hybrid-explanation h4 {
    font-size: 18px;
    line-height: 20px;
  }
}

.rangeWrapper .rangeIntro {
  text-align: center;
}

.rangeWrapper .rangeIntro .rangeCtas {
  margin: 20px 0;
}

.rangeWrapper .rangeIntro .rangeCtas .modal-enquiry {
  font-size: 16px;
  margin: 0 10px;
  padding: 15px 0;
  width: 200px;
  text-transform: uppercase;
}

.rangeWrapper .rangeIntro .rangeCtas .modal-enquiry .awicon {
  display: block;
  font-size: 24px;
}

.rangeWrapper .rangeIntro .uspGrid {
  float: left;
  margin-bottom: 20px;
  width: 100%;
  border: 1px solid #dbdbdb;
}

.rangeWrapper .rangeIntro .uspGrid .uspGrid__container {
  float: left;
  width: 50%;
  background: #F2F4F5;
  color: #003145;
}

@media only screen and (min-width: 992px) {
  .rangeWrapper .rangeIntro .uspGrid .uspGrid__container:nth-child(3) .usp__image, .rangeWrapper .rangeIntro .uspGrid .uspGrid__container:nth-child(4) .usp__image {
    float: right;
  }
}

@media only screen and (max-width: 991px) {
  .rangeWrapper .rangeIntro .uspGrid .uspGrid__container:nth-child(odd) .usp__image {
    float: right;
  }
}

@media only screen and (max-width: 991px) {
  .rangeWrapper .rangeIntro .uspGrid .uspGrid__container {
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .rangeWrapper .rangeIntro .uspGrid .uspGrid__container .usp__title {
    font-size: 18px;
    line-height: 20px;
  }
}

.rangeWrapper .rangeIntro .uspGrid .uspGrid__container .usp__image, .rangeWrapper .rangeIntro .uspGrid .uspGrid__container .usp__content {
  float: left;
  width: 50%;
  min-height: 350px;
  display: flex;
  justify-content: center;
  flex-direction: column;
}

@media only screen and (max-width: 479px) {
  .rangeWrapper .rangeIntro .uspGrid .uspGrid__container .usp__image, .rangeWrapper .rangeIntro .uspGrid .uspGrid__container .usp__content {
    width: 100%;
    min-height: 200px;
  }
}

.rangeWrapper .rangeIntro .uspGrid .uspGrid__container .usp__image {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.rangeWrapper .rangeIntro .uspGrid .uspGrid__container .usp__image.contain {
  background-size: contain;
  background-color: #fff;
}

.rangeWrapper .rangeIntro .uspGrid .uspGrid__container .usp__content {
  padding: 20px;
}

.rangeWrapper .rangeModels {
  background: #F2F4F5;
  padding: 30px 0;
  margin: 30px 0;
  text-align: center;
  float: left;
  width: 100%;
}

@media only screen and (max-width: 767px) {
  .rangeWrapper .rangeModels {
    padding: 15px 0;
    margin: 15px 0;
  }
}

.rangeWrapper .rangeModels h2 {
  margin-top: 0;
}

.rangeWrapper .rangeModels .range-tabContent {
  float: left;
  width: 100%;
  background: #ffffff;
  padding: 35px 20px 20px 20px;
  box-sizing: border-box;
  box-shadow: 0 12px 14px 0 rgba(110, 110, 110, 0.4);
}

@media only screen and (max-width: 767px) {
  .rangeWrapper .rangeModels .range-tabContent {
    padding: 15px;
  }
}

@media only screen and (max-width: 479px) {
  .rangeWrapper .rangeModels .range-tabContent .col-xs-6 {
    padding: 0;
    width: 49%;
    margin-right: 2%;
  }
  .rangeWrapper .rangeModels .range-tabContent .col-xs-6:nth-child(2n+2) {
    margin-right: 0;
  }
}

.rangeWrapper .rangeModels .range-tabContent .range-model {
  border: 1px solid #dbdbdb;
  background: #ffffff;
  text-align: center;
  padding: 20px;
  box-sizing: border-box;
  width: 100%;
  float: left;
  margin-bottom: 20px;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s;
}

.rangeWrapper .rangeModels .range-tabContent .range-model .range-modelTitle {
  display: block;
  width: 100%;
  font-weight: bold;
  font-size: 24px;
  line-height: 24px;
  margin: 15px 0 0 0;
}

@media only screen and (max-width: 767px) {
  .rangeWrapper .rangeModels .range-tabContent .range-model .range-modelTitle {
    font-size: 18px;
    line-height: 20px;
  }
}

.rangeWrapper .rangeModels .range-tabContent .range-model a {
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s;
  color: #003145;
}

.rangeWrapper .rangeModels .range-tabContent .range-model:hover {
  opacity: 0.7;
}

.rangeWrapper .rangeModels .range-tabContent .range-model:hover a {
  text-decoration: none;
}

.rangeWrapper .range-explanation {
  box-sizing: border-box;
  float: left;
  width: 100%;
  background: #F2F4F5;
  color: #003145;
  border: 1px solid #dbdbdb;
  margin-bottom: 20px;
}

.rangeWrapper .range-explanation img {
  width: 100%;
}

.rangeWrapper .range-explanation .range-explanation-inner {
  padding: 20px;
}

@media only screen and (max-width: 767px) {
  .rangeWrapper .range-explanation {
    margin-bottom: 15px;
  }
}

@media only screen and (min-width: 768px) {
  .rangeWrapper .range-explanation .row {
    display: flex;
    align-items: center;
  }
}

.rangeWrapper .range-explanation h4 {
  font-size: 24px;
  line-height: 28px;
}

@media only screen and (max-width: 767px) {
  .rangeWrapper .range-explanation h4 {
    font-size: 18px;
    line-height: 20px;
  }
}

/** PYE **/
.mobile-search-btn {
  background: #0582CA;
  color: #ffffff;
  width: 100%;
  text-align: center;
  font-size: 18px;
  padding: 15px;
}

@media only screen and (min-width: 768px) {
  .mobile-search-btn {
    display: none;
  }
}

.search-form-newford {
  background: #0582CA;
  padding: 20px;
}

@media only screen and (max-width: 767px) {
  .search-form-newford {
    display: none;
    padding: 15px 0;
  }
}

.search-form-newford h4 {
  color: #ffffff;
  margin: 0;
  font-size: 24px;
}

@media only screen and (max-width: 767px) {
  .search-form-newford h4 {
    display: none;
  }
}

.search-form-newford select {
  float: left;
  width: 19%;
  margin-right: 0.5%;
  margin-top: 10px;
  font-size: 14px;
  height: 35px;
  border: 0;
  background: #fff;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}

@media only screen and (max-width: 479px) {
  .search-form-newford select {
    width: 49%;
  }
}

.search-form-newford #submit {
  width: 22%;
  height: 35px;
  margin-top: 10px;
  background: #003145;
  color: #ffffff;
  font-size: 18px;
  border: 0;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}

@media only screen and (max-width: 479px) {
  .search-form-newford #submit {
    width: 100%;
  }
}

.pyeOrderBy {
  display: inline-block;
  float: right;
  margin-right: 10px;
}

.pyeOrderBy #form-orderby #orderby {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  border-color: #ccc;
  font-size: 14px;
  height: 35px;
  padding: 0 10px;
}

.car-selection .vehicle-newcars {
  background: #F2F4F5;
  border: 1px solid #dbdbdb;
  text-align: center;
  padding: 20px;
  margin-bottom: 20px;
  float: left;
  width: 100%;
}

@media only screen and (max-width: 767px) {
  .car-selection .vehicle-newcars {
    padding: 15px;
    margin-bottom: 15px;
  }
}

.car-selection .vehicle-newcars .newcars-model-title {
  font-weight: bold;
  font-size: 24px;
  line-height: 28px;
  color: #021822;
  min-height: 20px;
  margin: 10px 0;
}

@media only screen and (max-width: 991px) {
  .car-selection .vehicle-newcars .newcars-model-title {
    font-size: 18px;
    line-height: 24px;
  }
}

.car-selection .vehicle-newcars .car-info .price-box {
  width: 49.5%;
  float: left;
  background: #ffffff;
  padding: 10px 0;
  margin-right: 1%;
  font-size: 13px;
  line-height: 18px;
}

.car-selection .vehicle-newcars .car-info .price-box span {
  font-size: 20px;
  line-height: 24px;
  color: #0582CA;
  font-weight: bold;
}

@media only screen and (max-width: 479px) {
  .car-selection .vehicle-newcars .car-info .price-box span {
    font-size: 16px;
  }
}

.car-selection .vehicle-newcars .car-info .price-box:last-child {
  margin-right: 0;
}

.car-selection .vehicle-newcars .ford-ctas .modal-enquiry {
  float: left;
  width: 49%;
  margin-right: 2%;
  background: #003145;
  border-color: #003145;
  color: #fff;
  text-align: center;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s;
}

.car-selection .vehicle-newcars .ford-ctas .modal-enquiry:hover {
  background: #0468A1;
  text-decoration: none;
}

.car-selection .vehicle-newcars .ford-ctas .more-button {
  width: 49%;
  float: left;
  margin-bottom: 10px;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s;
}

@media only screen and (max-width: 767px) {
  .car-selection .vehicle-newcars .ford-ctas .more-button {
    margin-bottom: 0;
  }
}

.car-selection .vehicle-newcars-listing {
  background: #F2F4F5;
  border: 1px solid #dbdbdb;
  float: left;
  width: 100%;
  margin-bottom: 15px;
  padding: 20px;
}

@media only screen and (max-width: 479px) {
  .car-selection .vehicle-newcars-listing {
    padding: 15px;
  }
}

.car-selection .vehicle-newcars-listing .vehicle-newcars-listing-spec {
  float: left;
  width: 66%;
  margin-right: 1%;
}

@media only screen and (max-width: 991px) {
  .car-selection .vehicle-newcars-listing .vehicle-newcars-listing-spec {
    width: 100%;
    margin-right: 0;
  }
}

.car-selection .vehicle-newcars-listing .vehicle-newcars-listing-spec .new-car-result-spec {
  width: 24.25%;
  float: left;
  text-align: center;
  background: #ffffff;
  padding: 10px 5px;
  margin-right: 1%;
}

.car-selection .vehicle-newcars-listing .vehicle-newcars-listing-spec .new-car-result-spec:last-child {
  margin-right: 0;
}

@media only screen and (max-width: 767px) {
  .car-selection .vehicle-newcars-listing .vehicle-newcars-listing-spec .new-car-result-spec {
    padding: 1px 1px;
    margin-bottom: 1px;
    width: 49%;
    font-size: 12px;
  }
}

.car-selection .vehicle-newcars-listing .ford-ctas a {
  float: left;
  width: 32.65%;
  margin-right: 1%;
  background: #003145;
  color: #fff;
  padding: 10px 0;
  text-align: center;
  border-radius: 5px;
  margin-bottom: 10px;
  font-weight: bold;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s;
  font-size: 16px;
}

@media only screen and (max-width: 540px) {
  .car-selection .vehicle-newcars-listing .ford-ctas a {
    width: 100%;
  }
}

.car-selection .vehicle-newcars-listing .ford-ctas a:last-child {
  margin-right: 0;
}

@media only screen and (max-width: 991px) {
  .car-selection .vehicle-newcars-listing .ford-ctas a {
    font-size: 13px;
  }
}

.car-selection .vehicle-newcars-listing .ford-ctas a:hover {
  background: #021822;
  text-decoration: none;
}

.car-selection .vehicle-newcars-listing .ford-ctas a span {
  padding-right: 10px;
}

.car-selection .vehicle-newcars-listing .more-button {
  float: left;
  width: 33%;
}

@media only screen and (max-width: 991px) {
  .car-selection .vehicle-newcars-listing .more-button {
    width: 100%;
  }
}

.car-selection .vehicle-newcars-listing .more-button .btn {
  width: 100%;
  font-size: 20px;
  padding: 20px 0;
}

@media only screen and (max-width: 991px) {
  .car-selection .vehicle-newcars-listing .more-button .btn {
    font-size: 16px;
    padding: 8px 0;
    margin-top: 10px;
  }
}

.car-selection .vehicle-newcars-listing .vehicle-newcars-listing-prices h4 {
  font-size: 24px;
  line-height: 24px;
  font-weight: bold;
  margin-bottom: 0;
}

@media only screen and (max-width: 767px) {
  .car-selection .vehicle-newcars-listing .vehicle-newcars-listing-prices h4 {
    font-size: 18px;
    line-height: 18px;
    text-align: center;
  }
}

.car-selection .vehicle-newcars-listing .vehicle-newcars-listing-prices .newcars-pricelist-dealer-price {
  font-size: 20px;
  line-height: 1.2;
  color: #0582CA;
  font-weight: bold;
  text-align: right;
}

@media only screen and (max-width: 767px) {
  .car-selection .vehicle-newcars-listing .vehicle-newcars-listing-prices .newcars-pricelist-dealer-price {
    text-align: center;
    font-size: 18px;
  }
}

.car-selection .vehicle-newcars-listing .vehicle-newcars-listing-prices .newcars-pricelist-month {
  color: #0582CA;
  font-size: 20px;
  font-weight: bold;
}

@media only screen and (max-width: 767px) {
  .car-selection .vehicle-newcars-listing .vehicle-newcars-listing-prices .newcars-pricelist-month {
    text-align: center;
    margin-bottom: 10px;
    font-size: 18px;
  }
}

.car-selection .vehicle-newcars-listing .vehicle-newcars-listing-prices .newcars-pricelist-price {
  text-align: right;
}

@media only screen and (max-width: 767px) {
  .car-selection .vehicle-newcars-listing .vehicle-newcars-listing-prices .newcars-pricelist-price {
    text-align: center;
  }
}

.car-selection .vehicle-newcars-listing .vehicle-newcars-listing-prices .newcars-pricelist {
  font-size: 18px;
  opacity: 0.7;
}

@media only screen and (max-width: 767px) {
  .car-selection .vehicle-newcars-listing .vehicle-newcars-listing-prices .newcars-pricelist {
    text-align: center;
    font-size: 16px;
    margin: -10px 0 10px;
  }
}

.car-selection .terms-and-conds {
  color: #003145;
  opacity: 0.7;
  font-size: 13px;
  line-height: 16px;
}

.new-car-details .goBack {
  float: right;
}

.new-car-details h1 {
  line-height: 24px;
}

@media only screen and (max-width: 767px) {
  .new-car-details h1 {
    font-size: 16px;
    line-height: 18px;
    margin: 5px 0;
  }
}

.new-car-details h1 span {
  font-size: 18px;
  font-weight: normal;
}

@media only screen and (max-width: 767px) {
  .new-car-details h1 span {
    font-size: 14px;
  }
}

.new-car-details .new-car-detail-pricing {
  text-align: center;
}

.new-car-details .new-car-detail-pricing .mb-now-price {
  font-weight: bold;
  font-size: 20px;
  margin: 0;
}

@media only screen and (max-width: 767px) {
  .new-car-details .new-car-detail-pricing .mb-now-price {
    font-size: 18px;
  }
}

.new-car-details .mb-monthly-price {
  font-weight: bold;
  color: #0582CA;
  font-size: 18px;
}

@media only screen and (max-width: 767px) {
  .new-car-details .mb-monthly-price {
    font-size: 16px;
  }
}

.new-car-details .new-car-model-img {
  border: 1px solid #F2F4F5;
  text-align: center;
}

.new-car-details .new-car-model-img .contact {
  background: rgba(0, 0, 0, 0.7);
  padding: 10px;
  color: #fff;
  font-size: 18px;
  margin: 10px 0 0 0;
}

.new-car-details .new-car-spec {
  background: #F2F4F5;
  padding: 20px;
  float: left;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.new-car-details .new-car-spec .new-car-info {
  float: left;
  width: 100%;
  clear: both;
}

.new-car-details .new-car-spec .new-car-info ul {
  margin: 0;
  padding: 0;
}

.new-car-details .new-car-spec .new-car-info li {
  list-style: none;
  float: left;
  width: 50%;
  border-right: 1px solid #F2F4F5;
  margin-bottom: 1px;
  background: #ffffff;
  font-weight: normal;
}

@media only screen and (max-width: 479px) {
  .new-car-details .new-car-spec .new-car-info li {
    text-align: center;
  }
}

.new-car-details .new-car-spec .new-car-info li span {
  float: left;
  width: 50%;
  padding: 10px;
}

@media only screen and (max-width: 480px) {
  .new-car-details .new-car-spec .new-car-info li span {
    padding: 0px;
    width: 100%;
  }
}

.new-car-details .new-car-spec .new-car-info li span.value {
  font-weight: bold;
}

@media only screen and (max-width: 480px) {
  .new-car-details .new-car-spec .new-car-info li {
    font-size: 11px;
  }
}

.new-car-details .ford-ctas a {
  float: left;
  display: block;
  background: #0582CA;
  padding: 10px 0px;
  color: #ffffff;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  width: 32%;
  margin-right: 1.5%;
  text-align: center;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s;
}

.new-car-details .ford-ctas a:last-child {
  margin-right: 0;
}

.new-car-details .ford-ctas a:hover {
  background: #003145;
  text-decoration: none;
}

@media only screen and (max-width: 479px) {
  .new-car-details .ford-ctas a .awicon {
    display: block;
  }
}

.new-car-details .new-car-details-tabs ul.nav-tabs {
  margin: 0;
  border-bottom: 0;
  padding: 0;
  box-shadow: inset 0 5px 0 #ffffff;
}

@media only screen and (max-width: 479px) {
  .new-car-details .new-car-details-tabs ul.nav-tabs {
    box-shadow: 0 0 0;
    height: 40px;
  }
}

.new-car-details .new-car-details-tabs ul.nav-tabs li {
  width: 33.33%;
  text-align: center;
  margin-right: 0;
}

.new-car-details .new-car-details-tabs ul.nav-tabs li:last-child a {
  border-right: 0;
}

@media only screen and (max-width: 479px) {
  .new-car-details .new-car-details-tabs ul.nav-tabs li:nth-child(2) {
    border-right: 0;
  }
}

@media only screen and (max-width: 479px) {
  .new-car-details .new-car-details-tabs ul.nav-tabs li {
    width: 50%;
    font-size: 12px;
    margin-right: 0;
    border-right: 1px solid #F2F4F5;
  }
}

.new-car-details .new-car-details-tabs ul.nav-tabs li.active a {
  background-color: #F2F4F5;
  box-shadow: inset 0 3px 0 #0582CA;
  color: #003145;
  border-left: 0;
}

.new-car-details .new-car-details-tabs ul.nav-tabs li a {
  margin-right: 0;
  border-radius: 0;
  color: #ffffff;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s;
  background: #021822;
  border-right: 1px solid #ffffff;
  padding: 20px;
  font-size: 22px;
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
}

@media only screen and (min-width: 480px) {
  .new-car-details .new-car-details-tabs ul.nav-tabs li a {
    box-shadow: inset 0 5px 0 #ffffff;
  }
}

@media only screen and (max-width: 479px) {
  .new-car-details .new-car-details-tabs ul.nav-tabs li a {
    padding: 10px 5px;
  }
}

.new-car-details .new-car-details-tabs ul.nav-tabs li a.active-tab {
  background-color: #F2F4F5;
  box-shadow: inset 0 3px 0 #0582CA;
  color: #003145;
}

@media only screen and (max-width: 480px) {
  .new-car-details .new-car-details-tabs ul.nav-tabs li a {
    font-size: 14px;
  }
}

.new-car-details .new-car-details-tabs ul.nav-tabs li a:hover {
  background-color: #F2F4F5;
  box-shadow: inset 0 3px 0 #0582CA;
  color: #003145;
}

.new-car-details .new-car-details-tabs ul.nav-tabs .ul-nav {
  position: absolute;
  height: 60px;
  background: #003145;
  color: #fff;
  font-weight: bold;
  width: 29px;
  text-align: center;
  font-size: 27px;
  padding: 10px 0;
}

.new-car-details .new-car-details-tabs ul.nav-tabs .nav-left {
  left: 0;
}

.new-car-details .new-car-details-tabs ul.nav-tabs .nav-right {
  right: 0;
}

.new-car-details .new-car-details-tabs div.tab-content {
  background-color: #F2F4F5;
  border-top: 0;
  width: 100%;
  padding: 15px;
  float: left;
}

@media only screen and (min-width: 768px) {
  .new-car-details .new-car-details-tabs div.tab-content {
    padding: 50px;
  }
}

.new-car-details .new-car-details-tabs div.tab-content table tr:nth-child(odd) {
  background: #ffffff;
}

.new-car-details .new-car-details-tabs div.tab-content table tr td {
  padding: 10px;
}

.new-car-details .new-car-details-tabs .newcars-finance-slider .ui-state-default, .new-car-details .new-car-details-tabs .newcars-finance-slider .ui-widget-content .ui-state-default, .new-car-details .new-car-details-tabs .newcars-finance-slider .ui-widget-header .ui-state-default {
  background: #0582CA;
  border-color: #0582CA;
}

.new-car-details .new-car-details-tabs .newcars-finance-slider .ui-widget-content {
  border: 0;
  background: #ccc;
}

ol.option-list {
  display: flex;
  padding: 0;
  margin: 0 -10px 30px;
  flex-wrap: wrap;
  counter-reset: item;
  list-style: none;
}

ol.option-list li {
  flex: 1;
  counter-increment: item;
  margin: 10px;
  position: relative;
  background: #fff;
  padding: 15px 15px 15px 60px;
  min-width: 300px;
  border-radius: 30px 0 0 0;
}

ol.option-list li:before {
  position: absolute;
  left: 15px;
  top: 15px;
  width: 30px;
  height: 30px;
  content: counter(item);
  background: #333333;
  border-radius: 100%;
  color: white;
  text-align: center;
  line-height: 30px;
  font-size: 1.5em;
}

ol.option-list li h3 {
  margin-top: 0;
}

/** motability offer page **/
.motab-offer, .business-offer {
  margin-bottom: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.motab-offer .inner, .business-offer .inner {
  padding: 20px;
  box-sizing: border-box;
  text-align: center;
  font-size: 2rem;
  line-height: 2rem;
  font-weight: bold;
  flex-grow: 1;
}

.motab-offer .inner p, .business-offer .inner p {
  font-size: 1.5rem;
}

.motab-offer .inner p span, .business-offer .inner p span {
  font-size: 2rem;
}

.motab-offer .inner .offerTitle, .business-offer .inner .offerTitle {
  min-height: 40px;
}

.motab-offer .offer-link, .business-offer .offer-link {
  display: inline-block;
  padding: 10px;
  box-sizing: border-box;
  width: 100%;
  text-align: center;
}

.motab-offer.wide, .business-offer.wide {
  text-align: left;
}

.motab-offer.wide .offer-img, .business-offer.wide .offer-img {
  flex-grow: 1;
  margin-bottom: 15px;
}

.motab-offer.wide .offer-img img, .business-offer.wide .offer-img img {
  width: 100%;
}

.motab-offer.wide .inner, .business-offer.wide .inner {
  display: flex;
  flex-wrap: wrap;
  flex-grow: 1;
  margin-bottom: 15px;
}

.motab-offer.wide .inner .offerTitle, .business-offer.wide .inner .offerTitle {
  min-height: 0;
  margin-bottom: 10px;
  float: left;
}

.motab-offer.wide .inner .offer-summary, .business-offer.wide .inner .offer-summary {
  text-align: left;
  display: flex;
  flex-wrap: wrap;
  flex-grow: 1;
  justify-content: space-between;
  align-items: center;
  border-bottom: 2px solid #fff;
  padding-bottom: 10px;
  margin-bottom: 20px;
  width: 100%;
}

.motab-offer.wide .inner .offer-summary:last-child, .business-offer.wide .inner .offer-summary:last-child {
  margin: 0;
  padding: 0;
  border: none;
}

.motab-offer.wide .inner p, .business-offer.wide .inner p {
  text-align: right;
}

.motab-offer.wide .inner .offer-text, .business-offer.wide .inner .offer-text {
  width: 100%;
}

.motab-offer.wide .inner .offer-price, .business-offer.wide .inner .offer-price {
  float: right;
  text-align: right;
}

@media (min-width: 500px) {
  .motab-offer.wide .inner .offer-text, .business-offer.wide .inner .offer-text {
    width: 70%;
    flex-grow: 1;
  }
  .motab-offer.wide .inner .offer-price, .business-offer.wide .inner .offer-price {
    margin-left: 30px;
  }
  .motab-offer.wide .inner .offer-link, .business-offer.wide .inner .offer-link {
    width: 20%;
    min-width: 80px;
    margin-left: 20px;
    margin-bottom: 10px;
  }
}

.main-offer-link {
  display: inline-block;
  padding: 20px;
  box-sizing: border-box;
  width: 100%;
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 2.5rem;
}

a.nvr-offers-link, a.nvr-details-link {
  width: 50%;
  padding: 12px 0;
  box-sizing: border-box;
  display: block;
  text-align: center;
  float: left;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s;
}

a.nvr-offers-link:hover, a.nvr-details-link:hover {
  text-decoration: none;
  opacity: 0.8;
}

@media only screen and (max-width: 479px) {
  a.nvr-offers-link, a.nvr-details-link {
    width: 100%;
  }
}

a.nvr-offers-link.full-width, a.nvr-details-link.full-width {
  width: 100%;
}

.motabSearch {
  display: flow-root;
}

.motabSearch .nav-tabs {
  border: 0;
  margin-bottom: 15px;
  display: flex;
}

.motabSearch .nav-tabs > li {
  width: 49%;
  margin-right: 1%;
  text-align: center;
  flex-grow: 1;
}

.motabSearch .nav-tabs > li:last-child {
  margin-right: 0;
}

.motabSearch .nav-tabs > li > a {
  font-family: "Suzuki", sans-serif;
  padding: 15px 0;
  font-size: 16px;
  line-height: 24px;
  font-weight: 200;
  background: #F2F4F5;
  color: #003145;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s;
  border: 1px solid #dbdbdb;
}

@media only screen and (max-width: 991px) {
  .motabSearch .nav-tabs > li > a {
    font-size: 13px;
    line-height: 18px;
  }
}

@media only screen and (max-width: 479px) {
  .motabSearch .nav-tabs > li > a {
    font-size: 10px;
    line-height: 16px;
    min-height: 80px;
    display: flex;
    justify-content: center;
    flex-direction: column;
  }
}

.motabSearch .nav-tabs > li > a span {
  font-size: 24px;
  font-weight: bold;
  display: block;
}

@media only screen and (max-width: 991px) {
  .motabSearch .nav-tabs > li > a span {
    font-size: 16px;
  }
}

@media only screen and (max-width: 479px) {
  .motabSearch .nav-tabs > li > a span {
    font-size: 13px;
    line-height: 16px;
  }
}

.motabSearch .nav-tabs > li.active > a, .motabSearch .nav-tabs > li:hover > a {
  border-bottom: 3px solid #003145;
  position: relative;
  background: #F2F4F5;
}

@media only screen and (min-width: 992px) {
  .motabSearch .nav-tabs > li.active > a::before, .motabSearch .nav-tabs > li:hover > a::before {
    border-left: 15px solid transparent;
    border-bottom: 15px solid #003145;
    position: absolute;
    content: '';
    bottom: -10px;
    left: 0;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    -ms-transition: 0.2s;
    transition: 0.2s;
    right: 0;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 15px;
    height: 15px;
    margin: 0 auto;
  }
}

.motabSearch .motabSearchInner {
  background: #F2F4F5;
  border: 1px solid #dbdbdb;
  padding: 20px;
  min-height: 200px;
}

.motabSearch .motabSearchInner > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-grow: 1;
}

@media only screen and (max-width: 991px) {
  .motabSearch .motabSearchInner > div {
    flex-wrap: wrap;
  }
}

.motabSearch .motabSearchInner > div a {
  flex-grow: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin: 5px;
}

@media only screen and (max-width: 1199px) {
  .motabSearch .motabSearchInner > div a img {
    max-width: 100px;
  }
}

@media only screen and (max-width: 767px) {
  .motabSearch .motabSearchInner > div a {
    flex-basis: 18%;
  }
}

@media only screen and (max-width: 479px) {
  .motabSearch .motabSearchInner > div a {
    flex-basis: 28%;
    font-size: 13px;
    line-height: 16px;
    min-height: 75px;
  }
  .motabSearch .motabSearchInner > div a img {
    max-width: 80px;
  }
}

@media only screen and (min-width: 768px) {
  .motabSearch .motabSearchInner {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

@media only screen and (max-width: 767px) {
  .motabSearch .motabSearchInner {
    padding: 10px;
    margin-bottom: 15px;
  }
}

.motabSearch .motabSearchInner .franchiseSelect a {
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s;
}

.motabSearch .motabSearchInner .franchiseSelect a:hover {
  text-decoration: none;
  opacity: 0.6;
}

.motabSearch .motabSearchInner .searchPayment a {
  padding: 20px 0;
  background: #ffffff;
  margin: 5px;
  text-align: center;
  color: #003145;
  font-size: 16px;
  line-height: 24px;
  min-height: 90px;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s;
}

.motabSearch .motabSearchInner .searchPayment a span {
  display: block;
  font-size: 24px;
  font-weight: bold;
}

@media only screen and (max-width: 1199px) {
  .motabSearch .motabSearchInner .searchPayment a span {
    font-size: 18px;
  }
}

.motabSearch .motabSearchInner .searchPayment a:hover, .motabSearch .motabSearchInner .searchPayment a.active {
  text-decoration: none;
  background: #0582CA;
  color: #ffffff;
}

.motabSearch .motabSearchInner .searchBodystyle a {
  text-align: center;
  color: #003145;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s;
  opacity: 0.5;
}

.motabSearch .motabSearchInner .searchBodystyle a h4 {
  margin: 0;
}

@media only screen and (max-width: 991px) {
  .motabSearch .motabSearchInner .searchBodystyle a h4 {
    font-size: 14px;
  }
}

.motabSearch .motabSearchInner .searchBodystyle a img {
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s;
}

.motabSearch .motabSearchInner .searchBodystyle a:hover, .motabSearch .motabSearchInner .searchBodystyle a.active {
  text-decoration: none;
  opacity: 1;
}

.motabSearch .motabSearchInner .searchBodystyle a:hover h4, .motabSearch .motabSearchInner .searchBodystyle a.active h4 {
  color: #0582CA;
}

/* Forms */
.framed-form-container {
  width: 100%;
  max-width: 550px;
  padding: 0 15px 15px 15px;
  height: 100vh;
}

.framed-form-container .u19servicebooking .vehicleMake-container, .framed-form-container .u19servicebooking .year-container, .framed-form-container .u19servicebooking .name-container {
  width: 49%;
  margin-right: 1%;
  clear: none;
}

.framed-form-container .u19servicebooking .registration-container, .framed-form-container .u19servicebooking .mileage-container, .framed-form-container .u19servicebooking .telephone-container {
  width: 50%;
  float: right;
  clear: none;
}

.framed-form-container form {
  float: left;
  width: 100%;
  clear: both;
  margin-bottom: 60px;
}

.framed-form-container .form > div {
  float: left;
  width: 100%;
  clear: both;
  font-size: 16px;
}

.framed-form-container .form > div.pickupdate-container, .framed-form-container .form > div.Dropoffdate-container {
  position: relative;
}

.framed-form-container .form > div.datepicker-container {
  width: 49%;
  margin-right: 1%;
  clear: none;
}

.framed-form-container .form > div.datepicker-container {
  position: relative;
}

.framed-form-container .form > div.Time-container {
  width: 50%;
  float: right;
  clear: none;
}

.framed-form-container select, .framed-form-container input, .framed-form-container textarea {
  width: 100%;
  margin-bottom: 8px;
  padding: 5px 10px;
  background: #eee;
  color: #555555;
  border: 1px solid #ccc;
}

.framed-form-container input[type="radio"], .framed-form-container input[type="checkbox"] {
  width: 18px;
  height: 18px;
  vertical-align: middle;
  margin: 0 0.5em 0 0;
}

.framed-form-container input[basetype="checkbox"] {
  margin-top: 10px;
}

@media only screen and (max-width: 479px) {
  .framed-form-container input[basetype="checkbox"] {
    margin-top: 5px;
  }
}

.framed-form-container textarea {
  height: 55px;
}

.framed-form-container label[for="optinEmail"], .framed-form-container label[for="optinTelephone"], .framed-form-container label[for="optinPost"], .framed-form-container label[for="optinSms"] {
  float: left;
  width: 90%;
  font-size: 11px;
}

.framed-form-container #optinEmail, .framed-form-container #optinTelephone, .framed-form-container #optinPost, .framed-form-container #optinSms {
  float: left;
  width: auto;
  margin-top: 3px;
}

.framed-form-container .submitButton, .framed-form-container #submitButton, .framed-form-container #close-modal {
  width: 100%;
  background: #0582CA;
  color: #ffffff;
  padding: 10px;
  text-align: center;
  border: 0;
  text-transform: capitalize;
  font-weight: bold;
}

.framed-form-container .submitButton, .framed-form-container #submitButton {
  position: fixed;
  bottom: 0;
  left: 15px;
  width: calc(100% - 30px);
  height: 50px;
  max-width: 520px;
}

.framed-form-container .message-info {
  background: none;
  color: #003145;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 90vh;
}

.framed-form-container .message-info.on-page {
  height: auto;
  padding: 25px 0 20px;
  border-top: 1px solid;
  border-bottom: 1px solid;
}

.framed-form-container .message-info p {
  font-size: 18px;
  line-height: 20px;
  text-align: center;
}

.framed-form-container fieldset > dl {
  padding: 15px;
  background: rgba(0, 0, 0, 0.05);
}

.framed-form-container fieldset label:not(:first-of-type) {
  display: inline-block;
  margin-right: 50px;
  width: auto;
  float: none;
}

.framed-form-container fieldset label + br {
  display: none;
}

.framed-form-container fieldset input, .framed-form-container fieldset select, .framed-form-container fieldset textarea {
  background: #fff;
  border: none;
}

.framed-form-container fieldset#fieldset-optinFieldset {
  width: 100%;
}

.framed-form-container fieldset#fieldset-optinFieldset legend {
  background: none;
  color: #003145;
  padding: 0;
  font-size: 14px;
  font-weight: bold;
}

.framed-form-container fieldset#fieldset-optinFieldset dl {
  display: flex;
  justify-content: space-between;
  background: none;
  width: calc(100% - 30px);
  padding: 0;
  margin-bottom: 15px;
}

.framed-form-container fieldset#fieldset-optinFieldset dl .optinEmail-container:has(input:checked) label, .framed-form-container fieldset#fieldset-optinFieldset dl .optinTelephone-container:has(input:checked) label, .framed-form-container fieldset#fieldset-optinFieldset dl .optinPost-container:has(input:checked) label, .framed-form-container fieldset#fieldset-optinFieldset dl .optinSms-container:has(input:checked) label {
  background: #0582CA;
}

.framed-form-container fieldset#fieldset-optinFieldset dl .optinEmail-container:has(input:checked) label::before, .framed-form-container fieldset#fieldset-optinFieldset dl .optinTelephone-container:has(input:checked) label::before, .framed-form-container fieldset#fieldset-optinFieldset dl .optinPost-container:has(input:checked) label::before, .framed-form-container fieldset#fieldset-optinFieldset dl .optinSms-container:has(input:checked) label::before {
  transform: translateX(14px);
}

.framed-form-container fieldset#fieldset-optinFieldset dl .optinEmail-container input, .framed-form-container fieldset#fieldset-optinFieldset dl .optinTelephone-container input, .framed-form-container fieldset#fieldset-optinFieldset dl .optinPost-container input, .framed-form-container fieldset#fieldset-optinFieldset dl .optinSms-container input {
  display: none;
}

.framed-form-container fieldset#fieldset-optinFieldset dl .optinEmail-container label, .framed-form-container fieldset#fieldset-optinFieldset dl .optinTelephone-container label, .framed-form-container fieldset#fieldset-optinFieldset dl .optinPost-container label, .framed-form-container fieldset#fieldset-optinFieldset dl .optinSms-container label {
  display: flex;
  align-items: center;
  width: 30px;
  height: 16px;
  background-color: #ccc;
  border-radius: 10px;
  position: relative;
  cursor: pointer;
  padding-left: 30px;
  font-size: 0;
}

.framed-form-container fieldset#fieldset-optinFieldset dl .optinEmail-container label::before, .framed-form-container fieldset#fieldset-optinFieldset dl .optinTelephone-container label::before, .framed-form-container fieldset#fieldset-optinFieldset dl .optinPost-container label::before, .framed-form-container fieldset#fieldset-optinFieldset dl .optinSms-container label::before {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: 12px;
  height: 12px;
  background-color: white;
  border-radius: 50%;
  transition: transform 0.3s;
}

.framed-form-container fieldset#fieldset-optinFieldset dl .optinEmail-container label::after, .framed-form-container fieldset#fieldset-optinFieldset dl .optinTelephone-container label::after, .framed-form-container fieldset#fieldset-optinFieldset dl .optinPost-container label::after, .framed-form-container fieldset#fieldset-optinFieldset dl .optinSms-container label::after {
  position: absolute;
  padding-left: 5px;
  font-size: 12px;
}

.framed-form-container fieldset#fieldset-optinFieldset dl .optinEmail-container label::after {
  content: 'Email';
}

.framed-form-container fieldset#fieldset-optinFieldset dl .optinPost-container label::after {
  content: 'Post';
}

.framed-form-container fieldset#fieldset-optinFieldset dl .optinSms-container label::after {
  content: 'SMS';
}

.framed-form-container fieldset#fieldset-optinFieldset dl .optinTelephone-container label::after {
  content: 'Phone';
}

.framed-form-container.on-page {
  height: auto;
  max-width: 100%;
  margin-bottom: 30px;
  padding: 0;
}

.framed-form-container.on-page fieldset label {
  padding: 10px 0;
  margin-bottom: 10px;
  width: 400px;
  max-width: 20%;
  margin-right: 10px;
}

@media only screen and (max-width: 479px) {
  .framed-form-container.on-page fieldset label {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 5px 0;
    float: none;
  }
}

.framed-form-container.on-page fieldset label + br {
  display: none;
}

.framed-form-container.on-page fieldset dl > div {
  clear: both;
  position: relative;
  margin-bottom: 15px;
}

.framed-form-container.on-page fieldset dl > div .datepicker-dropdown {
  width: auto !important;
  margin-left: 20%;
  margin-top: -25px;
}

@media only screen and (max-width: 479px) {
  .framed-form-container.on-page fieldset dl > div .datepicker-dropdown {
    margin-top: 0;
    margin-left: 0;
  }
}

.framed-form-container.on-page fieldset div.paragraph {
  margin-bottom: 10px;
}

.framed-form-container.on-page fieldset input[type="text"], .framed-form-container.on-page fieldset textarea, .framed-form-container.on-page fieldset select {
  height: 40px;
  padding: 5px 10px;
  width: 320px;
  max-width: 100%;
  margin-right: 10px;
  display: block;
}

@media only screen and (max-width: 479px) {
  .framed-form-container.on-page fieldset input[type="text"], .framed-form-container.on-page fieldset textarea, .framed-form-container.on-page fieldset select {
    width: 100%;
    margin-right: 0;
  }
}

.framed-form-container.on-page fieldset textarea {
  height: 100px;
}

.framed-form-container.on-page .marketingEmailContainer, .framed-form-container.on-page .marketingTelephoneContainer, .framed-form-container.on-page .marketingPostContainer, .framed-form-container.on-page .marketingSmsContainer {
  width: 100%;
  float: none;
}

.framed-form-container.on-page .marketingEmailContainer label, .framed-form-container.on-page .marketingTelephoneContainer label, .framed-form-container.on-page .marketingPostContainer label, .framed-form-container.on-page .marketingSmsContainer label {
  width: 500px;
  max-width: 90%;
  padding: 0;
  margin-right: 15px;
}

.framed-form-container.on-page .message-info {
  height: auto;
  padding: 30px 20px 20px;
  background: #0582CA;
  color: #fff;
  border: 2px solid rgba(0, 0, 0, 0.5);
}

.framed-form-container.on-page .submitButton {
  max-width: 400px;
}

.framed-form-container .formGraphic-container {
  display: flex;
  flex-wrap: wrap;
}

@media only screen and (max-width: 767px) {
  .framed-form-container .formGraphic-container {
    margin-left: -1%;
    margin-right: -1%;
  }
}

@media only screen and (max-width: 479px) {
  .framed-form-container .formGraphic-container {
    justify-content: center;
  }
}

.framed-form-container .formGraphic-container label:not(.optional) {
  max-width: 200px;
  position: relative;
  text-align: center;
  border: 2px solid rgba(0, 0, 0, 0.1);
  padding: 10px;
  margin: 0 10px 10px 0;
  overflow: hidden;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  background: #fff;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
}

@media only screen and (max-width: 767px) {
  .framed-form-container .formGraphic-container label:not(.optional) {
    width: 31.33%;
    margin: 1%;
  }
}

@media only screen and (max-width: 479px) {
  .framed-form-container .formGraphic-container label:not(.optional) {
    width: 48%;
    margin: 1%;
  }
}

.framed-form-container .formGraphic-container label:not(.optional) input {
  display: none;
}

.framed-form-container .formGraphic-container label:not(.optional) .formGraphicLabel {
  display: block;
  margin-top: 10px;
  line-height: 1.2;
}

.framed-form-container .formGraphic-container label:not(.optional) img {
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s;
  transform: scale(0.9);
}

.framed-form-container .formGraphic-container label:not(.optional):hover {
  border-color: rgba(0, 0, 0, 0.4);
}

.framed-form-container .formGraphic-container label:not(.optional)::before {
  content: "\e940";
  font-family: 'awfont' !important;
  display: inline;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  top: -35px;
  position: relative;
  color: #0582CA;
  font-size: 1.5em;
  margin-bottom: 5px;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s;
}

.framed-form-container .formGraphic-container label:not(.optional).selected {
  border-color: #0582CA;
  background: rgba(5, 130, 202, 0.15);
}

.framed-form-container .formGraphic-container label:not(.optional).selected img {
  transform: scale(1);
}

.framed-form-container .formGraphic-container label:not(.optional).selected::before {
  top: 0;
}

.framed-form-container .formGraphic-container label:not(.optional).blocked {
  opacity: 0.5;
}

.framed-form-container .formGraphic-container label.optional {
  width: 100%;
}

.framed-form-container .formGraphic-container span.errors {
  width: 100%;
}

.framed-form-container .formGraphic-container > br {
  display: none;
}

.framed-form-container .chooseADealer-container > dd {
  display: flex;
  flex-wrap: wrap;
}

.framed-form-container .chooseADealer-container > dd > br {
  display: none;
}

.framed-form-container .chooseADealer-container > dd label {
  padding: 0 10px 10px 0;
  width: 33.33%;
  margin: 0;
  max-width: 100%;
  display: flex;
  float: none;
}

@media only screen and (max-width: 767px) {
  .framed-form-container .chooseADealer-container > dd label {
    width: 100%;
    padding: 0 0 10px;
  }
}

.framed-form-container .chooseADealer-container > dd label .dealer-select-box {
  border: 2px solid rgba(0, 0, 0, 0.1);
  padding: 10px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  text-align: center;
  position: relative;
  overflow: hidden;
  height: 100%;
  width: 100%;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s;
}

.framed-form-container .chooseADealer-container > dd label .dealer-select-box::before {
  content: "\e940";
  font-family: 'awfont' !important;
  display: inline;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  top: -35px;
  position: relative;
  color: #0582CA;
  font-size: 1.5em;
  margin-bottom: 5px;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s;
}

.framed-form-container .chooseADealer-container > dd label .dealer-select-box:hover {
  border-color: rgba(0, 0, 0, 0.4);
}

.framed-form-container .chooseADealer-container > dd label .dealer-select-box .distance {
  font-weight: 300;
}

.framed-form-container .chooseADealer-container > dd label .dealer-select-box .dealer-phone {
  margin: 0;
}

.framed-form-container .chooseADealer-container > dd label .dealer-select-box .contact-box-btn {
  display: none;
}

.framed-form-container .chooseADealer-container > dd label.selected .dealer-select-box {
  border-color: #0582CA;
  background: rgba(5, 130, 202, 0.15);
}

.framed-form-container .chooseADealer-container > dd label.selected .dealer-select-box::before {
  top: 0;
}

.framed-form-container .postcode-container.postcode-lookup #btnPostCodeLookup {
  display: inline-block;
  background: #aaa;
  color: #fff;
  padding: 10px 20px;
  margin-bottom: 10px;
  text-align: center;
  line-height: 1;
}

.framed-form-container span.errors {
  color: #dc1818;
  display: inline-block;
  line-height: 1.1;
  font-size: 0.9em;
}

@media only screen and (max-width: 560px) {
  #formModal .modal-content {
    height: 100dvh;
  }
  #formModal .modal-content .modal-body {
    height: calc(100% - 80px);
  }
}

#formModal .modal-header {
  background: #0582CA;
  padding: 10px 15px;
  color: #ffffff;
  margin-bottom: 15px;
  -moz-border-radius: 0px 0px 0 0;
  -webkit-border-radius: 0px 0px 0 0;
  -ms-border-radius: 0px 0px 0 0;
  border-radius: 0px 0px 0 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#formModal .modal-header::before, #formModal .modal-header::after {
  display: none;
}

#formModal .modal-header h3 {
  margin: 0;
  color: inherit;
}

#formModal .modal-header .close {
  font-size: 40px;
  font-weight: normal;
  line-height: 40px;
  color: inherit;
  text-shadow: 0 1px 0 #fff;
  padding: 0;
  cursor: pointer;
  opacity: 1;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}

#formModal .modal-header .close:hover {
  opacity: 0.6;
}

#eCommerceModal .modal-header {
  background: #27b25b;
  padding: 10px 15px;
  color: #ffffff;
  text-align: center;
  margin-bottom: 15px;
}

#eCommerceModal .modal-header h3 {
  margin: 0;
  color: #ffffff;
}

#eCommerceModal .modal-header .close {
  float: right;
  font-size: 40px;
  font-weight: 400;
  line-height: 26px;
  color: #ffffff;
  text-shadow: 0 1px 0 #fff;
  padding: 0;
  cursor: pointer;
  opacity: 1;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}

fieldset > div {
  background: #F2F4F5;
  float: left;
  width: 100%;
}

fieldset input[type="text"], fieldset textarea, fieldset select {
  background: #ffffff;
  padding: 0 10px;
}

.dealer-title-block {
  background: #0468A1;
  color: #fff;
  padding: 5px 10px;
  margin: 0 2px 2px;
  text-align: center;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
}

ul.dept-details {
  padding: 0;
  display: flex;
}

ul.dept-details .flex-grow {
  flex-grow: 1;
}

.dept-info-icon {
  height: auto;
  width: 85px;
  margin: 2px;
  box-sizing: border-box;
  padding: 65px 5px 10px;
  font-weight: bold;
  line-height: 1.2;
  text-align: center;
  display: inline-block;
  background-position: center 5px;
  background-repeat: no-repeat;
  background-color: rgba(0, 0, 0, 0.05);
  color: inherit;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
}

.dept-info-icon.newsales {
  background-image: url("/static/images/unity/default/fraternity/map-icons/newsales-small.png");
}

.dept-info-icon.usedsales {
  background-image: url("/static/images/unity/default/fraternity/map-icons/usedsales-small.png");
}

.dept-info-icon.aftersales {
  background-image: url("/static/images/unity/default/fraternity/map-icons/aftersales-small.png");
}

.dealers-list.with-bg {
  background-size: cover;
}

.dealers-list.with-bg .dealer-list-inner {
  background: rgba(255, 255, 255, 0.8);
  padding: 25px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
  margin: 25px 0;
}

.dealers-list.with-bg .dealer-list-inner .dealer-select-box {
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}

@media only screen and (max-width: 479px) {
  .dealers-list.with-bg {
    background: none !important;
  }
  .dealers-list.with-bg .dealer-list-inner {
    padding: 0;
  }
}

.dealer-select-box {
  border: 2px solid #0582CA;
  background: transparent;
  color: inherit;
  padding: 25px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
  text-align: center;
  position: relative;
  height: 100%;
  width: 100%;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s;
}

.dealer-select-box .distance {
  font-weight: 300;
}

.dealer-select-box ul.dept-details {
  padding: 0;
  display: flex;
  justify-content: center;
  font-size: 0.8em;
}

.dealer-select-box .dealer-frch-logo {
  -moz-border-radius: 80px;
  -webkit-border-radius: 80px;
  -ms-border-radius: 80px;
  border-radius: 80px;
  margin: -35px auto 20px auto;
  position: relative;
  width: 140px;
  height: 140px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}

.dealer-select-box .dealer-frch-logo::before {
  content: '';
  position: absolute;
  width: 150px;
  height: 150px;
  border: 6px solid rgba(255, 255, 255, 0.4);
  -moz-border-radius: 80px;
  -webkit-border-radius: 80px;
  -ms-border-radius: 80px;
  border-radius: 80px;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  top: -5px;
  left: -5px;
}

.defaultPagination {
  margin: 20px 0;
}

.defaultPagination .page-count {
  padding: 10px 0;
  text-align: center;
}

.defaultPagination .pagination a {
  display: inline-block;
  border: 1px solid #dbdbdb;
  background: #ffffff;
  color: #003145;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  margin: 0 2px 5px 0;
  padding: 4px 12px;
}

.defaultPagination .pagination a:hover {
  text-decoration: none;
  border: 1px solid #0582CA;
  background: #0582CA;
  color: #ffffff;
}

.defaultPagination .pagination span {
  display: inline-block;
  border: 1px solid #dbdbdb;
  background: #ffffff;
  color: #003145;
  margin: 0 2px 5px 0;
  padding: 4px 12px;
  border: 1px solid #0582CA;
  background: #0582CA;
  color: #ffffff;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}

.brochure-downloads {
  background: #0582CA;
  padding: 15px 0;
}

.brochure-downloads .download-title {
  font-weight: bold;
  color: rgba(255, 255, 255, 0.5);
  text-align: center;
  text-transform: uppercase;
  margin: 0 0 10px;
  font-size: 18px;
}

.brochure-downloads .flex-row {
  justify-content: center;
}

.brochure-downloads .brochure-download {
  background: rgba(255, 255, 255, 0.1);
  color: #ffffff;
  display: inline-block;
  padding: 15px;
  text-align: center;
  flex-grow: 1;
  margin: 2px;
  width: 250px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s;
}

.brochure-downloads .brochure-download.flex-fullwidth {
  width: 100%;
}

@media only screen and (max-width: 479px) {
  .brochure-downloads .brochure-download {
    padding: 10px;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
  }
}

.brochure-downloads .brochure-download .new-model-image {
  width: 150px;
  text-align: center;
  margin: 0 auto;
}

.brochure-downloads .brochure-download .new-model-image img {
  transform: scale(0.9);
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s;
}

@media only screen and (max-width: 767px) {
  .brochure-downloads .brochure-download .new-model-image, .brochure-downloads .brochure-download .brochure-title {
    flex: 1;
    min-width: 150px;
  }
}

.brochure-downloads .brochure-download i {
  font-size: 3em;
}

.brochure-downloads .brochure-download:hover:link, .brochure-downloads .brochure-download:focus:link {
  color: #ffffff;
  background: rgba(0, 0, 0, 0.1);
  text-decoration: none;
}

.brochure-downloads .brochure-download:hover:link .new-model-image img, .brochure-downloads .brochure-download:focus:link .new-model-image img {
  transform: scale(1);
}

.brochure-downloads .brochure-download:active:link {
  box-shadow: inset 2px 2px 4px rgba(0, 0, 0, 0.2);
}

.brochure-downloads .brochure-download.not-available {
  cursor: wait;
  text-decoration: none;
}

legend {
  background: #0582CA;
  color: #ffffff;
}

.button-submit {
  color: #ffffff;
  background: #0582CA;
}

.message-info {
  background: #0582CA;
  color: #ffffff;
}

.error {
  -webkit-box-shadow: inset 0px 0px 0px 2px #dc1818 !important;
  -moz-box-shadow: inset 0px 0px 0px 2px #dc1818 !important;
  box-shadow: inset 0px 0px 0px 2px #dc1818 !important;
}

#postcodeAddressSelection {
  clear: both;
  border: 2px solid rgba(0, 0, 0, 0.1);
  padding: 0;
  list-style: none;
  background: rgba(255, 255, 255, 0.5);
  max-width: 100%;
  min-width: 200px !important;
}

@media only screen and (min-width: 480px) {
  #postcodeAddressSelection {
    max-height: 200px;
    overflow: auto;
  }
}

#postcodeAddressSelection li {
  padding: 5px 10px;
  margin: 0;
  line-height: 1.4;
}

#postcodeAddressSelection li:hover {
  background: #0582CA;
  color: #fff;
  font-weight: bold;
  cursor: pointer;
}

#fieldset-captchaFieldset {
  display: none;
}

/*Pop up Forms*/
.modal {
  position: fixed;
  top: 10%;
  left: 50%;
  bottom: initial;
  z-index: 1050;
  width: 560px;
  margin-left: -280px;
  outline: none;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  overflow-x: hidden;
  overflow-y: hidden;
  padding: 0 !important;
  background: transparent;
  box-shadow: none;
  border: 0;
}

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

.modal-dialog {
  width: auto;
  height: auto;
  margin: 0;
}

.modal-body {
  position: relative;
  overflow-y: auto;
}

.modal-backdrop {
  z-index: 99999;
}

.modal-content {
  background: #ffffff;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
}

#eCommerceModal.modal {
  top: 30px;
  left: 1%;
  width: 98%;
  margin-left: 0;
}

@media only screen and (max-width: 991px) {
  #eCommerceModal.modal {
    top: 0px;
    width: 100%;
    left: 0;
  }
}

#eCommerceModal.modal .modal-body {
  max-height: unset;
}

/*Optin Text*/
.marketingEmailContainer, .marketingTelephoneContainer, .marketingPostContainer, .marketingSmsContainer {
  float: left;
  width: 25%;
  margin: 15px 0;
}

@media only screen and (max-width: 479px) {
  .marketingEmailContainer, .marketingTelephoneContainer, .marketingPostContainer, .marketingSmsContainer {
    width: 50%;
  }
}

.form .marketingEmailContainer label, .form .marketingTelephoneContainer label, .form .marketingPostContainer label, .form .marketingSmsContainer label {
  width: auto;
  margin-right: 10px;
}

.marketingEmailContainer input[type="checkbox"], .marketingPostContainer input[type="checkbox"], .marketingTelephoneContainer input[type="checkbox"], .marketingSmsContainer input[type="checkbox"] {
  margin: 0;
}

#marketingText-element {
  margin: 0;
}

.modal-body .optin-container {
  font-size: 13px;
  line-height: 20px;
  text-align: center;
  color: #111;
}

.modal-body .optin-container .optin-element {
  float: left;
  width: 100%;
  font-weight: bold;
  line-height: 24px;
  margin-top: 5px;
}

.modal-body .optin-container .optin-element input {
  min-height: 0;
  height: auto;
  display: inline;
}

.modal-body .optin-container .optin-element div {
  width: 33.3%;
  float: left;
}

.modal-body .optin-container .optin-element div label {
  display: block;
  margin-bottom: 0;
}

.modal-body .optin-container .optin-element div input[type="checkbox"] {
  margin-top: 0;
}

.find-a-dealer-form .form fieldset > div {
  padding: 10px;
  display: flex;
  flex-wrap: wrap;
}

.find-a-dealer-form .form fieldset > div .form-group {
  margin: 10px;
  flex-grow: 1;
}

.find-a-dealer-form .form fieldset > div .form-group input, .find-a-dealer-form .form fieldset > div .form-group select, .find-a-dealer-form .form fieldset > div .form-group button {
  margin: 0;
  height: 40px;
  width: 100%;
}

.find-a-dealer-form .form #submit-label {
  display: none;
}

.find-a-dealer-form .form #postcode {
  text-transform: uppercase;
}

.grecaptcha-badge {
  visibility: hidden;
}

input,
button,
select,
textarea {
  color: #555555;
}

/*News*/
.news-article {
  padding: 20px;
  margin-bottom: 20px;
  box-sizing: border-box;
}

.news-article h3 {
  font-size: 24px;
  line-height: 28px;
}

@media only screen and (max-width: 767px) {
  .news-article h3 {
    font-size: 18px;
    line-height: 24px;
  }
}

.news-article span {
  display: block;
  margin-bottom: 10px;
}

.news-article .news-image {
  float: right;
  width: 40%;
  padding: 0 0 10px 10px;
  margin-top: 20px;
}

.news-article .image-wrap {
  padding-top: 60%;
  overflow: hidden;
  background-size: cover !important;
}

.pagination-centered {
  text-align: center;
  clear: both;
}

.news-style-one .news-image {
  float: right;
  width: 30%;
  margin: 0 0 10px 10px;
}

@media only screen and (max-width: 767px) {
  .news-style-one .news-image {
    width: 100%;
  }
}

.news-style-one .news-image iframe {
  width: 100%;
  height: 350px;
}

.news-container {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 30px;
}

@media only screen and (max-width: 479px) {
  .news-container {
    padding: 0 15px;
  }
}

.news-style-two .news-image-banner,
.news-style-three .news-image-banner {
  background-position: center;
  background-size: cover;
}

.news-style-two #news-carousel,
.news-style-three #news-carousel {
  background: rgba(0, 0, 0, 0.7);
}

.news-style-two #news-carousel .item img,
.news-style-three #news-carousel .item img {
  margin: 0 auto;
}

.news-style-two .back-button, .news-style-two h1,
.news-style-three .back-button,
.news-style-three h1 {
  margin: 15px 0;
}

.news-style-two .news-summary,
.news-style-three .news-summary {
  background-color: transparent;
  color: inherit;
  font-size: 16px;
  margin: 15px 0;
  padding: 0;
  display: inline-block;
}

@media only screen and (max-width: 479px) {
  .news-style-two .news-summary,
  .news-style-three .news-summary {
    font-size: 12.8px;
  }
}

.news-style-two .news-header,
.news-style-three .news-header {
  padding: 20px 0;
  background: #0582CA;
  color: #ffffff;
  margin: 0 0 60px;
  line-height: 1.2;
}

.news-style-two .news-header h1,
.news-style-three .news-header h1 {
  font-size: 40px;
  line-height: 1.1;
}

@media only screen and (max-width: 767px) {
  .news-style-two .news-header h1,
  .news-style-three .news-header h1 {
    font-size: 34px;
  }
}

@media only screen and (max-width: 479px) {
  .news-style-two .news-header h1,
  .news-style-three .news-header h1 {
    font-size: 28px;
  }
}

.news-style-two .news-date,
.news-style-three .news-date {
  margin: 15px 0;
}

.news-style-two .news-date span,
.news-style-three .news-date span {
  font-size: 16px;
  font-weight: bold;
  display: inline-block;
  padding: 0;
  background-color: transparent;
  color: inherit;
  opacity: 0.7;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
}

.news-style-sidebar .banner-bg-img {
  background-size: cover;
  background-position: 50% 70%;
  background-repeat: no-repeat;
  background-color: rgba(0, 0, 0, 0.2);
}

.news-style-sidebar .news-banner {
  margin: 0;
  border-radius: 0;
  overflow: hidden;
  position: relative;
}

.news-style-sidebar .news-banner .banner-overlay {
  padding: 30px 10vw;
  color: #fff;
  position: absolute;
  top: 0;
  left: 0;
}

.news-style-sidebar .news-banner .banner-overlay .btn-default {
  background-color: rgba(0, 0, 0, 0.2);
  color: inherit;
  border: 1px solid;
}

.news-style-sidebar .news-header {
  display: inline-block;
  margin-bottom: -20px;
  min-width: 50%;
  padding-right: 10vw;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  -moz-border-radius: 0 0px 0px 0;
  -webkit-border-radius: 0 0px 0px 0;
  -ms-border-radius: 0 0px 0px 0;
  border-radius: 0 0px 0px 0;
  -webkit-box-shadow: none 0px 5px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: none 0px 5px 0px rgba(0, 0, 0, 0.75);
  box-shadow: none 0px 5px 0px rgba(0, 0, 0, 0.75);
}

.news-style-sidebar .news-offset-header {
  z-index: 10;
  position: relative;
  -webkit-transform: translate(0, -50%);
  /* Safari and Chrome */
  -moz-transform: translate(0, -50%);
  /* Firefox */
  -ms-transform: translate(0, -50%);
  /* IE 9 */
  -o-transform: translate(0, -50%);
  /* Opera */
  transform: translate(0, -50%);
}

@media only screen and (max-width: 991px) {
  .news-style-sidebar .news-offset-header {
    -webkit-transform: translate(0, -55px);
    /* Safari and Chrome */
    -moz-transform: translate(0, -55px);
    /* Firefox */
    -ms-transform: translate(0, -55px);
    /* IE 9 */
    -o-transform: translate(0, -55px);
    /* Opera */
    transform: translate(0, -55px);
  }
  .news-style-sidebar .news-offset-header .news-header {
    margin-bottom: -10px;
  }
}

@media only screen and (max-width: 767px) {
  .news-style-sidebar .news-offset-header {
    -webkit-transform: translate(0, -35px);
    /* Safari and Chrome */
    -moz-transform: translate(0, -35px);
    /* Firefox */
    -ms-transform: translate(0, -35px);
    /* IE 9 */
    -o-transform: translate(0, -35px);
    /* Opera */
    transform: translate(0, -35px);
  }
  .news-style-sidebar .news-offset-header .news-header {
    margin: 0;
  }
}

@media only screen and (max-width: 479px) {
  .news-style-sidebar .news-offset-header {
    -webkit-transform: translate(0, -15px);
    /* Safari and Chrome */
    -moz-transform: translate(0, -15px);
    /* Firefox */
    -ms-transform: translate(0, -15px);
    /* IE 9 */
    -o-transform: translate(0, -15px);
    /* Opera */
    transform: translate(0, -15px);
  }
}

.news-style-sidebar .news-pad {
  padding-left: 10vw;
}

.news-style-sidebar a.video-lightbox .play-button {
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  transform: scale(1.5);
  width: 22px;
  height: 22px;
  margin: -11px 0 0 -11px;
  border: 2px solid;
  border-radius: 20px;
  color: #fff;
  background: rgba(0, 0, 0, 0.4);
}

.news-style-sidebar a.video-lightbox .play-button::before {
  content: "";
  display: block;
  box-sizing: border-box;
  position: absolute;
  width: 0;
  height: 10px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 6px solid;
  top: 4px;
  left: 7px;
}

.news-style-sidebar .news-layout {
  display: flex;
}

.news-style-sidebar .news-layout .news-content {
  padding-right: 10vw;
}

.news-style-sidebar .news-layout .news-content img {
  border-radius: 0px;
  max-width: 100%;
  height: auto !important;
}

.news-style-sidebar .news-layout .news-sidebar {
  min-width: 30%;
  background: none;
  padding: 0;
}

.news-style-sidebar .news-layout .news-sidebar .news-image,
.news-style-sidebar .news-layout .news-sidebar .news-video {
  margin: 0;
  border-radius: 0;
  overflow: hidden;
  position: relative;
}

.news-style-sidebar .news-layout .news-sidebar .news-image a,
.news-style-sidebar .news-layout .news-sidebar .news-video a {
  display: block;
  overflow: hidden;
  height: 100%;
}

.news-style-sidebar .news-layout .news-sidebar .news-image a img,
.news-style-sidebar .news-layout .news-sidebar .news-video a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -ms-transition: 1s;
  transition: 1s;
}

.news-style-sidebar .news-layout .news-sidebar .news-image a:hover img,
.news-style-sidebar .news-layout .news-sidebar .news-video a:hover img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}

@media only screen and (max-width: 991px) {
  .news-style-sidebar .news-layout {
    flex-wrap: wrap;
  }
  .news-style-sidebar .news-layout .news-content {
    width: 100%;
  }
  .news-style-sidebar .news-layout .news-sidebar {
    width: 100%;
    padding: 0;
  }
}

@media only screen and (max-width: 991px) and (min-width: 480px) {
  .news-style-sidebar .news-layout .news-sidebar {
    padding-left: 10vw;
    padding-right: 10vw;
  }
  .news-style-sidebar .news-layout .news-sidebar .news-image,
  .news-style-sidebar .news-layout .news-sidebar .news-video {
    margin-left: 0;
    margin-right: 0;
  }
}

@media only screen and (max-width: 991px) {
  .news-style-sidebar.top .news-layout .news-content {
    order: 2;
  }
  .news-style-sidebar.top .news-layout .news-sidebar {
    order: 1;
    display: flex;
    flex-wrap: wrap;
    padding: 0;
  }
  .news-style-sidebar.top .news-layout .news-sidebar .news-image,
  .news-style-sidebar.top .news-layout .news-sidebar .news-video {
    flex: 1 1 200px;
  }
}

@media only screen and (min-width: 768px) {
  .two-columns, .three-columns {
    columns: 2;
    margin-bottom: 15px;
  }
}

@media only screen and (min-width: 992px) {
  .three-columns {
    columns: 3;
    margin-bottom: 15px;
  }
}

.wide-article {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 15px;
  box-sizing: border-box;
  background: #eee;
  break-inside: avoid;
}

.wide-article .image-block {
  flex: 2;
  flex-basis: 250px;
  flex-grow: 1;
  overflow: hidden;
}

.wide-article.image-right .image-block {
  order: 3;
}

.wide-article .image-wrap {
  padding-bottom: 60%;
  height: 100%;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -ms-transition: 1s;
  transition: 1s;
  transform: scale(1);
}

.wide-article .image-wrap:hover {
  transform: scale(1.1) rotate(3deg);
  opacity: 0.8;
}

.wide-article .text-block {
  flex: 8;
  flex-basis: 400px;
  padding: 20px;
}

.wide-article .text-block .date {
  opacity: 0.6;
  font-size: 0.9em;
}

.wide-article .text-block .article-title {
  margin: 0;
}

.wide-article .text-block a:hover {
  text-decoration: none;
}

.wide-article .cta-block {
  flex: 1;
  flex-grow: 1;
  text-align: right;
  align-self: flex-end;
  padding: 5px 20px 20px;
}

.wide-article.contain-image .image-wrap {
  background-size: contain;
}

@media only screen and (max-width: 479px) {
  .wide-article .image-block, .wide-article .text-block {
    min-width: 100%;
  }
}

@media only screen and (min-width: 992px) {
  .other-listings {
    display: flex;
    gap: 15px;
  }
  .other-listings .wide-article {
    flex: 1;
  }
}

.accordion {
  margin: 15px 0;
}

.accordion .acc-title {
  margin: 15px 0 0;
  background: #021822;
  color: #ffffff;
  position: relative;
  line-height: 1.1;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
  font-size: 22px;
  font-family: "Roboto", sans-serif;
  border-radius: 0px;
  overflow: hidden;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s;
}

.accordion .acc-title dt {
  flex-basis: 70%;
  padding: 15px;
  line-height: inherit;
  flex-grow: 10;
}

.accordion .acc-title .acc-toggle {
  background: #0582CA;
  color: #ffffff;
  padding: 15px;
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: flex-end;
  font-size: 16px;
  cursor: pointer;
  text-decoration: none;
  flex-wrap: wrap;
  flex-grow: 1;
  text-align: center;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s;
}

.accordion .acc-title .acc-toggle:hover {
  opacity: 0.8;
}

.accordion .acc-title .acc-toggle b:empty, .accordion .acc-title .acc-toggle .none {
  display: none;
}

.accordion .acc-title .acc-down {
  box-sizing: border-box;
  position: relative;
  display: block;
  width: 1.5em;
  min-width: 1.5em;
  height: 1.5em;
  background: #ffffff;
  color: #0582CA;
  border-radius: 100px;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s;
}

.accordion .acc-title .acc-down::after {
  content: "";
  display: block;
  box-sizing: border-box;
  position: absolute;
  width: 0.6em;
  height: 0.6em;
  border-bottom: 2px solid;
  border-right: 2px solid;
  transform: rotate(45deg);
  left: 0.45em;
  top: 0.35em;
}

.accordion .acc-title.open {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.accordion .acc-title.open .acc-down {
  transform: rotate(180deg);
}

.accordion .acc-text, .accordion dd {
  padding: 15px;
  margin: 0 0 15px;
  background: #eee;
  border-radius: 0px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  overflow: hidden;
  transform: scale(1);
  transform-origin: top;
  opacity: 1;
}

.accordion .acc-text.zoom, .accordion .acc-text.slide, .accordion dd.zoom, .accordion dd.slide {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s;
}

.accordion .acc-text :first-child, .accordion dd :first-child {
  margin-top: 0;
}

.accordion .acc-text.closed, .accordion dd.closed {
  height: 0;
  padding-top: 0;
  padding-bottom: 0;
  opacity: 0;
}

.accordion .acc-text.closed.zoom, .accordion dd.closed.zoom {
  transform: scale(0.5);
}

@media only screen and (max-width: 479px) {
  .accordion .acc-title {
    font-size: 18px;
  }
  .accordion .acc-title .acc-toggle {
    font-size: 14px;
    gap: 10px;
    padding: 10px;
  }
}

.blog-layout {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px;
  margin-left: -15px;
  margin-right: -15px;
}

.blog-layout .blog-col {
  width: 33.333%;
  padding: 15px;
  min-width: 280px;
}

@media only screen and (max-width: 991px) {
  .blog-layout .blog-col {
    width: 50%;
  }
}

@media only screen and (max-width: 600px) {
  .blog-layout .blog-col {
    flex-grow: 1;
  }
}

.blog-article {
  padding: 20px;
  height: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  line-height: 1.3;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
}

.blog-article h3 {
  font-size: 24px;
  line-height: 28px;
}

@media only screen and (max-width: 767px) {
  .blog-article h3 {
    font-size: 18px;
    line-height: 24px;
  }
}

.blog-article span {
  display: block;
  margin-bottom: 10px;
}

.blog-article .blog-image-wrap {
  margin-bottom: 15px;
  overflow: hidden;
  max-width: 600px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
}

.blog-article .blog-image-wrap .bg-image {
  padding-top: 60%;
  background-size: cover !important;
  background-position: center;
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -ms-transition: 1s;
  transition: 1s;
  transform: scale(1);
}

.blog-article .blog-image-wrap .bg-image:hover {
  transform: scale(1.2);
}

.blog-article .blog-listing-text {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}

.blog-article .blog-listing-text .blog-intro {
  flex-grow: 1;
}

.blog-article .blog-listing-text .blog-cta {
  margin-top: 15px;
}

.blog-info {
  display: flex;
  align-items: center;
  flex-direction: row;
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.blog-info .blog-details {
  font-size: 13px;
}

.blog-info .blog-details .blog-summary {
  font-weight: bold;
}

.blog-info .blog-details .blog-date {
  color: #777;
}

.blog-info .blog-author {
  width: 50px;
  height: 50px;
  border: 2px solid #fff;
  background-size: cover;
  background-position: center;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  margin-right: 15px;
}

.blog-wrapper {
  max-width: 1400px;
  background: none;
  padding: 20px;
  margin: 0 auto;
}

@media only screen and (min-width: 992px) {
  .blog-wrapper.sidebar {
    display: flex;
    gap: 20px;
  }
  .blog-wrapper.sidebar .related-blogs {
    flex-basis: 25%;
  }
  .blog-wrapper.sidebar .related-blogs .blog-layout {
    gap: 20px;
    margin-left: 0;
    margin-right: 0;
  }
  .blog-wrapper.sidebar .related-blogs .blog-layout .blog-col {
    flex-grow: 1;
    padding: 0;
  }
}

.blog-wrapper .blog-details-section {
  background: #F2F4F5;
  flex-grow: 1;
  overflow: hidden;
  margin-bottom: 20px;
  line-height: 1.3;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
}

.blog-wrapper .blog-details-section .blog-content {
  padding: 15px;
}

.blog-wrapper .blog-details-section .blog-content h1 {
  margin-top: 15px;
}

.blog-wrapper .blog-details-section .blog-info {
  margin-bottom: 15px;
}

.blog-wrapper .blog-details-section hr {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.blog-wrapper .blog-details-image img {
  width: 100%;
}

.blog-wrapper .blog-details-image .slick-slide {
  background: rgba(0, 0, 0, 0.1);
}

.blog-slider-container .blog-slider-title {
  text-align: center;
  font-size: 24px;
  line-height: 1.2;
  margin: 10px 0;
}

.blog-slider-container .blog-slider-title:empty {
  display: none;
}

.blog-slider {
  margin: 0 !important;
}

.blog-slider .slick-arrow {
  position: absolute;
  top: 50%;
  z-index: 1;
  line-height: 0;
  background: rgba(0, 0, 0, 0.5);
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  color: #fff;
  border: 0;
  font-family: monospace;
  font-size: 30px;
  padding: 5px 0 10px;
  width: 24px;
  height: 40px;
  margin-top: -20px;
  opacity: 0.5;
}

.blog-slider .slick-arrow:hover {
  background: rgba(0, 0, 0, 0.8);
}

.blog-slider .slick-arrow.slick-next {
  right: 10px;
  z-index: 99;
}

.blog-slider .slick-arrow.slick-prev {
  left: 10px;
  z-index: 99;
}

.blog-slider .slick-dots {
  display: block;
  width: 100%;
  padding: 6px;
  margin: 0;
  list-style: none;
  text-align: center;
  bottom: 0;
}

.blog-slider .slick-dots li {
  background-color: rgba(0, 0, 0, 0.2);
  position: relative;
  display: inline-block;
  width: 20px;
  height: 6px;
  margin: 4px;
  padding: 0;
  cursor: pointer;
  border-radius: 2px;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s;
}

.blog-slider .slick-dots li:hover {
  background-color: rgba(0, 0, 0, 0.8);
  height: 10px;
  margin: 2px 4px;
}

.blog-slider .slick-dots li.slick-active {
  background-color: #0582CA;
}

.blog-slider .slick-dots li button {
  display: none;
}

.blog-slider:hover .slick-arrow {
  opacity: 1;
}

.blog-slider .slick-track {
  display: flex !important;
}

.blog-slider .slick-track .slick-slide {
  height: inherit !important;
  margin: 0px !important;
}

.blog-slider .slick-track .blog-col {
  padding: 15px;
}

.pagination-centered {
  text-align: center;
  clear: both;
}

@media only screen and (min-width: 768px) {
  .two-columns, .three-columns {
    columns: 2;
    margin-bottom: 15px;
  }
}

@media only screen and (min-width: 992px) {
  .three-columns {
    columns: 3;
    margin-bottom: 15px;
  }
}

.wide-article {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 15px;
  box-sizing: border-box;
  background: #eee;
  break-inside: avoid;
}

.wide-article .image-block {
  flex: 2;
  flex-basis: 250px;
  flex-grow: 1;
  overflow: hidden;
}

.wide-article.image-right .image-block {
  order: 3;
}

.wide-article .image-wrap {
  padding-bottom: 60%;
  height: 100%;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -ms-transition: 1s;
  transition: 1s;
  transform: scale(1);
}

.wide-article .image-wrap:hover {
  transform: scale(1.1) rotate(3deg);
  opacity: 0.8;
}

.wide-article .text-block {
  flex: 8;
  flex-basis: 400px;
  padding: 20px;
}

.wide-article .text-block .date {
  opacity: 0.6;
  font-size: 0.9em;
}

.wide-article .text-block .article-title {
  margin: 0;
}

.wide-article .text-block a:hover {
  text-decoration: none;
}

.wide-article .cta-block {
  flex: 1;
  flex-grow: 1;
  text-align: right;
  align-self: flex-end;
  padding: 5px 20px 20px;
}

.wide-article.contain-image .image-wrap {
  background-size: contain;
}

@media only screen and (max-width: 479px) {
  .wide-article .image-block, .wide-article .text-block {
    min-width: 100%;
  }
}

@media only screen and (min-width: 992px) {
  .other-listings {
    display: flex;
    gap: 15px;
  }
  .other-listings .wide-article {
    flex: 1;
  }
}

.icon-chevron-right {
  box-sizing: border-box;
  position: relative;
  display: inline-block;
  width: 0.8em;
  height: 0.8em;
  border-radius: 100px;
  vertical-align: middle;
}

.icon-chevron-right::after {
  content: "";
  display: block;
  box-sizing: border-box;
  width: 0.7em;
  height: 0.7em;
  border-bottom: 2px solid;
  border-right: 2px solid;
  transform: rotate(-45deg);
}

.slbOverlay, .slbWrapOuter, .slbWrap {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.slbOverlay {
  overflow: hidden;
  z-index: 2000;
  background-color: #000;
  opacity: 0.7;
  -webkit-animation: slbOverlay 0.5s;
  -moz-animation: slbOverlay 0.5s;
  animation: slbOverlay 0.5s;
}

.slbWrapOuter {
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 2010;
}

.slbWrap {
  position: absolute;
  text-align: center;
}

.slbWrap:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.slbContentOuter {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0px auto;
  padding: 0 1em;
  box-sizing: border-box;
  z-index: 2020;
  text-align: left;
  max-width: 100%;
}

.slbContentEl .slbContentOuter {
  padding: 5em 1em;
}

.slbContent {
  position: relative;
}

.slbContentEl .slbContent {
  -webkit-animation: slbEnter 0.3s;
  -moz-animation: slbEnter 0.3s;
  animation: slbEnter 0.3s;
  background-color: #fff;
  box-shadow: 0 0.2em 1em rgba(0, 0, 0, 0.4);
}

.slbImageWrap {
  -webkit-animation: slbEnter 0.3s;
  -moz-animation: slbEnter 0.3s;
  animation: slbEnter 0.3s;
  position: relative;
}

.slbImageWrap:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 5em;
  bottom: 5em;
  display: block;
  z-index: -1;
  box-shadow: 0 0.2em 1em rgba(0, 0, 0, 0.6);
  background-color: #FFF;
}

.slbDirectionNext .slbImageWrap {
  -webkit-animation: slbEnterNext 0.4s;
  -moz-animation: slbEnterNext 0.4s;
  animation: slbEnterNext 0.4s;
}

.slbDirectionPrev .slbImageWrap {
  -webkit-animation: slbEnterPrev 0.4s;
  -moz-animation: slbEnterPrev 0.4s;
  animation: slbEnterPrev 0.4s;
}

.slbImage {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 5em 0;
  margin: 0 auto;
}

.slbCaption {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  font-size: 1.4em;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0.71429em 0;
  color: #fff;
  color: rgba(255, 255, 255, 0.7);
  text-align: center;
}

.slbCloseBtn, .slbArrow {
  margin: 0;
  padding: 0;
  border: 0;
  cursor: pointer;
  background: none;
}

.slbCloseBtn::-moz-focus-inner, .slbArrow::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.slbCloseBtn:hover, .slbArrow:hover {
  opacity: 0.5;
}

.slbCloseBtn:active, .slbArrow:active {
  opacity: 0.8;
}

.slbCloseBtn {
  -webkit-animation: slbEnter 0.3s;
  -moz-animation: slbEnter 0.3s;
  animation: slbEnter 0.3s;
  font-size: 3em;
  width: 1.66667em;
  height: 1.66667em;
  line-height: 1.66667em;
  position: absolute;
  right: -0.33333em;
  top: 0;
  color: #fff;
  color: rgba(255, 255, 255, 0.7);
  text-align: center;
}

.slbLoading .slbCloseBtn {
  display: none;
}

.slbLoadingText {
  font-size: 1.4em;
  color: #fff;
  color: rgba(255, 255, 255, 0.9);
}

.slbArrows {
  position: fixed;
  top: 50%;
  left: 0;
  right: 0;
}

.slbLoading .slbArrows {
  display: none;
}

.slbArrow {
  position: absolute;
  top: 50%;
  margin-top: -5em;
  width: 5em;
  height: 10em;
  opacity: 0.7;
  text-indent: -999em;
  overflow: hidden;
}

.slbArrow:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -0.8em 0 0 -0.8em;
  border: 0.8em solid transparent;
}

.slbArrow.next {
  right: 0;
}

.slbArrow.next:before {
  border-left-color: #fff;
}

.slbArrow.prev {
  left: 0;
}

.slbArrow.prev:before {
  border-right-color: #fff;
}

.slbIframeCont {
  width: 80em;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
  margin: 5em 0;
}

.slbIframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0.2em 1em rgba(0, 0, 0, 0.6);
  background: #000;
}

@-webkit-keyframes slbOverlay {
  from {
    opacity: 0;
  }
  to {
    opacity: 0.7;
  }
}

@-moz-keyframes slbOverlay {
  from {
    opacity: 0;
  }
  to {
    opacity: 0.7;
  }
}

@keyframes slbOverlay {
  from {
    opacity: 0;
  }
  to {
    opacity: 0.7;
  }
}

@-webkit-keyframes slbEnter {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -1em, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
  }
}

@-moz-keyframes slbEnter {
  from {
    opacity: 0;
    -moz-transform: translate3d(0, -1em, 0);
  }
  to {
    opacity: 1;
    -moz-transform: translate3d(0, 0, 0);
  }
}

@keyframes slbEnter {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -1em, 0);
    -moz-transform: translate3d(0, -1em, 0);
    -ms-transform: translate3d(0, -1em, 0);
    -o-transform: translate3d(0, -1em, 0);
    transform: translate3d(0, -1em, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-webkit-keyframes slbEnterNext {
  from {
    opacity: 0;
    -webkit-transform: translate3d(4em, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
  }
}

@-moz-keyframes slbEnterNext {
  from {
    opacity: 0;
    -moz-transform: translate3d(4em, 0, 0);
  }
  to {
    opacity: 1;
    -moz-transform: translate3d(0, 0, 0);
  }
}

@keyframes slbEnterNext {
  from {
    opacity: 0;
    -webkit-transform: translate3d(4em, 0, 0);
    -moz-transform: translate3d(4em, 0, 0);
    -ms-transform: translate3d(4em, 0, 0);
    -o-transform: translate3d(4em, 0, 0);
    transform: translate3d(4em, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-webkit-keyframes slbEnterPrev {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-4em, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
  }
}

@-moz-keyframes slbEnterPrev {
  from {
    opacity: 0;
    -moz-transform: translate3d(-4em, 0, 0);
  }
  to {
    opacity: 1;
    -moz-transform: translate3d(0, 0, 0);
  }
}

@keyframes slbEnterPrev {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-4em, 0, 0);
    -moz-transform: translate3d(-4em, 0, 0);
    -ms-transform: translate3d(-4em, 0, 0);
    -o-transform: translate3d(-4em, 0, 0);
    transform: translate3d(-4em, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

/* Testimonials */
.testimonial-wrap {
  padding: 30px 0 20px 0;
}

.testimonial-wrap .inner {
  min-height: 100px;
}

.testimonial-wrap .inner .publishedDate {
  opacity: 0.7;
  float: right;
}

.testimonial-wrap .inner h3 {
  float: right;
  font-size: 24px;
  line-height: 28px;
  margin: 0;
  font-weight: bold;
}

.testimonial-wrap .inner span.testimonial-quote {
  float: left;
  font-size: 50px;
  margin-right: 20px;
}

@media only screen and (max-width: 767px) {
  .testimonial-wrap .inner h3 {
    font-size: 18px;
    line-height: 24px;
  }
}

@media only screen and (max-width: 479px) {
  .testimonial-wrap .inner span {
    font-size: 30px;
  }
}

.testimonial-wrap .inner .starRating {
  float: right;
  margin: 10px 0;
}

.testimonial-wrap .inner .starRating .awicon {
  font-size: 24px;
  color: #FDC702;
  margin-left: 10px;
}

.reviews-slider-container {
  position: relative;
  color: #ffffff;
  background-color: #021822;
  background-size: cover !important;
  margin: 30px 0;
}

.reviews-slider-container .bg-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
}

.reviews-slider-container a:not(.btn) {
  color: #FDC702;
}

.reviews-slider-container .reviews-slider-title {
  text-align: center;
  font-size: 25px;
  line-height: 1.2;
  padding: 20px 30px;
  background: none;
  color: #ffffff;
  box-shadow: none;
  border-radius: 10px;
}

.reviews-slider-container .reviews-slider-title .sub-title {
  font-size: 0.7em;
  color: #ffffff;
}

.reviews-slider-container .reviews-slider-title .btn {
  margin-top: 1em;
}

.reviews-slider-container .layout-style {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  min-height: 300px;
}

.reviews-slider-container .layout-style .layout-block {
  flex: 1;
  min-width: 300px;
  text-align: center;
  flex-basis: 500px;
  padding: 20px;
}

.reviews-slider-container.style-right .layout-style {
  flex-direction: row-reverse;
}

.reviews-slider-container.style-top .layout-block {
  flex-basis: 100%;
}

.reviews-slider-container.style-top-left .layout-block.intro {
  flex-basis: 100%;
  text-align: right;
}

.reviews-slider-container.style-top-left .layout-block.intro .reviews-slider-title {
  background: rgba(0, 0, 0, 0.7);
  margin: -40px 0 10px 0;
  display: inline-block;
  border-radius: 5px;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  float: left;
  text-align: left;
}

.reviews-slider-container .reviews-slider {
  margin: 50px;
}

.reviews-slider-container .reviews-slider .slick-track {
  display: flex;
  align-items: center;
}

.reviews-slider-container .reviews-slider .slick-slide {
  margin: 15px;
}

.reviews-slider-container .reviews-slider .slick-arrow {
  position: absolute;
  top: 50%;
  z-index: 1;
  background: rgba(0, 0, 0, 0);
  color: #fff;
  border: 0;
  font-family: monospace;
  font-size: 40px;
  padding: 5px 0 10px;
  width: 34px;
  height: 50px;
  margin-top: -20px;
  opacity: 0.5;
}

.reviews-slider-container .reviews-slider .slick-arrow:hover {
  background: rgba(0, 0, 0, 0.5);
}

.reviews-slider-container .reviews-slider .slick-arrow.slick-next {
  right: -40px;
  z-index: 99;
}

.reviews-slider-container .reviews-slider .slick-arrow.slick-prev {
  left: -40px;
  z-index: 99;
}

.reviews-slider-container .reviews-slider .slick-dots {
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  position: absolute;
  bottom: -40px;
}

.reviews-slider-container .reviews-slider .slick-dots li {
  background-color: rgba(255, 255, 255, 0.4);
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
  position: relative;
  display: inline-block;
  width: 20px;
  height: 6px;
  margin: 4px;
  padding: 0;
  cursor: pointer;
  border-radius: 2px;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s;
}

.reviews-slider-container .reviews-slider .slick-dots li:hover {
  background-color: rgba(255, 255, 255, 0.8);
  height: 10px;
  margin: 2px 4px;
}

.reviews-slider-container .reviews-slider .slick-dots li.slick-active {
  background-color: #fff;
}

.reviews-slider-container .reviews-slider .slick-dots li button {
  display: none;
}

.reviews-slider-container .reviews-slider:hover .slick-arrow {
  opacity: 1;
}

.reviews-slider-container .reviews-item {
  text-align: center;
}

.reviews-slider-container .reviews-item .reviews-text {
  padding: 30px;
  text-align: center;
  max-width: 600px;
  display: inline-block;
  font-weight: 300;
  background: none;
  color: #ffffff;
  box-shadow: none;
  border-radius: 10px;
}

.reviews-slider-container .reviews-item a {
  color: #FDC702;
  font-weight: bold;
  display: inline-block;
}

.reviews-slider-container .reviews-item .bubble {
  position: relative;
  background: rgba(255, 255, 255, 0.15);
  color: #ffffff;
  border-radius: 30px 30px 30px 0;
  box-shadow: none;
}

.reviews-slider-container .reviews-item .bubble::after {
  content: "";
  clip-path: polygon(0 0, 100% 0, 0 100%);
  background: rgba(255, 255, 255, 0.15);
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: -20px;
  left: 0;
}

.reviews-slider-container .reviews-item .bubble.dark {
  background: rgba(0, 0, 0, 0.2);
}

.reviews-slider-container .reviews-item .bubble.dark::after {
  background: rgba(0, 0, 0, 0.2);
}

.reviews-slider-container .reviews-item .bubble.blur {
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
}

.reviews-slider-container .reviews-item .bubble.blur::after {
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
}

.reviews-slider-container .reviews-item .testimonial-quote {
  display: none;
}

.reviews-slider-container .reviews-item .quote {
  text-align: left;
}

.reviews-slider-container .reviews-item .quote .testimonial-quote {
  display: inline-block;
  font-size: 1.5em;
  float: left;
  margin-right: 0.5em;
  margin-top: -0.2em;
}

.reviews-slider-container .reviews-date {
  margin: 10px 0;
  font-size: 0.8em;
}

.reviews-slider-container .starRating {
  letter-spacing: 5px;
  color: #FDC702;
  font-size: 20px;
  margin: 5px 0;
}

@media only screen and (max-width: 479px) {
  .reviews-slider-container.hide-mobile-bg {
    background-image: none !important;
  }
  .reviews-slider-container .reviews-slider {
    margin: 20px 0 50px;
  }
  .reviews-slider-container .reviews-slider .slick-arrow.slick-next {
    right: -15px;
    width: 28px;
  }
  .reviews-slider-container .reviews-slider .slick-arrow.slick-prev {
    left: -15px;
    width: 28px;
  }
  .reviews-slider-container .reviews-slider-title {
    font-size: 20px;
  }
  .reviews-slider-container .reviews-item .reviews-text {
    padding: 15px;
  }
}

/* Meet The Team */
.team-box {
  margin-bottom: 20px;
  padding: 20px;
  text-align: center;
}

.team-box:nth-child(3n+4) {
  clear: both;
}

.team-box .image-wrap {
  padding-top: 70%;
  overflow: hidden;
  background-size: cover !important;
}

.team-box h4 {
  font-weight: bold;
  font-size: 24px;
  line-height: 28px;
}

@media only screen and (max-width: 1439px) {
  .team-box h4 {
    font-size: 18px;
    line-height: 20px;
  }
}

.team-box h5 {
  font-weight: bold;
  font-size: 16px;
}

/* CMS Offers */
.offer-box {
  padding: 20px;
  margin-bottom: 20px;
  box-sizing: border-box;
  text-align: center;
}

.offer-box h4 {
  font-size: 24px;
  line-height: 28px;
}

@media only screen and (max-width: 767px) {
  .offer-box h4 {
    font-size: 18px;
    line-height: 24px;
  }
}

.offer-box span {
  display: block;
  margin-bottom: 10px;
}

.offer-box .image-wrap {
  padding-top: 60%;
  overflow: hidden;
  background-size: cover !important;
}

.offer-box .offer-price {
  font-size: 20px;
  line-height: 24px;
  font-weight: bold;
}

.offer-box .offer-price span {
  font-size: 14px;
  font-weight: 400;
}

.offer-box .contentEnquiryBtn {
  width: 100%;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
}

/* Valuation */
#valuation button {
  color: #ffffff;
  background: #0582CA;
}

#valuation button:hover {
  background: #003145;
  color: #ffffff;
}

#valuation span.errors {
  color: #dc1818;
}

input#optinTelephone, #optinSMS, #optinEmail {
  height: 14px;
}

#valuation label[for='optinSMS'], #valuation label[for='optinEmail'], #valuation label[for='optinTelephone'] {
  width: 100px;
}

#valuation #optinEmail, #valuation #optinSMS, #valuation #optinTelephone {
  max-width: 70px;
  float: left;
}

#spacer {
  margin-bottom: 20px;
}

.car-valuation input {
  height: 39px;
  font-size: 18px;
  width: 238px;
}

#vehicleReg {
  background: url("/static/images/unity/default/uk-plate.png") center left no-repeat #fed81f;
  height: 39px;
  font-size: 24px;
  font-weight: bold;
  width: 214px;
  text-transform: uppercase;
}

#vehicleReg.uk-plate {
  background: url("/static/images/unity/default/uk-plate.png") center left no-repeat #fed81f;
  padding-left: 30px;
}

#vehicleReg.gb-plate {
  background: url("/static/images/unity/default/gb-plate.png") center left no-repeat #fed81f;
  padding-left: 30px;
}

#vehicleReg.union-flag {
  background: url("/static/images/unity/default/union-flag-plate.png") center left no-repeat #fed81f;
  background-size: contain;
  padding-left: 40px;
}

#vehicleReg.ev-plate {
  background: url("/static/images/unity/default/ev-plate.png") center left no-repeat #fed81f;
  padding-left: 30px;
}

#vehicleReg.yellow-plate {
  background: #fed81f;
}

#vehicleReg.no-plate {
  background: #ffffff;
}

.valuation-table {
  margin: 20px 0;
  display: flex;
  background: none;
  padding: 0;
  align-items: stretch;
  gap: 15px;
  flex-wrap: wrap;
  overflow: hidden;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
}

.valuation-table li {
  background: rgba(0, 0, 0, 0.2);
  color: #000;
  text-align: center;
  font-size: 18px;
  line-height: 1.2;
  list-style: none;
  padding: 20px;
  flex: 1 1 180px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  gap: 5px;
}

.valuation-table li.clean {
  background: rgba(0, 0, 0, 0.2);
  color: #000;
}

.valuation-table li.below {
  background: rgba(0, 0, 0, 0.2);
  color: #000;
}

.valuation-table li .value {
  color: inherit;
  font-size: 34px;
  display: block;
  clear: both;
  font-weight: bold;
}

@media only screen and (max-width: 767px) {
  .valuation-table li {
    flex-basis: 100%;
  }
}

.valuation-box {
  background-color: #f2f2f2;
  color: #333;
  padding: 30px 0;
  margin-bottom: 15px;
  text-align: center;
  line-height: 1.3;
}

.valuation-box .valuation-header {
  margin-top: 0;
}

.valuation-box label {
  margin-left: 0.5em;
  margin-right: 0.5em;
}

.valuation-box input[type="radio"],
.valuation-box input[type="checkbox"] {
  margin-right: 0.5em;
}

.valuation-box #sale-type-select {
  width: 100%;
}

.valuation-box .signalVrm {
  display: inline-block;
  line-height: 1.1;
}

.valuation-box .signalBtn {
  font-weight: bold;
  background-color: #0582CA;
}

.valuation-box .signalRow .signalAlert {
  margin-top: 10px !important;
}

.valuation-box table th, .valuation-box table td {
  padding: 5px;
}

.valuation-section {
  background-color: #f2f2f2;
  color: #333;
  padding: 30px 0;
  margin-top: 20px;
  padding: 20px 30px;
}

@media only screen and (max-width: 479px) {
  .valuation-section {
    padding: 15px;
  }
}

.valuation-section h3 {
  margin-top: 10px;
}

.valuation-section label[for="valuationButtonSubmit"] {
  display: none;
}

.valuation-section #valuation {
  height: 100%;
}

.valuation-section #valuation > div {
  width: 100%;
  margin-bottom: 10px;
}

@media only screen and (min-width: 480px) {
  .valuation-section #valuation > div {
    flex: 1 1 200px;
  }
}

.valuation-section #valuation > div input {
  width: 95%;
  border: 1px solid #dbdbdb;
  padding: 0 10px;
}

.valuation-section #valuation > div input#vehicleReg {
  padding-left: 35px;
}

@media only screen and (max-width: 479px) {
  .valuation-section #valuation > div input {
    width: 100%;
  }
}

.valuation-section #valuation > div button {
  margin-bottom: 0;
}

.valuation-imagebg {
  background: #f2f2f2;
  color: #fff;
  position: relative;
}

.valuation-imagebg .valuation-imagebg-overlay {
  background: rgba(0, 0, 0, 0.2);
  min-height: 300px;
  position: relative;
  z-index: 40;
}

.valuation-imagebg .valuation-imagebg-overlay .valuation-block {
  padding: 50px;
  margin: 50px 35px;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.valuation-imagebg .valuation-imagebg-overlay .valuation-block .valuation-header {
  text-align: center;
  margin: 0 0 15px;
}

.valuation-imagebg .valuation-imagebg-overlay .valuation-block .valuation-input {
  margin-bottom: 15px;
  text-align: left;
}

.valuation-imagebg .valuation-imagebg-overlay .valuation-block #stage-label {
  display: none;
}

.valuation-imagebg .valuation-imagebg-overlay .valuation-block input {
  width: 100% !important;
  border: 1px solid #dbdbdb;
  padding: 0 10px;
}

.valuation-imagebg .valuation-imagebg-overlay .valuation-block input#vehicleReg {
  padding-left: 35px;
  width: 100%;
}

.valuation-imagebg .valuation-imagebg-overlay .valuation-block button {
  color: #ffffff;
  background: #0582CA;
}

.valuation-imagebg .valuation-imagebg-overlay .valuation-block button:hover {
  background: #003145;
}

.valuation-imagebg .valuation-imagebg-overlay .valuation-block span.errors {
  color: #dc1818;
}

.valuation-imagebg .valuation-imagebg-overlay .valuation-block.darken {
  color: #fff;
  background: rgba(0, 0, 0, 0.4);
}

.valuation-imagebg .valuation-imagebg-overlay .valuation-block.lighten {
  color: #000;
  background: rgba(255, 255, 255, 0.65);
}

.valuation-imagebg .valuation-imagebg-overlay .valuation-block.blur {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
}

@media only screen and (max-width: 479px) {
  .valuation-imagebg .valuation-imagebg-overlay .valuation-block {
    padding: 25px;
  }
}

.valuation-imagebg .valuation-imagebg-overlay.overlay-right .valuation-block {
  float: right;
}

.valuation-imagebg .valuation-imagebg-overlay.overlay-center .valuation-block {
  float: none;
  margin: auto;
}

.valuation-imagebg .cms-media-group, .valuation-imagebg .bg-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.valuation-imagebg .cms-media-group {
  display: flex;
}

.valuation-imagebg .cms-media-group .video-background iframe {
  height: 56.25vw;
  min-height: 100%;
  min-width: 100%;
}

.valuation-imagebg .cms-media-group .slick-list {
  height: 100%;
  width: 100%;
}

.valuation-imagebg .cms-media-group .slick-list .slick-track {
  display: flex;
  height: 100%;
}

.valuation-imagebg .cms-media-group .slick-list .slick-track .slick-slide {
  margin: 0;
  width: 100%;
}

.vehicle-results-append {
  float: left;
  width: 100%;
  clear: both;
}

#us-showroom-container h1,
#showroom-search-results h1,
#mainHtml h1 {
  font-size: 24px;
  padding: 0 200px 0 0;
  margin: 20px 0;
}

@media only screen and (max-width: 992px) {
  #us-showroom-container h1,
  #showroom-search-results h1,
  #mainHtml h1 {
    padding: 0;
  }
}

@media only screen and (max-width: 767px) {
  #us-showroom-container h1,
  #showroom-search-results h1,
  #mainHtml h1 {
    font-size: 16px;
    margin: 10px 0;
  }
}

#us-showroom-container h1.main-title,
#showroom-search-results h1.main-title,
#mainHtml h1.main-title {
  padding: 0;
}

#us-showroom-container .us-result-price .saving,
#showroom-search-results .us-result-price .saving,
#mainHtml .us-result-price .saving {
  color: red;
  display: inline-block;
}

#us-showroom-container .us-result-telephone strong a,
#showroom-search-results .us-result-telephone strong a,
#mainHtml .us-result-telephone strong a {
  color: #0582CA;
}

@media only screen and (max-width: 1400px) {
  #us-showroom-container .col-listing-grid,
  #showroom-search-results .col-listing-grid,
  #mainHtml .col-listing-grid {
    width: 33%;
  }
}

@media only screen and (max-width: 1050px) {
  #us-showroom-container .col-listing-grid,
  #showroom-search-results .col-listing-grid,
  #mainHtml .col-listing-grid {
    width: 50%;
  }
}

@media only screen and (max-width: 767px) {
  #us-showroom-container .col-listing-grid,
  #showroom-search-results .col-listing-grid,
  #mainHtml .col-listing-grid {
    padding: 0 8px;
  }
}

@media only screen and (max-width: 450px) {
  #us-showroom-container .col-listing-grid,
  #showroom-search-results .col-listing-grid,
  #mainHtml .col-listing-grid {
    width: 100%;
  }
}

#us-showroom-container .wrap-text,
#showroom-search-results .wrap-text,
#mainHtml .wrap-text {
  white-space: normal;
}

#us-showroom-container .nowrap-text,
#showroom-search-results .nowrap-text,
#mainHtml .nowrap-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.us-result-price .divider {
  overflow: hidden;
  display: inline-block;
  text-align: right;
  margin: 3px 0 3px -5px;
  line-height: 1;
}

.us-result-price .divider > span {
  position: relative;
  display: inline-block;
  border-right: 1px solid rgba(0, 0, 0, 0.2);
  padding: 0 5px;
  margin: 3px -5px 3px 5px;
  vertical-align: middle;
}

.us-result-price.price-left .divider {
  text-align: left;
}

.us-result-price.price-left .divider > span {
  border-right: 0;
  border-left: 1px solid rgba(0, 0, 0, 0.2);
  margin: 0 5px 0 -5px;
  text-align: left;
}

/*** Search ***/
.us-search-tabs {
  border: 1px solid color-mix(in srgb, #003145 30%, transparent);
  height: 35px;
  align-self: flex-start;
  overflow: hidden;
  margin-bottom: 15px;
  margin-top: 5px;
  width: fit-content;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
}

@media only screen and (min-width: 992px) {
  .us-search-tabs {
    float: right;
  }
}

.us-search-tabs > li {
  background: #F2F4F5;
  margin-bottom: 0;
  border-right: 1px solid #dbdbdb;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s;
}

.us-search-tabs > li:last-child {
  border-right: 0;
}

.us-search-tabs > li.active {
  background: #003145;
}

.us-search-tabs > li.active > a {
  background: none;
  color: #ffffff;
  opacity: 1;
  padding: 0 10px;
  border: 0;
}

.us-search-tabs > li.active > a:before {
  margin-right: 0;
  opacity: 1;
}

.us-search-tabs > li.active > a:focus, .us-search-tabs > li.active > a:hover {
  background: none;
  color: #ffffff;
  border: 0;
}

.us-search-tabs > li a {
  min-width: 80px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0;
  padding: 0 20px;
  color: #003145;
  opacity: 0.6;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s;
}

.us-search-tabs > li a:hover {
  background: 0;
  opacity: 1;
  border-color: transparent;
}

.us-search-tabs > li a:before {
  content: '\e931';
  font-family: awfont;
  margin-right: -20px;
  color: #ffffff;
  font-size: 12px;
  opacity: 0;
  width: 20px;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s;
}

.us-searchContainer {
  background: #0582CA;
  color: #ffffff;
  padding: 15px;
}

@media only screen and (max-width: 992px) {
  .us-searchContainer {
    position: fixed;
    top: 50px;
    left: 0;
    width: 100%;
    z-index: 999999;
    height: 80vh;
    overflow: auto;
    display: none;
  }
  .us-searchContainer .container-fluid {
    padding: 0;
  }
}

.us-searchContainer.active {
  display: block;
}

.us-searchContainer.active .us-budgetsearch {
  display: block;
}

.us-searchContainer h4 {
  margin: 0;
  color: #ffffff;
  display: inline-block;
  font-size: 22px;
}

@media only screen and (max-width: 992px) {
  .us-searchContainer h4 {
    text-align: left;
    font-size: 18px;
  }
}

.us-searchContainer .us-search select, .us-searchContainer .us-search input {
  float: left;
  width: 11.75%;
  margin-right: 0.5%;
  margin-top: 10px;
  height: 35px;
  border: 0;
  background: #fff;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
}

@media only screen and (max-width: 992px) {
  .us-searchContainer .us-search select, .us-searchContainer .us-search input {
    width: 49%;
  }
}

.us-searchContainer .us-search button {
  min-width: 14.25%;
  height: 35px;
  margin-top: 10px;
  background: #003145;
  color: #ffffff;
  border: 0;
  padding-left: 0.2em;
  padding-right: 0.2em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s;
}

@media only screen and (max-width: 1199px) {
  .us-searchContainer .us-search button {
    font-size: 15px;
  }
}

@media only screen and (max-width: 992px) {
  .us-searchContainer .us-search button {
    width: 49%;
  }
}

.us-searchContainer .us-search button:hover {
  opacity: 0.6;
}

.us-searchContainer .us-search #brand-element, .us-searchContainer .us-search #brand-label {
  display: none;
}

.us-mobile-search-btn-container {
  display: none;
}

.us-mobile-search-btn a {
  float: right;
  margin-left: 0;
  right: 0;
  left: auto;
  font-size: 15px;
  padding-top: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media only screen and (max-width: 450px) {
  .us-mobile-search-btn a {
    width: 180px;
  }
}

.us-mobile-search-btn {
  position: relative;
  flex-grow: 1;
  order: 10;
}

.us-mobile-search-btn a {
  display: flex;
  flex-direction: column;
  width: 100%;
  background: #0582CA;
  color: #ffffff;
  font-size: 12px;
  line-height: 12px;
  height: 100%;
  padding: 9px;
  text-align: center;
}

.us-mobile-search-btn a:hover, .us-mobile-search-btn a:active, .us-mobile-search-btn a:focus {
  text-decoration: none;
  color: #ffffff;
  opacity: 0.8;
}

.us-mobile-search-btn a .awicon {
  line-height: 20px;
}

.us-mobile-search-btn.left {
  order: 2;
}

.us-mobile-search-btn.full-width {
  width: 100%;
}

.us-new-car-promotion {
  background: #ffffff;
  color: #0582CA;
  font-weight: bold;
  padding: 10px;
  text-align: center;
  margin-top: 10px;
  font-size: 18px;
  width: 100%;
  clear: both;
}

@media only screen and (max-width: 992px) {
  .us-new-car-promotion {
    font-size: 16px;
  }
}

@media only screen and (max-width: 767px) {
  .us-new-car-promotion {
    margin-bottom: 5px;
    font-size: 13px;
    padding: 5px;
  }
}

.peugeot .us-mobile-search-btn a,
.peugeot .navbar-header .mobileNavCtas .mobile-header-link:last-of-type {
  min-width: 80px;
}

.peugeot .us-mobile-search-btn a,
.peugeot .navbar-header .mobileNavCtas .mobile-header-link {
  font-size: 0.8em;
}

.us-close-search {
  display: none;
  float: right;
  margin-top: 0px;
  font-weight: bold;
  font-size: 12px;
  color: #ffffff;
  opacity: 0.7;
  padding-left: 10px;
}

@media only screen and (max-width: 992px) {
  .us-close-search {
    display: block;
  }
}

.us-close-search span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #0582CA;
  font-weight: normal;
  text-align: center;
  width: 1em;
  font-size: 1.5em;
  height: 1em;
  background: #ffffff;
  vertical-align: text-bottom;
  margin-left: 3px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}

.us-close-search:hover {
  color: #ffffff;
  opacity: 1;
  text-decoration: none;
}

.us-close-search:hover span {
  color: #0582CA;
}

/*** pagination ***/
.pagination {
  margin: 0;
  width: 100%;
}

.pagination ul {
  padding: 0;
}

.pagination ul li {
  display: inline;
}

.pagination ul li a {
  transition: .2s;
  float: left;
  padding: 4px 12px;
  line-height: 20px;
  text-decoration: none;
  border-left-width: 0;
}

.pagination ul li span {
  transition: .2s;
  float: left;
  padding: 4px 12px;
  line-height: 20px;
  text-decoration: none;
  border-left-width: 0;
}

.pagination ul span {
  transition: .2s;
}

@media only screen and (max-width: 480px) {
  .us-pagination.hidden-mobile {
    display: none;
  }
}

.us-pagination.us-pagination-top {
  margin-bottom: 15px;
}

.us-pagination .pagination-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px 20px;
}

.us-pagination .pagination-container .page-pagination {
  display: flex;
  justify-content: center;
}

.us-pagination .pagination-container .col-1 {
  margin-right: auto;
}

.us-pagination .pagination-container .col-3 {
  margin-left: auto;
}

.us-pagination .pagination-container .col-sm-2:last-child {
  float: right;
}

.us-pagination .pagination-container .col-sm-8 {
  width: auto;
  float: left;
}

.us-pagination .pagination-container .pagination ul {
  margin: 0;
}

@media only screen and (max-width: 480px) {
  .us-pagination .pagination-container .pagination ul li:first-child {
    display: none;
  }
  .us-pagination .pagination-container .pagination ul li.active:first-child {
    display: inline;
  }
  .us-pagination .pagination-container .pagination ul li:last-child {
    display: none;
  }
}

.us-pagination .pagination-container .us-sort {
  float: right;
}

.us-pagination .page-count {
  line-height: 30px;
  float: left;
  margin-right: 30px;
}

.us-pagination .vehicle-count {
  line-height: 30px;
  float: left;
}

@media only screen and (max-width: 767px) {
  .us-pagination .vehicle-count {
    float: right;
  }
}

.us-pagination .pagination ul li a {
  border: 1px solid #dbdbdb;
  background: #ffffff;
  color: #003145;
  margin-right: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
}

.us-pagination .pagination ul li a:hover {
  border: 1px solid #0582CA;
  background: #0582CA;
  color: #ffffff;
}

.us-pagination .pagination ul li.active a, .us-pagination .pagination ul li.active span {
  margin-right: 4px;
  border: 1px solid #0582CA;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
}

@media only screen and (max-width: 992px) {
  .us-sort span {
    width: 100%;
    display: block;
    clear: both;
    font-size: 16px;
    font-weight: bold;
  }
}

.us-sort select {
  height: 35px;
  margin: 0;
  border: 1px solid #dbdbdb;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
}

.us-sort .sort-button {
  height: 35px;
  border: 0;
  background: #0582CA;
  color: #ffffff;
}

@media only screen and (max-width: 992px) {
  .us-sort .sort-button {
    background: #003145;
  }
}

.us-sort .sort-button:hover {
  background: #003145;
  color: #ffffff;
}

.us-sort dt, .us-sort dd {
  float: left;
}

.us-filter select {
  height: 35px;
  margin: 0;
  border: 1px solid #dbdbdb;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
}

/*** showroom bottom text ***/
.us-showroom-text {
  margin-top: 30px;
}

/*** showroom links ***/
.us-showroom-wrapper .make-links-wrapper {
  display: none;
}

.us-showroom-links {
  margin: 10px 0 10px;
}

.us-showroom-links a {
  display: block;
  padding: 8px;
  font-size: 14px;
  margin: 5px 5px 0 0;
  float: left;
  border: 1px solid #ccc;
  background: #ffffff;
  color: #003145;
}

.us-showroom-links a:hover {
  text-decoration: none;
  background: #003145;
  color: #ffffff;
  border-color: #003145;
}

/*** Details Page ***/
.us-details-title {
  line-height: 34px;
  font-size: 28px;
  color: #003145;
  width: 70%;
  float: left;
  margin: 0 0 10px 0;
}

.us-details-title span {
  font-size: 16px;
  line-height: 16px;
  font-weight: normal;
  color: #003145;
  display: block;
}

@media only screen and (max-width: 1439px) {
  .us-details-title span {
    font-size: 14px;
  }
}

@media only screen and (max-width: 479px) {
  .us-details-title span {
    font-size: 12px;
  }
}

.us-details-title span strong {
  color: #0582CA;
}

@media only screen and (max-width: 1439px) {
  .us-details-title {
    font-size: 24px;
    line-height: 28px;
  }
}

@media only screen and (max-width: 1199px) {
  .us-details-title {
    text-align: center;
    width: 100%;
  }
}

@media only screen and (max-width: 991px) {
  .us-details-title {
    width: 70%;
    text-align: left;
  }
}

@media only screen and (max-width: 480px) {
  .us-details-title {
    font-size: 16px;
    line-height: 20px;
  }
}

.us-details-price {
  text-align: right;
  width: 30%;
  float: left;
  margin: 0 0 10px 0;
}

@media only screen and (max-width: 1199px) {
  .us-details-price {
    text-align: center;
    width: 100%;
  }
}

@media only screen and (max-width: 991px) {
  .us-details-price {
    width: 30%;
    text-align: right;
  }
}

.us-details-price strong, .us-details-price .Price {
  font-size: 28px;
  line-height: 34px;
  color: #003145;
  font-weight: bold;
}

@media only screen and (max-width: 1439px) {
  .us-details-price strong, .us-details-price .Price {
    font-size: 24px;
    line-height: 28px;
  }
}

@media only screen and (max-width: 480px) {
  .us-details-price strong, .us-details-price .Price {
    font-size: 16px;
    line-height: 20px;
  }
}

.us-details-price strong .monthly, .us-details-price .Price .monthly {
  font-size: 24px;
  color: #0582CA;
  font-weight: bold;
}

@media only screen and (max-width: 480px) {
  .us-details-price strong .monthly, .us-details-price .Price .monthly {
    font-size: 18px;
  }
}

.us-details-price .wasSavingPrices {
  font-size: 16px;
  line-height: 16px;
}

.us-details-price .wasSavingPrices .saving {
  color: red;
  font-weight: normal;
  display: inline-block;
}

@media only screen and (max-width: 1439px) {
  .us-details-price .wasSavingPrices {
    font-size: 14px;
    line-height: 14px;
  }
}

@media only screen and (max-width: 479px) {
  .us-details-price .wasSavingPrices {
    font-size: 12px;
    line-height: 16px;
  }
  .us-details-price .wasSavingPrices .was {
    display: none;
  }
}

.us-details-price .details-finance {
  font-weight: bold;
  font-size: 24px;
  line-height: 28px;
}

@media only screen and (max-width: 767px) {
  .us-details-price .details-finance {
    font-size: 16px;
    line-height: 22px;
  }
}

.us-details-price .details-finance #evolutionFinance {
  color: #0582CA;
  font-size: 24px;
  line-height: 28px;
  font-weight: bold;
}

@media only screen and (max-width: 767px) {
  .us-details-price .details-finance #evolutionFinance {
    font-size: 16px;
    line-height: 22px;
  }
}

.us-details-price .euro-price-container {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

@media only screen and (max-width: 1199px) {
  .us-details-price .euro-price-container {
    align-items: center;
    justify-content: center;
  }
}

@media only screen and (max-width: 991px) {
  .us-details-price .euro-price-container {
    align-items: center;
    justify-content: flex-end;
  }
}

.us-details-price .euro-price-container .euro-price {
  float: left;
  font-size: 16px;
  line-height: 16px;
}

@media only screen and (max-width: 1439px) {
  .us-details-price .euro-price-container .euro-price {
    font-size: 14px;
  }
}

@media only screen and (max-width: 479px) {
  .us-details-price .euro-price-container .euro-price {
    font-size: 12px;
  }
}

.us-details-price .euro-price-container .exchange-info {
  float: left;
  margin-left: 5px;
  width: 15px;
  height: 15px;
  font-size: 12px;
  line-height: 12px;
  font-weight: bold;
  border-radius: 15px;
  background: #0582CA;
  color: #fff;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

.us-details-nc-promo .us-new-car-promotion {
  background: #F2F4F5;
}

.us-details-finance-price {
  margin: 0;
  clear: none;
}

.us-details-finance-price a:hover, .us-details-finance-price a:focus {
  text-decoration: none;
}

.us-details-finance-price .vehicle-finance-only > div, .us-details-finance-price .details-finance > div, .us-details-finance-price .monthly-container {
  background: #ffffff;
  text-align: center;
  padding: 10px;
  width: 100%;
  color: #003145;
  font-size: 18px;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s;
}

@media only screen and (max-width: 767px) {
  .us-details-finance-price .vehicle-finance-only > div, .us-details-finance-price .details-finance > div, .us-details-finance-price .monthly-container {
    background: 0;
    font-size: 14px;
  }
}

.us-details-finance-price .vehicle-finance-only > div:hover, .us-details-finance-price .details-finance > div:hover, .us-details-finance-price .monthly-container:hover {
  opacity: 0.7;
}

.us-details-finance-price .orFrom, .us-details-finance-price br {
  display: none;
}

.us-details-finance-price .fromMonthly {
  color: #003145;
  font-size: 16px;
  font-weight: normal;
}

@media only screen and (max-width: 767px) {
  .us-details-finance-price .fromMonthly {
    font-size: 14px;
  }
}

.us-details-finance-price .fromOnlyPrice, .us-details-finance-price .monthly, .us-details-finance-price #evolutionFinance {
  font-size: 28px;
  font-weight: bold;
  color: #0582CA;
}

@media only screen and (max-width: 1439px) {
  .us-details-finance-price .fromOnlyPrice, .us-details-finance-price .monthly, .us-details-finance-price #evolutionFinance {
    font-size: 24px;
  }
}

@media only screen and (max-width: 480px) {
  .us-details-finance-price .fromOnlyPrice, .us-details-finance-price .monthly, .us-details-finance-price #evolutionFinance {
    font-size: 18px;
  }
}

.us-details-images {
  float: left;
  width: 49.5%;
  margin-right: 1%;
  position: relative;
}

@media only screen and (max-width: 992px) {
  .us-details-images {
    width: 100%;
    margin-right: 0%;
  }
}

.us-vehicle_image-container {
  overflow: hidden;
}

.us-vehicle_image-container.gallery-top .us-vehicle_360.top-right {
  top: 70px;
  right: 20px;
}

.us-vehicle_image-container.gallery-top .us-vehicle_360.top-left {
  top: 70px;
  left: 20px;
}

@media only screen and (max-width: 767px) {
  .us-vehicle_image-container.gallery-top .us-vehicle_360.top-right, .us-vehicle_image-container.gallery-top .us-vehicle_360.top-left {
    top: 50px;
  }
}

.us-vehicle_image-container.gallery-bottom .us-vehicle_360.bottom-left {
  bottom: 70px;
  left: 20px;
}

.us-vehicle_image-container.gallery-bottom .us-vehicle_360.bottom-right {
  bottom: 70px;
  right: 20px;
}

@media only screen and (max-width: 767px) {
  .us-vehicle_image-container.gallery-bottom .us-vehicle_360.bottom-right, .us-vehicle_image-container.gallery-bottom .us-vehicle_360.bottom-left {
    bottom: 50px;
  }
}

.us-vehicle_image-container.gallery-hidden .us-vehicle-image-overlay {
  display: none;
}

.us-vehicle_image {
  position: relative;
}

.us-vehicle_image #container360 {
  width: 50%;
  margin: 0 auto;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .us-vehicle_image #container360 {
    width: 100%;
  }
}

.us-vehicle_image #frame360 {
  width: 100%;
}

.us-vehicle_image #frame360::after {
  content: "";
  display: block;
  padding-bottom: 77%;
}

.us-vehicle_image .phyron-video-wrapper {
  z-index: 1 !important;
}

.us-vehicle_image .phyron-video-wrapper:hover {
  cursor: pointer;
}

.us-vehicle_image .us-vehicle_360 {
  position: absolute;
  background: rgba(0, 0, 0, 0.7);
  padding: 10px;
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  -ms-border-radius: 100px;
  border-radius: 100px;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s;
  z-index: 2;
}

.us-vehicle_image .us-vehicle_360 .awicon {
  font-size: 50px;
  line-height: 50px;
  display: block;
  color: #fff;
}

.us-vehicle_image .us-vehicle_360 .awicon.awicon-play-slideshow, .us-vehicle_image .us-vehicle_360 .awicon.awicon-photo {
  font-size: 30px;
  line-height: 30px;
  padding: 10px;
}

@media only screen and (max-width: 479px) {
  .us-vehicle_image .us-vehicle_360 .awicon {
    font-size: 30px;
    line-height: 30px;
  }
  .us-vehicle_image .us-vehicle_360 .awicon.awicon-play-slideshow, .us-vehicle_image .us-vehicle_360 .awicon.awicon-photo {
    font-size: 20px;
    line-height: 20px;
    padding: 5px;
  }
}

.us-vehicle_image .us-vehicle_360:hover {
  cursor: pointer;
  background: #0582CA;
}

.us-vehicle_image .us-vehicle_360.top-right {
  top: 20px;
  right: 20px;
}

.us-vehicle_image .us-vehicle_360.top-left {
  top: 20px;
  left: 20px;
}

.us-vehicle_image .us-vehicle_360.bottom-left {
  bottom: 20px;
  left: 20px;
}

.us-vehicle_image .us-vehicle_360.bottom-right {
  bottom: 20px;
  right: 20px;
}

.us-vehicle_image .us-vehicle-image-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  padding: 10px;
  color: #ffffff;
  font-size: 18px;
  transition: all 0.25s ease-out;
  z-index: 1;
}

@media only screen and (max-width: 767px) {
  .us-vehicle_image .us-vehicle-image-overlay {
    font-size: 12px;
    padding: 4px;
  }
}

.us-vehicle_image .us-vehicle-image-overlay .awicon {
  font-size: 22px;
  line-height: 28px;
}

@media only screen and (max-width: 767px) {
  .us-vehicle_image .us-vehicle-image-overlay .awicon {
    font-size: 14px;
    line-height: 16px;
  }
}

.us-vehicle_image .us-vehicle-image-overlay .us-vehicle_images_counter, .us-vehicle_image .us-vehicle-image-overlay .us-vehicle_video_counter {
  float: left;
  margin-right: 10px;
}

.us-vehicle_image .us-vehicle-image-overlay .us-vehicle-number {
  text-align: right;
  font-size: 16px;
}

.us-vehicle_image .us-vehicle-image-overlay .us-vehicle-number a {
  color: #ffffff;
}

.us-vehicle_image .us-vehicle-image-overlay .us-vehicle-number strong {
  font-size: 22px;
}

.us-vehicle_image .us-vehicle-image-overlay .us-vehicle-number .awicon {
  display: none;
}

@media only screen and (max-width: 767px) {
  .us-vehicle_image .us-vehicle-image-overlay .us-vehicle-number {
    font-size: 12px;
  }
  .us-vehicle_image .us-vehicle-image-overlay .us-vehicle-number strong {
    font-size: 16px;
  }
}

.gallery-top .us-vehicle-image-overlay {
  bottom: auto;
  top: 0;
}

.gallery-top .hide-gallery {
  top: -51px;
}

.gallery-bottom .hide-gallery {
  bottom: -51px;
}

.spincar360-modal {
  background: #333;
  top: 0;
  left: 0;
  position: fixed;
  z-index: 100000;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  overflow-y: auto;
}

.spincar360-modal .phyron-video-wrapper {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
}

.spincar360-modal iframe {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.spincar360-modal-close {
  fill: #333;
  background-color: #fff;
  position: absolute;
  right: 20px;
  top: 20px;
  width: 30px;
  height: 30px;
  z-index: 100001;
  padding: 3px;
}

.spincar360-modal-close:hover {
  cursor: pointer;
}

@media only screen and (min-width: 1440px) {
  .us-details-valuation-small-screens .us-details-valuation {
    display: none;
  }
}

.us-details-top-tabs {
  float: left;
  width: 49.5%;
}

@media only screen and (max-width: 992px) {
  .us-details-top-tabs {
    width: 100%;
    margin-right: 0%;
  }
  .us-details-top-tabs .us-new-car-promotion {
    display: none;
  }
}

.us-details-top-tabs .us-tab-content .tab-pane {
  width: 100%;
}

@media only screen and (max-width: 1439px) {
  .us-details-top-tabs .us-tab-content .us-details-valuation {
    display: none;
  }
}

@media only screen and (max-width: 991px) {
  .us-details-top-tabs .us-tab-content {
    margin-top: 15px;
    min-height: 0 !important;
  }
  .us-details-top-tabs .us-tab-content .us-details-ctas {
    display: none;
  }
}

.us-details-top-tabs .us-tab-content .us-finance-container {
  margin-top: 10px;
}

@media only screen and (max-width: 767px) {
  .us-details-top-tabs .us-tab-content .us-finance-container {
    margin-top: 0;
  }
}

.us-details-top-tabs .us-tab-content .us-finance-container .vehicle-finance-only {
  color: #003145;
}

.us-details-top-tabs .us-tab-content .us-finance-container .vehicle-finance-only table, .us-details-top-tabs .us-tab-content .us-finance-container .vehicle-finance-only br {
  display: none;
}

.us-details-top-tabs .us-tab-content .us-finance-container .vehicle-finance-only, .us-details-top-tabs .us-tab-content .us-finance-container .vehicle-finance-price {
  margin-bottom: 0;
}

@media only screen and (max-width: 767px) {
  .us-details-top-tabs .us-tab-content .us-finance-container .vehicle-finance-only, .us-details-top-tabs .us-tab-content .us-finance-container .vehicle-finance-price {
    font-size: 11px;
    line-height: 16px;
  }
}

.us-details-top-tabs .us-tab-content .us-finance-container .vehicle-finance-only .fromOnlyPrice, .us-details-top-tabs .us-tab-content .us-finance-container .vehicle-finance-price .fromOnlyPrice {
  color: #003145;
  font-size: 18px;
  font-weight: bold;
}

@media only screen and (max-width: 767px) {
  .us-details-top-tabs .us-tab-content .us-finance-container .vehicle-finance-only .fromOnlyPrice, .us-details-top-tabs .us-tab-content .us-finance-container .vehicle-finance-price .fromOnlyPrice {
    font-size: 13px;
  }
}

.us-details-top-tabs .us-tab-content .us-details-valuation {
  background: #ffffff;
  color: #003145;
}

.us-details-top-tabs .us-tab-content .us-details-valuation #valuation input {
  background-color: #F2F4F5;
}

.us-details-top-tabs .nav-tabs {
  border: 0;
  background: #ffffff;
}

.us-details-top-tabs .nav-tabs li {
  width: 50%;
  text-align: center;
  font-size: 20px;
  border: 0;
  padding-top: 6px;
}

@media only screen and (max-width: 991px) {
  .us-details-top-tabs .nav-tabs li {
    font-size: 16px;
  }
}

.us-details-top-tabs .nav-tabs li a {
  background: #021822;
  color: #ffffff;
  padding: 12px 0;
  margin-right: 4px;
  line-height: 22px;
  border: 0;
  -moz-border-radius: 0px 0px 0 0;
  -webkit-border-radius: 0px 0px 0 0;
  -ms-border-radius: 0px 0px 0 0;
  border-radius: 0px 0px 0 0;
}

.us-details-top-tabs .nav-tabs li a:hover, .us-details-top-tabs .nav-tabs li a:focus {
  background: #F2F4F5;
  color: #003145;
  padding: 15px 0;
}

.us-details-top-tabs .nav-tabs li:last-child a {
  margin-right: 0;
}

.us-details-top-tabs .nav-tabs li:hover, .us-details-top-tabs .nav-tabs li.active {
  padding-top: 0px;
}

.us-details-top-tabs .nav-tabs li:hover a, .us-details-top-tabs .nav-tabs li.active a {
  box-shadow: inset 0 3px 0 #0582CA;
  padding: 15px 0;
  background: #F2F4F5;
  color: #003145;
}

.us-details-top-tabs .nav-tabs li:only-of-type {
  display: none;
}

.us-tab-content {
  position: relative;
  border: 0;
  display: flex;
  flex-direction: column;
  background: #F2F4F5;
}

.us-tab-content .us-tab-content-inner {
  padding: 20px;
  display: flex;
  flex: auto;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}

@media only screen and (max-width: 992px) {
  .us-tab-content .us-tab-content-inner {
    padding: 10px;
  }
}

@media only screen and (max-width: 480px) {
  .us-tab-content .us-tab-content-inner {
    padding: 5px;
  }
}

.us-details-promotion {
  text-align: center;
  font-size: 20px;
  color: #0582CA;
  font-weight: bold;
}

@media only screen and (max-width: 1439px) {
  .us-details-promotion {
    font-size: 14px;
    line-height: 18px;
  }
}

.us-vehicle-info {
  float: left;
  width: 100%;
  clear: both;
  margin-bottom: 10px;
}

.us-vehicle-info .us-detailsOne-spec-highlights {
  display: flex;
  flex-wrap: wrap;
}

.us-vehicle-info .us-detailsOne-spec-highlights .us-detailsOne-spec-item {
  float: left;
  width: 25%;
  flex-grow: 1;
  border-right: 1px solid #F2F4F5;
  margin-bottom: 1px;
  background: #ffffff;
  font-weight: normal;
  padding: 5px;
  text-align: center;
  line-height: 22px;
}

@media only screen and (max-width: 1199px) {
  .us-vehicle-info .us-detailsOne-spec-highlights .us-detailsOne-spec-item {
    width: 33.3%;
    font-size: 14px;
    line-height: 18px;
  }
}

@media only screen and (max-width: 479px) {
  .us-vehicle-info .us-detailsOne-spec-highlights .us-detailsOne-spec-item {
    font-size: 12px;
    line-height: 16px;
  }
}

.us-vehicle-info .us-detailsOne-spec-highlights .us-detailsOne-spec-item span {
  float: left;
  width: 100%;
}

.us-vehicle-info .us-detailsOne-spec-highlights .us-detailsOne-spec-item span.awicon {
  width: auto;
  padding: 0;
  font-size: 28px;
  line-height: 32px;
  display: block;
  clear: both;
  margin-bottom: 5px;
  float: none;
}

@media only screen and (max-width: 479px) {
  .us-vehicle-info .us-detailsOne-spec-highlights .us-detailsOne-spec-item span.awicon {
    font-size: 20px;
    line-height: 20px;
  }
}

.us-vehicle-info .us-detailsOne-spec-highlights .us-detailsOne-spec-item:nth-child(9), .us-vehicle-info .us-detailsOne-spec-highlights .us-detailsOne-spec-item:nth-child(10), .us-vehicle-info .us-detailsOne-spec-highlights .us-detailsOne-spec-item:nth-child(11), .us-vehicle-info .us-detailsOne-spec-highlights .us-detailsOne-spec-item:nth-child(12) {
  display: none;
}

@media only screen and (max-width: 1199px) {
  .us-vehicle-info .us-detailsOne-spec-highlights .us-detailsOne-spec-item:nth-child(8), .us-vehicle-info .us-detailsOne-spec-highlights .us-detailsOne-spec-item:nth-child(7) {
    display: none;
  }
}

.us-details-ctas {
  display: flex;
  clear: both;
  justify-content: space-between;
}

.us-details-ctas a {
  float: left;
  padding: 10px;
  background: #0582CA;
  color: #ffffff;
  margin-right: 2%;
  font-weight: normal;
  text-align: center;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s;
  margin-top: 10px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  flex: 1 0 20%;
}

.us-details-ctas a:hover {
  opacity: 0.6;
  text-decoration: none;
  background: #0582CA;
  color: #ffffff;
}

@media only screen and (max-width: 1439px) {
  .us-details-ctas a {
    font-size: 14px;
    line-height: 18px;
  }
}

.us-details-ctas a.contactEnquiry {
  background: #0582CA;
}

.us-details-ctas a:last-child {
  margin-right: 0;
}

.us-details-ctas a .awicon, .us-details-ctas a .fa {
  display: block;
}

.us-details-ctas a.eCommerceModal, .us-details-ctas a.btn-buynow {
  background: #27b25b;
  margin-bottom: 0;
}

.us-details-ctas a.eCommerceModal:hover, .us-details-ctas a.eCommerceModal:focus, .us-details-ctas a.btn-buynow:hover, .us-details-ctas a.btn-buynow:focus {
  color: #ffffff;
}

.us-details-ctas .silverbullet_container {
  float: left;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  margin-right: 2%;
  margin-top: 10px;
  width: 100%;
}

.us-details-ctas .silverbullet_container .btn-buynow {
  font-weight: normal;
  text-align: center;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s;
  padding: 10px;
  font-size: 16px;
  background: #27b25b;
  color: #ffffff;
  width: 100%;
}

.us-details-ctas .silverbullet_container .btn-buynow:hover {
  opacity: 0.6;
  text-decoration: none;
}

.us-details-ctas .silverbullet_container .btn-buynow .awicon, .us-details-ctas .silverbullet_container .btn-buynow .fa {
  display: block;
}

@media only screen and (max-width: 1439px) {
  .us-details-ctas .silverbullet_container .btn-buynow {
    font-size: 14px;
    line-height: 18px;
  }
}

.us-details-ctas .silverbullet_container:last-child {
  margin-right: 0;
}

.us-details-ctas .buynow-link:not(:empty) {
  display: flex;
  flex: 1 0 20%;
  margin-right: 2%;
}

.us-details-ctas .buynow-link:not(:empty):last-child {
  margin-right: 0;
}

.us-details-ctas-mobile {
  width: 30%;
  float: left;
}

.us-details-ctas-mobile .us-details-ctas {
  float: left;
  width: 100%;
  clear: both;
}

.us-details-ctas-mobile a {
  width: 100%;
  height: 33%;
  margin-bottom: 1%;
  margin-top: 0;
  float: left;
  padding-top: 30px;
}

@media only screen and (max-width: 600px) {
  .us-details-ctas-mobile a {
    line-height: 16px;
    font-size: 12px;
    padding: 25px 5px 0;
  }
}

@media only screen and (max-width: 500px) {
  .us-details-ctas-mobile a {
    padding: 15px 4px 0;
  }
}

@media only screen and (max-width: 350px) {
  .us-details-ctas-mobile a {
    font-size: 10px;
    padding: 5px 4px 0;
  }
}

.us-details-ctas-mobile a .awicon {
  display: block;
  text-align: center;
  margin-bottom: 5px;
}

@media only screen and (max-width: 767px) {
  .us-cta-desktop-text {
    display: none;
  }
}

.us-cta-mobile-text {
  display: none;
}

@media only screen and (max-width: 767px) {
  .us-cta-mobile-text {
    display: block;
  }
}

@media only screen and (max-width: 767px) {
  .us-car-valuation {
    display: none;
  }
}

.us-details-valuation {
  position: relative;
  padding: 15px;
  margin-top: 10px;
  float: left;
  clear: both;
  width: 100%;
  background: #F2F4F5;
  line-height: 1.2;
}

.us-details-valuation #valuation .details-value-form {
  float: left;
  clear: both;
  width: 100%;
  gap: 15px;
  align-items: center;
}

@media only screen and (min-width: 480px) {
  .us-details-valuation #valuation .details-value-form {
    display: flex;
    flex-wrap: wrap;
  }
}

.us-details-valuation #valuation .details-value-form > div {
  float: left;
  width: 26.66666666%;
}

@media only screen and (max-width: 1200px) {
  .us-details-valuation #valuation .details-value-form > div {
    width: 25%;
  }
}

@media only screen and (max-width: 479px) {
  .us-details-valuation #valuation .details-value-form > div {
    width: 100%;
    margin-bottom: 10px;
  }
}

.us-details-valuation #valuation .details-value-form > div.valuation-input {
  margin-top: auto;
  flex-grow: 1;
  flex-basis: 130px;
}

.us-details-valuation #valuation .details-value-form > div.us-details-valuation-title {
  width: 20%;
  font-weight: bold;
  font-size: 18px;
  line-height: 24px;
}

@media only screen and (max-width: 1200px) {
  .us-details-valuation #valuation .details-value-form > div.us-details-valuation-title {
    width: 25%;
  }
}

@media only screen and (max-width: 479px) {
  .us-details-valuation #valuation .details-value-form > div.us-details-valuation-title {
    width: 100%;
  }
}

.us-details-valuation #valuation .details-value-form > div .nowrap {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.us-details-valuation #valuation .details-value-form > div input {
  width: 100%;
  margin: 0;
  padding: 0 10px;
  font-size: 18px;
  border: 1px solid #dbdbdb;
  background-color: #ffffff;
}

.us-details-valuation #valuation .details-value-form > div input#vehicleReg {
  background-color: #fed81f;
  font-size: 18px;
  font-weight: bold;
  padding-left: 30px;
  text-transform: uppercase;
}

.us-details-valuation #valuation .details-value-form > div input#vehicleReg.union-flag {
  padding-left: 40px;
}

.us-details-valuation #valuation .details-value-form .button-wrap {
  flex-grow: 1;
}

.us-details-valuation #valuation .details-value-form .button-wrap button {
  width: 100%;
  margin: 0;
  min-height: 46px;
  font-size: 18px;
  padding: 5px;
  line-height: 1;
}

.us-details-valuation #valuation .details-value-form #stage-label,
.us-details-valuation #valuation .details-value-form #stage-element {
  display: none;
}

.us-details-valuation label[for="valuationButtonSubmit"] {
  display: none;
}

.us-details-valuation #valuationButtonSubmit {
  background: #0582CA;
  color: #ffffff;
  font-weight: normal;
}

.us-details-valuation #valuationButtonSubmit:hover {
  background: #003145;
  color: #ffffff;
  font-weight: normal;
  opacity: 0.6;
}

/*** bottom tabs ***/
.us-details-bottom-tabs #tabs,
.us-showroom-seo-tabs #tabs {
  width: 100%;
  overflow: hidden;
}

.us-details-bottom-tabs #tabs .il-tech-box,
.us-showroom-seo-tabs #tabs .il-tech-box {
  background: rgba(255, 255, 255, 0.5);
}

.us-details-bottom-tabs #tabs .il-tech.performance li, .us-details-bottom-tabs #tabs .il-tech-three-col li,
.us-showroom-seo-tabs #tabs .il-tech.performance li,
.us-showroom-seo-tabs #tabs .il-tech-three-col li {
  background: #ffffff;
}

.us-details-bottom-tabs #tabs .il-tech-three-col:nth-child(3n+5),
.us-showroom-seo-tabs #tabs .il-tech-three-col:nth-child(3n+5) {
  margin-right: 2%;
}

.us-details-bottom-tabs #tabs .il-tech-three-col:nth-child(3n+3),
.us-showroom-seo-tabs #tabs .il-tech-three-col:nth-child(3n+3) {
  margin-right: 0%;
}

.us-details-bottom-tabs ul.tablinks,
.us-showroom-seo-tabs ul.tablinks {
  margin: 0;
  border-bottom: 0;
  padding: 0;
  box-shadow: inset 0 5px 0 #ffffff;
  list-style: none;
  width: 100%;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 2px;
}

@media only screen and (max-width: 479px) {
  .us-details-bottom-tabs ul.tablinks,
  .us-showroom-seo-tabs ul.tablinks {
    box-shadow: 0 0 0;
  }
}

.us-details-bottom-tabs ul.tablinks li,
.us-showroom-seo-tabs ul.tablinks li {
  text-align: center;
  margin-right: 0;
  flex-grow: 1;
}

.us-details-bottom-tabs ul.tablinks li:last-child a,
.us-showroom-seo-tabs ul.tablinks li:last-child a {
  border-right: 0;
}

@media only screen and (max-width: 767px) {
  .us-details-bottom-tabs ul.tablinks li,
  .us-showroom-seo-tabs ul.tablinks li {
    margin-right: 0;
  }
}

.us-details-bottom-tabs ul.tablinks li.active a,
.us-showroom-seo-tabs ul.tablinks li.active a {
  background-color: #F2F4F5;
  box-shadow: inset 0 3px 0 #0582CA;
  color: #003145;
}

.us-details-bottom-tabs ul.tablinks li a,
.us-showroom-seo-tabs ul.tablinks li a {
  margin-right: 0;
  -moz-border-radius: 0px 0px 0 0;
  -webkit-border-radius: 0px 0px 0 0;
  -ms-border-radius: 0px 0px 0 0;
  border-radius: 0px 0px 0 0;
  color: #ffffff;
  width: 100%;
  border: 0;
  text-decoration: none;
  height: 100%;
  line-height: 1.1;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s;
  background: #021822;
  padding: 20px;
  font-size: 22px;
}

@media only screen and (min-width: 768px) {
  .us-details-bottom-tabs ul.tablinks li a,
  .us-showroom-seo-tabs ul.tablinks li a {
    box-shadow: inset 0 5px 0 #ffffff;
  }
}

@media only screen and (max-width: 767px) {
  .us-details-bottom-tabs ul.tablinks li a,
  .us-showroom-seo-tabs ul.tablinks li a {
    padding: 10px 5px;
  }
}

.us-details-bottom-tabs ul.tablinks li a.active-tab,
.us-showroom-seo-tabs ul.tablinks li a.active-tab {
  background-color: #F2F4F5;
  box-shadow: inset 0 3px 0 #0582CA;
  color: #003145;
}

@media only screen and (max-width: 1199px) {
  .us-details-bottom-tabs ul.tablinks li a,
  .us-showroom-seo-tabs ul.tablinks li a {
    font-size: 14px;
  }
}

.us-details-bottom-tabs ul.tablinks li a:hover,
.us-showroom-seo-tabs ul.tablinks li a:hover {
  background-color: #F2F4F5;
  box-shadow: inset 0 3px 0 #0582CA;
  color: #003145;
}

.us-details-bottom-tabs ul.tablinks .ul-nav,
.us-showroom-seo-tabs ul.tablinks .ul-nav {
  position: absolute;
  height: 60px;
  background: #003145;
  color: #fff;
  font-weight: bold;
  width: 29px;
  text-align: center;
  font-size: 27px;
  padding: 10px 0;
}

.us-details-bottom-tabs ul.tablinks .nav-left,
.us-showroom-seo-tabs ul.tablinks .nav-left {
  left: 0;
}

.us-details-bottom-tabs ul.tablinks .nav-right,
.us-showroom-seo-tabs ul.tablinks .nav-right {
  right: 0;
}

.us-details-bottom-tabs div.tab,
.us-showroom-seo-tabs div.tab {
  background-color: #F2F4F5;
  border-top: 0;
  width: 100%;
  padding: 15px;
  float: left;
}

@media only screen and (min-width: 768px) {
  .us-details-bottom-tabs div.tab,
  .us-showroom-seo-tabs div.tab {
    padding: 50px;
  }
}

.us-details-bottom-tabs div h2,
.us-showroom-seo-tabs div h2 {
  font-size: 30px;
  line-height: 36px;
}

@media only screen and (max-width: 480px) {
  .us-details-bottom-tabs div h2,
  .us-showroom-seo-tabs div h2 {
    font-size: 20px;
    line-height: 24px;
  }
}

.us-details-bottom-tabs div h3,
.us-showroom-seo-tabs div h3 {
  font-size: 25px;
  line-height: 31px;
}

@media only screen and (max-width: 480px) {
  .us-details-bottom-tabs div h3,
  .us-showroom-seo-tabs div h3 {
    font-size: 20px;
    line-height: 24px;
  }
}

.us-details-bottom-tabs .volvo-new-cars-stock .box,
.us-showroom-seo-tabs .volvo-new-cars-stock .box {
  background: #ffffff;
  padding: 30px;
  margin-bottom: 30px;
}

@media only screen and (max-width: 767px) {
  .us-details-bottom-tabs .volvo-new-cars-stock .box,
  .us-showroom-seo-tabs .volvo-new-cars-stock .box {
    padding: 15px;
    margin-bottom: 15px;
  }
}

.us-details-bottom-tabs .volvo-new-cars-stock .box h3,
.us-showroom-seo-tabs .volvo-new-cars-stock .box h3 {
  margin-top: 0;
  margin-bottom: 30px;
  font-weight: bold;
}

.us-details-bottom-tabs .volvo-new-cars-stock .box ul,
.us-showroom-seo-tabs .volvo-new-cars-stock .box ul {
  padding: 0;
  margin: 0;
}

@media only screen and (min-width: 768px) {
  .us-details-bottom-tabs .volvo-new-cars-stock .box ul,
  .us-showroom-seo-tabs .volvo-new-cars-stock .box ul {
    display: flex;
    text-align: center;
    justify-content: space-around;
  }
}

.us-details-bottom-tabs .volvo-new-cars-stock .box ul li,
.us-showroom-seo-tabs .volvo-new-cars-stock .box ul li {
  list-style: none;
  padding: 40px 10px 0 10px;
  position: relative;
}

@media only screen and (min-width: 768px) {
  .us-details-bottom-tabs .volvo-new-cars-stock .box ul li,
  .us-showroom-seo-tabs .volvo-new-cars-stock .box ul li {
    flex-basis: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .us-details-bottom-tabs .volvo-new-cars-stock .box ul li,
  .us-showroom-seo-tabs .volvo-new-cars-stock .box ul li {
    padding: 0 10px;
    margin-bottom: 5px;
  }
}

.us-details-bottom-tabs .volvo-new-cars-stock .box ul li::before,
.us-showroom-seo-tabs .volvo-new-cars-stock .box ul li::before {
  content: '\e941';
  font-family: awfont;
  font-size: 40px;
  line-height: 40px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  color: #0582CA;
}

@media only screen and (max-width: 767px) {
  .us-details-bottom-tabs .volvo-new-cars-stock .box ul li::before,
  .us-showroom-seo-tabs .volvo-new-cars-stock .box ul li::before {
    font-size: 16px;
    line-height: 16px;
    left: -5px;
    position: relative;
  }
}

.us-details-bottom-tabs .volvo-new-cars-stock .box .new-stock-data-rows > div,
.us-showroom-seo-tabs .volvo-new-cars-stock .box .new-stock-data-rows > div {
  padding: 10px;
  border-bottom: 1px solid #dbdbdb;
  background: #F2F4F5;
  display: flex;
  justify-content: space-between;
}

.us-details-bottom-tabs .volvo-new-cars-stock .box .new-stock-data-rows > div:nth-child(even),
.us-showroom-seo-tabs .volvo-new-cars-stock .box .new-stock-data-rows > div:nth-child(even) {
  background: color-mix(in srgb, #F2F4F5 40%, transparent);
}

.us-details-bottom-tabs .volvo-new-cars-stock .new-stock-enquire-btn,
.us-showroom-seo-tabs .volvo-new-cars-stock .new-stock-enquire-btn {
  display: block;
  width: 180px;
  margin: 20px auto;
}

.us-details-bottom-tabs #accordionSpec .panel-heading {
  padding: 5px 5px 5px 50px;
}

.us-details-bottom-tabs #accordionSpec .panel-heading h4 {
  margin: 0;
}

.us-showroom-seo-tabs div.tab {
  padding: 20px;
  -moz-border-radius: 0 0 0px 0px;
  -webkit-border-radius: 0 0 0px 0px;
  -ms-border-radius: 0 0 0px 0px;
  border-radius: 0 0 0px 0px;
}

.us-showroom-seo-tabs div.tab .tab-pane a {
  text-transform: uppercase;
}

@media only screen and (max-width: 767px) {
  .us-showroom-seo-tabs div.tab .tab-pane a {
    font-size: 12px;
  }
}

.us-showroom-seo-tabs ul.tablinks li a {
  font-size: 16px;
  padding: 15px;
  -moz-border-radius: 0px 0px 0 0;
  -webkit-border-radius: 0px 0px 0 0;
  -ms-border-radius: 0px 0px 0 0;
  border-radius: 0px 0px 0 0;
}

@media only screen and (max-width: 767px) {
  .us-showroom-seo-tabs ul.tablinks li a {
    font-size: 12px;
    line-height: 14px;
    padding: 15px 5px;
  }
}

/*** budget search ***/
.us-budgetsearch {
  margin-top: 15px;
  display: none;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
}

@media only screen and (max-width: 992px) {
  .us-budgetsearch {
    background: #0582CA;
    color: #ffffff;
    float: left;
    clear: both;
    padding: 10px;
    margin-left: -15px;
    margin-right: -15px;
  }
}

.us-budgetsearch h4 {
  color: #ffffff;
}

@media only screen and (max-width: 991px) {
  .us-searchContainer .us-sort #order-label, .us-searchContainer .us-sort #Sort-label {
    display: none;
  }
  .us-searchContainer .us-sort #order-element {
    width: 49%;
    margin-right: 0.5%;
  }
  .us-searchContainer .us-sort #order-element select {
    width: 100%;
  }
  .us-searchContainer .us-sort #Sort-element {
    width: 49%;
  }
  .us-searchContainer .us-sort #Sort-element input {
    width: 100%;
  }
}

.us-searchContainer .us-search .us-quotebox {
  padding-top: 10px;
}

@media only screen and (max-width: 992px) {
  .us-searchContainer .us-search .us-quotebox {
    padding-top: 0;
  }
}

.us-searchContainer .us-search .us-quotebox > div {
  float: left;
  width: 15.8%;
  margin-right: 1%;
}

@media only screen and (max-width: 992px) {
  .us-searchContainer .us-search .us-quotebox > div {
    width: 49%;
  }
}

.us-searchContainer .us-search .us-quotebox > div:last-child {
  margin-right: 0;
}

.us-searchContainer .us-search .us-quotebox > div label {
  width: 100%;
  clear: both;
  margin: 0;
  font-size: 14px;
  font-weight: normal;
}

.us-searchContainer .us-search .us-quotebox > div select, .us-searchContainer .us-search .us-quotebox > div input, .us-searchContainer .us-search .us-quotebox > div button {
  width: 100%;
  margin: 0;
}

.us-searchContainer .us-search .us-quotebox > div button {
  margin-top: 26px;
}

.us-searchContainer .hiddenElement, .us-searchContainer .hiddenFieldset {
  display: none;
}

.us-searchContainer.flex-layout .us-search {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.us-searchContainer.flex-layout .us-search .us-close-search {
  margin-left: auto;
  color: inherit;
}

.us-searchContainer.flex-layout .us-search .form {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.us-searchContainer.flex-layout .us-search .form .formElement, .us-searchContainer.flex-layout .us-search .form .submit-wrap {
  flex-grow: 1;
  width: 180px;
}

.us-searchContainer.flex-layout .us-search .form .formElement input, .us-searchContainer.flex-layout .us-search .form .formElement select, .us-searchContainer.flex-layout .us-search .form .formElement button, .us-searchContainer.flex-layout .us-search .form .submit-wrap input, .us-searchContainer.flex-layout .us-search .form .submit-wrap select, .us-searchContainer.flex-layout .us-search .form .submit-wrap button {
  width: 100%;
  margin: 0;
  padding: 0 10px;
  height: 40px;
}

.us-searchContainer.flex-layout .us-search .us-budgetsearch .us-quotebox {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: flex-end;
}

.us-searchContainer.flex-layout .us-search .us-budgetsearch .us-quotebox > div {
  margin: 0;
  flex-grow: 1;
  width: 180px;
}

.us-searchContainer.flex-layout .us-search .us-budgetsearch .us-quotebox > div select, .us-searchContainer.flex-layout .us-search .us-budgetsearch .us-quotebox > div input {
  padding: 0 10px;
  height: 40px;
}

.us-searchContainer.flex-layout .us-search .us-budgetsearch .us-quotebox > div button {
  margin: 0;
  height: 40px;
}

@media only screen and (max-width: 992px) {
  .us-searchContainer.flex-layout .us-search .us-budgetsearch {
    width: 100%;
    margin: 15px 0;
    padding: 15px 0;
  }
}

.us-searchContainer.flex-layout .us-sort .form {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.us-searchContainer.flex-layout .us-sort .form dd, .us-searchContainer.flex-layout .us-sort .form dt {
  flex-grow: 1;
  margin: 0 !important;
  flex-basis: 180px;
}

.us-searchContainer.flex-layout .us-sort .form select {
  padding: 0 10px;
  height: 40px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
}

.us-searchContainer.flex-layout .us-sort .form input {
  padding: 0 10px;
  height: 40px;
}

.us-budget-search-button {
  position: relative;
}

@media only screen and (max-width: 992px) {
  .us-budget-search-button {
    display: none;
  }
}

.us-budget-search-button a {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  padding: 10px 20px 10px 45px;
  -moz-border-radius: 0 0 4px 4px;
  -webkit-border-radius: 0 0 4px 4px;
  -ms-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 14px;
  line-height: 18px;
  transition: .3s;
  z-index: 2;
  right: 0;
  color: #fff;
  background: url("/static/images/unity/default/budget.png") 20px 10px no-repeat #0582CA;
  background-size: 18px;
}

.us-budget-search-button a.no-icon {
  background: #0582CA;
  padding: 10px 20px;
}

.us-budget-search-button a:hover, .us-budget-search-button a:active, .us-budget-search-button a:focus {
  text-decoration: none;
  color: #fff;
  background-color: #003145;
}

.us-details-top-tabs .vehicle-info.finance .finance-tab {
  min-height: 200px;
  width: 100%;
  margin: 0;
}

.us-details-top-tabs .vehicle-info.finance .finance-tab #finance-details {
  background: none !important;
}

.us-details-top-tabs .vehicle-info.finance .finance-tab #finance-details .finance-containers, .us-details-top-tabs .vehicle-info.finance .finance-tab #finance-details .col-xs-12 {
  padding: 0 3px;
}

.us-details-top-tabs .vehicle-info.finance .finance-tab .box {
  padding: 10px;
  font-size: 14px;
}

.us-details-top-tabs .vehicle-info.finance .finance-tab .box label {
  font-size: 12px;
  margin: 0;
}

.us-details-top-tabs .vehicle-info.finance .finance-tab .box select {
  margin-bottom: 0;
}

.us-details-top-tabs .vehicle-info.finance .finance-tab .box h4 {
  font-size: 22px;
  margin: 0 0 5px;
  color: #003145;
}

.us-details-top-tabs .vehicle-info.finance .finance-tab .box #submitQuote {
  margin-top: 24px;
  height: 40px;
  background: #0582CA;
  color: #ffffff;
}

.us-details-top-tabs .vehicle-info.finance .us-details-price span {
  padding: 0;
  display: inline;
}

.us-details-top-tabs .ivendi-q3-container .finance-type {
  font-weight: bold;
  background: 0;
  width: 100%;
  border-right: 0;
  font-size: 20px;
  line-height: 22px;
  color: #003145;
}

.us-details-top-tabs .ivendi-q3-container .finance-values {
  background: #ffffff;
  margin-bottom: 3px;
  width: 33.33%;
  border-right: 3px solid #ffffff;
  float: left;
  box-sizing: border-box;
  font-size: 14px;
  font-weight: normal;
  line-height: 22px;
  padding: 13px 0;
}

.us-details-top-tabs .ivendi-q3-container .finance-values p {
  padding: 0;
  font-weight: bold;
  font-size: 14px;
  line-height: 24px;
}

.us-details-top-tabs .ivendi-q3-container .finance-values:last-child {
  width: 100%;
  clear: both;
}

.us-details-print-btn-mobile {
  margin-top: 10px;
}

@media only screen and (min-width: 991px) {
  .us-details-print-btn-mobile {
    display: none;
  }
}

.us-details-print-btn-mobile .us-print-button-mobile {
  text-align: center;
  padding: 10px;
}

@media only screen and (min-width: 991px) {
  .us-details-print-btn-mobile .us-print-button-mobile {
    display: none;
  }
}

.print-button {
  float: right;
}

@media only screen and (max-width: 992px) {
  .print-button {
    display: none;
  }
}

.vehicle-spec-list {
  margin: 0;
  padding: 0;
}

.vehicle-spec-list li {
  background: #ffffff;
  float: left;
  width: 32.66%;
  margin-right: 1%;
  list-style: none;
  margin-bottom: 5px;
  padding: 5px 10px;
  box-sizing: border-box;
  font-size: 14px;
}

@media only screen and (max-width: 479px) {
  .vehicle-spec-list li {
    width: 100%;
  }
}

.vehicle-spec-list li:nth-child(3n+3) {
  margin-right: 0;
}

.us-overlay-promotion {
  position: absolute;
  background: #0582CA;
  color: #ffffff;
  font-weight: bold;
  top: 37px;
  height: 38px;
  width: 122px;
  text-align: center;
  left: -5px;
  z-index: 1;
  display: flex;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  padding: 5px 0px;
  font-size: 14px;
  line-height: 14px;
}

.us-overlay-promotion::before {
  background: none;
  position: absolute;
  content: '';
  left: -38px;
  border-right: 39px solid #0582CA;
  border-top: 39px solid transparent;
  top: -1px;
}

.us-overlay-promotion::after {
  background: none;
  position: absolute;
  content: '';
  right: -38px;
  border-left: 39px solid #0582CA;
  border-top: 39px solid transparent;
  top: -1px;
}

@media only screen and (max-width: 767px) {
  .us-overlay-promotion {
    display: block;
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 0px;
    left: 0;
    width: 100%;
    height: 20px;
    font-size: 12px;
    line-height: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

.button-group {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  flex-direction: row-reverse;
  gap: 5px 10px;
}

.us-toggle-view {
  float: right;
}

.us-toggle-view .showroom-view {
  border: 1px solid #dbdbdb;
  margin: 0 0 0 5px;
  width: 40px;
  padding: 4px;
  display: block;
  float: left;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s;
}

.us-toggle-view .showroom-view:first-child {
  margin: 0;
}

.us-toggle-view .showroom-view.list {
  display: flex;
  align-items: center;
  flex-direction: column;
}

.us-toggle-view .showroom-view.grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.us-toggle-view .showroom-view .list {
  height: 5px;
  width: 25px;
  margin-bottom: 5px;
  background: #dbdbdb;
  display: block;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s;
}

.us-toggle-view .showroom-view .list:last-child {
  margin-bottom: 0;
}

.us-toggle-view .showroom-view .grid {
  height: 10px;
  width: 10px;
  background: #dbdbdb;
  display: block;
  position: relative;
  float: left;
  margin: 0 2px 5px 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s;
}

.us-toggle-view .showroom-view .grid:last-child {
  margin-bottom: 0;
}

.us-toggle-view .showroom-view .grid:nth-child(3) {
  margin-bottom: 0;
}

.us-toggle-view .showroom-view.active, .us-toggle-view .showroom-view:hover, .us-toggle-view .showroom-view:focus {
  border-color: #003145;
}

.us-toggle-view .showroom-view.active .list, .us-toggle-view .showroom-view.active .grid, .us-toggle-view .showroom-view:hover .list, .us-toggle-view .showroom-view:hover .grid, .us-toggle-view .showroom-view:focus .list, .us-toggle-view .showroom-view:focus .grid {
  background: #003145;
}

.no-icon .ecom-icon {
  display: none;
}

.us-details-why-buy-from-us {
  background: #F2F4F5;
  padding: 15px;
  margin-top: 10px;
}

.us-details-why-buy-from-us ul {
  padding: 0;
  margin: 0;
  background: #ffffff;
  padding: 15px;
}

@media only screen and (min-width: 768px) {
  .us-details-why-buy-from-us ul {
    display: flex;
    text-align: center;
    justify-content: space-around;
  }
}

.us-details-why-buy-from-us ul li {
  list-style: none;
  padding: 40px 10px 0 10px;
  position: relative;
}

@media only screen and (min-width: 768px) {
  .us-details-why-buy-from-us ul li {
    flex-basis: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .us-details-why-buy-from-us ul li {
    padding: 0 10px;
    margin-bottom: 5px;
  }
}

.us-details-why-buy-from-us ul li::before {
  content: '\e941';
  font-family: awfont;
  font-size: 40px;
  line-height: 40px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  color: #0582CA;
}

@media only screen and (max-width: 767px) {
  .us-details-why-buy-from-us ul li::before {
    font-size: 16px;
    line-height: 16px;
    left: -5px;
    position: relative;
  }
}

@keyframes wiggle {
  2% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  4% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  6% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  8% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  10% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  12% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  14% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  16% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  18% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  20% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}

.us-result-ctas .animate, .us-details-ctas .animate, .newcars__cta .animate {
  backface-visibility: hidden;
  -o-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  transform: translateZ(0);
  -o-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -webkit-transform: translateZ(0);
  animation-name: wiggle;
  -o-animation-name: wiggle;
  -ms-animation-name: wiggle;
  -moz-animation-name: wiggle;
  -webkit-animation-name: wiggle;
  animation-duration: 5s;
  -o-animation-duration: 5s;
  -ms-animation-duration: 5s;
  -moz-animation-duration: 5s;
  -webkit-animation-duration: 5s;
  animation-timing-function: linear;
  -o-animation-timing-function: linear;
  -ms-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -webkit-animation-timing-function: linear;
  animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  animation-play-state: running;
  -o-animation-play-state: running;
  -ms-animation-play-state: running;
  -moz-animation-play-state: running;
  -webkit-animation-play-state: running;
}

.us-details-vehicle-usps {
  display: flex;
  align-items: stretch;
  border-bottom: 1px solid #dbdbdb;
  border-top: 1px solid #dbdbdb;
}

@media only screen and (max-width: 991px) {
  .us-details-vehicle-usps {
    flex-wrap: wrap;
  }
}

.us-details-vehicle-usps .us-details-vehicle-usp {
  display: flex;
  flex-basis: 100%;
  border-right: 1px solid #dbdbdb;
  align-items: center;
  text-align: center;
  padding: 3em 1em;
  flex-direction: column;
}

.us-details-vehicle-usps .us-details-vehicle-usp:first-child {
  border-left: 1px solid #dbdbdb;
}

.us-details-vehicle-usps .us-details-vehicle-usp .awicon {
  font-size: 40px;
  color: #0582CA;
  margin-bottom: 10px;
}

@media only screen and (max-width: 991px) {
  .us-details-vehicle-usps .us-details-vehicle-usp {
    flex-basis: 33.3%;
    padding: 2em 1em;
    border-top: 1px solid #dbdbdb;
  }
  .us-details-vehicle-usps .us-details-vehicle-usp:nth-child(4) {
    border-left: 1px solid #dbdbdb;
  }
}

@media only screen and (max-width: 767px) {
  .us-details-vehicle-usps .us-details-vehicle-usp {
    flex-basis: 50%;
    padding: 1em;
  }
  .us-details-vehicle-usps .us-details-vehicle-usp .awicon {
    font-size: 28px;
  }
  .us-details-vehicle-usps .us-details-vehicle-usp:first-child, .us-details-vehicle-usps .us-details-vehicle-usp:nth-child(4) {
    border-left: 0;
  }
}

@media only screen and (max-width: 479px) {
  .us-details-vehicle-usps .us-details-vehicle-usp {
    flex-basis: 100%;
    border-right: 0;
  }
}

.us-result-image,
.us-vehicle_image {
  overflow: hidden;
}

.us-result-image .us-favourites,
.us-vehicle_image .us-favourites {
  position: absolute;
  background: #ffffff;
  color: #003145;
  font-size: 22px;
  padding: 10px;
  z-index: 50;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  -ms-border-radius: 50px;
  border-radius: 50px;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s;
}

.us-result-image .us-favourites.top-left,
.us-vehicle_image .us-favourites.top-left {
  top: 0;
  left: 0;
  padding: 10px 20px 20px 10px;
  -moz-border-radius: 0 0 50px 0;
  -webkit-border-radius: 0 0 50px 0;
  -ms-border-radius: 0 0 50px 0;
  border-radius: 0 0 50px 0;
}

.us-result-image .us-favourites.top-right,
.us-vehicle_image .us-favourites.top-right {
  top: 0;
  right: 0;
  padding: 10px 10px 20px 20px;
  -moz-border-radius: 0 0 0 50px;
  -webkit-border-radius: 0 0 0 50px;
  -ms-border-radius: 0 0 0 50px;
  border-radius: 0 0 0 50px;
}

.us-result-image .us-favourites.bottom-left,
.us-vehicle_image .us-favourites.bottom-left {
  bottom: 0;
  left: 0;
  padding: 20px 20px 10px 10px;
  -moz-border-radius: 0 50px 0 0;
  -webkit-border-radius: 0 50px 0 0;
  -ms-border-radius: 0 50px 0 0;
  border-radius: 0 50px 0 0;
}

.us-result-image .us-favourites.bottom-right,
.us-vehicle_image .us-favourites.bottom-right {
  bottom: 0;
  right: 0;
  padding: 20px 10px 10px 20px;
  -moz-border-radius: 50px 0 0 0;
  -webkit-border-radius: 50px 0 0 0;
  -ms-border-radius: 50px 0 0 0;
  border-radius: 50px 0 0 0;
}

.us-result-image .us-favourites.slide-in-left,
.us-vehicle_image .us-favourites.slide-in-left {
  top: 25%;
  left: -50px;
  -moz-border-radius: 0 50px 50px 0;
  -webkit-border-radius: 0 50px 50px 0;
  -ms-border-radius: 0 50px 50px 0;
  border-radius: 0 50px 50px 0;
}

.us-result-image .us-favourites.slide-in-left.selected,
.us-vehicle_image .us-favourites.slide-in-left.selected {
  left: 0;
}

.us-result-image .us-favourites.slide-in-right,
.us-vehicle_image .us-favourites.slide-in-right {
  top: 25%;
  right: -50px;
  -moz-border-radius: 50px 0 0 50px;
  -webkit-border-radius: 50px 0 0 50px;
  -ms-border-radius: 50px 0 0 50px;
  border-radius: 50px 0 0 50px;
}

.us-result-image .us-favourites.slide-in-right.selected,
.us-vehicle_image .us-favourites.slide-in-right.selected {
  right: 0;
}

.us-result-image .us-favourites:hover,
.us-vehicle_image .us-favourites:hover {
  color: #0582CA;
  cursor: pointer;
}

.us-result-image .us-favourites.selected,
.us-vehicle_image .us-favourites.selected {
  color: #0582CA;
}

.us-result-image:hover .us-favourites.slide-in-left,
.us-vehicle_image:hover .us-favourites.slide-in-left {
  left: 0;
}

.us-result-image:hover .us-favourites.slide-in-right,
.us-vehicle_image:hover .us-favourites.slide-in-right {
  right: 0;
}

.us_showroom-favourite-count-link {
  position: fixed;
  bottom: 15px;
  left: 15px;
  background: #0582CA;
  color: #ffffff;
  padding: 0px 15px;
  height: 50px;
  z-index: 9;
  display: flex;
  align-items: center;
  font-size: 18px;
  font-weight: bold;
}

.us_showroom-favourite-count-link .us_showroom-favourite-count {
  margin-left: 6px;
}

.us_showroom-favourite-count-link:hover, .us_showroom-favourite-count-link:focus {
  background: #003145;
  color: #ffffff;
}

.favourites-title-section {
  justify-content: space-between;
  align-items: center;
  margin: 20px 0;
}

.favourites-title-section h1 {
  margin: 0;
}

.favourites-title-section .favourites-count {
  font-size: 18px;
  padding: 5px 10px;
  border: 1px solid #dbdbdb;
  display: flex;
  align-items: center;
}

.favourites-title-section .favourites-count .awicon {
  margin-right: 5px;
}

#favouritesModal .modal-body {
  padding: 15px;
}

#favouritesModal .modal-body .btn {
  width: 100%;
}

#details-carousel .carousel-control {
  height: 50px;
  width: 50px;
  top: calc(50% - 25px);
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  -ms-border-radius: 50px;
  border-radius: 50px;
}

#details-carousel .carousel-control.left {
  left: 15px;
}

#details-carousel .carousel-control.right {
  right: 15px;
}

#details-carousel .details-gallery-thumbnails {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin: 10px 0 0 0;
  position: static;
  width: 100%;
}

#details-carousel .details-gallery-thumbnails li {
  margin: 0;
  height: auto;
  overflow: hidden;
}

#details-carousel .details-gallery-thumbnails li.active {
  border: 3px solid #0582CA;
}

#details-carousel .details-gallery-thumbnails li img {
  object-fit: cover;
  width: 100%;
  float: left;
}

#details-carousel .details-gallery-thumbnails.row-count-1 li {
  flex-basis: calc((100% / 1) - ((1 * 5px - 5px) / 1));
}

#details-carousel .details-gallery-thumbnails.row-count-2 li {
  flex-basis: calc((100% / 2) - ((2 * 5px - 5px) / 2));
}

#details-carousel .details-gallery-thumbnails.row-count-3 li {
  flex-basis: calc((100% / 3) - ((3 * 5px - 5px) / 3));
}

#details-carousel .details-gallery-thumbnails.row-count-4 li {
  flex-basis: calc((100% / 4) - ((4 * 5px - 5px) / 4));
}

#details-carousel .details-gallery-thumbnails.row-count-5 li {
  flex-basis: calc((100% / 5) - ((5 * 5px - 5px) / 5));
}

#details-carousel .details-gallery-thumbnails.row-count-6 li {
  flex-basis: calc((100% / 6) - ((6 * 5px - 5px) / 6));
}

#details-carousel .details-gallery-thumbnails.row-count-7 li {
  flex-basis: calc((100% / 7) - ((7 * 5px - 5px) / 7));
}

#details-carousel .details-gallery-thumbnails.row-count-8 li {
  flex-basis: calc((100% / 8) - ((8 * 5px - 5px) / 8));
}

#details-carousel .details-gallery-thumbnails.row-count-9 li {
  flex-basis: calc((100% / 9) - ((9 * 5px - 5px) / 9));
}

#details-carousel .details-gallery-thumbnails.row-count-10 li {
  flex-basis: calc((100% / 10) - ((10 * 5px - 5px) / 10));
}

#details-carousel .details-gallery-thumbnails.row-count-11 li {
  flex-basis: calc((100% / 11) - ((11 * 5px - 5px) / 11));
}

#details-carousel .details-gallery-thumbnails.row-count-12 li {
  flex-basis: calc((100% / 12) - ((12 * 5px - 5px) / 12));
}

#details-carousel .details-gallery-thumbnails.row-count-13 li {
  flex-basis: calc((100% / 13) - ((13 * 5px - 5px) / 13));
}

#details-carousel .details-gallery-thumbnails.row-count-14 li {
  flex-basis: calc((100% / 14) - ((14 * 5px - 5px) / 14));
}

#details-carousel .details-gallery-thumbnails.row-count-15 li {
  flex-basis: calc((100% / 15) - ((15 * 5px - 5px) / 15));
}

#details-carousel .embed-responsive {
  height: 100%;
}

.details-gallery-slick-container .details-gallery-slick-wrapper {
  position: relative;
}

.details-gallery-slick-container .details-gallery-slick-wrapper .slick-slide {
  margin-right: 0;
}

.details-gallery-slick-container .details-gallery-slick-wrapper .slick-track {
  background: #021822;
  display: flex;
  align-items: center;
}

.details-gallery-slick-container .details-gallery-slick-wrapper .slick-arrow {
  background: #021822;
  color: #ffffff;
  border: 0;
  position: absolute;
  top: calc((100% / 2) - 25px);
  height: 50px;
  width: 50px;
  font-size: 30px;
  z-index: 1;
  opacity: 0.6;
  font-family: monospace;
}

.details-gallery-slick-container .details-gallery-slick-wrapper .slick-arrow.slick-prev {
  left: 15px;
}

.details-gallery-slick-container .details-gallery-slick-wrapper .slick-arrow.slick-next {
  right: 15px;
}

.details-gallery-slick-container .details-gallery-slick-wrapper .slick-arrow:hover {
  opacity: 1;
}

@media only screen and (max-width: 767px) {
  .details-gallery-slick-container .details-gallery-slick-wrapper .slick-arrow {
    display: none;
  }
}

.details-gallery-slick-thumbnails {
  position: relative;
  margin-top: 15px;
}

.details-gallery-slick-thumbnails .slick-arrow {
  background: #021822;
  color: #ffffff;
  border: 0;
  position: absolute;
  top: 0;
  height: 100%;
  width: 30px;
  font-size: 30px;
  font-family: monospace;
}

.details-gallery-slick-thumbnails .slick-arrow.slick-prev {
  left: 0;
}

.details-gallery-slick-thumbnails .slick-arrow.slick-next {
  right: 0;
}

.details-gallery-slick-thumbnails .slick-slide {
  border: 3px solid transparent;
}

.details-gallery-slick-thumbnails .slick-slide:hover {
  cursor: pointer;
}

.details-gallery-slick-thumbnails .slick-slide.slick-current {
  border-color: #0582CA;
}

.details-wrapper .us_showroom-favourite-count-link {
  bottom: 50px;
}

.us-details-service-history.main-section {
  background: #021822;
  color: #ffffff;
  position: relative;
  margin: 30px 0 20px 0;
  padding: 30px;
}

@media only screen and (min-width: 992px) {
  .us-details-service-history.main-section {
    display: flex;
    align-items: center;
  }
}

@media only screen and (max-width: 991px) {
  .us-details-service-history.main-section {
    padding: 15px;
    margin: 15px 0 5px 0;
  }
}

@media only screen and (min-width: 992px) {
  .us-details-service-history.main-section .row {
    width: calc(100% + 30px);
    display: flex;
    align-items: center;
  }
}

.us-details-service-history.main-section .us-details-service-history-bg {
  opacity: 0.45;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover !important;
}

@media only screen and (min-width: 992px) {
  .us-details-service-history.main-section .us-details-service-history-bg {
    background-position: left -110px top -80px !important;
  }
}

.us-details-service-history.main-section .us-service-history-title {
  font-size: 34px;
  text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
}

@media only screen and (max-width: 991px) {
  .us-details-service-history.main-section .us-service-history-title {
    font-size: 24px;
    margin: 20px 0;
    text-align: center;
  }
}

.us-details-service-history.main-section .us-service-history-items {
  padding: 30px;
  gap: 30px;
  -webkit-align-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.5);
}

@media only screen and (max-width: 767px) {
  .us-details-service-history.main-section .us-service-history-items {
    padding: 15px 10px;
    gap: 10px;
  }
}

.us-details-service-history.main-section .us-service-history-items .us-service-history-item {
  align-items: center;
  line-height: 24px;
  flex: 1 1 0px;
  flex-wrap: nowrap;
}

@media only screen and (max-width: 767px) {
  .us-details-service-history.main-section .us-service-history-items .us-service-history-item {
    flex-direction: column;
  }
  .us-details-service-history.main-section .us-service-history-items .us-service-history-item .us-service-history-value {
    text-align: center;
  }
}

.us-details-service-history.main-section .us-service-history-items .us-service-history-item strong {
  font-size: 22px;
}

@media only screen and (max-width: 1199px) {
  .us-details-service-history.main-section .us-service-history-items .us-service-history-item strong {
    font-size: 19px;
  }
}

@media only screen and (max-width: 767px) {
  .us-details-service-history.main-section .us-service-history-items .us-service-history-item strong {
    font-size: inherit;
  }
}

.us-details-service-history.main-section .us-service-history-items .us-service-history-item .awicon {
  border: 4px solid #0582CA;
  color: #ffffff;
  background: none;
  padding: 20px;
  font-size: 30px;
  width: 80px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  -ms-border-radius: 50px;
  border-radius: 50px;
  -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.5);
}

@media only screen and (min-width: 768px) {
  .us-details-service-history.main-section .us-service-history-items .us-service-history-item .awicon {
    margin-right: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .us-details-service-history.main-section .us-service-history-items .us-service-history-item .awicon {
    margin-bottom: 10px;
  }
}

@media only screen and (max-width: 991px) {
  .us-details-service-history.main-section .us-service-history-items .us-service-history-item .awicon {
    font-size: 22px;
    width: 54px;
    height: 54px;
  }
}

.us-details-service-history.overview {
  display: flex;
  align-items: center;
}

.us-details-service-history.overview .row {
  width: calc(100% + 30px);
}

.us-details-service-history.overview .row .us-service-history-items {
  gap: 15px;
}

@media only screen and (max-width: 767px) {
  .us-details-service-history.overview .row .us-service-history-items {
    gap: 10px;
  }
}

.us-details-service-history.overview .row .us-service-history-items .us-service-history-item {
  align-items: center;
  flex: 1 1 0px;
  flex-wrap: nowrap;
  padding: 15px;
  background: #fff;
  color: #003145;
  margin-bottom: 10px;
}

@media only screen and (max-width: 767px) {
  .us-details-service-history.overview .row .us-service-history-items .us-service-history-item {
    padding: 10px;
  }
}

@media only screen and (max-width: 1439px) {
  .us-details-service-history.overview .row .us-service-history-items .us-service-history-item {
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
  }
  .us-details-service-history.overview .row .us-service-history-items .us-service-history-item .us-service-history-value {
    text-align: center;
  }
}

.us-details-service-history.overview .row .awicon {
  border: 2px solid #0582CA;
  color: #003145;
  background: none;
  padding: 20px;
  font-size: 22px;
  width: 54px;
  height: 54px;
  display: flex;
  align-items: center;
  justify-content: center;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  -ms-border-radius: 50px;
  border-radius: 50px;
}

@media only screen and (min-width: 1440px) {
  .us-details-service-history.overview .row .awicon {
    margin-right: 10px;
  }
}

@media only screen and (max-width: 1439px) {
  .us-details-service-history.overview .row .awicon {
    margin-bottom: 10px;
  }
}

.us-details-dealer {
  border: none;
  background: #fff;
  display: flex;
  gap: 15px;
  align-items: center;
  justify-content: center;
  padding: 15px;
  flex-wrap: wrap;
  margin: 0;
}

.us-details-dealer.left {
  justify-content: left;
}

.us-details-dealer.right {
  justify-content: space-between;
  text-align: right;
}

.us-details-dealer .dealer-image {
  width: 100px;
  height: 100px;
  min-width: 100px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.us-details-dealer .dealer-image.rounded {
  border-radius: 50%;
  overflow: hidden;
}

.us-details-dealer .dealer-info {
  color: #888;
  font-size: 14px;
}

.us-details-dealer .dealer-info .tel {
  font-size: 24px;
  color: #0582CA;
}

.us-details-dealer .dealer-info :first-child {
  margin-top: 0;
}

.us-details-dealer .dealer-info :last-child {
  margin-bottom: 0;
}

.grid-aspect-ratio-4\:3 {
  padding-bottom: 75%;
}

.grid-aspect-ratio-3\:2 {
  padding-bottom: 66.67%;
}

.grid-aspect-ratio-16\:9 {
  padding-bottom: 56.25%;
}

.us-result-list {
  float: left;
  width: 100%;
  clear: both;
  padding: 10px;
  margin-bottom: 30px;
  background: #F2F4F5;
  position: relative;
  border: 1px solid #dbdbdb;
}

@media only screen and (max-width: 767px) {
  .us-result-list {
    padding: 5px;
    margin-bottom: 5px;
  }
}

.us-result-list.keyLine {
  border-top: 3px solid #0582CA;
}

.us-result-list .fullResultLink {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.us-result-list .us-result-details-wrap {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.us-result-list .us-result-image {
  padding: 0;
  width: 20%;
  max-width: 290px;
  float: left;
  position: relative;
}

@media only screen and (max-width: 1200px) {
  .us-result-list .us-result-image {
    width: 30%;
  }
}

@media only screen and (max-width: 479px) {
  .us-result-list .us-result-image {
    width: 50%;
  }
}

.us-result-list .us-result-image .us-media-counts {
  position: absolute;
  background: #ffffff;
}

.us-result-list .us-result-image .us-media-counts .photo-number,
.us-result-list .us-result-image .us-media-counts .video-number {
  padding: 5px;
  font-size: 13px;
  line-height: 13px;
}

.us-result-list .us-result-image .us-media-counts.top-left {
  top: 0;
  left: 0;
  border-radius: 0 0 4px 0;
}

.us-result-list .us-result-image .us-media-counts.top-left.offset {
  padding-left: 55px;
}

.us-result-list .us-result-image .us-media-counts.top-right {
  top: 0;
  right: 0;
  border-radius: 0 0 0 4px;
}

.us-result-list .us-result-image .us-media-counts.top-right.offset {
  padding-right: 55px;
}

.us-result-list .us-result-image .us-media-counts.bottom-left {
  bottom: 0;
  left: 0;
  border-radius: 0 4px 0 0;
}

.us-result-list .us-result-image .us-media-counts.bottom-left.offset {
  padding-left: 55px;
}

.us-result-list .us-result-image .us-media-counts.bottom-right {
  bottom: 0;
  right: 0;
  border-radius: 4px 0 0 0;
}

.us-result-list .us-result-image .us-media-counts.bottom-right.offset {
  padding-right: 55px;
}

@media only screen and (max-width: 767px) {
  .us-result-list .us-result-image .us-media-counts {
    display: none;
  }
}

.us-result-list .us-result-image .show-on-hover {
  opacity: 0;
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -ms-transition: 1s;
  transition: 1s;
}

.us-result-list .us-result-image:hover .show-on-hover {
  opacity: 1;
}

.us-result-list .us-result-details {
  padding: 0 5px 0 15px;
  width: 80%;
  float: left;
  flex-grow: 1;
}

@media only screen and (max-width: 1200px) {
  .us-result-list .us-result-details {
    width: 70%;
  }
}

@media only screen and (max-width: 767px) {
  .us-result-list .us-result-details {
    padding: 0 0 0 5px;
  }
}

@media only screen and (max-width: 479px) {
  .us-result-list .us-result-details {
    width: 50%;
  }
}

.us-result-list .us-result-name {
  float: left;
  width: 70%;
  line-height: 1.2;
  margin-top: 10px;
  font-weight: bold;
}

@media only screen and (max-width: 767px) {
  .us-result-list .us-result-name {
    margin-top: 5px;
  }
}

@media only screen and (max-width: 479px) {
  .us-result-list .us-result-name {
    font-size: 16px;
    margin: 5px 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

.us-result-list .us-result-name h3 {
  font-weight: bold;
  margin: 0;
}

@media only screen and (max-width: 991px) {
  .us-result-list .us-result-name h3 {
    font-size: 20px;
  }
}

@media only screen and (max-width: 479px) {
  .us-result-list .us-result-name h3 {
    font-size: 16px;
  }
}

.us-result-list .us-result-name a {
  color: #003145;
}

.us-result-list .us-result-name a:hover {
  text-decoration: none;
}

.us-result-list .us-result-name span {
  font-weight: normal;
  font-size: 16px;
}

@media only screen and (max-width: 767px) {
  .us-result-list .us-result-name span {
    font-size: 12px;
  }
}

.us-result-list .us-result-name span.us-promotion {
  color: #0582CA;
  font-weight: normal;
}

.us-result-list .finance-monthly span {
  font-weight: bold;
  color: #0582CA;
}

.us-result-list .us-finance-container {
  margin-top: 10px;
}

.us-result-list .us-finance-container .vehicle-finance-only {
  color: #003145;
}

.us-result-list .us-finance-container .vehicle-finance-only table, .us-result-list .us-finance-container .vehicle-finance-only br {
  display: none;
}

.us-result-list .us-finance-container .vehicle-finance-only, .us-result-list .us-finance-container .vehicle-finance-price {
  margin-bottom: 0;
}

@media only screen and (max-width: 767px) {
  .us-result-list .us-finance-container .vehicle-finance-only, .us-result-list .us-finance-container .vehicle-finance-price {
    font-size: 12px;
    line-height: 16px;
  }
}

.us-result-list .us-finance-container .vehicle-finance-only .fromOnlyPrice, .us-result-list .us-finance-container .vehicle-finance-price .fromOnlyPrice {
  color: #0582CA;
  font-size: 18px;
  font-weight: bold;
}

@media only screen and (max-width: 767px) {
  .us-result-list .us-finance-container .vehicle-finance-only .fromOnlyPrice, .us-result-list .us-finance-container .vehicle-finance-price .fromOnlyPrice {
    font-size: 13px;
  }
}

.us-result-list .us-result-price {
  float: left;
  width: 30%;
  margin-top: 10px;
  text-align: right;
}

@media only screen and (max-width: 767px) {
  .us-result-list .us-result-price {
    margin-top: 5px;
  }
}

@media only screen and (max-width: 479px) {
  .us-result-list .us-result-price {
    line-height: 16px;
  }
}

@media only screen and (max-width: 479px) {
  .us-result-list .us-result-price .Price span {
    font-size: 12px;
  }
}

.us-result-list .us-result-price .Price strong {
  font-size: 24px;
  font-weight: bold;
}

@media only screen and (max-width: 991px) {
  .us-result-list .us-result-price .Price strong {
    font-size: 20px;
    line-height: 22px;
  }
}

@media only screen and (max-width: 479px) {
  .us-result-list .us-result-price .Price strong {
    font-size: 16px;
    line-height: 18px;
  }
}

@media only screen and (max-width: 479px) {
  .us-result-list .us-result-price .saving {
    font-size: 12px;
  }
}

@media only screen and (max-width: 479px) {
  .us-result-list .us-result-price .was {
    font-size: 12px;
  }
}

.us-result-list .us-result-price .euro-price-container {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.us-result-list .us-result-price .euro-price-container .euro-price {
  float: left;
  font-size: 16px;
}

@media only screen and (max-width: 767px) {
  .us-result-list .us-result-price .euro-price-container .euro-price {
    font-size: 12px;
    line-height: 18px;
  }
}

.us-result-list .us-result-price .euro-price-container .exchange-info {
  float: left;
  width: 15px;
  height: 15px;
  font-size: 12px;
  line-height: 12px;
  font-weight: bold;
  border-radius: 15px;
  margin-left: 5px;
  background: #0582CA;
  color: #fff;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

.us-result-list .us-result-info {
  width: 75%;
  float: left;
  margin-top: 10px;
}

@media only screen and (max-width: 1200px) {
  .us-result-list .us-result-info {
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .us-result-list .us-result-info {
    margin-top: 0;
    height: 100%;
  }
  .us-result-list .us-result-info .us-new-car-promotion {
    display: none;
  }
}

@media only screen and (max-width: 479px) {
  .us-result-list .us-result-info {
    justify-content: center;
  }
}

.us-result-list .us-result-info .us-result-info-inner {
  display: flex;
  flex-wrap: wrap;
}

.us-result-list .us-result-ctas {
  width: 25%;
  float: left;
  margin-top: 10px;
}

@media only screen and (max-width: 1200px) {
  .us-result-list .us-result-ctas {
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .us-result-list .us-result-ctas {
    width: 25%;
    margin-top: 5px;
  }
}

.us-result-list .us-result-ctas a, .us-result-list .us-result-ctas .silverBullet__button {
  display: block;
  width: 100%;
  background: #0582CA;
  color: #ffffff;
  font-weight: normal;
  text-align: center;
  padding: 8px 0;
  margin-bottom: 8px;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s;
}

@media only screen and (max-width: 1200px) {
  .us-result-list .us-result-ctas a, .us-result-list .us-result-ctas .silverBullet__button {
    width: 32.3%;
    margin-right: 1%;
    float: left;
  }
  .us-result-list .us-result-ctas a:last-child, .us-result-list .us-result-ctas .silverBullet__button:last-child {
    margin-right: 0;
  }
}

@media only screen and (max-width: 767px) {
  .us-result-list .us-result-ctas a.us-more-details, .us-result-list .us-result-ctas .silverBullet__button.us-more-details {
    display: block;
    width: 100%;
    font-size: 14px;
    padding: 4px 0;
    line-height: 16px;
    margin-bottom: 0;
  }
}

@media only screen and (max-width: 479px) {
  .us-result-list .us-result-ctas a.us-more-details, .us-result-list .us-result-ctas .silverBullet__button.us-more-details {
    font-size: 12px;
  }
}

.us-result-list .us-result-ctas a:hover, .us-result-list .us-result-ctas .silverBullet__button:hover {
  text-decoration: none;
  opacity: 0.6;
  background: #0582CA;
  color: #ffffff;
}

.us-result-list .us-result-ctas a:last-child, .us-result-list .us-result-ctas .silverBullet__button:last-child {
  background: #27b25b;
  color: #fff;
}

.us-result-list .us-result-ctas a:last-child:hover, .us-result-list .us-result-ctas .silverBullet__button:last-child:hover {
  background: #27b25b;
}

.us-result-list .us-result-ctas .silverbullet_container {
  width: 100%;
}

.us-result-list .us-result-ctas .silverbullet_container .btn-buynow {
  background: #27b25b;
  color: #ffffff;
  text-align: center;
  float: left;
  display: block;
  padding: 10px 0;
  border-radius: 0;
  font-family: "Suzuki", sans-serif;
  text-transform: uppercase;
  font-size: 14px;
  border-right: 1px solid rgba(255, 255, 255, 0.3);
  width: 100%;
}

.us-result-list .us-result-ctas .silverbullet_container .btn-buynow:last-child {
  border-right: 0;
}

.us-result-list .us-result-spec {
  width: 19%;
  flex-grow: 1;
  float: left;
  text-align: center;
  background: #ffffff;
  padding: 5px;
  margin-right: 1%;
  line-height: 22px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
}

@media only screen and (max-width: 1199px) {
  .us-result-list .us-result-spec {
    font-size: 13px;
    line-height: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .us-result-list .us-result-spec {
    margin-bottom: 1px;
    margin-right: 0;
    border-right: 1px solid #F2F4F5;
    width: 50%;
    display: flex;
    justify-content: center;
    flex-direction: column;
  }
}

@media only screen and (max-width: 480px) {
  .us-result-list .us-result-spec {
    padding: 1px 1px;
    font-size: 12px;
  }
}

@media only screen and (max-width: 360px) {
  .us-result-list .us-result-spec {
    width: 100%;
  }
  .us-result-list .us-result-spec span {
    display: none;
  }
}

.us-result-list .us-result-spec .awicon {
  font-size: 28px;
  line-height: 32px;
  display: block;
  clear: both;
  margin-bottom: 5px;
}

.us-result-list .us-result-spec:nth-child(6), .us-result-list .us-result-spec:nth-child(7), .us-result-list .us-result-spec:nth-child(8), .us-result-list .us-result-spec:nth-child(9), .us-result-list .us-result-spec:nth-child(10), .us-result-list .us-result-spec:nth-child(11), .us-result-list .us-result-spec:nth-child(12) {
  display: none;
}

@media only screen and (max-width: 767px) {
  .us-result-list .us-result-spec:nth-child(5) {
    display: none;
  }
}

.us-result-list .us-result-location, .us-result-list .us-result-telephone {
  margin-top: 10px;
  float: left;
}

@media only screen and (max-width: 767px) {
  .us-result-list .us-result-location, .us-result-list .us-result-telephone {
    line-height: 16px;
    text-align: right;
  }
}

@media only screen and (max-width: 479px) {
  .us-result-list .us-result-location, .us-result-list .us-result-telephone {
    width: 100%;
    margin-top: 0px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

@media only screen and (max-width: 767px) {
  .us-result-list .us-result-location span, .us-result-list .us-result-telephone span {
    display: none;
  }
}

.us-result-list .us-result-location strong, .us-result-list .us-result-telephone strong {
  font-size: 18px;
}

@media only screen and (max-width: 767px) {
  .us-result-list .us-result-location strong, .us-result-list .us-result-telephone strong {
    font-size: 12px;
    position: relative;
    padding-right: 15px;
    display: flex;
  }
  .us-result-list .us-result-location strong .awicon, .us-result-list .us-result-telephone strong .awicon {
    margin-right: 0.3em;
  }
}

.us-result-list .us-result-telephone {
  margin-left: 20px;
}

@media only screen and (max-width: 767px) {
  .us-result-list .us-result-telephone {
    margin-left: 2px;
  }
}

.us-result-list .us-finance-container {
  margin-top: 10px;
}

.us-result-list .us-finance-container .vehicle-finance-only {
  color: #003145;
}

.us-result-list .us-finance-container .vehicle-finance-only table, .us-result-list .us-finance-container .vehicle-finance-only br {
  display: none;
}

.us-result-list .us-finance-container .vehicle-finance-only, .us-result-list .us-finance-container .vehicle-finance-price, .us-result-list .us-finance-container .nc-vehicle-finance-only {
  margin-bottom: 0;
}

@media only screen and (max-width: 479px) {
  .us-result-list .us-finance-container .vehicle-finance-only, .us-result-list .us-finance-container .vehicle-finance-price, .us-result-list .us-finance-container .nc-vehicle-finance-only {
    font-size: 12px;
    line-height: 16px;
  }
}

.us-result-list .us-finance-container .vehicle-finance-only .fromOnlyPrice, .us-result-list .us-finance-container .vehicle-finance-price .fromOnlyPrice, .us-result-list .us-finance-container .nc-vehicle-finance-only .fromOnlyPrice {
  color: #0582CA;
  font-size: 18px;
  font-weight: bold;
}

@media only screen and (max-width: 767px) {
  .us-result-list .us-finance-container .vehicle-finance-only .fromOnlyPrice, .us-result-list .us-finance-container .vehicle-finance-price .fromOnlyPrice, .us-result-list .us-finance-container .nc-vehicle-finance-only .fromOnlyPrice {
    font-size: 13px;
  }
}

@media only screen and (max-width: 479px) {
  .us-result-list .us-finance-container {
    text-align: center;
  }
}

.us-result-list .us-result-finance-table {
  margin-top: 15px;
}

.us-result-list .us-result-finance-table table {
  width: 100%;
  table-layout: fixed;
}

.us-result-list .us-result-finance-table table tr td {
  padding: 2px;
  text-align: center;
  background: #ffffff;
  border: 1px solid #dbdbdb;
  font-size: 14px;
  line-height: 1;
  vertical-align: middle;
  height: 30px;
}

@media only screen and (max-width: 991px) {
  .us-result-list .us-result-finance-table table tr td {
    font-size: 12px;
  }
}

.us-result-list .us-result-finance-table table tr th {
  padding: 3px;
  text-align: center;
  font-size: 14px;
  background: #003145;
  color: #ffffff;
  border: 1px solid #dbdbdb;
  line-height: 1;
  vertical-align: middle;
  height: 30px;
}

@media only screen and (max-width: 991px) {
  .us-result-list .us-result-finance-table table tr th {
    font-size: 12px;
  }
}

.us-result-list .us-result-finance-table table.codeweavers-v3 tbody:not(:has(*.finance-figures)) {
  display: none;
}

.us-result-list .us-new-car-promotion {
  width: 99%;
}

@media only screen and (max-width: 767px) {
  .us-result-list .us-new-car-promotion {
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .us-result-details-wrap {
    float: left;
    display: flex;
    width: 100%;
  }
}

a.btn.btn-buynow {
  background: #27b25b;
}

.us-result-grid {
  width: 100%;
  clear: both;
  padding: 10px;
  margin-bottom: 30px;
  height: calc(100% - 30px);
  background: #F2F4F5;
  position: relative;
  border: 1px solid #dbdbdb;
  display: flex;
  flex-direction: column;
}

@media only screen and (max-width: 767px) {
  .us-result-grid {
    padding: 5px;
    height: calc(100% - 15px);
  }
}

.us-result-grid .fullResultLink, .us-result-grid .us-result-image-link {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.us-result-grid .us-result-image-wrap {
  position: relative;
}

.us-result-grid .us-result-image-wrap .us-finance-container {
  width: 100%;
  text-align: center;
  position: absolute;
  bottom: 10px;
  left: 0;
  right: 0;
  background: rgba(255, 255, 255, 0.7);
}

.us-result-grid .us-result-image-wrap .us-finance-container .vehicle-finance-only {
  color: #003145;
}

.us-result-grid .us-result-image-wrap .us-finance-container .vehicle-finance-only table, .us-result-grid .us-result-image-wrap .us-finance-container .vehicle-finance-only br {
  display: none;
}

.us-result-grid .us-result-image-wrap .us-finance-container .vehicle-finance-only, .us-result-grid .us-result-image-wrap .us-finance-container .vehicle-finance-price, .us-result-grid .us-result-image-wrap .us-finance-container .nc-vehicle-finance-only {
  margin-bottom: 0;
}

@media only screen and (max-width: 767px) {
  .us-result-grid .us-result-image-wrap .us-finance-container .vehicle-finance-only, .us-result-grid .us-result-image-wrap .us-finance-container .vehicle-finance-price, .us-result-grid .us-result-image-wrap .us-finance-container .nc-vehicle-finance-only {
    font-size: 12px;
    line-height: 20px;
  }
}

.us-result-grid .us-result-image-wrap .us-finance-container .vehicle-finance-only .fromOnlyPrice, .us-result-grid .us-result-image-wrap .us-finance-container .vehicle-finance-price .fromOnlyPrice, .us-result-grid .us-result-image-wrap .us-finance-container .nc-vehicle-finance-only .fromOnlyPrice {
  color: #0582CA;
  font-size: 18px;
  font-weight: bold;
}

@media only screen and (max-width: 767px) {
  .us-result-grid .us-result-image-wrap .us-finance-container .vehicle-finance-only .fromOnlyPrice, .us-result-grid .us-result-image-wrap .us-finance-container .vehicle-finance-price .fromOnlyPrice, .us-result-grid .us-result-image-wrap .us-finance-container .nc-vehicle-finance-only .fromOnlyPrice {
    font-size: 13px;
  }
}

@media only screen and (max-width: 767px) {
  .us-result-grid .us-result-image-wrap .us-finance-container .finance-monthly {
    font-size: 12px;
    line-height: 20px;
  }
}

.us-result-grid .us-result-image-wrap .us-finance-container .finance-monthly span {
  color: #0582CA;
  font-size: 18px;
  font-weight: bold;
}

@media only screen and (max-width: 767px) {
  .us-result-grid .us-result-image-wrap .us-finance-container .finance-monthly span {
    font-size: 13px;
  }
}

@media only screen and (max-width: 767px) {
  .us-result-grid .us-result-image-wrap .us-finance-container {
    text-align: center;
  }
}

.us-result-grid .us-result-image {
  width: 100%;
  margin-bottom: 10px;
  float: left;
  position: relative;
  background-size: cover !important;
  display: block;
}

.us-result-grid .us-result-image .us-media-counts {
  position: absolute;
}

.us-result-grid .us-result-image .us-media-counts.top-left {
  top: 10px;
  left: 10px;
}

.us-result-grid .us-result-image .us-media-counts.top-left.offset {
  left: 60px;
}

.us-result-grid .us-result-image .us-media-counts.top-right {
  top: 10px;
  right: 10px;
}

.us-result-grid .us-result-image .us-media-counts.top-right.offset {
  right: 60px;
}

.us-result-grid .us-result-image .us-media-counts.bottom-left {
  bottom: 10px;
  left: 10px;
}

.us-result-grid .us-result-image .us-media-counts.bottom-left.offset {
  left: 60px;
}

.us-result-grid .us-result-image .us-media-counts.bottom-right {
  bottom: 10px;
  right: 10px;
}

.us-result-grid .us-result-image .us-media-counts.bottom-right.offset {
  right: 60px;
}

@media only screen and (max-width: 767px) {
  .us-result-grid .us-result-image .us-media-counts {
    display: none;
  }
}

.us-result-grid .us-result-image .show-on-hover {
  opacity: 0;
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -ms-transition: 1s;
  transition: 1s;
}

.us-result-grid .us-result-image:hover .show-on-hover {
  opacity: 1;
}

.us-result-grid .us-result-image .photo-number,
.us-result-grid .us-result-image .video-number {
  padding: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  font-size: 13px;
  line-height: 13px;
  min-width: 55px;
  background: #ffffff;
  text-align: center;
  border: 1px solid #dbdbdb;
}

.us-result-grid .us-result-image .video-number {
  margin-left: 5px;
}

.us-result-grid .us-result-no-image {
  color: inherit;
  background: none;
}

.us-result-grid .us-result-name {
  text-align: center;
  float: left;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.2;
}

.us-result-grid .us-result-name h3 {
  font-size: 22px;
  line-height: 22px;
  font-weight: bold;
  margin: 10px 0 3px 0;
}

.us-result-grid .us-result-name h3 a {
  color: #003145;
}

@media only screen and (max-width: 1439px) {
  .us-result-grid .us-result-name h3 {
    font-size: 18px;
    line-height: 18px;
  }
}

.us-result-grid .us-result-name span {
  font-size: 14px;
  line-height: 1;
}

.us-result-grid .us-result-name span.us-promotion {
  color: #0582CA;
}

.us-result-grid .us-result-price {
  text-align: center;
  display: flex;
  justify-content: center;
  margin-bottom: 10px;
  line-height: 24px;
  min-height: 28px;
}

.us-result-grid .us-result-price .Price span {
  font-size: 13px;
}

.us-result-grid .us-result-price .Price strong {
  font-size: 18px;
  line-height: 24px;
  font-weight: bold;
}

@media only screen and (max-width: 479px) {
  .us-result-grid .us-result-price .Price strong {
    font-size: 16px;
  }
}

.us-result-grid .us-result-price .wasSavingPrices {
  font-size: 14px;
  line-height: 1;
  display: flex;
  align-items: center;
  background: #ffffff;
  padding: 0 5px;
  margin-left: 10px;
}

@media only screen and (max-width: 479px) {
  .us-result-grid .us-result-price .saving {
    font-size: 12px;
  }
}

@media only screen and (max-width: 479px) {
  .us-result-grid .us-result-price .was {
    font-size: 12px;
  }
}

.us-result-grid .euro-price-container {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: -10px;
  margin-bottom: 10px;
}

.us-result-grid .euro-price-container .euro-price {
  float: left;
  font-size: 14px;
  line-height: 18px;
}

.us-result-grid .euro-price-container .exchange-info {
  float: left;
  width: 15px;
  height: 15px;
  font-size: 12px;
  line-height: 12px;
  font-weight: bold;
  border-radius: 15px;
  margin-left: 5px;
  background: #0582CA;
  color: #fff;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

.us-result-grid .us-result-info .us-result-info-inner {
  display: flex;
  justify-content: space-between;
}

@media only screen and (max-width: 767px) {
  .us-result-grid .us-result-info .us-result-info-inner {
    flex-wrap: wrap;
  }
}

.us-result-grid .us-result-spec {
  width: 100%;
  float: left;
  text-align: center;
  background: #ffffff;
  padding: 5px;
  margin-right: 1px;
  font-size: 14px;
  line-height: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.us-result-grid .us-result-spec:nth-child(4) {
  margin-right: 0;
}

@media only screen and (max-width: 1439px) {
  .us-result-grid .us-result-spec {
    font-size: 12px;
    line-height: 18px;
  }
}

@media only screen and (max-width: 767px) {
  .us-result-grid .us-result-spec {
    margin-bottom: 1px;
    margin-right: 0;
    border-right: 1px solid #F2F4F5;
    flex-basis: 50%;
  }
}

@media only screen and (max-width: 360px) {
  .us-result-grid .us-result-spec {
    width: 100%;
  }
  .us-result-grid .us-result-spec span {
    display: none;
  }
}

.us-result-grid .us-result-spec .awicon {
  font-size: 28px;
  line-height: 32px;
  display: block;
  clear: both;
  margin-bottom: 5px;
}

@media only screen and (max-width: 1439px) {
  .us-result-grid .us-result-spec .awicon {
    font-size: 24px;
    line-height: 26px;
  }
}

.us-result-grid .us-result-spec:nth-child(5), .us-result-grid .us-result-spec:nth-child(6), .us-result-grid .us-result-spec:nth-child(7), .us-result-grid .us-result-spec:nth-child(8), .us-result-grid .us-result-spec:nth-child(9), .us-result-grid .us-result-spec:nth-child(10), .us-result-grid .us-result-spec:nth-child(11), .us-result-grid .us-result-spec:nth-child(12) {
  display: none;
}

.us-result-grid .us-result-ctas {
  width: 100%;
  margin-top: 10px;
}

.us-result-grid .us-result-ctas a {
  display: block;
  width: 100%;
  background: #0582CA;
  color: #ffffff;
  font-weight: normal;
  text-align: center;
  padding: 8px 0;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s;
}

.us-result-grid .us-result-location {
  margin-top: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: flex;
  align-items: baseline;
  justify-content: center;
  gap: 0.2em;
  line-height: 1.1;
}

.us-result-grid .us-result-telephone {
  text-align: center;
}

.us-result-grid .us-new-car-promotion {
  font-size: 16px;
  margin-bottom: 10px;
}

.us-result-grid-v2 {
  float: left;
  width: 100%;
  clear: both;
  margin-bottom: 30px;
  height: calc(100% - 30px);
  background: #F2F4F5;
  position: relative;
  border: 1px solid #dbdbdb;
  display: flex;
  flex-direction: column;
}

@media only screen and (max-width: 767px) {
  .us-result-grid-v2 {
    height: calc(100% - 15px);
  }
}

.us-result-grid-v2 .us-result-inner {
  padding: 15px;
}

.us-result-grid-v2 .fullResultLink, .us-result-grid-v2 .us-result-image-link {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.us-result-grid-v2 .us-result-image-wrap {
  position: relative;
}

.us-result-grid-v2 .us-result-image-wrap .us-finance-container {
  width: 100%;
  text-align: center;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(255, 255, 255, 0.7);
}

.us-result-grid-v2 .us-result-image-wrap .us-finance-container .vehicle-finance-only {
  color: #003145;
}

.us-result-grid-v2 .us-result-image-wrap .us-finance-container .vehicle-finance-only table, .us-result-grid-v2 .us-result-image-wrap .us-finance-container .vehicle-finance-only br {
  display: none;
}

.us-result-grid-v2 .us-result-image-wrap .us-finance-container .vehicle-finance-only, .us-result-grid-v2 .us-result-image-wrap .us-finance-container .vehicle-finance-price, .us-result-grid-v2 .us-result-image-wrap .us-finance-container .nc-vehicle-finance-only {
  margin-bottom: 0;
}

@media only screen and (max-width: 767px) {
  .us-result-grid-v2 .us-result-image-wrap .us-finance-container .vehicle-finance-only, .us-result-grid-v2 .us-result-image-wrap .us-finance-container .vehicle-finance-price, .us-result-grid-v2 .us-result-image-wrap .us-finance-container .nc-vehicle-finance-only {
    font-size: 12px;
    line-height: 20px;
  }
}

.us-result-grid-v2 .us-result-image-wrap .us-finance-container .vehicle-finance-only .fromOnlyPrice, .us-result-grid-v2 .us-result-image-wrap .us-finance-container .vehicle-finance-price .fromOnlyPrice, .us-result-grid-v2 .us-result-image-wrap .us-finance-container .nc-vehicle-finance-only .fromOnlyPrice {
  color: #0582CA;
  font-size: 18px;
  font-weight: bold;
}

@media only screen and (max-width: 767px) {
  .us-result-grid-v2 .us-result-image-wrap .us-finance-container .vehicle-finance-only .fromOnlyPrice, .us-result-grid-v2 .us-result-image-wrap .us-finance-container .vehicle-finance-price .fromOnlyPrice, .us-result-grid-v2 .us-result-image-wrap .us-finance-container .nc-vehicle-finance-only .fromOnlyPrice {
    font-size: 13px;
  }
}

@media only screen and (max-width: 767px) {
  .us-result-grid-v2 .us-result-image-wrap .us-finance-container .finance-monthly {
    font-size: 12px;
    line-height: 20px;
  }
}

.us-result-grid-v2 .us-result-image-wrap .us-finance-container .finance-monthly span {
  color: #0582CA;
  font-size: 18px;
  font-weight: bold;
}

@media only screen and (max-width: 767px) {
  .us-result-grid-v2 .us-result-image-wrap .us-finance-container .finance-monthly span {
    font-size: 13px;
  }
}

@media only screen and (max-width: 767px) {
  .us-result-grid-v2 .us-result-image-wrap .us-finance-container {
    text-align: center;
  }
}

.us-result-grid-v2 .us-result-image {
  width: 100%;
  float: left;
  position: relative;
  background-size: cover !important;
  display: block;
}

.us-result-grid-v2 .us-result-image .us-media-counts {
  position: absolute;
}

.us-result-grid-v2 .us-result-image .us-media-counts.top-left {
  top: 10px;
  left: 10px;
}

.us-result-grid-v2 .us-result-image .us-media-counts.top-left.offset {
  left: 60px;
}

.us-result-grid-v2 .us-result-image .us-media-counts.top-right {
  top: 10px;
  right: 10px;
}

.us-result-grid-v2 .us-result-image .us-media-counts.top-right.offset {
  right: 60px;
}

.us-result-grid-v2 .us-result-image .us-media-counts.bottom-left {
  bottom: 10px;
  left: 10px;
}

.us-result-grid-v2 .us-result-image .us-media-counts.bottom-left.offset {
  left: 60px;
}

.us-result-grid-v2 .us-result-image .us-media-counts.bottom-right {
  bottom: 10px;
  right: 10px;
}

.us-result-grid-v2 .us-result-image .us-media-counts.bottom-right.offset {
  right: 60px;
}

@media only screen and (max-width: 767px) {
  .us-result-grid-v2 .us-result-image .us-media-counts {
    display: none;
  }
}

.us-result-grid-v2 .us-result-image .show-on-hover {
  opacity: 0;
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -ms-transition: 1s;
  transition: 1s;
}

.us-result-grid-v2 .us-result-image:hover .show-on-hover {
  opacity: 1;
}

.us-result-grid-v2 .us-result-image .photo-number,
.us-result-grid-v2 .us-result-image .video-number {
  padding: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  font-size: 13px;
  line-height: 13px;
  min-width: 55px;
  background: #ffffff;
  text-align: center;
  border: 1px solid #dbdbdb;
}

.us-result-grid-v2 .us-result-image .video-number {
  margin-left: 5px;
}

.us-result-grid-v2 .us-result-no-image {
  padding: 15px;
  color: inherit;
  background: none;
  border-bottom: 1px solid #fff;
}

.us-result-grid-v2 .us-result-name {
  float: left;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.2;
}

.us-result-grid-v2 .us-result-name h3 {
  font-size: 22px;
  line-height: 22px;
  font-weight: bold;
  margin: 10px 0 3px 0;
}

.us-result-grid-v2 .us-result-name h3 a {
  color: #003145;
}

@media only screen and (max-width: 1439px) {
  .us-result-grid-v2 .us-result-name h3 {
    font-size: 18px;
    line-height: 18px;
  }
}

.us-result-grid-v2 .us-result-name span {
  font-size: 14px;
  line-height: 1;
}

.us-result-grid-v2 .us-result-name span.us-promotion {
  color: #0582CA;
}

.us-result-grid-v2 .us-result-info .us-result-info-inner {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  border: 1px solid #ffffff;
  margin: 10px 0;
}

.us-result-grid-v2 .us-result-spec {
  width: 100%;
  flex-basis: 50%;
  display: flex;
  align-items: center;
  padding: 10px;
  font-size: 14px;
  line-height: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 40px;
}

@media only screen and (max-width: 1439px) {
  .us-result-grid-v2 .us-result-spec {
    font-size: 12px;
    line-height: 18px;
  }
}

@media only screen and (max-width: 360px) {
  .us-result-grid-v2 .us-result-spec {
    width: 100%;
  }
  .us-result-grid-v2 .us-result-spec span {
    display: none;
  }
}

.us-result-grid-v2 .us-result-spec .us-result-spec-name {
  display: none;
}

.us-result-grid-v2 .us-result-spec strong {
  font-weight: normal;
}

.us-result-grid-v2 .us-result-spec .awicon {
  font-size: 18px;
  line-height: 182px;
  display: block;
  clear: both;
  margin-right: 5px;
}

@media only screen and (max-width: 1439px) {
  .us-result-grid-v2 .us-result-spec .awicon {
    font-size: 24px;
    line-height: 26px;
  }
}

.us-result-grid-v2 .us-result-spec:nth-child(5), .us-result-grid-v2 .us-result-spec:nth-child(6), .us-result-grid-v2 .us-result-spec:nth-child(7), .us-result-grid-v2 .us-result-spec:nth-child(8), .us-result-grid-v2 .us-result-spec:nth-child(9), .us-result-grid-v2 .us-result-spec:nth-child(10), .us-result-grid-v2 .us-result-spec:nth-child(11), .us-result-grid-v2 .us-result-spec:nth-child(12) {
  display: none;
}

.us-result-grid-v2 .us-result-spec:nth-child(1), .us-result-grid-v2 .us-result-spec:nth-child(4) {
  background: #ffffff;
}

.us-result-grid-v2 .us-result-footer {
  display: flex;
  align-items: center;
}

@media only screen and (min-width: 768px) {
  .us-result-grid-v2 .us-result-footer .us-result-footer-info {
    flex-basis: 50%;
  }
}

.us-result-grid-v2 .us-result-footer .us-result-footer-info .us-result-price {
  display: flex;
  flex-direction: column;
  line-height: 24px;
  height: 100%;
  justify-content: center;
}

.us-result-grid-v2 .us-result-footer .us-result-footer-info .us-result-price .Price span {
  font-size: 13px;
}

.us-result-grid-v2 .us-result-footer .us-result-footer-info .us-result-price .Price strong {
  font-size: 22px;
  line-height: 22px;
  font-weight: bold;
}

@media only screen and (max-width: 479px) {
  .us-result-grid-v2 .us-result-footer .us-result-footer-info .us-result-price .Price strong {
    font-size: 18px;
  }
}

.us-result-grid-v2 .us-result-footer .us-result-footer-info .us-result-price .wasSavingPrices {
  font-size: 14px;
  line-height: 1;
}

@media only screen and (max-width: 479px) {
  .us-result-grid-v2 .us-result-footer .us-result-footer-info .us-result-price .saving {
    font-size: 12px;
  }
}

@media only screen and (max-width: 479px) {
  .us-result-grid-v2 .us-result-footer .us-result-footer-info .us-result-price .was {
    font-size: 12px;
  }
}

.us-result-grid-v2 .us-result-footer .us-result-footer-info .euro-price-container {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: -10px;
  margin-bottom: 10px;
}

.us-result-grid-v2 .us-result-footer .us-result-footer-info .euro-price-container .euro-price {
  float: left;
  font-size: 14px;
  line-height: 18px;
}

.us-result-grid-v2 .us-result-footer .us-result-footer-info .euro-price-container .exchange-info {
  float: left;
  width: 15px;
  height: 15px;
  font-size: 12px;
  line-height: 12px;
  font-weight: bold;
  border-radius: 15px;
  margin-left: 5px;
  background: #0582CA;
  color: #fff;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

.us-result-grid-v2 .us-result-footer .us-result-footer-info .us-result-ctas {
  width: 100%;
}

.us-result-grid-v2 .us-result-footer .us-result-footer-info .us-result-ctas a {
  display: block;
  width: 100%;
  background: #0582CA;
  color: #ffffff;
  font-weight: normal;
  text-align: center;
  padding: 8px 4px;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s;
}

.us-result-grid-v2 .us-result-location {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.us-result-grid-v2 .us-result-location strong {
  display: inline-block;
}

.us-result-grid-v2 .us-result-telephone {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #ffffff;
}

.us-result-grid-v3 {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: calc(100% - 30px);
  margin-bottom: 30px;
  background: #F2F4F5;
  position: relative;
  border: 1px solid #dbdbdb;
  display: flex;
  flex-direction: column;
}

@media only screen and (max-width: 767px) {
  .us-result-grid-v3 {
    height: calc(100% - 15px);
  }
}

.us-result-grid-v3 .us-result-inner {
  padding: 15px;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.us-result-grid-v3 .fullResultLink, .us-result-grid-v3 .us-result-image-link {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.us-result-grid-v3 .us-result-image-wrap {
  position: relative;
}

.us-result-grid-v3 .us-result-image-wrap .us-promotion {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #0582CA;
  color: #ffffff;
  padding: 5px;
  font-size: 13px;
  text-align: center;
  line-height: 1.1;
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
}

.us-result-grid-v3 .us-result-image-wrap .us-promotion:empty {
  display: none;
}

.us-result-grid-v3 .us-result-image {
  width: 100%;
  float: left;
  position: relative;
  background-size: cover !important;
  display: block;
}

.us-result-grid-v3 .us-result-image .us-media-counts {
  position: absolute;
  pointer-events: none;
}

.us-result-grid-v3 .us-result-image .us-media-counts.top-left {
  top: 10px;
  left: 10px;
}

.us-result-grid-v3 .us-result-image .us-media-counts.top-left.offset {
  left: 60px;
}

.us-result-grid-v3 .us-result-image .us-media-counts.top-right {
  top: 10px;
  right: 10px;
}

.us-result-grid-v3 .us-result-image .us-media-counts.top-right.offset {
  right: 60px;
}

.us-result-grid-v3 .us-result-image .us-media-counts.bottom-left {
  bottom: 10px;
  left: 10px;
}

.us-result-grid-v3 .us-result-image .us-media-counts.bottom-left.offset {
  left: 60px;
}

.us-result-grid-v3 .us-result-image .us-media-counts.bottom-right {
  bottom: 10px;
  right: 10px;
}

.us-result-grid-v3 .us-result-image .us-media-counts.bottom-right.offset {
  right: 60px;
}

@media only screen and (max-width: 767px) {
  .us-result-grid-v3 .us-result-image .us-media-counts {
    display: none;
  }
}

.us-result-grid-v3 .us-result-image .show-on-hover {
  opacity: 0;
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -ms-transition: 1s;
  transition: 1s;
}

.us-result-grid-v3 .us-result-image:hover .show-on-hover {
  opacity: 1;
}

.us-result-grid-v3 .us-result-image .photo-number,
.us-result-grid-v3 .us-result-image .video-number {
  padding: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  font-size: 13px;
  line-height: 13px;
  min-width: 55px;
  background: #ffffff;
  text-align: center;
  border: 1px solid #dbdbdb;
}

.us-result-grid-v3 .us-result-image .video-number {
  margin-left: 5px;
}

.us-result-grid-v3 .us-result-no-image {
  padding: 15px;
  color: inherit;
  background: none;
  border-bottom: 1px solid #fff;
}

.us-result-grid-v3 .us-result-name {
  float: left;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  min-height: 60px;
  line-height: 1.2;
}

.us-result-grid-v3 .us-result-name h3 {
  font-size: 22px;
  line-height: 22px;
  font-weight: bold;
  margin: 10px 0 3px 0;
  white-space: normal;
}

.us-result-grid-v3 .us-result-name h3 a {
  color: #003145;
}

@media only screen and (max-width: 1439px) {
  .us-result-grid-v3 .us-result-name h3 {
    font-size: 18px;
    line-height: 18px;
  }
}

.us-result-grid-v3 .us-result-name span {
  font-size: 14px;
  line-height: 1;
}

.us-result-grid-v3 .us-result-name span.us-promotion {
  color: #0582CA;
}

.us-result-grid-v3 .us-result-info .us-result-info-inner {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 10px 0;
  gap: 10px;
  max-height: 65px;
  overflow: hidden;
}

@media only screen and (max-width: 479px) {
  .us-result-grid-v3 .us-result-info .us-result-info-inner {
    max-height: 95px;
  }
}

.us-result-grid-v3 .us-result-info .us-result-info-inner .us-result-spec {
  flex-basis: 30%;
  flex-grow: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  padding: 2px;
  font-size: 13px;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 25px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  background: none;
  min-width: 80px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  -ms-border-radius: 20px;
  border-radius: 20px;
}

@media only screen and (max-width: 1439px) {
  .us-result-grid-v3 .us-result-info .us-result-info-inner .us-result-spec {
    font-size: 12px;
  }
}

@media only screen and (max-width: 360px) {
  .us-result-grid-v3 .us-result-info .us-result-info-inner .us-result-spec {
    width: 100%;
  }
  .us-result-grid-v3 .us-result-info .us-result-info-inner .us-result-spec span {
    display: none;
  }
}

.us-result-grid-v3 .us-result-info .us-result-info-inner .us-result-spec .us-result-spec-name {
  display: none;
}

.us-result-grid-v3 .us-result-info .us-result-info-inner .us-result-spec strong {
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
}

.us-result-grid-v3 .us-result-info .us-result-info-inner .us-result-spec .awicon {
  display: none;
}

.us-result-grid-v3 .us-result-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 10px 0;
}

.us-result-grid-v3 .us-result-footer .us-result-footer-info {
  flex-basis: 50%;
  min-width: 100px;
  flex-grow: 1;
}

.us-result-grid-v3 .us-result-footer .us-result-footer-info .us-result-price {
  display: flex;
  flex-direction: column;
  line-height: 1.2;
  height: 100%;
  justify-content: center;
}

.us-result-grid-v3 .us-result-footer .us-result-footer-info .us-result-price .Price span {
  font-size: 13px;
  display: inline-block;
}

.us-result-grid-v3 .us-result-footer .us-result-footer-info .us-result-price .Price strong {
  font-size: 20px;
  font-weight: bold;
}

@media only screen and (max-width: 479px) {
  .us-result-grid-v3 .us-result-footer .us-result-footer-info .us-result-price .Price strong {
    font-size: 18px;
  }
}

.us-result-grid-v3 .us-result-footer .us-result-footer-info .us-result-price .wasSavingPrices {
  font-size: 12px;
}

.us-result-grid-v3 .us-result-footer .us-result-footer-info .us-result-price .wasSavingPrices .divider {
  line-height: 1.1;
}

@media only screen and (max-width: 479px) {
  .us-result-grid-v3 .us-result-footer .us-result-footer-info .us-result-price .saving {
    font-size: 12px;
  }
}

@media only screen and (max-width: 479px) {
  .us-result-grid-v3 .us-result-footer .us-result-footer-info .us-result-price .was {
    font-size: 12px;
  }
}

.us-result-grid-v3 .us-result-footer .us-result-footer-info .us-finance-container {
  display: flex;
  justify-content: flex-end;
  text-align: right;
}

.us-result-grid-v3 .us-result-footer .us-result-footer-info .us-finance-container .vehicle-finance-only {
  color: #003145;
  font-size: 11px;
  line-height: 1.2;
}

.us-result-grid-v3 .us-result-footer .us-result-footer-info .us-finance-container .vehicle-finance-only table {
  display: none;
}

.us-result-grid-v3 .us-result-footer .us-result-footer-info .us-finance-container .vehicle-finance-only, .us-result-grid-v3 .us-result-footer .us-result-footer-info .us-finance-container .vehicle-finance-price, .us-result-grid-v3 .us-result-footer .us-result-footer-info .us-finance-container .nc-vehicle-finance-only {
  margin-bottom: 0;
}

.us-result-grid-v3 .us-result-footer .us-result-footer-info .us-finance-container .vehicle-finance-only span, .us-result-grid-v3 .us-result-footer .us-result-footer-info .us-finance-container .vehicle-finance-price span, .us-result-grid-v3 .us-result-footer .us-result-footer-info .us-finance-container .nc-vehicle-finance-only span {
  display: inline-block;
}

.us-result-grid-v3 .us-result-footer .us-result-footer-info .us-finance-container .vehicle-finance-only .fromOnlyPrice, .us-result-grid-v3 .us-result-footer .us-result-footer-info .us-finance-container .vehicle-finance-price .fromOnlyPrice, .us-result-grid-v3 .us-result-footer .us-result-footer-info .us-finance-container .nc-vehicle-finance-only .fromOnlyPrice {
  color: #0582CA;
  font-size: 1.2em;
  font-weight: bold;
}

.us-result-grid-v3 .us-result-footer .us-result-footer-info .us-finance-container .vehicle-finance-only .financeType, .us-result-grid-v3 .us-result-footer .us-result-footer-info .us-finance-container .vehicle-finance-price .financeType, .us-result-grid-v3 .us-result-footer .us-result-footer-info .us-finance-container .nc-vehicle-finance-only .financeType {
  display: inline !important;
}

.us-result-grid-v3 .us-result-footer .us-result-footer-info .us-finance-container .vehicle-finance-only .fromOnly, .us-result-grid-v3 .us-result-footer .us-result-footer-info .us-finance-container .vehicle-finance-price .fromOnly, .us-result-grid-v3 .us-result-footer .us-result-footer-info .us-finance-container .nc-vehicle-finance-only .fromOnly {
  text-transform: lowercase;
}

@media only screen and (max-width: 767px) {
  .us-result-grid-v3 .us-result-footer .us-result-footer-info .us-finance-container .finance-monthly {
    font-size: 12px;
    line-height: 20px;
  }
}

.us-result-grid-v3 .us-result-footer .us-result-footer-info .us-finance-container .finance-monthly span {
  color: #0582CA;
  font-size: 18px;
  font-weight: bold;
}

@media only screen and (max-width: 767px) {
  .us-result-grid-v3 .us-result-footer .us-result-footer-info .us-finance-container .finance-monthly span {
    font-size: 13px;
  }
}

.us-result-grid-v3 .us-result-footer .us-result-footer-info .euro-price-container {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: -10px;
  margin-bottom: 10px;
}

.us-result-grid-v3 .us-result-footer .us-result-footer-info .euro-price-container .euro-price {
  float: left;
  font-size: 14px;
  line-height: 18px;
}

.us-result-grid-v3 .us-result-footer .us-result-footer-info .euro-price-container .exchange-info {
  float: left;
  width: 15px;
  height: 15px;
  font-size: 12px;
  line-height: 12px;
  font-weight: bold;
  border-radius: 15px;
  margin-left: 5px;
  background: #0582CA;
  color: #fff;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

.us-result-grid-v3 .us-result-ctas {
  width: 100%;
}

.us-result-grid-v3 .us-result-ctas a {
  display: block;
  width: 100%;
  background: #0582CA;
  color: #ffffff;
  font-weight: normal;
  text-align: center;
  padding: 4px;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s;
}

.us-result-grid-v3 .us-result-ctas a:hover {
  background: #046298;
}

.us-result-grid-v3 .us-result-ctas a:active {
  box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.2);
}

.us-result-grid-v3 .us-result-location {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.us-result-grid-v3 .us-result-location i {
  color: rgba(0, 0, 0, 0.3);
}

.us-result-grid-v3 .us-result-location strong {
  display: inline-block;
  font-weight: 400;
}

.us-result-grid-v3 .us-result-telephone {
  padding-bottom: 10px;
  border-bottom: 1px solid #ffffff;
}

.us-result-grid-v3 .us-result-telephone i {
  color: rgba(0, 0, 0, 0.3);
}

.us-result-grid-v3 .us-result-telephone strong {
  display: inline-block;
  font-weight: 400;
}

.us-details-v2-outer-container #header {
  background: rgba(255, 255, 255, 0.7);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.us-details-v2-outer-container #header .headerRight .frch-logo {
  border-left: 1px solid rgba(0, 0, 0, 0.1);
}

.us-details-v2-outer-container #header .header-telephone {
  color: #003145;
}

.us-details-v2-outer-container #header .header-telephone span, .us-details-v2-outer-container #header .header-telephone a {
  color: #0582CA;
}

.us-details-v2-outer-container #header .header-telephone .contactLink {
  color: #003145;
}

.us-details-v2-outer-container .navbar {
  background: rgba(255, 255, 255, 0.7);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.us-details-v2-outer-container .navbar .nav > li {
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  /* Drop Downs*/
}

.us-details-v2-outer-container .navbar .nav > li:last-child {
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}

.us-details-v2-outer-container .navbar .nav > li.active {
  background: #0582CA;
  color: #ffffff;
}

.us-details-v2-outer-container .navbar .nav > li > a,
.us-details-v2-outer-container .navbar .nav > li > span {
  color: #003145;
}

.us-details-v2-outer-container .navbar .nav > li > a:hover, .us-details-v2-outer-container .navbar .nav > li > a:focus,
.us-details-v2-outer-container .navbar .nav > li > span:hover,
.us-details-v2-outer-container .navbar .nav > li > span:focus {
  background: #0582CA;
  color: #ffffff;
}

.us-details-v2-outer-container .navbar .nav > li ul > li {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  background: rgba(255, 255, 255, 0.7);
}

.us-details-v2-outer-container .navbar .nav > li ul > li > a {
  color: #003145;
}

.us-details-v2-outer-container .navbar .nav > li ul > li:hover a {
  background: #0582CA;
  color: #ffffff;
}

.us-details-v2-outer-container .navbar .nav > li.active > a {
  background: #0582CA;
  color: #ffffff;
}

.us-details-v2-outer-container .navbar .nav > li.active > a:hover, .us-details-v2-outer-container .navbar .nav > li.active > afocus {
  background: #0582CA;
  color: #ffffff;
}

.us-details-v2-container {
  width: 100%;
  display: inline-block;
}

@media only screen and (max-width: 1199px) {
  .us-details-v2-container .padding-hidden-sm {
    padding: 0;
  }
  .us-details-v2-container .margin-hidden-sm {
    margin: 0;
  }
}

@media only screen and (min-width: 1200px) {
  .us-details-v2-container {
    margin-top: -160px;
  }
}

.us-details-v2-container .details-v2-sticky-bar-container {
  margin-top: -107px;
  top: 32px;
  background: #003145;
  color: #ffffff;
  position: fixed;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 900;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s;
}

@media only screen and (max-width: 1199px) {
  .us-details-v2-container .details-v2-sticky-bar-container {
    top: 32px;
    margin-top: -75px;
  }
}

@media only screen and (max-width: 991px) {
  .us-details-v2-container .details-v2-sticky-bar-container {
    top: 50px;
    z-index: 990;
  }
}

.us-details-v2-container .details-v2-sticky-bar-container .details-v2-sticky-bar-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 75px;
  overflow: hidden;
}

@media only screen and (max-width: 991px) {
  .us-details-v2-container .details-v2-sticky-bar-container .details-v2-sticky-bar-inner {
    height: 40px;
  }
}

.us-details-v2-container .details-v2-sticky-bar-container .details-v2-sticky-bar-inner .us-details-v2-title {
  color: #ffffff;
  font-size: 24px;
  line-height: 24px;
  margin: 0;
}

@media only screen and (max-width: 1439px) {
  .us-details-v2-container .details-v2-sticky-bar-container .details-v2-sticky-bar-inner .us-details-v2-title {
    font-size: 18px;
    line-height: 20px;
  }
}

@media only screen and (max-width: 1199px) {
  .us-details-v2-container .details-v2-sticky-bar-container .details-v2-sticky-bar-inner .us-details-v2-title {
    padding-left: 15px;
  }
}

.us-details-v2-container .details-v2-sticky-bar-container .details-v2-sticky-bar-inner .us-details-v2-title span {
  font-size: 16px;
  line-height: 16px;
  font-weight: normal;
}

@media only screen and (max-width: 1439px) {
  .us-details-v2-container .details-v2-sticky-bar-container .details-v2-sticky-bar-inner .us-details-v2-title span {
    font-size: 14px;
    line-height: 14px;
  }
}

.us-details-v2-container .details-v2-sticky-bar-container .details-v2-sticky-bar-inner .details-v2-right-subnav-ctas {
  display: flex;
  align-items: center;
}

@media only screen and (max-width: 991px) {
  .us-details-v2-container .details-v2-sticky-bar-container .details-v2-sticky-bar-inner .details-v2-right-subnav-ctas {
    width: 100%;
  }
}

.us-details-v2-container .details-v2-sticky-bar-container .details-v2-sticky-bar-inner .details-v2-right-subnav-ctas .details-v2-subnav {
  display: flex;
  align-items: center;
  justify-content: center;
}

@media only screen and (max-width: 991px) {
  .us-details-v2-container .details-v2-sticky-bar-container .details-v2-sticky-bar-inner .details-v2-right-subnav-ctas .details-v2-subnav {
    width: 100%;
  }
}

.us-details-v2-container .details-v2-sticky-bar-container .details-v2-sticky-bar-inner .details-v2-right-subnav-ctas .details-v2-subnav a {
  color: #ffffff;
  border-left: 1px solid rgba(255, 255, 255, 0.2);
  height: 75px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 130px;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s;
}

.us-details-v2-container .details-v2-sticky-bar-container .details-v2-sticky-bar-inner .details-v2-right-subnav-ctas .details-v2-subnav a:hover, .us-details-v2-container .details-v2-sticky-bar-container .details-v2-sticky-bar-inner .details-v2-right-subnav-ctas .details-v2-subnav a:focus, .us-details-v2-container .details-v2-sticky-bar-container .details-v2-sticky-bar-inner .details-v2-right-subnav-ctas .details-v2-subnav a.active {
  background: #0468A1;
  text-decoration: none;
}

@media only screen and (max-width: 991px) {
  .us-details-v2-container .details-v2-sticky-bar-container .details-v2-sticky-bar-inner .details-v2-right-subnav-ctas .details-v2-subnav a {
    height: 40px;
    flex-basis: 100%;
    font-size: 14px;
  }
}

.us-details-v2-container .details-v2-sticky-bar-container .details-v2-sticky-bar-inner .details-v2-right-subnav-ctas .us-details-ctas a {
  width: 130px;
  border-left: 1px solid rgba(255, 255, 255, 0.2);
  margin: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  height: 75px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  white-space: pre-wrap;
}

.us-details-v2-container .details-v2-sticky-bar-container .details-v2-sticky-bar-inner .details-v2-right-subnav-ctas .us-details-ctas .us-cta-desktop-text {
  display: none;
}

.us-details-v2-container .details-v2-sticky-bar-container .details-v2-sticky-bar-inner .details-v2-right-subnav-ctas .us-details-ctas .us-cta-mobile-text {
  display: block;
}

.us-details-v2-container .us-details-v2-main-image-container {
  display: flex;
  position: relative;
}

.us-details-v2-container .us-details-v2-main-image-container .us-details-v2-main-image {
  max-width: 1200px;
  width: 100%;
  background-size: contain !important;
  height: 800px;
}

@media only screen and (max-width: 1439px) {
  .us-details-v2-container .us-details-v2-main-image-container .us-details-v2-main-image {
    height: 700px;
    max-width: 1050px;
  }
}

@media only screen and (max-width: 1199px) {
  .us-details-v2-container .us-details-v2-main-image-container .us-details-v2-main-image {
    max-width: 1200px;
    padding-bottom: 67%;
    height: auto;
  }
}

.us-details-v2-container .us-details-v2-main-image-container .us-details-v2-main-flipped-image {
  height: 800px;
  transform: scaleX(-1);
  background-size: auto !important;
  z-index: -1;
  flex-grow: 1;
}

@media only screen and (max-width: 1439px) {
  .us-details-v2-container .us-details-v2-main-image-container .us-details-v2-main-flipped-image {
    height: 700px;
  }
}

.us-details-v2-container .us-details-v2-section-image-container {
  display: flex;
  position: relative;
}

.us-details-v2-container .us-details-v2-section-image-container .us-details-v2-section-image {
  max-width: 1200px;
  width: 100%;
  height: 800px;
  background-size: contain !important;
}

@media only screen and (max-width: 1439px) {
  .us-details-v2-container .us-details-v2-section-image-container .us-details-v2-section-image {
    height: 700px;
    max-width: 1050px;
  }
}

@media only screen and (max-width: 1199px) {
  .us-details-v2-container .us-details-v2-section-image-container .us-details-v2-section-image {
    max-width: 1200px;
    padding-bottom: 67%;
    height: auto;
  }
}

.us-details-v2-container .us-details-v2-section-image-container .us-details-v2-section-flipped-image {
  height: 800px;
  transform: scaleX(-1);
  background-size: auto !important;
  z-index: -1;
  flex-grow: 1;
}

@media only screen and (max-width: 1439px) {
  .us-details-v2-container .us-details-v2-section-image-container .us-details-v2-section-flipped-image {
    height: 700px;
  }
}

.us-details-v2-container .us-details-v2-section-wrapper {
  position: relative;
}

.us-details-v2-container .us-details-v2-section-wrapper .us-details-v2-section-content {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
}

@media only screen and (max-width: 1199px) {
  .us-details-v2-container .us-details-v2-section-wrapper .us-details-v2-section-content {
    position: relative;
  }
}

.us-details-v2-container .us-details-v2-section-wrapper .us-details-v2-section-content-box {
  padding: 40px;
  position: relative;
  height: 800px;
  overflow-y: scroll;
}

@media only screen and (max-width: 1439px) {
  .us-details-v2-container .us-details-v2-section-wrapper .us-details-v2-section-content-box {
    height: 700px;
  }
}

@media only screen and (max-width: 1199px) {
  .us-details-v2-container .us-details-v2-section-wrapper .us-details-v2-section-content-box {
    height: auto;
  }
}

@media only screen and (max-width: 767px) {
  .us-details-v2-container .us-details-v2-section-wrapper .us-details-v2-section-content-box {
    padding: 20px;
    float: left;
    width: 100%;
  }
}

.us-details-v2-container .us-details-v2-overview {
  width: 100%;
}

.us-details-v2-container .us-details-v2-overview-content {
  position: absolute;
  top: 15px;
  left: 0;
  right: 0;
  z-index: 1;
}

@media only screen and (max-width: 1199px) {
  .us-details-v2-container .us-details-v2-overview-content {
    position: relative;
    top: 0;
  }
}

.us-details-v2-container .us-details-v2-overview-content .us-details-v2-overview-content-box {
  margin-top: 15px;
  background: #ffffff;
  padding: 30px;
}

@media only screen and (min-width: 1200px) {
  .us-details-v2-container .us-details-v2-overview-content .us-details-v2-overview-content-box {
    display: flex;
    justify-content: center;
    flex-direction: column;
  }
}

@media only screen and (max-width: 1199px) {
  .us-details-v2-container .us-details-v2-overview-content .us-details-v2-overview-content-box {
    padding: 15px 0;
  }
}

.us-details-v2-container .us-details-v2-overview-content .us-details-v2-overview-content-box .us-details-v2-title {
  font-weight: bold;
  margin-top: 0;
  font-size: 34px;
  line-height: 38px;
  padding-bottom: 10px;
  border-bottom: 1px solid #dbdbdb;
  margin-bottom: 20px;
}

@media only screen and (max-width: 1439px) {
  .us-details-v2-container .us-details-v2-overview-content .us-details-v2-overview-content-box .us-details-v2-title {
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 10px;
  }
}

@media only screen and (max-width: 479px) {
  .us-details-v2-container .us-details-v2-overview-content .us-details-v2-overview-content-box .us-details-v2-title {
    font-size: 18px;
    line-height: 24px;
  }
}

.us-details-v2-container .us-details-v2-overview-content .us-details-v2-overview-content-box .us-details-v2-title span {
  font-size: 16px;
  line-height: 20px;
  font-weight: normal;
  display: block;
}

@media only screen and (max-width: 479px) {
  .us-details-v2-container .us-details-v2-overview-content .us-details-v2-overview-content-box .us-details-v2-title span {
    font-size: 14px;
    line-height: 18px;
  }
}

.us-details-v2-container .us-details-v2-overview-content .us-details-v2-overview-content-box .us-details-v2-promotion {
  color: #0582CA;
  font-weight: bold;
  margin-bottom: 20px;
}

@media only screen and (max-width: 1439px) {
  .us-details-v2-container .us-details-v2-overview-content .us-details-v2-overview-content-box .us-details-v2-promotion {
    margin-bottom: 10px;
  }
}

.us-details-v2-container .us-details-v2-overview-content .us-details-v2-overview-content-box .us-details-v2-price-wrapper {
  display: flex;
}

.us-details-v2-container .us-details-v2-overview-content .us-details-v2-overview-content-box .us-details-v2-price-wrapper .us-details-v2-price {
  flex-grow: 1;
  flex-basis: 120px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: #F2F4F5;
  margin-right: 15px;
  padding: 15px;
  color: #003145;
}

@media only screen and (max-width: 767px) {
  .us-details-v2-container .us-details-v2-overview-content .us-details-v2-overview-content-box .us-details-v2-price-wrapper .us-details-v2-price {
    padding: 10px;
  }
}

.us-details-v2-container .us-details-v2-overview-content .us-details-v2-overview-content-box .us-details-v2-price-wrapper .us-details-v2-price:last-child {
  margin-right: 0;
}

.us-details-v2-container .us-details-v2-overview-content .us-details-v2-overview-content-box .us-details-v2-price-wrapper .us-details-v2-price .fromOnlyPrice, .us-details-v2-container .us-details-v2-overview-content .us-details-v2-overview-content-box .us-details-v2-price-wrapper .us-details-v2-price .Price strong, .us-details-v2-container .us-details-v2-overview-content .us-details-v2-overview-content-box .us-details-v2-price-wrapper .us-details-v2-price .Price, .us-details-v2-container .us-details-v2-overview-content .us-details-v2-overview-content-box .us-details-v2-price-wrapper .us-details-v2-price .monthly {
  color: #0582CA;
  font-size: 24px;
  font-weight: bold;
}

@media only screen and (max-width: 1439px) {
  .us-details-v2-container .us-details-v2-overview-content .us-details-v2-overview-content-box .us-details-v2-price-wrapper .us-details-v2-price .fromOnlyPrice, .us-details-v2-container .us-details-v2-overview-content .us-details-v2-overview-content-box .us-details-v2-price-wrapper .us-details-v2-price .Price strong, .us-details-v2-container .us-details-v2-overview-content .us-details-v2-overview-content-box .us-details-v2-price-wrapper .us-details-v2-price .Price, .us-details-v2-container .us-details-v2-overview-content .us-details-v2-overview-content-box .us-details-v2-price-wrapper .us-details-v2-price .monthly {
    font-size: 18px;
    line-height: 24px;
  }
}

.us-details-v2-container .us-details-v2-overview-content .us-details-v2-overview-content-box .us-details-v2-price-wrapper .us-details-v2-price .fromOnlyPrice .fromMonthly, .us-details-v2-container .us-details-v2-overview-content .us-details-v2-overview-content-box .us-details-v2-price-wrapper .us-details-v2-price .Price strong .fromMonthly, .us-details-v2-container .us-details-v2-overview-content .us-details-v2-overview-content-box .us-details-v2-price-wrapper .us-details-v2-price .Price .fromMonthly, .us-details-v2-container .us-details-v2-overview-content .us-details-v2-overview-content-box .us-details-v2-price-wrapper .us-details-v2-price .monthly .fromMonthly {
  font-size: 16px;
  color: #003145;
  font-weight: normal;
}

@media only screen and (max-width: 1439px) {
  .us-details-v2-container .us-details-v2-overview-content .us-details-v2-overview-content-box .us-details-v2-price-wrapper .us-details-v2-price .fromOnlyPrice .fromMonthly, .us-details-v2-container .us-details-v2-overview-content .us-details-v2-overview-content-box .us-details-v2-price-wrapper .us-details-v2-price .Price strong .fromMonthly, .us-details-v2-container .us-details-v2-overview-content .us-details-v2-overview-content-box .us-details-v2-price-wrapper .us-details-v2-price .Price .fromMonthly, .us-details-v2-container .us-details-v2-overview-content .us-details-v2-overview-content-box .us-details-v2-price-wrapper .us-details-v2-price .monthly .fromMonthly {
    font-size: 14px;
  }
}

.us-details-v2-container .us-details-v2-overview-content .us-details-v2-overview-content-box .us-details-v2-price-wrapper .us-details-v2-price .wasSavingPrices {
  font-size: 13px;
  line-height: 13px;
  opacity: 0.7;
}

.us-details-v2-container .us-details-v2-overview-content .us-details-v2-overview-content-box .us-details-v2-price-wrapper .us-details-v2-price:hover {
  text-decoration: none;
}

.us-details-v2-container .us-details-v2-overview-content .us-details-v2-overview-content-box .us-details-v2-price-wrapper .us-details-v2-price:has(.vehicle-finance-only:empty) {
  display: none;
}

.us-details-v2-container .us-details-v2-overview-content .us-details-v2-overview-content-box .us-details-v2-number {
  margin: 20px 0;
}

.us-details-v2-container .us-details-v2-overview-content .us-details-v2-overview-content-box .us-details-v2-number .awicon {
  font-size: 20px;
  margin-right: 5px;
}

.us-details-v2-container .us-details-v2-overview-content .us-details-v2-overview-content-box .us-details-v2-number strong {
  font-size: 24px;
  line-height: 24px;
}

@media only screen and (max-width: 1439px) {
  .us-details-v2-container .us-details-v2-overview-content .us-details-v2-overview-content-box .us-details-v2-number strong {
    font-size: 18px;
    line-height: 24px;
  }
}

.us-details-v2-container .us-details-v2-overview-content .us-details-v2-overview-content-box .us-details-v2-number strong a {
  color: #003145;
}

.us-details-v2-container .us-details-v2-overview-content .us-details-v2-overview-content-box .us-details-v2-media-wrapper {
  display: flex;
}

.us-details-v2-container .us-details-v2-overview-content .us-details-v2-overview-content-box .us-details-v2-media-wrapper .us-vehicle_media {
  padding: 5px;
  flex-grow: 1;
  flex-basis: 100%;
  text-align: center;
  border: 1px solid #dbdbdb;
  background: #ffffff;
  color: #003145;
  margin-right: 15px;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s;
}

.us-details-v2-container .us-details-v2-overview-content .us-details-v2-overview-content-box .us-details-v2-media-wrapper .us-vehicle_media:last-child {
  margin-right: 0;
}

.us-details-v2-container .us-details-v2-overview-content .us-details-v2-overview-content-box .us-details-v2-media-wrapper .us-vehicle_media:hover {
  border: 1px solid #0582CA;
  color: #0582CA;
}

@media only screen and (max-width: 1199px) {
  .us-details-v2-container .us-details-v2-overview-content .us-details-v2-overview-content-box .us-details-v2-media-wrapper {
    margin-bottom: -70px;
    margin-top: 30px;
  }
}

@media only screen and (max-width: 479px) {
  .us-details-v2-container .us-details-v2-overview-content .us-details-v2-overview-content-box .us-details-v2-media-wrapper {
    margin-bottom: -60px;
  }
}

.us-details-v2-container .us-details-v2-overview-content .us-details-v2-overview-content-box .us-details-ctas a {
  margin-top: 20px;
  padding: 15px 0;
}

@media only screen and (max-width: 1439px) {
  .us-details-v2-container .us-details-v2-overview-content .us-details-v2-overview-content-box .us-details-ctas a {
    margin-top: 10px;
  }
}

.us-details-v2-container .us-details-v2-overview-content .us-details-v2-overview-content-box .us-details-ctas .us-cta-desktop-text {
  display: none;
}

.us-details-v2-container .us-details-v2-overview-content .us-details-v2-overview-content-box .us-details-ctas .us-cta-mobile-text {
  display: block;
}

.us-details-v2-container .us-details-v2-overview-content .us-details-valuation {
  margin-top: 6%;
}

.us-details-v2-container .us-details-v2-overview-content .us-details-valuation #valuation .details-value-form {
  flex-wrap: wrap;
  align-items: flex-start;
}

.us-details-v2-container .us-details-v2-overview-content .us-details-valuation #valuation .details-value-form > div {
  width: 33.3%;
  padding: 0;
}

.us-details-v2-container .us-details-v2-overview-content .us-details-valuation #valuation .details-value-form > div:last-child {
  padding-right: 0;
}

.us-details-v2-container .us-details-v2-overview-content .us-details-valuation #valuation .details-value-form > div input {
  font-size: 14px;
  margin: 0;
}

.us-details-v2-container .us-details-v2-overview-content .us-details-valuation #valuation .details-value-form > div input#vehicleReg {
  font-size: 14px;
}

.us-details-v2-container .us-details-v2-overview-content .us-details-valuation #valuation .details-value-form .button-wrap {
  flex-grow: 1;
}

.us-details-v2-container .us-details-v2-overview-content .us-details-valuation #valuation .details-value-form .button-wrap button {
  margin: 0;
  width: 100%;
  min-height: 46px;
}

.us-details-v2-container .us-details-v2-overview-content .us-details-valuation #valuation .details-value-form .us-details-valuation-title {
  flex-basis: 100%;
  margin-bottom: 10px;
}

.us-details-v2-container .us-detailsTwo-spec-highlights {
  display: flex;
  align-items: center;
}

@media only screen and (max-width: 991px) {
  .us-details-v2-container .us-detailsTwo-spec-highlights {
    flex-wrap: wrap;
    border-bottom: 1px solid #dbdbdb;
  }
}

.us-details-v2-container .us-detailsTwo-spec-highlights .us-detailsTwo-spec-item {
  flex-grow: 1;
  flex-basis: 100%;
  padding: 3em 0;
  border-right: 1px solid #dbdbdb;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 22px;
}

@media only screen and (max-width: 991px) {
  .us-details-v2-container .us-detailsTwo-spec-highlights .us-detailsTwo-spec-item {
    padding: 2em 0;
    flex-basis: 33.33%;
    border-top: 1px solid #dbdbdb;
    font-size: 14px;
    line-height: 20px;
  }
  .us-details-v2-container .us-detailsTwo-spec-highlights .us-detailsTwo-spec-item:nth-child(4) {
    border-left: 1px solid #dbdbdb;
  }
}

@media only screen and (max-width: 479px) {
  .us-details-v2-container .us-detailsTwo-spec-highlights .us-detailsTwo-spec-item {
    flex-basis: 50%;
    padding: 1em 0;
  }
  .us-details-v2-container .us-detailsTwo-spec-highlights .us-detailsTwo-spec-item:nth-child(4) {
    border-left: 0;
  }
  .us-details-v2-container .us-detailsTwo-spec-highlights .us-detailsTwo-spec-item:nth-child(odd) {
    border-left: 1px solid #dbdbdb;
  }
}

.us-details-v2-container .us-detailsTwo-spec-highlights .us-detailsTwo-spec-item:first-child {
  border-left: 1px solid #dbdbdb;
}

.us-details-v2-container .us-detailsTwo-spec-highlights .us-detailsTwo-spec-item .awicon {
  display: block;
  float: left;
  font-size: 50px;
  line-height: 50px;
  margin-right: 15px;
}

@media only screen and (max-width: 1439px) {
  .us-details-v2-container .us-detailsTwo-spec-highlights .us-detailsTwo-spec-item .awicon {
    font-size: 30px;
    line-height: 30px;
  }
}

.us-details-v2-container .us-detailsTwo-spec-highlights .us-detailsTwo-spec-item .us-detailsTwo-spec-text {
  float: left;
}

.us-details-v2-container .us-detailsTwo-spec-highlights .us-detailsTwo-spec-item:nth-child(n+7) {
  display: none;
}

.us-details-v2-container .us-details-v2-tech-spec-wrapper .us-details-v2-tech-spec-box {
  background: #F2F4F5;
  color: #003145;
}

.us-details-v2-container .us-details-v2-tech-spec-wrapper .us-details-v2-tech-spec-box h2 {
  margin: 0 0 20px 0;
  color: #003145;
}

.us-details-v2-container .us-details-v2-tech-spec-wrapper .us-details-v2-tech-spec-box .us-details-v2-tech-spec-content h4 {
  margin-top: 0;
  font-size: 16px;
  line-height: 22px;
  color: #0582CA;
  font-weight: bold;
}

.us-details-v2-container .us-details-v2-tech-spec-wrapper .us-details-v2-tech-spec-box .us-details-v2-tech-spec-content ul {
  margin: 0 0 40px 0;
  padding: 0;
  float: left;
  width: 100%;
}

.us-details-v2-container .us-details-v2-tech-spec-wrapper .us-details-v2-tech-spec-box .us-details-v2-tech-spec-content ul li {
  list-style: none;
  float: left;
  width: 50%;
  padding: 5px;
  border-bottom: 1px solid #dbdbdb;
}

.us-details-v2-container .us-details-v2-tech-spec-wrapper .us-details-v2-tech-spec-box .us-details-v2-tech-spec-content ul li:nth-child(4n -2), .us-details-v2-container .us-details-v2-tech-spec-wrapper .us-details-v2-tech-spec-box .us-details-v2-tech-spec-content ul li:nth-child(4n -3) {
  background: #ffffff;
}

.us-details-v2-container .us-details-v2-tech-spec-wrapper .us-details-v2-tech-spec-box .us-details-v2-tech-spec-content ul li .type {
  font-weight: bold;
}

.us-details-v2-container .us-details-v2-specification-wrapper .us-details-v2-specification-box {
  background: #ffffff;
  color: #003145;
}

.us-details-v2-container .us-details-v2-specification-wrapper .us-details-v2-specification-box h2 {
  margin: 0 0 20px 0;
  color: #003145;
}

.us-details-v2-container .us-details-v2-specification-wrapper .us-details-v2-specification-box .us-details-v2-specification-content h4 {
  margin-top: 0;
  font-size: 16px;
  line-height: 22px;
  color: #0582CA;
  font-weight: bold;
}

.us-details-v2-container .us-details-v2-specification-wrapper .us-details-v2-specification-box .us-details-v2-specification-content ul {
  margin: 0 0 40px 0;
  padding: 0;
}

.us-details-v2-container .us-details-v2-specification-wrapper .us-details-v2-specification-box .us-details-v2-specification-content ul li {
  list-style: none;
  padding: 5px;
  border-bottom: 1px solid #dbdbdb;
}

.us-details-v2-container .us-details-v2-specification-wrapper .us-details-v2-specification-box .us-details-v2-specification-content ul li:nth-child(odd) {
  background: #F2F4F5;
}

.us-details-v2-container .us-details-v2-specification-wrapper .us-details-v2-specification-box .nav-tabs {
  display: flex;
}

.us-details-v2-container .us-details-v2-specification-wrapper .us-details-v2-specification-box .nav-tabs > li {
  flex-basis: 100%;
  text-align: center;
  font-weight: bold;
}

.us-details-v2-container .us-details-v2-specification-wrapper .us-details-v2-specification-box .nav-tabs > li a {
  color: #003145;
}

.us-details-v2-container .us-details-v2-specification-wrapper .us-details-v2-specification-box .tab-content {
  padding-top: 20px;
}

.us-details-v2-container .us-details-v2-finance-wrapper {
  background: #F2F4F5;
  padding: 20px 0;
}

.us-details-v2-container .us-details-v2-finance-wrapper .us-details-v2-finance-inner {
  background: #ffffff;
  padding: 20px;
}

.us-details-v2-container .us-details-v2-finance-wrapper .us-details-v2-finance-inner .tablinks {
  display: none;
}

.us-details-v2-print-button {
  padding: 5px;
  flex-grow: 1;
  flex-basis: 100%;
  text-align: center;
  border: 1px solid #dbdbdb;
  background: #ffffff;
  margin: 10px;
  border-radius: 5px;
}

.us-details-v2-print-button .print-button-mobile-v3 {
  color: #333;
  font-size: 14px;
}

@media only screen and (min-width: 1200px) {
  .us-details-v2-print-button {
    display: none;
  }
}

@media only screen and (max-width: 1199px) {
  .us-details-v3-container .padding-hidden-sm {
    padding: 0;
  }
}

.us-details-v3-container .details-v3-sticky-bar-container {
  margin-top: -107px;
  top: 32px;
  background: #003145;
  color: #ffffff;
  position: fixed;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 900;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s;
}

@media only screen and (max-width: 1199px) {
  .us-details-v3-container .details-v3-sticky-bar-container {
    top: 32px;
    margin-top: -75px;
  }
}

@media only screen and (max-width: 991px) {
  .us-details-v3-container .details-v3-sticky-bar-container {
    top: 50px;
    z-index: 990;
  }
}

.us-details-v3-container .details-v3-sticky-bar-container .details-v3-sticky-bar-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 75px;
  overflow: hidden;
}

@media only screen and (max-width: 991px) {
  .us-details-v3-container .details-v3-sticky-bar-container .details-v3-sticky-bar-inner {
    height: 40px;
  }
}

.us-details-v3-container .details-v3-sticky-bar-container .details-v3-sticky-bar-inner .us-details-v3-title {
  color: #ffffff;
  font-size: 24px;
  line-height: 24px;
  margin: 0;
}

@media only screen and (max-width: 1439px) {
  .us-details-v3-container .details-v3-sticky-bar-container .details-v3-sticky-bar-inner .us-details-v3-title {
    font-size: 18px;
    line-height: 20px;
  }
}

@media only screen and (max-width: 1199px) {
  .us-details-v3-container .details-v3-sticky-bar-container .details-v3-sticky-bar-inner .us-details-v3-title {
    padding-left: 15px;
  }
}

.us-details-v3-container .details-v3-sticky-bar-container .details-v3-sticky-bar-inner .us-details-v3-title span {
  font-size: 16px;
  line-height: 16px;
  font-weight: normal;
}

@media only screen and (max-width: 1439px) {
  .us-details-v3-container .details-v3-sticky-bar-container .details-v3-sticky-bar-inner .us-details-v3-title span {
    font-size: 14px;
    line-height: 14px;
  }
}

.us-details-v3-container .details-v3-sticky-bar-container .details-v3-sticky-bar-inner .details-v3-right-subnav-ctas {
  display: flex;
  align-items: center;
}

@media only screen and (max-width: 991px) {
  .us-details-v3-container .details-v3-sticky-bar-container .details-v3-sticky-bar-inner .details-v3-right-subnav-ctas {
    width: 100%;
  }
}

.us-details-v3-container .details-v3-sticky-bar-container .details-v3-sticky-bar-inner .details-v3-right-subnav-ctas .details-v3-subnav {
  display: flex;
  align-items: center;
  justify-content: center;
}

@media only screen and (max-width: 991px) {
  .us-details-v3-container .details-v3-sticky-bar-container .details-v3-sticky-bar-inner .details-v3-right-subnav-ctas .details-v3-subnav {
    width: 100%;
  }
}

.us-details-v3-container .details-v3-sticky-bar-container .details-v3-sticky-bar-inner .details-v3-right-subnav-ctas .details-v3-subnav a {
  color: #ffffff;
  border-left: 1px solid rgba(255, 255, 255, 0.2);
  height: 75px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 130px;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s;
}

.us-details-v3-container .details-v3-sticky-bar-container .details-v3-sticky-bar-inner .details-v3-right-subnav-ctas .details-v3-subnav a:hover, .us-details-v3-container .details-v3-sticky-bar-container .details-v3-sticky-bar-inner .details-v3-right-subnav-ctas .details-v3-subnav a:focus, .us-details-v3-container .details-v3-sticky-bar-container .details-v3-sticky-bar-inner .details-v3-right-subnav-ctas .details-v3-subnav a.active {
  background: #0468A1;
  text-decoration: none;
}

@media only screen and (max-width: 991px) {
  .us-details-v3-container .details-v3-sticky-bar-container .details-v3-sticky-bar-inner .details-v3-right-subnav-ctas .details-v3-subnav a {
    height: 40px;
    flex-basis: 100%;
    font-size: 14px;
  }
}

.us-details-v3-container .details-v3-sticky-bar-container .details-v3-sticky-bar-inner .details-v3-right-subnav-ctas .us-details-ctas a {
  width: 130px;
  border-left: 1px solid rgba(255, 255, 255, 0.2);
  margin: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  height: 75px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  white-space: pre-wrap;
}

.us-details-v3-container .details-v3-sticky-bar-container .details-v3-sticky-bar-inner .details-v3-right-subnav-ctas .us-details-ctas .us-cta-desktop-text {
  display: none;
}

.us-details-v3-container .details-v3-sticky-bar-container .details-v3-sticky-bar-inner .details-v3-right-subnav-ctas .us-details-ctas .us-cta-mobile-text {
  display: block;
}

.us-details-v3-container .us-details-v3-section .us-details-v3-section-content {
  width: 35%;
  float: left;
  padding: 30px;
  position: relative;
}

@media only screen and (min-width: 1200px) {
  .us-details-v3-container .us-details-v3-section .us-details-v3-section-content {
    display: flex;
    flex-direction: column;
  }
}

@media only screen and (max-width: 1199px) {
  .us-details-v3-container .us-details-v3-section .us-details-v3-section-content {
    padding: 15px;
    width: 100%;
  }
}

.us-details-v3-container .us-details-v3-section .us-details-v3-section-image {
  width: 65%;
  float: left;
  position: relative;
}

.us-details-v3-container .us-details-v3-section .us-details-v3-section-image.right {
  float: right;
}

.us-details-v3-container .us-details-v3-section .us-details-v3-section-image img {
  width: 100%;
}

@media only screen and (max-width: 1199px) {
  .us-details-v3-container .us-details-v3-section .us-details-v3-section-image {
    width: 100%;
  }
}

.us-details-v3-container .us-details-v3-section .us-details-v3-section-image .phyron-video-wrapper {
  z-index: 1 !important;
}

.us-details-v3-container .us-details-v3-section .us-details-v3-section-image .phyron-video-wrapper:hover {
  cursor: pointer;
}

.us-details-v3-container .us-details-v3-section .us-details-v3-section-image .us-vehicle_360 {
  position: absolute;
  top: 20px;
  left: 20px;
  background: rgba(0, 0, 0, 0.7);
  padding: 10px;
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  -ms-border-radius: 100px;
  border-radius: 100px;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s;
  z-index: 2;
}

.us-details-v3-container .us-details-v3-section .us-details-v3-section-image .us-vehicle_360 .awicon {
  font-size: 50px;
  line-height: 50px;
  display: block;
  color: #fff;
}

.us-details-v3-container .us-details-v3-section .us-details-v3-section-image .us-vehicle_360 .awicon.awicon-play-slideshow, .us-details-v3-container .us-details-v3-section .us-details-v3-section-image .us-vehicle_360 .awicon.awicon-photo {
  font-size: 30px;
  line-height: 30px;
  padding: 10px;
}

@media only screen and (max-width: 479px) {
  .us-details-v3-container .us-details-v3-section .us-details-v3-section-image .us-vehicle_360 .awicon {
    font-size: 30px;
    line-height: 30px;
  }
  .us-details-v3-container .us-details-v3-section .us-details-v3-section-image .us-vehicle_360 .awicon.awicon-play-slideshow, .us-details-v3-container .us-details-v3-section .us-details-v3-section-image .us-vehicle_360 .awicon.awicon-photo {
    font-size: 20px;
    line-height: 20px;
    padding: 5px;
  }
}

.us-details-v3-container .us-details-v3-section .us-details-v3-section-image .us-vehicle_360:hover {
  cursor: pointer;
  background: #0582CA;
}

.us-details-v3-container .us-details-v3-overview .container-fluid {
  position: relative;
}

.us-details-v3-container .us-details-v3-overview .container-fluid .back-button {
  position: absolute;
  z-index: 1;
  top: 20px;
  left: 45px;
  right: 45px;
}

.us-details-v3-container .us-details-v3-overview .container-fluid .us-service-history-item {
  flex-direction: column;
  margin-top: 10px;
}

.us-details-v3-container .us-details-v3-overview .container-fluid .us-service-history-item .awicon {
  margin: 0 0 10px 0;
}

.us-details-v3-container .us-details-v3-overview .container-fluid .us-service-history-item .us-service-history-value {
  text-align: center;
}

.us-details-v3-container .us-details-v3-overview .us-details-v3-overview-content-box {
  background: #F2F4F5;
  justify-content: center;
}

.us-details-v3-container .us-details-v3-overview .us-details-v3-overview-content-box .us-details-v3-title {
  font-weight: bold;
  margin-top: 0;
  font-size: 34px;
  line-height: 38px;
  padding-bottom: 10px;
  border-bottom: 1px solid #dbdbdb;
  margin-bottom: 6%;
}

@media only screen and (max-width: 1439px) {
  .us-details-v3-container .us-details-v3-overview .us-details-v3-overview-content-box .us-details-v3-title {
    font-size: 24px;
    line-height: 28px;
  }
}

@media only screen and (min-width: 1200px) {
  .us-details-v3-container .us-details-v3-overview .us-details-v3-overview-content-box .us-details-v3-title {
    margin-top: 40px;
  }
}

@media only screen and (max-width: 479px) {
  .us-details-v3-container .us-details-v3-overview .us-details-v3-overview-content-box .us-details-v3-title {
    font-size: 18px;
    line-height: 24px;
  }
}

.us-details-v3-container .us-details-v3-overview .us-details-v3-overview-content-box .us-details-v3-title span {
  font-size: 16px;
  line-height: 20px;
  font-weight: normal;
  display: block;
}

@media only screen and (max-width: 479px) {
  .us-details-v3-container .us-details-v3-overview .us-details-v3-overview-content-box .us-details-v3-title span {
    font-size: 14px;
    line-height: 18px;
  }
}

.us-details-v3-container .us-details-v3-overview .us-details-v3-overview-content-box .us-details-v3-promotion {
  color: #0582CA;
  font-weight: bold;
  margin-bottom: 6%;
}

.us-details-v3-container .us-details-v3-overview .us-details-v3-overview-content-box .us-details-v3-price-wrapper {
  display: flex;
}

.us-details-v3-container .us-details-v3-overview .us-details-v3-overview-content-box .us-details-v3-price-wrapper .us-details-v3-price {
  flex-grow: 1;
  flex-basis: 120px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: #ffffff;
  margin-right: 15px;
  padding: 15px;
  color: #003145;
}

@media only screen and (max-width: 767px) {
  .us-details-v3-container .us-details-v3-overview .us-details-v3-overview-content-box .us-details-v3-price-wrapper .us-details-v3-price {
    padding: 10px;
  }
}

.us-details-v3-container .us-details-v3-overview .us-details-v3-overview-content-box .us-details-v3-price-wrapper .us-details-v3-price:last-child {
  margin-right: 0;
}

.us-details-v3-container .us-details-v3-overview .us-details-v3-overview-content-box .us-details-v3-price-wrapper .us-details-v3-price .fromOnlyPrice, .us-details-v3-container .us-details-v3-overview .us-details-v3-overview-content-box .us-details-v3-price-wrapper .us-details-v3-price .Price strong, .us-details-v3-container .us-details-v3-overview .us-details-v3-overview-content-box .us-details-v3-price-wrapper .us-details-v3-price .Price, .us-details-v3-container .us-details-v3-overview .us-details-v3-overview-content-box .us-details-v3-price-wrapper .us-details-v3-price .monthly {
  color: #0582CA;
  font-size: 24px;
  font-weight: bold;
}

@media only screen and (max-width: 1439px) {
  .us-details-v3-container .us-details-v3-overview .us-details-v3-overview-content-box .us-details-v3-price-wrapper .us-details-v3-price .fromOnlyPrice, .us-details-v3-container .us-details-v3-overview .us-details-v3-overview-content-box .us-details-v3-price-wrapper .us-details-v3-price .Price strong, .us-details-v3-container .us-details-v3-overview .us-details-v3-overview-content-box .us-details-v3-price-wrapper .us-details-v3-price .Price, .us-details-v3-container .us-details-v3-overview .us-details-v3-overview-content-box .us-details-v3-price-wrapper .us-details-v3-price .monthly {
    font-size: 18px;
    line-height: 24px;
  }
}

.us-details-v3-container .us-details-v3-overview .us-details-v3-overview-content-box .us-details-v3-price-wrapper .us-details-v3-price .fromOnlyPrice .fromMonthly, .us-details-v3-container .us-details-v3-overview .us-details-v3-overview-content-box .us-details-v3-price-wrapper .us-details-v3-price .Price strong .fromMonthly, .us-details-v3-container .us-details-v3-overview .us-details-v3-overview-content-box .us-details-v3-price-wrapper .us-details-v3-price .Price .fromMonthly, .us-details-v3-container .us-details-v3-overview .us-details-v3-overview-content-box .us-details-v3-price-wrapper .us-details-v3-price .monthly .fromMonthly {
  font-size: 16px;
  color: #003145;
  font-weight: normal;
}

@media only screen and (max-width: 1439px) {
  .us-details-v3-container .us-details-v3-overview .us-details-v3-overview-content-box .us-details-v3-price-wrapper .us-details-v3-price .fromOnlyPrice .fromMonthly, .us-details-v3-container .us-details-v3-overview .us-details-v3-overview-content-box .us-details-v3-price-wrapper .us-details-v3-price .Price strong .fromMonthly, .us-details-v3-container .us-details-v3-overview .us-details-v3-overview-content-box .us-details-v3-price-wrapper .us-details-v3-price .Price .fromMonthly, .us-details-v3-container .us-details-v3-overview .us-details-v3-overview-content-box .us-details-v3-price-wrapper .us-details-v3-price .monthly .fromMonthly {
    font-size: 14px;
  }
}

.us-details-v3-container .us-details-v3-overview .us-details-v3-overview-content-box .us-details-v3-price-wrapper .us-details-v3-price .wasSavingPrices {
  font-size: 13px;
  line-height: 13px;
  opacity: 0.7;
}

.us-details-v3-container .us-details-v3-overview .us-details-v3-overview-content-box .us-details-v3-price-wrapper .us-details-v3-price:hover {
  text-decoration: none;
}

.us-details-v3-container .us-details-v3-overview .us-details-v3-overview-content-box .us-details-v3-price-wrapper .us-details-v3-price .euro-price-container .euro-price {
  float: left;
  font-size: 18px;
}

@media only screen and (max-width: 1439px) {
  .us-details-v3-container .us-details-v3-overview .us-details-v3-overview-content-box .us-details-v3-price-wrapper .us-details-v3-price .euro-price-container .euro-price {
    font-size: 16px;
  }
}

.us-details-v3-container .us-details-v3-overview .us-details-v3-overview-content-box .us-details-v3-price-wrapper .us-details-v3-price .euro-price-container .exchange-info {
  float: left;
  width: 15px;
  height: 15px;
  font-size: 12px;
  line-height: 12px;
  font-weight: bold;
  border-radius: 15px;
  background: #0582CA;
  color: #fff;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

.us-details-v3-container .us-details-v3-overview .us-details-v3-overview-content-box .us-details-v3-price-wrapper .us-details-v3-price:has(.vehicle-finance-only:empty) {
  display: none;
}

.us-details-v3-container .us-details-v3-overview .us-details-v3-overview-content-box .us-details-v3-number {
  margin: 6% 0;
}

.us-details-v3-container .us-details-v3-overview .us-details-v3-overview-content-box .us-details-v3-number .awicon {
  font-size: 20px;
  margin-right: 5px;
}

.us-details-v3-container .us-details-v3-overview .us-details-v3-overview-content-box .us-details-v3-number strong {
  font-size: 24px;
  line-height: 24px;
}

@media only screen and (max-width: 1439px) {
  .us-details-v3-container .us-details-v3-overview .us-details-v3-overview-content-box .us-details-v3-number strong {
    font-size: 18px;
    line-height: 24px;
  }
}

.us-details-v3-container .us-details-v3-overview .us-details-v3-overview-content-box .us-details-v3-number strong a {
  color: #003145;
}

@media only screen and (max-width: 767px) {
  .us-details-v3-container .us-details-v3-overview .us-details-v3-overview-content-box .us-details-v3-number {
    margin: 0;
  }
}

.us-details-v3-container .us-details-v3-overview .us-details-v3-overview-content-box .us-details-v3-media-wrapper {
  display: flex;
}

.us-details-v3-container .us-details-v3-overview .us-details-v3-overview-content-box .us-details-v3-media-wrapper .us-vehicle_media {
  padding: 5px;
  flex-grow: 1;
  flex-basis: 100%;
  text-align: center;
  border: 1px solid #dbdbdb;
  background: #ffffff;
  color: #003145;
  margin-right: 15px;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s;
}

.us-details-v3-container .us-details-v3-overview .us-details-v3-overview-content-box .us-details-v3-media-wrapper .us-vehicle_media:last-child {
  margin-right: 0;
}

.us-details-v3-container .us-details-v3-overview .us-details-v3-overview-content-box .us-details-v3-media-wrapper .us-vehicle_media:hover {
  border: 1px solid #0582CA;
  color: #0582CA;
}

@media only screen and (max-width: 1199px) {
  .us-details-v3-container .us-details-v3-overview .us-details-v3-overview-content-box .us-details-v3-media-wrapper {
    position: relative;
  }
}

.us-details-v3-container .us-details-v3-overview .us-details-v3-overview-content-box .us-details-ctas a {
  margin-top: 6%;
  padding: 15px 0;
}

.us-details-v3-container .us-details-v3-overview .us-details-v3-overview-content-box .us-details-ctas .us-cta-desktop-text {
  display: none;
}

.us-details-v3-container .us-details-v3-overview .us-details-v3-overview-content-box .us-details-ctas .us-cta-mobile-text {
  display: block;
}

.us-details-v3-container .us-details-v3-overview .us-details-v3-overview-content-box .us-details-valuation {
  background: #ffffff;
  margin-top: 6%;
}

.us-details-v3-container .us-details-v3-overview .us-details-v3-overview-content-box .us-details-valuation #valuation .details-value-form {
  flex-wrap: wrap;
}

.us-details-v3-container .us-details-v3-overview .us-details-v3-overview-content-box .us-details-valuation #valuation .details-value-form > div {
  width: 33.3%;
  padding: 0;
}

.us-details-v3-container .us-details-v3-overview .us-details-v3-overview-content-box .us-details-valuation #valuation .details-value-form > div:last-child {
  padding-right: 0;
}

.us-details-v3-container .us-details-v3-overview .us-details-v3-overview-content-box .us-details-valuation #valuation .details-value-form > div button,
.us-details-v3-container .us-details-v3-overview .us-details-v3-overview-content-box .us-details-valuation #valuation .details-value-form > div input {
  font-size: 14px;
}

.us-details-v3-container .us-details-v3-overview .us-details-v3-overview-content-box .us-details-valuation #valuation .details-value-form > div button#vehicleReg,
.us-details-v3-container .us-details-v3-overview .us-details-v3-overview-content-box .us-details-valuation #valuation .details-value-form > div input#vehicleReg {
  font-size: 14px;
}

.us-details-v3-container .us-details-v3-overview .us-details-v3-overview-content-box .us-details-valuation #valuation .details-value-form .us-details-valuation-title {
  flex-basis: 100%;
  margin-bottom: 10px;
}

.us-details-v3-container .us-detailsThree-spec-highlights {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #dbdbdb;
  border-top: 1px solid #dbdbdb;
}

@media only screen and (max-width: 991px) {
  .us-details-v3-container .us-detailsThree-spec-highlights {
    flex-wrap: wrap;
  }
}

.us-details-v3-container .us-detailsThree-spec-highlights .us-detailsThree-spec-item {
  flex-grow: 1;
  flex-basis: 100%;
  padding: 3em 0;
  border-right: 1px solid #dbdbdb;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 22px;
  background: #ffffff;
  color: #003145;
}

.us-details-v3-container .us-detailsThree-spec-highlights .us-detailsThree-spec-item:first-child {
  border-left: 1px solid #dbdbdb;
}

@media only screen and (max-width: 991px) {
  .us-details-v3-container .us-detailsThree-spec-highlights .us-detailsThree-spec-item {
    padding: 2em 0;
    flex-basis: 33.33%;
    border-top: 1px solid #dbdbdb;
    font-size: 14px;
    line-height: 20px;
  }
  .us-details-v3-container .us-detailsThree-spec-highlights .us-detailsThree-spec-item:nth-child(4) {
    border-left: 1px solid #dbdbdb;
  }
}

@media only screen and (max-width: 479px) {
  .us-details-v3-container .us-detailsThree-spec-highlights .us-detailsThree-spec-item {
    flex-basis: 50%;
    padding: 1em 0;
  }
  .us-details-v3-container .us-detailsThree-spec-highlights .us-detailsThree-spec-item:nth-child(4) {
    border-left: 0;
  }
  .us-details-v3-container .us-detailsThree-spec-highlights .us-detailsThree-spec-item:nth-child(odd) {
    border-left: 1px solid #dbdbdb;
  }
}

.us-details-v3-container .us-detailsThree-spec-highlights .us-detailsThree-spec-item .awicon {
  display: block;
  float: left;
  font-size: 50px;
  line-height: 50px;
  margin-right: 15px;
}

@media only screen and (max-width: 1439px) {
  .us-details-v3-container .us-detailsThree-spec-highlights .us-detailsThree-spec-item .awicon {
    font-size: 30px;
    line-height: 30px;
  }
}

.us-details-v3-container .us-detailsThree-spec-highlights .us-detailsThree-spec-item .us-detailsThree-spec-text {
  float: left;
}

.us-details-v3-container .us-detailsThree-spec-highlights .us-detailsThree-spec-item:nth-child(n+7) {
  display: none;
}

.us-details-v3-container .us-details-v3-tech-spec-wrapper .us-details-v3-tech-spec-box {
  background: #F2F4F5;
  color: #003145;
}

@media only screen and (min-width: 1200px) {
  .us-details-v3-container .us-details-v3-tech-spec-wrapper .us-details-v3-tech-spec-box::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 120px;
    background: linear-gradient(180deg, white 0%, rgba(255, 255, 255, 0) 0%, white 100%);
  }
}

.us-details-v3-container .us-details-v3-tech-spec-wrapper .us-details-v3-tech-spec-box h2 {
  margin: 0 0 20px 0;
  color: #003145;
}

.us-details-v3-container .us-details-v3-tech-spec-wrapper .us-details-v3-tech-spec-box .us-details-v3-tech-spec-content {
  overflow-y: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.us-details-v3-container .us-details-v3-tech-spec-wrapper .us-details-v3-tech-spec-box .us-details-v3-tech-spec-content::-webkit-scrollbar {
  width: 0px;
}

.us-details-v3-container .us-details-v3-tech-spec-wrapper .us-details-v3-tech-spec-box .us-details-v3-tech-spec-content h4 {
  margin-top: 0;
  font-size: 16px;
  line-height: 22px;
  color: #0582CA;
  font-weight: bold;
}

.us-details-v3-container .us-details-v3-tech-spec-wrapper .us-details-v3-tech-spec-box .us-details-v3-tech-spec-content ul {
  margin: 0 0 40px 0;
  padding: 0;
  float: left;
  width: 100%;
}

.us-details-v3-container .us-details-v3-tech-spec-wrapper .us-details-v3-tech-spec-box .us-details-v3-tech-spec-content ul li {
  list-style: none;
  float: left;
  width: 50%;
  padding: 5px;
  border-bottom: 1px solid #dbdbdb;
}

.us-details-v3-container .us-details-v3-tech-spec-wrapper .us-details-v3-tech-spec-box .us-details-v3-tech-spec-content ul li:nth-child(4n -2), .us-details-v3-container .us-details-v3-tech-spec-wrapper .us-details-v3-tech-spec-box .us-details-v3-tech-spec-content ul li:nth-child(4n -3) {
  background: #ffffff;
}

.us-details-v3-container .us-details-v3-tech-spec-wrapper .us-details-v3-tech-spec-box .us-details-v3-tech-spec-content ul li .type {
  font-weight: bold;
}

.us-details-v3-container .us-details-v3-specification-wrapper .us-details-v3-specification-box {
  background: #F2F4F5;
  color: #003145;
}

@media only screen and (min-width: 1200px) {
  .us-details-v3-container .us-details-v3-specification-wrapper .us-details-v3-specification-box::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 120px;
    background: linear-gradient(180deg, white 0%, rgba(255, 255, 255, 0) 0%, white 100%);
  }
}

.us-details-v3-container .us-details-v3-specification-wrapper .us-details-v3-specification-box h2 {
  margin: 0 0 20px 0;
  color: #003145;
}

.us-details-v3-container .us-details-v3-specification-wrapper .us-details-v3-specification-box .us-details-v3-specification-content h4 {
  margin-top: 0;
  font-size: 16px;
  line-height: 22px;
  color: #0582CA;
  font-weight: bold;
}

.us-details-v3-container .us-details-v3-specification-wrapper .us-details-v3-specification-box .us-details-v3-specification-content ul {
  margin: 0 0 40px 0;
  padding: 0;
}

.us-details-v3-container .us-details-v3-specification-wrapper .us-details-v3-specification-box .us-details-v3-specification-content ul li {
  list-style: none;
  padding: 5px;
  border-bottom: 1px solid #dbdbdb;
}

.us-details-v3-container .us-details-v3-specification-wrapper .us-details-v3-specification-box .us-details-v3-specification-content ul li:nth-child(odd) {
  background: #ffffff;
}

.us-details-v3-container .us-details-v3-specification-wrapper .us-details-v3-specification-box .nav-tabs {
  display: flex;
}

.us-details-v3-container .us-details-v3-specification-wrapper .us-details-v3-specification-box .nav-tabs > li {
  flex-basis: 100%;
  text-align: center;
  font-weight: bold;
}

.us-details-v3-container .us-details-v3-specification-wrapper .us-details-v3-specification-box .nav-tabs > li.active a {
  background: #F2F4F5;
}

.us-details-v3-container .us-details-v3-specification-wrapper .us-details-v3-specification-box .nav-tabs > li a {
  color: #003145;
}

.us-details-v3-container .us-details-v3-specification-wrapper .us-details-v3-specification-box .tab-content {
  padding-top: 20px;
  overflow-y: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.us-details-v3-container .us-details-v3-specification-wrapper .us-details-v3-specification-box .tab-content::-webkit-scrollbar {
  width: 0px;
}

.us-details-v3-container .us-details-v3-finance-wrapper .us-details-v3-finance {
  padding: 20px;
  background: #F2F4F5;
}

@media only screen and (max-width: 767px) {
  .us-details-v3-container .us-details-v3-finance-wrapper .us-details-v3-finance {
    padding: 0;
    background: 0;
  }
}

.us-details-v3-container .us-details-v3-finance-wrapper .us-details-v3-finance .us-details-v3-finance-inner {
  padding: 20px;
  background: #ffffff;
}

.us-details-v3-container .us-details-v3-finance-wrapper .us-details-v3-finance .us-details-v3-finance-inner .tablinks {
  display: none;
}

.us-details-v3-print-button {
  padding: 5px;
  flex-grow: 1;
  flex-basis: 100%;
  text-align: center;
  border: 1px solid #dbdbdb;
  background: #ffffff;
  margin: 10px;
}

.us-details-v3-print-button .print-button-mobile-v3 {
  color: #333;
  font-size: 14px;
}

@media only screen and (min-width: 1200px) {
  .us-details-v3-print-button {
    display: none;
  }
}

@media only screen and (min-width: 992px) {
  .us-details-v4-container .us-details-title {
    font-size: 36px;
    line-height: 36px;
    text-align: left;
  }
  .us-details-v4-container .us-details-title span {
    font-size: 18px;
    line-height: 18px;
  }
}

@media only screen and (max-width: 991px) {
  .us-details-v4-container .us-details-title {
    width: 100%;
  }
}

.us-details-v4-container .us-details-price {
  width: 100%;
}

@media only screen and (min-width: 992px) {
  .us-details-v4-container .us-details-price {
    text-align: right;
  }
  .us-details-v4-container .us-details-price .Price {
    font-size: 36px;
    line-height: 36px;
  }
  .us-details-v4-container .us-details-price .wasSavingPrices {
    font-size: 18px;
    line-height: 18px;
  }
}

.us-details-v4-container .us-details-images {
  width: 100%;
}

@media only screen and (max-width: 767px) {
  .us-details-v4-container .us-details-ctas {
    display: block;
  }
}

.us-details-v4-container .us-details-top-tabs {
  width: 100%;
}

.us-details-v4-container .us-details-top-tabs .us-detailsFour-spec-highlights {
  display: flex;
  flex-wrap: wrap;
}

.us-details-v4-container .us-details-top-tabs .us-detailsFour-spec-highlights .us-detailsFour-spec-item {
  flex-basis: 50%;
  padding: 10px;
  border-right: 1px solid #ffffff;
}

.us-details-v4-container .us-details-top-tabs .us-detailsFour-spec-highlights .us-detailsFour-spec-item .awicon {
  display: none;
}

.us-details-v4-container .us-details-top-tabs .us-detailsFour-spec-highlights .us-detailsFour-spec-item .us-detailsFour-spec-text {
  display: flex;
  justify-content: space-between;
}

.us-details-v4-container .us-details-top-tabs .us-detailsFour-spec-highlights .us-detailsFour-spec-item .us-detailsFour-spec-text br {
  display: none;
}

.us-details-v4-container .us-details-top-tabs .us-detailsFour-spec-highlights .us-detailsFour-spec-item .us-detailsFour-spec-text strong {
  width: 50%;
}

.us-details-v4-container .us-details-top-tabs .us-detailsFour-spec-highlights .us-detailsFour-spec-item:nth-child(1), .us-details-v4-container .us-details-top-tabs .us-detailsFour-spec-highlights .us-detailsFour-spec-item:nth-child(2), .us-details-v4-container .us-details-top-tabs .us-detailsFour-spec-highlights .us-detailsFour-spec-item:nth-child(5), .us-details-v4-container .us-details-top-tabs .us-detailsFour-spec-highlights .us-detailsFour-spec-item:nth-child(6) {
  background: #ffffff;
  border-bottom: 1px solid #dbdbdb;
  border-right: 1px solid #F2F4F5;
}

.us-details-v4-container .us-details-top-tabs .us-detailsFour-spec-highlights .us-detailsFour-spec-item:nth-child(even) {
  border-right: 0;
}

.us-details-v4-container .us-details-top-tabs .nav-tabs li {
  display: block;
}

.us-details-v4-container .us-details-top-tabs .nav-tabs li:only-of-type {
  width: 100%;
}

@media only screen and (max-width: 1199px) {
  .us-details-v5-container .padding-hidden-sm {
    padding: 0;
  }
}

.us-details-v5-container .details-v5-sticky-bar-container {
  top: 0;
  background: #003145;
  color: #ffffff;
  position: fixed;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 900;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s;
}

.us-details-v5-container .details-v5-sticky-bar-container .details-v5-sticky-bar-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 75px;
  overflow: hidden;
}

@media only screen and (max-width: 991px) {
  .us-details-v5-container .details-v5-sticky-bar-container .details-v5-sticky-bar-inner {
    height: 40px;
  }
}

.us-details-v5-container .details-v5-sticky-bar-container .details-v5-sticky-bar-inner .us-details-v5-title {
  color: #ffffff;
  font-size: 24px;
  line-height: 24px;
  font-weight: bold;
  margin: 0;
}

@media only screen and (max-width: 1439px) {
  .us-details-v5-container .details-v5-sticky-bar-container .details-v5-sticky-bar-inner .us-details-v5-title {
    font-size: 18px;
    line-height: 20px;
  }
}

@media only screen and (max-width: 1199px) {
  .us-details-v5-container .details-v5-sticky-bar-container .details-v5-sticky-bar-inner .us-details-v5-title {
    padding-left: 15px;
  }
}

.us-details-v5-container .details-v5-sticky-bar-container .details-v5-sticky-bar-inner .us-details-v5-title span {
  font-size: 16px;
  line-height: 16px;
  font-weight: normal;
}

@media only screen and (max-width: 1439px) {
  .us-details-v5-container .details-v5-sticky-bar-container .details-v5-sticky-bar-inner .us-details-v5-title span {
    font-size: 14px;
    line-height: 14px;
  }
}

.us-details-v5-container .details-v5-sticky-bar-container .details-v5-sticky-bar-inner .details-v5-right-subnav-ctas {
  display: flex;
  align-items: center;
  width: 65%;
}

@media only screen and (max-width: 991px) {
  .us-details-v5-container .details-v5-sticky-bar-container .details-v5-sticky-bar-inner .details-v5-right-subnav-ctas {
    width: 100%;
  }
}

.us-details-v5-container .details-v5-sticky-bar-container .details-v5-sticky-bar-inner .details-v5-right-subnav-ctas a {
  font-size: 16px;
}

.us-details-v5-container .details-v5-sticky-bar-container .details-v5-sticky-bar-inner .details-v5-right-subnav-ctas .details-v5-subnav {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-grow: 1;
}

.us-details-v5-container .details-v5-sticky-bar-container .details-v5-sticky-bar-inner .details-v5-right-subnav-ctas .details-v5-subnav a {
  color: #ffffff;
  border-left: 1px solid rgba(255, 255, 255, 0.2);
  height: 75px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  padding: 10px;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s;
}

.us-details-v5-container .details-v5-sticky-bar-container .details-v5-sticky-bar-inner .details-v5-right-subnav-ctas .details-v5-subnav a:hover, .us-details-v5-container .details-v5-sticky-bar-container .details-v5-sticky-bar-inner .details-v5-right-subnav-ctas .details-v5-subnav a:focus {
  background: rgba(255, 255, 255, 0.1);
  text-decoration: none;
}

.us-details-v5-container .details-v5-sticky-bar-container .details-v5-sticky-bar-inner .details-v5-right-subnav-ctas .details-v5-subnav a.active {
  background: #0468A1;
  text-decoration: none;
}

@media only screen and (max-width: 991px) {
  .us-details-v5-container .details-v5-sticky-bar-container .details-v5-sticky-bar-inner .details-v5-right-subnav-ctas .details-v5-subnav a {
    height: 40px;
    flex-basis: 100%;
    font-size: 14px;
  }
}

.us-details-v5-container .details-v5-sticky-bar-container .details-v5-sticky-bar-inner .details-v5-right-subnav-ctas .us-details-ctas {
  flex-grow: 1;
}

.us-details-v5-container .details-v5-sticky-bar-container .details-v5-sticky-bar-inner .details-v5-right-subnav-ctas .us-details-ctas a {
  border-left: 1px solid rgba(255, 255, 255, 0.2);
  margin: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  height: 75px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  white-space: pre-wrap;
  flex: 1;
}

.us-details-v5-container .details-v5-sticky-bar-container .details-v5-sticky-bar-inner .details-v5-right-subnav-ctas .us-details-ctas a .awicon {
  display: none;
}

.us-details-v5-container .details-v5-sticky-bar-container .details-v5-sticky-bar-inner .details-v5-right-subnav-ctas .us-details-ctas .us-cta-desktop-text {
  display: none;
}

.us-details-v5-container .details-v5-sticky-bar-container .details-v5-sticky-bar-inner .details-v5-right-subnav-ctas .us-details-ctas .us-cta-mobile-text {
  display: block;
}

@media only screen and (max-width: 991px) {
  .us-details-v5-container .details-v5-sticky-bar-container .details-v5-sticky-bar-inner .details-v5-right-subnav-ctas .us-details-ctas {
    display: none;
  }
}

.us-details-v5-container .us-details-v5-section .us-details-v5-section-content {
  width: 35%;
  float: left;
  padding: 30px;
  position: relative;
}

@media only screen and (min-width: 1200px) {
  .us-details-v5-container .us-details-v5-section .us-details-v5-section-content {
    display: flex;
    flex-direction: column;
  }
}

@media only screen and (max-width: 1199px) {
  .us-details-v5-container .us-details-v5-section .us-details-v5-section-content {
    padding: 15px;
    width: 100%;
  }
}

.us-details-v5-container .us-details-v5-section .us-details-v5-section-image {
  width: 65%;
  float: left;
  position: relative;
  overflow: hidden;
}

.us-details-v5-container .us-details-v5-section .us-details-v5-section-image.right {
  float: right;
}

.us-details-v5-container .us-details-v5-section .us-details-v5-section-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media only screen and (max-width: 1199px) {
  .us-details-v5-container .us-details-v5-section .us-details-v5-section-image {
    width: 100%;
  }
}

.us-details-v5-container .us-details-v5-section .us-details-v5-section-image .phyron-video-wrapper {
  z-index: 1 !important;
}

.us-details-v5-container .us-details-v5-section .us-details-v5-section-image .phyron-video-wrapper:hover {
  cursor: pointer;
}

.us-details-v5-container .us-details-v5-section .us-details-v5-section-image .us-vehicle_360 {
  position: absolute;
  background: rgba(0, 0, 0, 0.5);
  padding: 10px;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  -ms-border-radius: 100px;
  border-radius: 100px;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s;
  z-index: 2;
}

.us-details-v5-container .us-details-v5-section .us-details-v5-section-image .us-vehicle_360.top-right {
  top: 10px;
  right: 10px;
}

.us-details-v5-container .us-details-v5-section .us-details-v5-section-image .us-vehicle_360.top-left {
  top: 10px;
  left: 10px;
}

.us-details-v5-container .us-details-v5-section .us-details-v5-section-image .us-vehicle_360.bottom-left {
  bottom: 10px;
  left: 10px;
}

.us-details-v5-container .us-details-v5-section .us-details-v5-section-image .us-vehicle_360.bottom-right {
  bottom: 10px;
  right: 10px;
}

.us-details-v5-container .us-details-v5-section .us-details-v5-section-image .us-vehicle_360 .awicon {
  font-size: 50px;
  line-height: 1;
  display: block;
  color: #fff;
}

.us-details-v5-container .us-details-v5-section .us-details-v5-section-image .us-vehicle_360 .awicon.awicon-play-slideshow, .us-details-v5-container .us-details-v5-section .us-details-v5-section-image .us-vehicle_360 .awicon.awicon-photo {
  font-size: 30px;
  line-height: 30px;
  padding: 10px;
}

@media only screen and (max-width: 479px) {
  .us-details-v5-container .us-details-v5-section .us-details-v5-section-image .us-vehicle_360 .awicon {
    font-size: 30px;
  }
  .us-details-v5-container .us-details-v5-section .us-details-v5-section-image .us-vehicle_360 .awicon.awicon-play-slideshow, .us-details-v5-container .us-details-v5-section .us-details-v5-section-image .us-vehicle_360 .awicon.awicon-photo {
    font-size: 20px;
    line-height: 20px;
    padding: 5px;
  }
}

.us-details-v5-container .us-details-v5-section .us-details-v5-section-image .us-vehicle_360:hover {
  cursor: pointer;
  background: #0582CA;
}

.us-details-v5-container .us-details-v5-section .us-details-v5-section-image .overlay-top-right {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 200;
}

.us-details-v5-container .us-details-v5-section .us-details-v5-section-image .us-vehicle-image-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 5px;
  color: #ffffff;
  font-size: 16px;
  line-height: 1.1;
  transition: all 0.25s ease-out;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.us-details-v5-container .us-details-v5-section .us-details-v5-section-image .us-vehicle-image-overlay .awicon {
  font-size: 20px;
  margin-right: 0.5em;
}

.us-details-v5-container .us-details-v5-section .us-details-v5-section-image .us-vehicle-image-overlay .btn {
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  display: flex;
  align-items: center;
  margin: 5px;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s;
}

.us-details-v5-container .us-details-v5-section .us-details-v5-section-image .us-vehicle-image-overlay .btn:hover {
  cursor: pointer;
  background: #0582CA;
  color: #fff;
}

.us-details-v5-container .us-details-v5-section .us-details-v5-section-image .us-vehicle-image-overlay .us-vehicle-number {
  text-align: right;
  font-size: 1.4em;
  margin-left: auto;
}

.us-details-v5-container .us-details-v5-section .us-details-v5-section-image .us-vehicle-image-overlay .us-vehicle-number a {
  color: #ffffff;
}

@media only screen and (max-width: 767px) {
  .us-details-v5-container .us-details-v5-section .us-details-v5-section-image .us-vehicle-image-overlay {
    font-size: 14px;
  }
  .us-details-v5-container .us-details-v5-section .us-details-v5-section-image .us-vehicle-image-overlay .btn {
    padding: 3px 10px;
  }
  .us-details-v5-container .us-details-v5-section .us-details-v5-section-image .us-vehicle-image-overlay .awicon {
    font-size: 16px;
  }
}

.us-details-v5-container .us-details-v5-section .us-details-v5-section-image.gallery-hidden .us-vehicle-image-overlay {
  display: none;
}

.us-details-v5-container .us-details-v5-section .us-details-v5-section-image.gallery-top .us-vehicle-image-overlay {
  bottom: auto;
  top: 0;
}

.us-details-v5-container .us-details-v5-section .us-details-v5-section-image.gallery-top .us-vehicle_360.top-right, .us-details-v5-container .us-details-v5-section .us-details-v5-section-image.gallery-top .us-vehicle_360.top-left {
  top: 60px;
}

@media only screen and (max-width: 500px) {
  .us-details-v5-container .us-details-v5-section .us-details-v5-section-image.gallery-top .us-vehicle_360.top-right, .us-details-v5-container .us-details-v5-section .us-details-v5-section-image.gallery-top .us-vehicle_360.top-left {
    top: 50px;
  }
}

.us-details-v5-container .us-details-v5-section .us-details-v5-section-image.gallery-bottom .us-vehicle_360.bottom-left {
  bottom: 60px;
}

@media only screen and (max-width: 500px) {
  .us-details-v5-container .us-details-v5-section .us-details-v5-section-image.gallery-bottom .us-vehicle_360.bottom-right, .us-details-v5-container .us-details-v5-section .us-details-v5-section-image.gallery-bottom .us-vehicle_360.bottom-left {
    bottom: 50px;
  }
}

@media only screen and (min-width: 500px) {
  .us-details-v5-container .us-details-v5-section .us-details-v5-section-image.gallery-hover .btn,
  .us-details-v5-container .us-details-v5-section .us-details-v5-section-image.gallery-hover .us-vehicle_360 {
    opacity: 0;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    -ms-transition: 0.2s;
    transition: 0.2s;
  }
  .us-details-v5-container .us-details-v5-section .us-details-v5-section-image.gallery-hover:hover .btn,
  .us-details-v5-container .us-details-v5-section .us-details-v5-section-image.gallery-hover:hover .us-vehicle_360 {
    opacity: 1;
  }
}

.us-details-v5-container .us-details-v5-overview .container-fluid {
  position: relative;
}

.us-details-v5-container .us-details-v5-overview .container-fluid .back-button svg {
  vertical-align: text-bottom;
  width: 1.2em;
  height: 1em;
  margin-right: 0.5em;
}

.us-details-v5-container .us-details-v5-overview .container-fluid .back-button svg polyline {
  stroke: rgba(0, 0, 0, 0.5);
  stroke-width: 2;
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.us-details-v5-container .us-details-v5-overview .container-fluid .us-service-history-item {
  flex-direction: column;
  margin-top: 10px;
}

.us-details-v5-container .us-details-v5-overview .container-fluid .us-service-history-item .awicon {
  margin: 0 0 10px 0;
}

.us-details-v5-container .us-details-v5-overview .container-fluid .us-service-history-item .us-service-history-value {
  text-align: center;
}

.us-details-v5-container .us-details-v5-overview .us-details-v5-overview-content-box {
  background: #F2F4F5;
  justify-content: space-between;
}

.us-details-v5-container .us-details-v5-overview .us-details-v5-overview-content-box .us-details-v5-title {
  font-weight: bold;
  margin-top: 0;
  font-size: 34px;
  line-height: 38px;
  padding-bottom: 10px;
  border-bottom: 1px solid #dbdbdb;
  margin-bottom: 15px;
}

@media only screen and (max-width: 1439px) {
  .us-details-v5-container .us-details-v5-overview .us-details-v5-overview-content-box .us-details-v5-title {
    font-size: 24px;
    line-height: 28px;
  }
}

@media only screen and (min-width: 1200px) {
  .us-details-v5-container .us-details-v5-overview .us-details-v5-overview-content-box .us-details-v5-title {
    margin-top: 20px;
  }
}

@media only screen and (max-width: 479px) {
  .us-details-v5-container .us-details-v5-overview .us-details-v5-overview-content-box .us-details-v5-title {
    font-size: 18px;
    line-height: 24px;
  }
}

.us-details-v5-container .us-details-v5-overview .us-details-v5-overview-content-box .us-details-v5-title span {
  font-size: 16px;
  line-height: 20px;
  font-weight: normal;
  display: block;
}

@media only screen and (max-width: 479px) {
  .us-details-v5-container .us-details-v5-overview .us-details-v5-overview-content-box .us-details-v5-title span {
    font-size: 14px;
    line-height: 18px;
  }
}

.us-details-v5-container .us-details-v5-overview .us-details-v5-overview-content-box .us-details-v5-promotion {
  color: #0582CA;
  font-weight: bold;
  margin-bottom: 6%;
}

.us-details-v5-container .us-details-v5-overview .us-details-v5-overview-content-box .us-details-v5-price-wrapper {
  display: flex;
  gap: 15px;
  margin-bottom: 15px;
}

.us-details-v5-container .us-details-v5-overview .us-details-v5-overview-content-box .us-details-v5-price-wrapper .us-details-v5-price {
  flex-grow: 1;
  flex-basis: 120px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: #ffffff;
  padding: 15px;
  color: #003145;
  font-weight: bold;
  line-height: 1.3;
}

@media only screen and (max-width: 767px) {
  .us-details-v5-container .us-details-v5-overview .us-details-v5-overview-content-box .us-details-v5-price-wrapper .us-details-v5-price {
    padding: 10px;
  }
}

.us-details-v5-container .us-details-v5-overview .us-details-v5-overview-content-box .us-details-v5-price-wrapper .us-details-v5-price .fromOnlyPrice, .us-details-v5-container .us-details-v5-overview .us-details-v5-overview-content-box .us-details-v5-price-wrapper .us-details-v5-price .Price strong, .us-details-v5-container .us-details-v5-overview .us-details-v5-overview-content-box .us-details-v5-price-wrapper .us-details-v5-price .Price, .us-details-v5-container .us-details-v5-overview .us-details-v5-overview-content-box .us-details-v5-price-wrapper .us-details-v5-price .monthly {
  color: #0582CA;
  font-size: 24px;
  font-weight: bold;
}

@media only screen and (max-width: 1439px) {
  .us-details-v5-container .us-details-v5-overview .us-details-v5-overview-content-box .us-details-v5-price-wrapper .us-details-v5-price .fromOnlyPrice, .us-details-v5-container .us-details-v5-overview .us-details-v5-overview-content-box .us-details-v5-price-wrapper .us-details-v5-price .Price strong, .us-details-v5-container .us-details-v5-overview .us-details-v5-overview-content-box .us-details-v5-price-wrapper .us-details-v5-price .Price, .us-details-v5-container .us-details-v5-overview .us-details-v5-overview-content-box .us-details-v5-price-wrapper .us-details-v5-price .monthly {
    font-size: 18px;
    line-height: 24px;
  }
}

.us-details-v5-container .us-details-v5-overview .us-details-v5-overview-content-box .us-details-v5-price-wrapper .us-details-v5-price .fromOnlyPrice .fromMonthly, .us-details-v5-container .us-details-v5-overview .us-details-v5-overview-content-box .us-details-v5-price-wrapper .us-details-v5-price .Price strong .fromMonthly, .us-details-v5-container .us-details-v5-overview .us-details-v5-overview-content-box .us-details-v5-price-wrapper .us-details-v5-price .Price .fromMonthly, .us-details-v5-container .us-details-v5-overview .us-details-v5-overview-content-box .us-details-v5-price-wrapper .us-details-v5-price .monthly .fromMonthly {
  font-size: 16px;
  color: #003145;
  font-weight: normal;
  display: inline-block;
}

@media only screen and (max-width: 1439px) {
  .us-details-v5-container .us-details-v5-overview .us-details-v5-overview-content-box .us-details-v5-price-wrapper .us-details-v5-price .fromOnlyPrice .fromMonthly, .us-details-v5-container .us-details-v5-overview .us-details-v5-overview-content-box .us-details-v5-price-wrapper .us-details-v5-price .Price strong .fromMonthly, .us-details-v5-container .us-details-v5-overview .us-details-v5-overview-content-box .us-details-v5-price-wrapper .us-details-v5-price .Price .fromMonthly, .us-details-v5-container .us-details-v5-overview .us-details-v5-overview-content-box .us-details-v5-price-wrapper .us-details-v5-price .monthly .fromMonthly {
    font-size: 14px;
  }
}

.us-details-v5-container .us-details-v5-overview .us-details-v5-overview-content-box .us-details-v5-price-wrapper .us-details-v5-price .financeType {
  display: inline !important;
}

.us-details-v5-container .us-details-v5-overview .us-details-v5-overview-content-box .us-details-v5-price-wrapper .us-details-v5-price .wasSavingPrices {
  font-size: 13px;
  line-height: 13px;
  opacity: 0.7;
}

.us-details-v5-container .us-details-v5-overview .us-details-v5-overview-content-box .us-details-v5-price-wrapper .us-details-v5-price:hover {
  text-decoration: none;
}

.us-details-v5-container .us-details-v5-overview .us-details-v5-overview-content-box .us-details-v5-price-wrapper .us-details-v5-price .euro-price-container .euro-price {
  float: left;
  font-size: 18px;
}

@media only screen and (max-width: 1439px) {
  .us-details-v5-container .us-details-v5-overview .us-details-v5-overview-content-box .us-details-v5-price-wrapper .us-details-v5-price .euro-price-container .euro-price {
    font-size: 16px;
  }
}

.us-details-v5-container .us-details-v5-overview .us-details-v5-overview-content-box .us-details-v5-price-wrapper .us-details-v5-price .euro-price-container .exchange-info {
  float: left;
  width: 15px;
  height: 15px;
  font-size: 12px;
  line-height: 12px;
  font-weight: bold;
  border-radius: 15px;
  background: #0582CA;
  color: #fff;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

.us-details-v5-container .us-details-v5-overview .us-details-v5-overview-content-box .us-details-v5-price-wrapper .us-details-v5-price:has(.vehicle-finance-only:empty) {
  display: none;
}

.us-details-v5-container .us-details-v5-overview .us-details-v5-overview-content-box .us-details-v5-number {
  margin: 15px 0;
}

.us-details-v5-container .us-details-v5-overview .us-details-v5-overview-content-box .us-details-v5-number .awicon {
  font-size: 20px;
  margin-right: 5px;
}

.us-details-v5-container .us-details-v5-overview .us-details-v5-overview-content-box .us-details-v5-number strong {
  font-size: 24px;
  line-height: 24px;
}

@media only screen and (max-width: 1439px) {
  .us-details-v5-container .us-details-v5-overview .us-details-v5-overview-content-box .us-details-v5-number strong {
    font-size: 18px;
    line-height: 24px;
  }
}

.us-details-v5-container .us-details-v5-overview .us-details-v5-overview-content-box .us-details-v5-number strong a {
  color: #003145;
}

@media only screen and (max-width: 767px) {
  .us-details-v5-container .us-details-v5-overview .us-details-v5-overview-content-box .us-details-v5-number {
    margin: 0;
  }
}

.us-details-v5-container .us-details-v5-overview .us-details-v5-overview-content-box .us-details-v5-media-wrapper {
  display: flex;
}

.us-details-v5-container .us-details-v5-overview .us-details-v5-overview-content-box .us-details-v5-media-wrapper .us-vehicle_media {
  padding: 5px;
  flex-grow: 1;
  text-align: center;
  border: 1px solid #dbdbdb;
  background: #ffffff;
  color: #003145;
  margin-right: 15px;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s;
}

@media only screen and (min-width: 480px) {
  .us-details-v5-container .us-details-v5-overview .us-details-v5-overview-content-box .us-details-v5-media-wrapper .us-vehicle_media {
    flex-basis: 50%;
  }
}

.us-details-v5-container .us-details-v5-overview .us-details-v5-overview-content-box .us-details-v5-media-wrapper .us-vehicle_media:last-child {
  margin-right: 0;
}

.us-details-v5-container .us-details-v5-overview .us-details-v5-overview-content-box .us-details-v5-media-wrapper .us-vehicle_media:hover {
  border: 1px solid #0582CA;
  color: #0582CA;
}

@media only screen and (max-width: 1199px) {
  .us-details-v5-container .us-details-v5-overview .us-details-v5-overview-content-box .us-details-v5-media-wrapper {
    position: relative;
  }
}

.us-details-v5-container .us-details-v5-overview .us-details-v5-overview-content-box .us-details-ctas {
  flex-direction: column;
}

.us-details-v5-container .us-details-v5-overview .us-details-v5-overview-content-box .us-details-ctas a {
  margin: 15px 0 0;
}

.us-details-v5-container .us-details-v5-overview .us-details-v5-overview-content-box .us-details-ctas a .awicon {
  display: none;
}

.us-details-v5-container .us-details-v5-overview .us-details-v5-overview-content-box .us-details-ctas .us-cta-desktop-text {
  display: none;
}

.us-details-v5-container .us-details-v5-overview .us-details-v5-overview-content-box .us-details-ctas .us-cta-mobile-text {
  display: block;
}

.us-details-v5-container .us-details-v5-overview .us-details-v5-flex {
  display: flex;
  flex-wrap: wrap;
}

.us-details-v5-container .us-details-bottom-tabs ul.tablinks {
  gap: 5%;
  margin-bottom: 15px;
}

.us-details-v5-container .us-details-bottom-tabs ul.tablinks li {
  flex-grow: 0;
}

.us-details-v5-container .us-details-bottom-tabs ul.tablinks li a {
  box-shadow: inset 0px -3px 0 transparent;
}

.us-details-v5-container .us-details-bottom-tabs ul.tablinks li a:hover {
  box-shadow: inset 0px -3px 0 rgba(0, 0, 0, 0.2);
}

.us-details-v5-container .us-details-bottom-tabs ul.tablinks li a.active-tab {
  box-shadow: inset 0px -3px 0 #0582CA;
}

.us-details-v5-container .us-detailsFive-spec-highlights {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #dbdbdb;
  border-top: 1px solid #dbdbdb;
}

@media only screen and (max-width: 991px) {
  .us-details-v5-container .us-detailsFive-spec-highlights {
    flex-wrap: wrap;
  }
}

.us-details-v5-container .us-detailsFive-spec-highlights .us-detailsFive-spec-item {
  flex-grow: 1;
  flex-basis: 100%;
  padding: 3em 0;
  border-right: 1px solid #dbdbdb;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 22px;
  background: #ffffff;
  color: #003145;
}

.us-details-v5-container .us-detailsFive-spec-highlights .us-detailsFive-spec-item:first-child {
  border-left: 1px solid #dbdbdb;
}

@media only screen and (max-width: 991px) {
  .us-details-v5-container .us-detailsFive-spec-highlights .us-detailsFive-spec-item {
    padding: 2em 0;
    flex-basis: 33.33%;
    border-top: 1px solid #dbdbdb;
    font-size: 14px;
    line-height: 20px;
  }
  .us-details-v5-container .us-detailsFive-spec-highlights .us-detailsFive-spec-item:nth-child(4) {
    border-left: 1px solid #dbdbdb;
  }
}

@media only screen and (max-width: 479px) {
  .us-details-v5-container .us-detailsFive-spec-highlights .us-detailsFive-spec-item {
    flex-basis: 50%;
    padding: 1em 0;
  }
  .us-details-v5-container .us-detailsFive-spec-highlights .us-detailsFive-spec-item:nth-child(4) {
    border-left: 0;
  }
  .us-details-v5-container .us-detailsFive-spec-highlights .us-detailsFive-spec-item:nth-child(odd) {
    border-left: 1px solid #dbdbdb;
  }
}

.us-details-v5-container .us-detailsFive-spec-highlights .us-detailsFive-spec-item .awicon {
  display: block;
  float: left;
  font-size: 50px;
  line-height: 50px;
  margin-right: 15px;
}

@media only screen and (max-width: 1439px) {
  .us-details-v5-container .us-detailsFive-spec-highlights .us-detailsFive-spec-item .awicon {
    font-size: 30px;
    line-height: 30px;
  }
}

.us-details-v5-container .us-detailsFive-spec-highlights .us-detailsFive-spec-item .us-detailsFive-spec-text {
  float: left;
}

.us-details-v5-container .us-detailsFive-spec-highlights .us-detailsFive-spec-item:nth-child(n+7) {
  display: none;
}

.us-details-v5-container .us-details-v5-tech-spec-wrapper .us-details-v5-tech-spec-box {
  background: #F2F4F5;
  color: #003145;
}

@media only screen and (min-width: 1200px) {
  .us-details-v5-container .us-details-v5-tech-spec-wrapper .us-details-v5-tech-spec-box::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 120px;
    background: linear-gradient(180deg, white 0%, rgba(255, 255, 255, 0) 0%, white 100%);
  }
}

.us-details-v5-container .us-details-v5-tech-spec-wrapper .us-details-v5-tech-spec-box h2 {
  margin: 0 0 20px 0;
  color: #003145;
}

.us-details-v5-container .us-details-v5-tech-spec-wrapper .us-details-v5-tech-spec-box .us-details-v5-tech-spec-content {
  overflow-y: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.us-details-v5-container .us-details-v5-tech-spec-wrapper .us-details-v5-tech-spec-box .us-details-v5-tech-spec-content::-webkit-scrollbar {
  width: 0px;
}

.us-details-v5-container .us-details-v5-tech-spec-wrapper .us-details-v5-tech-spec-box .us-details-v5-tech-spec-content h4 {
  margin-top: 0;
  font-size: 16px;
  line-height: 22px;
  color: #0582CA;
  font-weight: bold;
}

.us-details-v5-container .us-details-v5-tech-spec-wrapper .us-details-v5-tech-spec-box .us-details-v5-tech-spec-content ul {
  margin: 0 0 40px 0;
  padding: 0;
  float: left;
  width: 100%;
}

.us-details-v5-container .us-details-v5-tech-spec-wrapper .us-details-v5-tech-spec-box .us-details-v5-tech-spec-content ul li {
  list-style: none;
  float: left;
  width: 50%;
  padding: 5px;
  border-bottom: 1px solid #dbdbdb;
}

.us-details-v5-container .us-details-v5-tech-spec-wrapper .us-details-v5-tech-spec-box .us-details-v5-tech-spec-content ul li:nth-child(4n -2), .us-details-v5-container .us-details-v5-tech-spec-wrapper .us-details-v5-tech-spec-box .us-details-v5-tech-spec-content ul li:nth-child(4n -3) {
  background: #ffffff;
}

.us-details-v5-container .us-details-v5-tech-spec-wrapper .us-details-v5-tech-spec-box .us-details-v5-tech-spec-content ul li .type {
  font-weight: bold;
}

.us-details-v5-container .us-details-v5-specification-wrapper .us-details-v5-specification-box {
  background: #F2F4F5;
  color: #003145;
}

@media only screen and (min-width: 1200px) {
  .us-details-v5-container .us-details-v5-specification-wrapper .us-details-v5-specification-box::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 120px;
    background: linear-gradient(180deg, white 0%, rgba(255, 255, 255, 0) 0%, white 100%);
  }
}

.us-details-v5-container .us-details-v5-specification-wrapper .us-details-v5-specification-box h2 {
  margin: 0 0 20px 0;
  color: #003145;
}

.us-details-v5-container .us-details-v5-specification-wrapper .us-details-v5-specification-box .us-details-v5-specification-content h4 {
  margin-top: 0;
  font-size: 16px;
  line-height: 22px;
  color: #0582CA;
  font-weight: bold;
}

.us-details-v5-container .us-details-v5-specification-wrapper .us-details-v5-specification-box .us-details-v5-specification-content ul {
  margin: 0 0 40px 0;
  padding: 0;
}

.us-details-v5-container .us-details-v5-specification-wrapper .us-details-v5-specification-box .us-details-v5-specification-content ul li {
  list-style: none;
  padding: 5px;
  border-bottom: 1px solid #dbdbdb;
}

.us-details-v5-container .us-details-v5-specification-wrapper .us-details-v5-specification-box .us-details-v5-specification-content ul li:nth-child(odd) {
  background: #ffffff;
}

.us-details-v5-container .us-details-v5-specification-wrapper .us-details-v5-specification-box .nav-tabs {
  display: flex;
}

.us-details-v5-container .us-details-v5-specification-wrapper .us-details-v5-specification-box .nav-tabs > li {
  flex-basis: 100%;
  text-align: center;
  font-weight: bold;
}

.us-details-v5-container .us-details-v5-specification-wrapper .us-details-v5-specification-box .nav-tabs > li.active a {
  background: #F2F4F5;
}

.us-details-v5-container .us-details-v5-specification-wrapper .us-details-v5-specification-box .nav-tabs > li a {
  color: #003145;
}

.us-details-v5-container .us-details-v5-specification-wrapper .us-details-v5-specification-box .tab-content {
  padding-top: 20px;
  overflow-y: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.us-details-v5-container .us-details-v5-specification-wrapper .us-details-v5-specification-box .tab-content::-webkit-scrollbar {
  width: 0px;
}

.us-details-v5-container .us-details-v5-finance-wrapper .us-details-v5-finance {
  padding: 20px;
  background: #F2F4F5;
}

@media only screen and (max-width: 767px) {
  .us-details-v5-container .us-details-v5-finance-wrapper .us-details-v5-finance {
    padding: 0;
    background: 0;
  }
}

.us-details-v5-container .us-details-v5-finance-wrapper .us-details-v5-finance .us-details-v5-finance-inner {
  padding: 20px;
  background: #ffffff;
}

.us-details-v5-container .us-details-v5-finance-wrapper .us-details-v5-finance .us-details-v5-finance-inner .tablinks {
  display: none;
}

.us-details-v5-print-button {
  flex-grow: 1;
  flex-basis: 100%;
  text-align: center;
  margin: 10px 0;
}

.us-details-v5-print-button .print-button-mobile-v5 {
  color: #333;
  font-size: 14px;
  width: 100%;
  padding: 5px;
  background: #ffffff;
  border: 1px solid #dbdbdb;
}

@media only screen and (min-width: 1200px) {
  .us-details-v5-print-button {
    display: none;
  }
}

.us-details-v5-valuation-section {
  margin: 30px 0;
}

.us-details-v5-valuation-section .us-details-valuation {
  color: #ffffff;
  background: #0468A1;
  padding: 50px 20px 40px;
}

.us-details-v5-valuation-section .us-details-valuation #valuation .details-value-form {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  max-width: 1000px;
  margin: 0 auto;
  float: none;
}

.us-details-v5-valuation-section .us-details-valuation #valuation .details-value-form div.valuation-input {
  flex-basis: 180px;
  flex-grow: 1;
  margin: 0;
  padding: 5px;
  text-align: left;
}

.us-details-v5-valuation-section .us-details-valuation #valuation .details-value-form div.valuation-input input {
  font-size: 14px;
  line-height: 1.2;
}

.us-details-v5-valuation-section .us-details-valuation #valuation .details-value-form div.valuation-input input#vehicleReg {
  font-size: 14px;
}

.us-details-v5-valuation-section .us-details-valuation #valuation .details-value-form .button-wrap {
  padding: 5px;
}

.us-details-v5-valuation-section .us-details-valuation #valuation .details-value-form .us-details-valuation-title {
  display: none;
}

.ribbon-banner-container .ribbon-banner.ribbon-banner-text {
  background: #003145;
  color: #ffffff;
  font-size: 42px;
  line-height: 48px;
  font-weight: bold;
  padding: 15px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Suzuki", sans-serif;
}

.ribbon-banner-container .ribbon-banner.ribbon-banner-text p {
  margin: 0;
}

@media only screen and (max-width: 991px) {
  .ribbon-banner-container .ribbon-banner.ribbon-banner-text {
    font-size: 36px;
    line-height: 42px;
  }
}

@media only screen and (max-width: 767px) {
  .ribbon-banner-container .ribbon-banner.ribbon-banner-text {
    font-size: 24px;
    line-height: 28px;
    padding: 10px;
  }
}

@media only screen and (max-width: 479px) {
  .ribbon-banner-container .ribbon-banner.ribbon-banner-text {
    font-size: 16px;
    line-height: 24px;
  }
}

.ribbon-banner-container .ribbon-banner.ribbon-banner-image img {
  display: block;
  margin: 0 auto;
  width: 100%;
}

.ribbon-banner-container .ribbon-banner.fixed {
  top: 32px;
  left: 0;
  right: 0;
  z-index: 99;
  position: fixed;
}

@media only screen and (max-width: 991px) {
  .ribbon-banner-container .ribbon-banner.fixed {
    top: 50px;
  }
}

.ribbon-banner-container.animate .ribbon-banner p {
  animation-name: grow;
  animation-iteration-count: 2;
  animation-duration: 10s;
  animation-delay: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: ease;
}

@keyframes grow {
  0% {
    transform: scale(1);
  }
  2% {
    transform: scale(1.05);
  }
  4% {
    transform: scale(1);
  }
  6% {
    transform: scale(1.05);
  }
  8% {
    transform: scale(1);
  }
  100% {
    transform: scale(1);
  }
}

.ribbon-banner-container a:hover, .ribbon-banner-container a:focus {
  text-decoration: none;
}

#us-details-bottom-tabs .tech-spec {
  background: none;
  padding: 0;
}

#detailsTechSpec .panel {
  margin-top: 15px;
  background: #F2F4F5;
}

#detailsTechSpec .panel .panel-title {
  margin: 0;
  font-size: 1.4rem;
}

@media only screen and (max-width: 991px) {
  #detailsTechSpec .panel .panel-title {
    font-size: 16px;
    line-height: 20px;
  }
}

#detailsTechSpec .panel .panel-title .panel-heading-link {
  padding: 30px 20px;
  display: block;
  font-weight: bold;
  color: #003145;
}

@media only screen and (max-width: 991px) {
  #detailsTechSpec .panel .panel-title .panel-heading-link {
    padding: 20px;
  }
}

#detailsTechSpec .panel .panel-title .panel-heading-link .awicon {
  margin-right: 20px;
  color: #0582CA;
  display: block;
  float: left;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s;
}

#detailsTechSpec .panel .panel-title .panel-heading-link:hover, #detailsTechSpec .panel .panel-title .panel-heading-link:focus {
  text-decoration: none;
  color: #003145;
}

#detailsTechSpec .panel .panel-title .panel-heading-link.collapsed .awicon {
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

#detailsTechSpec .panel .panel-body {
  padding: 0 60px 30px 60px;
}

@media only screen and (max-width: 991px) {
  #detailsTechSpec .panel .panel-body {
    padding: 0 20px 20px 20px;
  }
}

#detailsTechSpec .panel .panel-body hr {
  border: 1px solid #dbdbdb;
  margin: 0 0 30px 0;
}

#detailsTechSpec .panel .panel-body .tech-spec-data-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 15px 2%;
}

#detailsTechSpec .panel .panel-body .tech-spec-data-wrapper .tech-spec-data {
  width: 32%;
  border: 2px solid rgba(0, 49, 69, 0.4);
  padding: 0.6rem;
}

#detailsTechSpec .panel .panel-body .tech-spec-data-wrapper .tech-spec-data .tech-spec-data-inner {
  display: flex;
  align-items: center;
  height: 100%;
}

#detailsTechSpec .panel .panel-body .tech-spec-data-wrapper .tech-spec-data .tech-spec-data-inner span {
  text-align: center;
  width: 50%;
  display: block;
  float: left;
  padding: 0.6rem;
}

#detailsTechSpec .panel .panel-body .tech-spec-data-wrapper .tech-spec-data .tech-spec-data-inner span:first-child {
  border-right: 1px solid rgba(0, 49, 69, 0.4);
}

@media only screen and (max-width: 991px) {
  #detailsTechSpec .panel .panel-body .tech-spec-data-wrapper .tech-spec-data .tech-spec-data-inner {
    width: 100%;
  }
}

#detailsTechSpec .panel .panel-body .tech-spec-data-wrapper .tech-spec-data.two-col {
  width: 49%;
}

@media only screen and (max-width: 991px) {
  #detailsTechSpec .panel .panel-body .tech-spec-data-wrapper .tech-spec-data.two-col {
    width: 100%;
  }
}

@media only screen and (max-width: 991px) {
  #detailsTechSpec .panel .panel-body .tech-spec-data-wrapper .tech-spec-data {
    width: 100%;
  }
}

#detailsTechSpec .panel .panel-body .tech-spec-data-wrapper .tech-spec-data-icon-block {
  -webkit-box-shadow: 3px 3px 8px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 3px 3px 8px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 3px 3px 8px 0 rgba(0, 0, 0, 0.2);
  padding: 2rem;
  width: 23.5%;
  background: #ffffff;
  display: flex;
  align-items: center;
}

@media only screen and (max-width: 1199px) {
  #detailsTechSpec .panel .panel-body .tech-spec-data-wrapper .tech-spec-data-icon-block {
    width: 49%;
  }
}

@media only screen and (max-width: 479px) {
  #detailsTechSpec .panel .panel-body .tech-spec-data-wrapper .tech-spec-data-icon-block {
    width: 100%;
    padding: 1rem;
  }
}

#detailsTechSpec .panel .panel-body .tech-spec-data-wrapper .tech-spec-data-icon-block .tech-spec-title {
  display: block;
  clear: both;
  opacity: 0.8;
}

#detailsTechSpec .panel .panel-body .tech-spec-data-wrapper .tech-spec-data-icon-block .tech-spec-value {
  font-size: 20px;
}

#detailsTechSpec .panel .panel-body .tech-spec-data-wrapper .tech-spec-data-icon-block .awicon {
  font-size: 46px;
  margin-right: 15px;
  color: #0582CA;
}

@media only screen and (max-width: 479px) {
  #detailsTechSpec .panel .panel-body .tech-spec-data-wrapper .tech-spec-data-icon-block .awicon {
    font-size: 32px;
  }
}

#detailsTechSpec .panel .panel-body .tech-spec-data-wrapper .tech-spec-data-block {
  -webkit-box-shadow: 3px 3px 8px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 3px 3px 8px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 3px 3px 8px 0 rgba(0, 0, 0, 0.2);
  padding: 2rem;
  width: 32%;
  background: #ffffff;
}

#detailsTechSpec .panel .panel-body .tech-spec-data-wrapper .tech-spec-data-block .awicon {
  font-size: 28px;
  display: block;
  margin-bottom: 15px;
  color: #0582CA;
}

#detailsTechSpec .panel .panel-body .tech-spec-data-wrapper .tech-spec-data-block h4 {
  display: flex;
  justify-content: space-between;
  font-weight: bold;
  margin: 0;
}

#detailsTechSpec .panel .panel-body .tech-spec-data-wrapper .tech-spec-data-block h4 span {
  font-size: 1.2em;
}

#detailsTechSpec .panel .panel-body .tech-spec-data-wrapper .tech-spec-data-block .tech-spec-data-info-small {
  opacity: 0.8;
  font-size: 0.9rem;
  display: flex;
  justify-content: space-between;
}

@media only screen and (max-width: 991px) {
  #detailsTechSpec .panel .panel-body .tech-spec-data-wrapper .tech-spec-data-block {
    width: 100%;
    padding: 1rem;
  }
}

#detailsTechSpec .panel .panel-body .co2-meter {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: center;
  margin-bottom: 20px;
}

@media only screen and (min-width: 992px) {
  #detailsTechSpec .panel .panel-body .co2-meter {
    border-right: 1px solid #dbdbdb;
  }
}

#detailsTechSpec .panel .panel-body .co2-meter .co2-value {
  font-size: 24px;
  margin-bottom: 20px;
}

#mot-form .mot-banner-wrapper {
  height: 435px;
}

#mot-form .mot-banner-wrapper.mot-image {
  background: url(/static/images/unity/default/fraternity/banners/mot-banner.jpg) center no-repeat;
  background-size: cover;
}

@media only screen and (max-width: 479px) {
  #mot-form .mot-banner-wrapper.mot-image {
    background: 0;
  }
}

#mot-form .mot-banner-wrapper.service-image {
  background: url(/static/images/unity/default/fraternity/banners/service-banner.jpg) center no-repeat;
  background-size: cover;
}

@media only screen and (max-width: 479px) {
  #mot-form .mot-banner-wrapper.service-image {
    background: 0;
  }
}

@media only screen and (max-width: 479px) {
  #mot-form .mot-banner-wrapper {
    background: 0;
    height: auto;
  }
}

#mot-form .mot-banner-wrapper .container-fluid {
  position: relative;
  z-index: 1;
}

#mot-form .mot-banner-wrapper .mot-banner-text {
  background: #0582CA;
  color: #ffffff;
  padding: 20px;
  box-sizing: border-box;
  width: 350px;
  height: 350px;
  top: 42px;
  right: 20px;
  font-family: "Suzuki", sans-serif;
  position: relative;
  text-align: center;
  margin: 0 auto;
}

#mot-form .mot-banner-wrapper .mot-banner-text::before {
  content: '';
  position: absolute;
  background: rgba(0, 0, 0, 0.6);
  width: 390px;
  height: 390px;
  right: -20px;
  top: -20px;
  border: 1px solid rgba(255, 255, 255, 0.6);
  z-index: -1;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
}

@media only screen and (max-width: 479px) {
  #mot-form .mot-banner-wrapper .mot-banner-text::before {
    display: none;
  }
}

@media only screen and (max-width: 480px) {
  #mot-form .mot-banner-wrapper .mot-banner-text {
    padding: 20px;
    box-sizing: border-box;
    width: 100%;
    height: auto;
    top: 8px;
    text-align: center;
    margin: 0 auto;
    position: relative;
    left: 0;
    border-radius: 4px;
  }
}

#mot-form .mot-banner-wrapper .mot-price {
  font-size: 76px;
  line-height: 76px;
}

@media only screen and (max-width: 479px) {
  #mot-form .mot-banner-wrapper .mot-price {
    font-size: 42px;
    line-height: 48px;
  }
}

#mot-form .mot-banner-wrapper .mot-text {
  text-align: center;
  margin-top: 15%;
}

@media only screen and (max-width: 480px) {
  #mot-form .mot-banner-wrapper .mot-text {
    margin-top: 1%;
  }
}

#mot-form .mot-banner-wrapper .mot-text span {
  font-size: 100px;
  line-height: 100px;
}

@media only screen and (max-width: 479px) {
  #mot-form .mot-banner-wrapper .mot-text span {
    font-size: 62px;
    line-height: 72px;
  }
}

.book-now-btn {
  margin-top: 15px;
}

.book-now-btn #introPage .form #page-label, .book-now-btn #introPage .form #page-element, .book-now-btn #introPage .form #fromStage-label, .book-now-btn #introPage .form #fromStage-element, .book-now-btn #introPage .form #next-label {
  display: none;
}

.book-now-btn #introPage .form .button-submit {
  width: 100%;
  text-align: center;
  margin: 0 auto;
  display: block;
  height: 60px;
  font-size: 30px;
}

.book-now-btn #introPage .form .button-submit .button-next {
  background: #fff;
  color: #003145;
  text-transform: uppercase;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s;
}

.book-now-btn #introPage .form .button-submit .button-next:hover {
  color: #ffffff;
  background: #021822;
}

@media only screen and (max-width: 767px) {
  #mot-form .center-text {
    text-align: center;
  }
}

.mot-usp-home {
  padding: 20px 20px 10px 20px;
  box-sizing: border-box;
  clear: both;
  float: left;
  width: 100%;
  background: #F2F4F5;
  list-style-type: none;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
}

.mot-usp-home li {
  list-style: none;
  float: left;
  padding: 10px 10px 10px 70px;
  box-sizing: border-box;
  margin: 0 1% 10px 0;
  width: 49.5%;
  min-height: 80px;
  text-align: left;
  border: 1px solid #ffffff;
  background: rgba(255, 255, 255, 0.2);
  display: -webkit-box;
  font-size: 18px;
  -webkit-box-align: center;
  position: relative;
  color: #003145;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
}

@media only screen and (max-width: 767px) {
  .mot-usp-home li {
    width: 100%;
    text-align: center;
    min-height: 50px;
  }
}

.mot-usp-home li:nth-child(2n+2) {
  margin-right: 0;
}

.mot-usp-home li::before {
  content: '\e941';
  position: absolute;
  left: 20px;
  top: 0;
  font-family: 'awfont';
  color: #0582CA;
  font-size: 28px;
  line-height: 28px;
  top: 32%;
}

/* ************** MOT Booking Form *******************/
.mot-banner-wrapper {
  position: relative;
}

.mot-banner-text {
  position: absolute;
  top: 40px;
  right: 25px;
  color: #fff;
  text-align: center;
  width: 29%;
}

@media only screen and (max-width: 1130px) {
  .mot-banner-text {
    top: 20px;
  }
}

@media only screen and (max-width: 979px) {
  .mot-banner-text {
    right: 14px;
  }
}

@media only screen and (max-width: 767px) {
  .mot-banner-text {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    background: url(/static/images/mot-page/mot-back.png) center top no-repeat #333;
    padding: 20px;
    box-sizing: border-box;
  }
}

.mot-banner-text .mot-text span {
  font-size: 100px;
  line-height: 100px;
}

@media only screen and (max-width: 1130px) {
  .mot-banner-text .mot-text span {
    font-size: 80px;
    line-height: 80px;
  }
}

.mot-banner-text .mot-text {
  font-size: 18px;
}

.mot-banner-text .mot-price {
  font-size: 48px;
  line-height: 58px;
  font-weight: bold;
}

@media only screen and (max-width: 979px) {
  .mot-banner-text .mot-price {
    font-size: 36px;
    line-height: 42px;
  }
}

.mot-banner-text dt {
  height: 0;
}

.mot-info-column .box {
  background: #021822;
  padding: 20px;
  box-sizing: border-box;
  margin-bottom: 10px;
}

#introPage .button-next {
  background: #0582CA;
  border: 0;
  color: #ffffff;
  padding: 10px;
  width: 80%;
  box-sizing: border-box;
  font-size: 30px;
  line-height: 36px;
  font-weight: bold;
  font-style: normal;
  margin-top: 20px;
  height: auto;
}

@media only screen and (max-width: 860px) {
  #introPage .button-next {
    margin-top: 10px;
    font-size: 18px;
    padding: 5px;
  }
}

#returnToMot {
  background: #0582CA;
  border: 0;
  color: #ffffff;
  border-radius: 4px;
  padding: 10px;
  width: 80%;
  box-sizing: border-box;
  font-size: 30px;
  line-height: 36px;
  font-weight: bold;
  font-style: normal;
  margin-top: 30px;
}

.mot-usp {
  margin-left: 0;
  padding: 0;
  color: #ffffff;
}

.mot-usp li {
  list-style: none;
  width: 49%;
  padding: 15px;
  background: #021822;
  margin-bottom: 15px;
  font-size: 18px;
  line-height: 24px;
  font-weight: bold;
  float: left;
  box-sizing: border-box;
  margin-right: 2%;
  background-position: 20px;
}

@media only screen and (max-width: 1130px) {
  .mot-usp li {
    font-size: 16px;
  }
}

.mot-usp li:nth-child(even) {
  margin-right: 0;
}

.mot-usp li span {
  font-size: 40px;
  float: left;
  margin-right: 20px;
  color: #0582CA;
}

.mot-top-title {
  text-align: center;
  padding: 15px;
  width: 100%;
  margin-bottom: 0;
  box-sizing: border-box;
}

.mot-top-title h1 {
  color: #003145;
  margin: 0;
  text-transform: none;
  font-size: 28px;
  line-height: 30px;
  font-weight: bold;
}

.small-mot-banner {
  text-align: center;
  padding: 20px 10px;
  box-sizing: border-box;
  background: #0582CA;
  color: #ffffff;
  font-size: 34px;
  line-height: 34px;
  margin-bottom: 20px;
  border-bottom: 4px solid #046298;
}

.small-mot-banner span {
  font-weight: bold;
}

@media only screen and (max-width: 767px) {
  .small-mot-banner {
    font-size: 20px;
    line-height: 24px;
  }
}

@media only screen and (max-width: 550px) {
  .mot-usp li, #vehicleRegistration div > div, #vehicleRegistration #next-element, #confirmVehicle #goto, #confirmVehicle #next, #yourDetails3 #btnPostCodeLookup, #yourDetails3 #postcode, #yourDetails3 .addressDetails, #confirmDetails .addressDetails {
    width: 100% !important;
    margin-right: 0;
  }
}

/* MOT Registration Look Up */
#mot-page-wrap {
  background: #F2F4F5;
  padding: 35px 40px 40px 40px;
  box-sizing: border-box;
  float: left;
  width: 100%;
  margin-bottom: 20px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
}

#mot-page-wrap h2 {
  text-align: center;
  font-size: 42px;
  line-height: 48px;
  font-weight: bold;
  margin-top: 0;
  color: #003145;
}

.mot-usp-box {
  padding: 20px;
  box-sizing: border-box;
  background: #F2F4F5;
  float: left;
  margin-bottom: 10px;
  width: 100%;
  text-align: center;
  font-size: 18px;
  line-height: 24px;
}

.mot-usp-box p {
  font-size: 18px;
  text-align: left;
  color: #003145;
}

.mot-usp-box .inner {
  border: 5px solid #dbdbdb;
  padding: 15px;
  box-sizing: border-box;
}

.mot-usp-box h4 {
  font-size: 32px;
  line-height: 36px;
  color: #003145;
  text-align: left;
}

.mot-usp-box h4 span {
  color: #0582CA;
}

#vehicleregistration {
  background: url(/static/images/mot-page/mot-reg-plate.png) center left no-repeat;
  width: 100%;
  height: 65px;
  border: 0;
  box-sizing: border-box;
  padding-left: 48px;
  color: #000;
  font-size: 36px;
  text-transform: uppercase;
  line-height: 42px;
  font-family: "Charles Wright",Tahoma,Arial,Helvetica,sans-serif;
  font-weight: bold;
  text-align: center;
  margin-bottom: 10px;
}

#vehicleRegistration .hint, #vehicleRegistration label {
  display: none;
}

#vehicleRegistration div > div {
  float: left;
  width: 32%;
  margin-right: 2%;
  margin-bottom: 20px;
}

#vehicleRegistration #next-element {
  float: left;
  width: 32%;
  margin-right: 2%;
}

#vehicleRegistration input::-webkit-input-placeholder {
  color: #111 !important;
}

#vehicleRegistration #next-element #next, #yourDetails3 #btnPostCodeLookup, #confirmDetails #btnPostCodeLookup {
  background: url(/static/images/mot-page/reg-search.png) center right 20px no-repeat #0582CA;
  font-size: 30px;
  line-height: 36px;
  font-weight: bold;
  width: 100%;
  border: 0;
  height: 65px;
  box-sizing: border-box;
  color: #fff;
}

#mot-page-wrap fieldset > div {
  background: none;
  box-shadow: 0 0 0;
  padding: 0;
}

/* Confirm Vehicle */
#confirmVehicle #goto, #confirmVehicle #next {
  font-size: 34px;
  line-height: 48px;
  font-weight: bold;
  width: 30%;
  margin-left: 10%;
  border: 0;
  height: 80px;
  box-sizing: border-box;
  color: #fff;
  margin-top: 5px;
}

#goto-label {
  display: none;
}

#confirmVehicle #goto {
  background: url(/static/images/mot-page/yes.png) center right 10% no-repeat #0582CA;
  float: right;
  clear: both;
  margin-left: 0;
  margin-right: 10%;
}

@media only screen and (max-width: 768px) {
  #confirmVehicle #goto {
    background: url(/static/images/mot-page/yes.png) center right 5% no-repeat #0582CA;
  }
}

#confirmVehicle #next {
  background: url(/static/images/mot-page/no.png) center left 10% no-repeat #6B6B6B;
  float: left;
}

@media only screen and (max-width: 768px) {
  #confirmVehicle #next {
    background: url(/static/images/mot-page/no.png) center left 5% no-repeat #6B6B6B;
  }
}

/* Edit Vehicle */
#editVehicle div > div {
  width: 23.5%;
  float: left;
  margin-right: 2%;
  margin-top: 15px;
}

#editVehicle div > div :nth-child(4n+4) {
  margin-right: 0;
}

#editVehicle label {
  display: none;
}

/* Preferred Date */
#motDate label, #serviceDate label {
  width: 120px;
  float: left;
  font-size: 24px;
}

#motDate .amlabel input, #motDate .pmlabel input, #serviceDate .amlabel input, #serviceDate .pmlabel input, #confirmDetails .amlabel input, #confirmDetails .pmlabel input {
  display: none;
}

#motDate .amlabel span, #motDate .pmlabel span, #confirmDetails .amlabel span, #confirmDetails .pmlabel span, #serviceDate .amlabel span, #serviceDate .pmlabel span {
  width: 45px;
  height: 45px;
  display: block;
  background: #fff;
  float: left;
  border-radius: 4px;
  border: 1px solid #dbdbdb;
}

#motDate .amlabel input:checked + span, #motDate .pmlabel input:checked + span, #serviceDate .amlabel input:checked + span, #serviceDate .pmlabel input:checked + span, #confirmDetails .amlabel input:checked + span, #confirmDetails .pmlabel input:checked + span {
  background: url(/static/images/mot-page/tick.png) center 8px no-repeat #fff;
}

/* Your Details */
#yourDetails4 label, #yourDetails1 label, #yourDetails2 label, #yourDetails3 label, #confirmDetails label {
  display: none;
}

#yourDetails1 .form div, #yourDetails4 .form div, #yourDetails2 .form div, .datePicker, #confirmDetails .form div:not(.datepicker) {
  width: 32%;
  float: left;
  margin-right: 2%;
}

#confirmDetails .form div:nth-of-type(3n) {
  margin-right: 0;
}

#motDate .datePicker {
  margin-right: 10%;
  position: relative;
}

#serviceDate {
  position: relative;
}

#yourDetails3 div > div {
  width: 100%;
  float: left;
}

#yourDetails1 input, #yourDetails4 input {
  margin-bottom: 20px;
}

#yourDetails1 div:nth-child(3n+3), #motDate .form div:nth-child(3n+3), #serviceDate .form div:nth-child(3n+3) {
  margin-right: 0;
}

#yourDetails1 #title, #yourDetails4 #title, #confirmDetails #title {
  background: url(/static/images/mot-page/title.jpg) center left no-repeat #fff;
}

#yourDetails1 #name, #yourDetails4 #name, #yourDetails1 #lastName, #confirmDetails #name, #confirmDetails #lastName {
  background: url(/static/images/mot-page/title.jpg) center left no-repeat #fff;
}

#yourDetails1 #telephone, #yourDetails4 #telephone, #confirmDetails #telephone {
  background: url(/static/images/mot-page/tel.jpg) center left no-repeat #fff;
}

#yourDetails1 #email, #yourDetails4 #email, #confirmDetails #email {
  background: url(/static/images/mot-page/email.jpg) center left no-repeat #fff;
}

#yourDetails3 #postcode, #yourDetails4 #postcode, #confirmDetails #postcode {
  background: url(/static/images/mot-page/postcode.jpg) center left no-repeat #fff;
}

#motDate #datepicker, #serviceDate #datepicker, #confirmDetails #datepicker {
  background: url(/static/images/mot-page/date.jpg) center left no-repeat #fff;
}

#yourDetails3 .addressDetails input, #confirmDetails .addressDetails input {
  background: url(/static/images/mot-page/house-numb.jpg) center left no-repeat #fff;
}

#editVehicle #makeId, #editVehicle #modelId, #editVehicle #variant, #confirmDetails #makeId, #confirmDetails #modelId, #confirmDetails #variant {
  background: url(/static/images/mot-page/car.jpg) center left no-repeat #fff;
}

#yourDetails1 #title, #yourDetails4 #title, #confirmDetails #title, #yourDetails1 #name, #yourDetails4 #name, #yourDetails1 #email, #yourDetails4 #email, #yourDetails4 input, #yourDetails1 #telephone, #yourDetails4 #telephone, #confirmDetails #name, #confirmDetails #lastName, #yourDetails2 #telephone, #confirmDetails #telephone, #yourDetails2 #email, #confirmDetails #email, #motDate #datepicker, #serviceDate #datepicker, #yourDetails3 .addressDetails input, .car-inputs-hide select, #editVehicle #variant, #confirmDetails #postcode, #confirmDetails .addressDetails input, #confirmDetails #variant, #confirmDetails #datepicker {
  border: 0;
  height: 64px;
  width: 100%;
  box-sizing: border-box;
  padding-left: 60px;
  font-size: 16px;
  margin-bottom: 20px;
}

#serviceDate #datepicker, #motDate #datepicker, #confirmDetails #datepicker {
  font-size: 18px;
  margin-bottom: 20px;
}

#yourDetails3 #postcode {
  width: 32%;
  float: left;
  margin-right: 2%;
  border: 0;
  height: 64px;
  box-sizing: border-box;
  padding-left: 60px;
  font-size: 16px;
}

#yourDetails3 #btnPostCodeLookup {
  background: url(/static/images/mot-page/reg-search.png) center right 20px no-repeat #0582CA;
  font-size: 30px;
  line-height: 36px;
  font-weight: bold;
  width: 32%;
  border: 0;
  height: 64px;
  box-sizing: border-box;
  color: #fff;
  text-transform: none;
}

#yourDetails3 .errors {
  clear: both;
  float: left;
}

#yourDetails3 .addressDetails, #confirmDetails .addressDetails {
  width: 23.5% !important;
  float: left;
  margin-right: 2% !important;
  margin-top: 15px;
}

#yourDetails3 .addressDetails:nth-child(6n+6), #confirmDetails .addressDetails:nth-child(4n+6) {
  margin-right: 0 !important;
}

.mot-page-wrap #fieldset-addressFieldset > div > div {
  padding: 0;
}

#fieldset-serviceOption > div {
  padding: 0;
}

#fieldset-alsoBookMot > div, .service-extras {
  padding: 0;
}

#yourDetails4 .form div {
  width: 19%;
}

@media only screen and (max-width: 767px) {
  #yourDetails4 .form div {
    width: 40%;
  }
}

@media only screen and (max-width: 480px) {
  #yourDetails4 .form div {
    width: 100%;
  }
}

#yourDetails4 .postcode-lookup {
  display: block;
  width: 16%;
  margin-right: 0;
  float: right;
}

@media only screen and (max-width: 480px) {
  #yourDetails4 .postcode-lookup {
    width: 100%;
  }
}

#yourDetails4 .postcode-lookup #btnPostCodeLookup {
  width: 100%;
  height: 64px;
  font-size: 16px;
  line-height: 28px;
  font-weight: bold;
}

#yourDetails4 #fromStage-element {
  display: block;
  width: 100%;
  clear: both;
}

/* Confirm Details */
#confirmDetails #fieldset-addressFieldset {
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
  margin: 50px 0 20px;
  padding: 50px 0 40px;
  clear: both;
  float: left;
}

#confirmDetails #fieldset-addressFieldset div {
  width: 100%;
  margin-top: 10px;
  padding: 0;
}

#confirmDetails #fieldset-addressFieldset #postcode, #confirmDetails #fieldset-addressFieldset button {
  width: 32%;
  margin-right: 2%;
  float: left;
  text-transform: none;
}

#confirmDetails .vehicle-reg-details, #confirmDetails .car-inputs-hide {
  margin-top: 60px;
}

#confirmDetails .car-inputs-hide:nth-child(2n+3) {
  margin-right: 0;
}

#confirmDetails .amorpm {
  width: 14% !important;
}

#confirmDetails .amorpm label {
  display: block;
  font-size: 24px;
}

#confirmDetails .addressDetails {
  margin-top: 0 !important;
}

/* Next and Previous */
#serviceType .button-submit, #motDate .button-submit, #serviceDate .button-submit, #yourDetails1 .button-submit, #yourDetails2 .button-submit, #yourDetails4 .button-submit, #yourDetails3 .button-submit, #editVehicle .button-submit, #serviceCentre .button-submit, #previewDetails .button-submit, #confirmDetails .button-submit, #returnToMot {
  font-size: 24px;
  line-height: 28px;
  font-weight: bold;
  width: 220px;
  border: 0;
  height: 65px;
  box-sizing: border-box;
  color: #fff;
  margin-top: 15px;
}

#serviceType #next-element #next, #motDate #next-element #next, #serviceDate #next-element #next, #yourDetails1 #next-element #next, #yourDetails2 #next-element #next, #yourDetails4 #next-element #next, #yourDetails3 #next-element #next, #editVehicle #next-element #next, #serviceCentre #next-element #next, #previewDetails #complete-element input, #confirmDetails #complete-element .button-submit {
  background: url(/static/images/mot-page/mot-next.png) center right 40px no-repeat #0582CA;
  float: right;
}

#goto-element .button-previous, #serviceType #previous-element #previous, #motDate #previous-element #previous, #serviceDate #previous-element #previous, #yourDetails1 #previous-element #previous, #yourDetails4 #previous-element #previous, #yourDetails2 #previous-element #previous, #yourDetails3 #previous-element #previous, #editVehicle #previous-element #previous, #serviceCentre #previous-element #previous, #confirmDetails #previous-element .button-submit {
  background: url(/static/images/mot-page/mot-prev.png) center left 20px no-repeat #6B6B6B;
  float: left;
}

/* MOT Location map */
#fieldset-alsoBookMot .serviceTitle {
  text-transform: uppercase;
}

#mot-map-wrap {
  padding: 40px;
  background: #F2F4F5;
  box-sizing: border-box;
  margin-bottom: 20px;
  float: left;
  width: 100%;
}

#mot-map-wrap h2 {
  color: #003145;
  font-weight: bold;
  font-size: 24px;
  line-height: 28px;
}

#mot-map-wrap .gm-style #content {
  color: #111;
}

#mot-map-wrap .gm-style #content h2 {
  color: #111;
}

.location-select {
  min-height: 100px;
  display: inline-block;
  background: #ffffff;
  color: #003145;
  border: none;
  outline: none;
  margin: 0 5px 5px 0;
}

.location-select.primaryControl {
  border-radius: 0;
  width: 100%;
  margin: 20px 0;
  font-size: 24px;
  line-height: 28px;
  font-weight: bold;
  border: 0;
  box-shadow: none;
  background: #333;
  color: #fff;
  text-shadow: none;
}

.location-select:hover, .location-select:focus, .location-select.active:focus, .location-select.active {
  color: #ffffff;
  border: none;
  outline: none;
  background: #003145;
}

.serviceCentreContainerdiv .secondaryControls .btn {
  margin-right: 2%;
  width: 32%;
  margin-bottom: 20px;
  box-sizing: border-box;
  border: 0;
  box-shadow: none;
  background: #333;
  font-size: 24px;
  color: #fff;
  text-shadow: none;
  line-height: 28px;
}

.serviceCentreContainerdiv .secondaryControls .location-select:nth-child(3n+3) {
  margin-right: 0;
}

.serviceCentreContainerdiv .secondaryControls .btn:hover, .serviceCentreContainerdiv .secondaryControls.primaryControl:hover, .serviceCentreContainerdiv .secondaryControls.active {
  background: #0582CA !important;
  color: #fff !important;
  text-shadow: none;
  transition: .4s;
}

#serviceCentre dd {
  margin-left: 0;
}

/* Other MOT Styles */
#previewDetails #next-element input {
  background: #6B6B6B;
  float: left;
}

#motDate #next-element #next, #serviceDate #next-element #next, #yourDetails2 #next-element #next {
  clear: both;
}

#mot-page-wrap dd, #next-element {
  margin-left: 0;
}

.mot-booking-details p {
  font-size: 18px;
  line-height: 24px;
  border-radius: 4px;
  margin-left: 1%;
  margin-top: 15px;
  box-sizing: border-box;
}

#next-label, #fromStage-label, #clear-label, #confirmDetails #complete-label, #mot-page-wrap #previous-label {
  display: none;
}

#clear-element {
  clear: both;
  margin-top: 20px;
  float: left;
}

#mot-page-wrap .formMessage, #mot-page-wrap .displayhint {
  background: #6b6b6b;
  color: #fff !important;
  padding: 10px;
  margin-top: 10px;
  text-align: center;
  font-weight: bold;
  font-size: 16px;
  border-radius: 4px;
  clear: both;
  box-sizing: border-box;
  width: 100%;
  float: left;
}

#mot-page-wrap .hint {
  display: none;
}

#yourDetails3 fieldset, #confirmDetails fieldset {
  background: none;
  padding: 0;
  width: 100%;
}

#yourDetails3 legend, #confirmDetails legend, #mot-map-wrap #previous-label, #previewDetails #complete-label {
  display: none;
}

.mot-thankyou {
  text-align: center;
  font-size: 24px;
  line-height: 28px;
  width: 100%;
}

.mot-thankyou p {
  font-size: 20px;
  line-height: 30px;
}

#mot-page-wrap #clear-element, #mot-map-wrap #clear-element {
  display: none;
}

#mot-page-wrap ul#postcodeAddressSelection li {
  font-size: 14px;
}

#mot-page-wrap.mot-thankyou h2 {
  line-height: 40px;
}

#mot-page-wrap.mot-thankyou h2:nth-child(1) {
  color: #0582CA;
}

.mot-thankyou p.mot-you-will {
  font-size: 30px;
  color: #0582CA;
  line-height: 30px;
  font-weight: bold;
}

#also-book-service-box {
  background: #ffffff;
  padding: 15px;
  box-sizing: border-box;
  border-radius: 4px;
  float: left;
  width: 100%;
}

#also-book-service-box label {
  font-size: 24px;
  line-height: 28px;
  margin-left: 50px;
  margin-bottom: -34px;
}

#also-book-service-box input {
  float: left;
  width: 35px;
  height: 35px;
  display: block;
  background: #fff;
  border-radius: 4px;
  border: 1px solid #ccc;
}

#editVehicle div > div:nth-child(4) {
  margin-right: 0;
}

@media (max-width: 880px) {
  #also-book-service-box label {
    font-size: 16px;
    line-height: 30px;
  }
}

@media (max-width: 580px) {
  #also-book-service-box label {
    margin-bottom: -45px;
    line-height: 22px;
  }
}

@media (max-width: 380px) {
  #also-book-service-box label {
    font-size: 13px;
    line-height: 20px;
  }
}

/* MOT Hover */
#vehicleRegistration #next-element #next:hover, #introPage #next:hover, #motDate #next-element #next:hover, #serviceDate #next-element #next:hover, #yourDetails1 #next-element #next:hover, #yourDetails2 #next-element #next:hover, #yourDetails3 #next-element #next:hover, #confirmVehicle #goto:hover, #yourDetails3 #btnPostCodeLookup:hover, #editVehicle #next-element #next:hover, #serviceCentre #next-element #next:hover, #previewDetails #complete-element input:hover, #confirmDetails #complete-element .button-submit:hover, #returnToMot {
  background-color: #046298;
  transition: .4s;
}

#motDate #previous-element #previous:hover, #yourDetails1 #previous-element #previous:hover, #yourDetails2 #previous-element #previous:hover, #yourDetails2 #previous-element #previous:hover, #yourDetails3 #previous-element #previous:hover, #confirmVehicle #next:hover, #editVehicle #previous-element #previous:hover, #serviceCentre #previous-element #previous:hover, #previewDetails #next-element input:hover, #confirmDetails #previous-element .button-submit:hover, #returnToMot {
  background-color: #333862;
  transition: .4s;
}

/* MOT Media Queries */
@media (max-width: 1130px) {
  .mot-banner-text {
    top: 20px;
  }
  .mot-banner-text .mot-text span {
    font-size: 80px;
    line-height: 80px;
  }
  .mot-usp li {
    font-size: 16px;
  }
}

@media (max-width: 1050px) {
  #vehicleRegistration #next-element #next, #yourDetails3 #btnPostCodeLookup, #confirmDetails #btnPostCodeLookup, #vehicleregistration, #confirmDetails #fieldset-addressFieldset button {
    font-size: 24px;
    line-height: 28px;
  }
}

@media (max-width: 979px) {
  .mot-banner-text .mot-text span {
    font-size: 60px;
    line-height: 60px;
  }
  .mot-banner-text .mot-price {
    font-size: 36px;
    line-height: 42px;
  }
  .mot-usp li {
    font-size: 15px;
    background-size: 45px;
    line-height: 22px;
  }
  .mot-banner-text {
    right: 14px;
  }
  #vehicleRegistration div > div, #vehicleRegistration #next-element, #yourDetails3 #btnPostCodeLookup, #editVehicle div > div, #yourDetails3 #postcode, #yourDetails3 .addressDetails, #confirmDetails .addressDetails, #yourDetails2 .form div, .datePicker {
    width: 49% !important;
  }
  #confirmDetails #fieldset-addressFieldset div {
    width: 100%;
  }
  #editVehicle div > div:nth-child(even), #yourDetails3 .addressDetails:nth-child(even), #confirmDetails .addressDetails:nth-child(even), #yourDetails2 .form div:nth-child(even) {
    margin-right: 0 !important;
  }
  #vehicleRegistration #next-element {
    margin-right: 0;
  }
  #mot-page-wrap h2 {
    font-size: 32px;
    line-height: 36px;
  }
  #confirmDetails #fieldset-addressFieldset #postcode, #confirmDetails #fieldset-addressFieldset button {
    width: 100%;
  }
  #serviceDate .datePicker, #motDate .datePicker {
    margin-right: 2%;
  }
  #confirmDetails .datePicker {
    width: 32% !important;
  }
  #confirmDetails .amorpm label {
    font-size: 16px;
    width: 35px;
  }
}

@media (max-width: 979px) {
  #introPage #next {
    margin-top: 10px;
    font-size: 18px;
    padding: 5px;
  }
  .mot-booking-details p {
    width: 100%;
  }
  #serviceDate label, #motDate label {
    width: 65px;
    font-size: 20px;
  }
}

@media (max-width: 767px) {
  .mot-banner-text {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    background: url(/static/images/mot-page/mot-back.png) center top no-repeat #333;
    padding: 20px;
    box-sizing: border-box;
  }
  div.serviceCentreContainer .secondaryControls .btn {
    width: 100%;
    font-size: 18px;
    line-height: 24px;
  }
}

@media (max-width: 680px) {
  #vehicleRegistration #next-element #next, #yourDetails3 #btnPostCodeLookup, #confirmDetails #fieldset-addressFieldset button, #motDate .button-submit, #serviceDate .button-submit, #yourDetails1 .button-submit, #yourDetails2 .button-submit, #yourDetails3 .button-submit, #editVehicle .button-submit, #serviceCentre .button-submit, #previewDetails .button-submit, #confirmDetails .button-submit {
    font-size: 18px;
    line-height: 24px;
  }
  #vehicleRegistration #next-element #next, #yourDetails3 #btnPostCodeLookup, #confirmDetails #fieldset-addressFieldset button {
    background-size: 25px;
  }
  #confirmVehicle #next, #confirmVehicle #goto {
    font-size: 28px;
    line-height: 32px;
  }
  #yourDetails1 .form div, #yourDetails2 .form div, .datePicker, #confirmDetails .form div, #motDate .button-submit, #serviceDate .button-submit, #yourDetails1 .button-submit, #yourDetails2 .button-submit, #yourDetails3 .button-submit, #editVehicle .button-submit, #serviceCentre .button-submit, #previewDetails .button-submit, #confirmDetails .button-submit, #editVehicle div > div, #confirmDetails #fieldset-addressFieldset button {
    width: 100% !important;
  }
  .amorpm {
    float: left;
    width: 49%;
    text-align: center;
    margin-right: 2% !important;
  }
  .amorpm:nth-child(odd) {
    margin-right: 0 !important;
  }
  #motDate label {
    width: 100%;
    margin-right: 2%;
  }
  #serviceDate .amlabel span, #serviceDate .pmlabel span, #motDate .amlabel span, #motDate .pmlabel span {
    width: 100%;
  }
  #confirmDetails .car-inputs-hide {
    margin-top: 0;
  }
  #confirmDetails .form .amorpm {
    width: 48% !important;
  }
  #confirmDetails .amlabel span, #confirmDetails .pmlabel span {
    width: 60px;
  }
}

@media (max-width: 550px) {
  .mot-usp li, #vehicleRegistration div > div, #vehicleRegistration #next-element, #confirmVehicle #goto, #confirmVehicle #next, #yourDetails3 #btnPostCodeLookup, #yourDetails3 #postcode, #yourDetails3 .addressDetails, #confirmDetails .addressDetails {
    width: 100% !important;
    margin-right: 0;
  }
  #confirmVehicle #next {
    margin-left: 0;
  }
  .mot-top-title h1 {
    font-size: 20px;
    line-height: 22px;
  }
  #mot-page-wrap {
    padding: 40px 20px 30px 20px;
  }
  #mot-page-wrap .errors {
    font-size: 12px;
  }
  #mot-map-wrap {
    padding: 20px;
  }
  .mot-usp-box h4, #mot-page-wrap h2 {
    font-size: 22px;
    line-height: 26px;
  }
  .mot-usp-box, .mot-usp-box .inner {
    padding: 10px;
    font-size: 14px;
    line-height: 18px;
  }
  .mot-usp-box img {
    max-width: 100px;
  }
  .mot-thankyou {
    font-size: 16px;
    line-height: 22px;
  }
}

@media (max-width: 480px) {
  #vehicleRegistration div > div {
    width: 100%;
  }
  #detailsCarousel .carousel-control {
    display: none;
  }
  .pagination td, #paginationNew td {
    width: 100% !important;
    display: block;
    text-align: center !important;
  }
}

.serviceItems {
  width: 100%;
  box-sizing: border-box;
  padding: 15px;
  background: #ffffff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  margin-bottom: 5px;
  float: left;
  clear: both;
}

.serviceItems span {
  display: block;
  width: 32%;
  margin-right: 2.5%;
  float: left;
}

.serviceTitle {
  font-size: 22px;
  font-weight: bold;
}

.serviceLabel {
  font-size: 14px;
  line-height: 16px;
}

.serviceItems span.serviceTitle {
  width: 30%;
  line-height: 33px;
}

.serviceItems span.serviceLabel {
  width: 34%;
  height: 35px;
}

.serviceItems span.servicePrice {
  font-size: 22px;
  text-align: right;
  font-weight: bold;
  width: 15%;
  line-height: 33px;
}

.serviceItems span.serviceCheckItem {
  text-align: right;
  width: 10%;
}

.serviceItems span.serviceCheckItem input {
  border: 3px solid #ccc;
  width: 25px;
  height: 25px;
  display: block;
  float: right;
}

#fieldset-alsoBookMot {
  padding-bottom: 0;
  background: none;
}

#fieldset-serviceOption {
  padding-top: 0;
  background: none;
}

#fieldset-serviceOption.error {
  border: 0 !important;
}

@media (max-width: 700px) {
  .serviceItems span.serviceLabel {
    height: auto;
  }
}

@media (max-width: 530px) {
  .serviceItem.serviceLabel {
    display: none;
    width: 0;
  }
  .serviceItems span.servicePrice, .serviceItems span.serviceTitle {
    font-size: 16px;
    line-height: 16px;
  }
  .serviceItems span.serviceTitle {
    width: 56%;
  }
  .serviceItems span.servicePrice {
    width: 20%;
  }
  .serviceItems span.serviceCheckItem {
    width: 16%;
  }
  .serviceItems span.serviceCheckItem input {
    margin-top: 0;
    width: 15px;
    height: 15px;
  }
}

#fieldset-confirmServiceType label {
  display: inline-block;
}

#confirmDetails .form #fieldset-confirmServiceType > div {
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
  margin: 50px 0 20px;
  padding: 50px 0 40px;
  width: 100%;
}

#confirmDetails .form #fieldset-confirmServiceType > div > div:nth-child(1) {
  width: 13%;
  margin: 0;
}

#confirmDetails .form #fieldset-confirmServiceType > div > div:nth-child(2) {
  width: 81%;
  margin: 0 0 0 6%;
}

#fieldset-confirmServiceType br {
  display: none;
}

#fieldset-confirmServiceType > div > div label {
  width: 21%;
  margin-right: 4%;
  font-size: 18px;
  text-align: center;
}

#fieldset-confirmServiceType input {
  border: 3px solid #ccc;
  width: 25px;
  height: 25px;
  display: block;
  margin: 0 auto;
}

.collapsed-header-container {
  overflow: hidden;
  background: #fff;
  height: 60px;
  width: 100%;
}

.collapsed-header {
  padding: 10px;
  box-sizing: border-box;
  height: 100%;
}

.collapsed-header:hover {
  cursor: pointer;
}

.collapsed-header img {
  height: 100%;
  max-height: 40px;
}

.collapsed-arrow-down {
  float: right;
  margin-top: 10px;
}

.top-fixed {
  top: 0;
  width: 100%;
  height: 0;
  left: 0;
  z-index: 10;
}

@media (max-width: 767px) {
  #confirmDetails .form #fieldset-confirmServiceType > div > div:nth-child(2) {
    margin-left: 0;
    margin-top: 10px;
  }
  #fieldset-confirmServiceType > div > div:nth-child(2) label, #confirmDetails .form #fieldset-confirmServiceType > div > div:nth-child(1), #confirmDetails .form #fieldset-confirmServiceType > div > div:nth-child(2) {
    width: 100%;
  }
  #fieldset-confirmServiceType > div > div label {
    width: 50%;
  }
}

@media (max-width: 480px) {
  #serviceType #previous-element #previous, #serviceType #next-element #next {
    float: left;
    width: 100%;
  }
}

.datePicker {
  position: relative;
}

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

.servicing-form-outer-wrapper {
  background: #F2F4F5;
  padding-top: 30px;
}

.servicing-form-wrapper {
  /** standardise buttons **/
  /*** Form Progress ***/
}

.servicing-form-wrapper .service-contact-btn {
  text-transform: uppercase;
  padding: 10px;
  min-width: 200px;
  font-family: "Suzuki", sans-serif;
  font-size: 20px;
  margin-top: 10px;
}

.servicing-form-wrapper .service-contact-btn span {
  margin-right: 5px;
}

.servicing-form-wrapper #serviceForm {
  padding: 35px 35px 70px 35px;
  background: #ffffff;
  border: 1px solid #dbdbdb;
  float: left;
  width: 70%;
  position: relative;
}

.servicing-form-wrapper #serviceForm.fullwidth {
  width: 100%;
}

@media only screen and (max-width: 991px) {
  .servicing-form-wrapper #serviceForm {
    width: 100%;
  }
}

@media only screen and (max-width: 520px) {
  .servicing-form-wrapper #serviceForm {
    padding: 25px 15px 60px 15px;
  }
}

.servicing-form-wrapper #serviceForm select, .servicing-form-wrapper #serviceForm input {
  background: #fff;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #ccc;
  padding: 10px 10px 10px 60px;
  height: 50px;
  margin-bottom: 10px;
}

.servicing-form-wrapper #serviceForm button {
  border: 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  color: #ffffff;
  font-family: "Suzuki", sans-serif;
  text-transform: uppercase;
  padding: 10px;
  width: 200px;
  line-height: 1.3;
}

@media only screen and (max-width: 520px) {
  .servicing-form-wrapper #serviceForm button {
    min-width: 100px;
    width: auto;
  }
}

.servicing-form-wrapper #serviceForm .multistepPrevious {
  background: #003145;
  color: #ffffff;
}

.servicing-form-wrapper #serviceForm .multistepNext, .servicing-form-wrapper #serviceForm #submitButton, .servicing-form-wrapper #serviceForm #fieldsetStep7next, .servicing-form-wrapper #serviceForm #fieldsetStep1next, .servicing-form-wrapper #serviceForm #fieldsetStep2next, .servicing-form-wrapper #serviceForm #fieldsetStep3next, .servicing-form-wrapper #serviceForm #fieldsetStep4next, .servicing-form-wrapper #serviceForm #fieldsetStep5next, .servicing-form-wrapper #serviceForm #fieldsetStep6next {
  background: #0582CA;
  color: #ffffff;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s;
}

.servicing-form-wrapper #serviceForm .multistepNext:hover, .servicing-form-wrapper #serviceForm #submitButton:hover, .servicing-form-wrapper #serviceForm #fieldsetStep7next:hover, .servicing-form-wrapper #serviceForm #fieldsetStep1next:hover, .servicing-form-wrapper #serviceForm #fieldsetStep2next:hover, .servicing-form-wrapper #serviceForm #fieldsetStep3next:hover, .servicing-form-wrapper #serviceForm #fieldsetStep4next:hover, .servicing-form-wrapper #serviceForm #fieldsetStep5next:hover, .servicing-form-wrapper #serviceForm #fieldsetStep6next:hover {
  opacity: 0.7;
}

.servicing-form-wrapper .booking-summary-container, .servicing-form-wrapper .booking-end-summary-container {
  display: none;
  float: left;
  width: 29%;
  margin-left: 1%;
  background: #ffffff;
  border: 1px solid #dbdbdb;
  padding: 20px;
}

.servicing-form-wrapper .booking-summary-container h3, .servicing-form-wrapper .booking-end-summary-container h3 {
  margin: 0 0 15px 0;
}

@media only screen and (max-width: 991px) {
  .servicing-form-wrapper .booking-summary-container, .servicing-form-wrapper .booking-end-summary-container {
    width: 100%;
    margin-left: 0;
  }
}

.servicing-form-wrapper .booking-summary-container .summary-vehicle, .servicing-form-wrapper .booking-summary-container .summary-services, .servicing-form-wrapper .booking-summary-container .summary-booking, .servicing-form-wrapper .booking-summary-container .summary-details, .servicing-form-wrapper .booking-summary-container .summary-centre, .servicing-form-wrapper .booking-end-summary-container .summary-vehicle, .servicing-form-wrapper .booking-end-summary-container .summary-services, .servicing-form-wrapper .booking-end-summary-container .summary-booking, .servicing-form-wrapper .booking-end-summary-container .summary-details, .servicing-form-wrapper .booking-end-summary-container .summary-centre {
  float: left;
  width: 100%;
  clear: both;
  padding: 10px;
  background: #F2F4F5;
  margin-bottom: 10px;
}

.servicing-form-wrapper .booking-summary-container .summary-vehicle h4, .servicing-form-wrapper .booking-summary-container .summary-services h4, .servicing-form-wrapper .booking-summary-container .summary-booking h4, .servicing-form-wrapper .booking-summary-container .summary-details h4, .servicing-form-wrapper .booking-summary-container .summary-centre h4, .servicing-form-wrapper .booking-end-summary-container .summary-vehicle h4, .servicing-form-wrapper .booking-end-summary-container .summary-services h4, .servicing-form-wrapper .booking-end-summary-container .summary-booking h4, .servicing-form-wrapper .booking-end-summary-container .summary-details h4, .servicing-form-wrapper .booking-end-summary-container .summary-centre h4 {
  position: relative;
  margin-top: 0;
}

.servicing-form-wrapper .booking-summary-container .summary-vehicle h4 .change-link, .servicing-form-wrapper .booking-summary-container .summary-services h4 .change-link, .servicing-form-wrapper .booking-summary-container .summary-booking h4 .change-link, .servicing-form-wrapper .booking-summary-container .summary-details h4 .change-link, .servicing-form-wrapper .booking-summary-container .summary-centre h4 .change-link, .servicing-form-wrapper .booking-end-summary-container .summary-vehicle h4 .change-link, .servicing-form-wrapper .booking-end-summary-container .summary-services h4 .change-link, .servicing-form-wrapper .booking-end-summary-container .summary-booking h4 .change-link, .servicing-form-wrapper .booking-end-summary-container .summary-details h4 .change-link, .servicing-form-wrapper .booking-end-summary-container .summary-centre h4 .change-link {
  font-size: 13px;
  padding: 3px 10px;
  color: #0582CA;
  background: rgba(255, 255, 255, 0.5);
  float: right;
  margin-left: 5px;
  margin-bottom: 5px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
}

.servicing-form-wrapper .booking-summary-container .summary-vehicle h4 .change-link:hover, .servicing-form-wrapper .booking-summary-container .summary-services h4 .change-link:hover, .servicing-form-wrapper .booking-summary-container .summary-booking h4 .change-link:hover, .servicing-form-wrapper .booking-summary-container .summary-details h4 .change-link:hover, .servicing-form-wrapper .booking-summary-container .summary-centre h4 .change-link:hover, .servicing-form-wrapper .booking-end-summary-container .summary-vehicle h4 .change-link:hover, .servicing-form-wrapper .booking-end-summary-container .summary-services h4 .change-link:hover, .servicing-form-wrapper .booking-end-summary-container .summary-booking h4 .change-link:hover, .servicing-form-wrapper .booking-end-summary-container .summary-details h4 .change-link:hover, .servicing-form-wrapper .booking-end-summary-container .summary-centre h4 .change-link:hover {
  color: #ffffff;
  background: #0582CA;
  text-decoration: none;
}

.servicing-form-wrapper .booking-summary-container .booking-summary-row, .servicing-form-wrapper .booking-end-summary-container .booking-summary-row {
  float: left;
  width: 100%;
  clear: both;
  background: #ffffff;
  border-bottom: 1px solid #F2F4F5;
  display: flex;
  flex-wrap: wrap;
}

.servicing-form-wrapper .booking-summary-container .booking-summary, .servicing-form-wrapper .booking-end-summary-container .booking-summary {
  min-width: 50%;
  padding: 10px;
  /* float: left; */
  flex-grow: 1;
  border-right: 1px solid #F2F4F5;
  border-bottom: 1px solid #F2F4F5;
  overflow: hidden;
  text-overflow: ellipsis;
}

.servicing-form-wrapper .booking-summary-container .summary-vehicle .booking-summary, .servicing-form-wrapper .booking-end-summary-container .summary-vehicle .booking-summary {
  width: 100%;
}

.servicing-form-wrapper .booking-end-summary-container {
  display: block;
  width: 100%;
  padding: 0;
  border: none;
  margin-left: 0;
  background: #ffffff;
}

.servicing-form-wrapper .booking-end-summary-container h3 {
  display: none;
}

.servicing-form-wrapper .form-text {
  text-align: center;
  margin-bottom: 25px;
  display: block;
}

.servicing-form-wrapper .form-text h4 {
  font-size: 32px;
  line-height: 32px;
  font-weight: bold;
  margin-top: 0;
}

@media only screen and (max-width: 767px) {
  .servicing-form-wrapper .form-text h4 {
    font-size: 24px;
    line-height: 24px;
  }
}

.servicing-form-wrapper .step2 button, .servicing-form-wrapper .step3 button, .servicing-form-wrapper .step3a button, .servicing-form-wrapper .step4 button, .servicing-form-wrapper .step5 button, .servicing-form-wrapper .step6 button, .servicing-form-wrapper .step7 button {
  position: absolute;
  bottom: 20px;
}

.servicing-form-wrapper .step2 .multistepPrevious, .servicing-form-wrapper .step3 .multistepPrevious, .servicing-form-wrapper .step3a .multistepPrevious, .servicing-form-wrapper .step4 .multistepPrevious, .servicing-form-wrapper .step5 .multistepPrevious, .servicing-form-wrapper .step6 .multistepPrevious, .servicing-form-wrapper .step7 .multistepPrevious {
  left: 35px;
}

@media only screen and (max-width: 520px) {
  .servicing-form-wrapper .step2 .multistepPrevious, .servicing-form-wrapper .step3 .multistepPrevious, .servicing-form-wrapper .step3a .multistepPrevious, .servicing-form-wrapper .step4 .multistepPrevious, .servicing-form-wrapper .step5 .multistepPrevious, .servicing-form-wrapper .step6 .multistepPrevious, .servicing-form-wrapper .step7 .multistepPrevious {
    left: 15px;
  }
}

.servicing-form-wrapper .step2 .multistepNext, .servicing-form-wrapper .step2 #submitButton, .servicing-form-wrapper .step3 .multistepNext, .servicing-form-wrapper .step3 #submitButton, .servicing-form-wrapper .step3a .multistepNext, .servicing-form-wrapper .step3a #submitButton, .servicing-form-wrapper .step4 .multistepNext, .servicing-form-wrapper .step4 #submitButton, .servicing-form-wrapper .step5 .multistepNext, .servicing-form-wrapper .step5 #submitButton, .servicing-form-wrapper .step6 .multistepNext, .servicing-form-wrapper .step6 #submitButton, .servicing-form-wrapper .step7 .multistepNext, .servicing-form-wrapper .step7 #submitButton {
  right: 35px;
}

@media only screen and (max-width: 520px) {
  .servicing-form-wrapper .step2 .multistepNext, .servicing-form-wrapper .step2 #submitButton, .servicing-form-wrapper .step3 .multistepNext, .servicing-form-wrapper .step3 #submitButton, .servicing-form-wrapper .step3a .multistepNext, .servicing-form-wrapper .step3a #submitButton, .servicing-form-wrapper .step4 .multistepNext, .servicing-form-wrapper .step4 #submitButton, .servicing-form-wrapper .step5 .multistepNext, .servicing-form-wrapper .step5 #submitButton, .servicing-form-wrapper .step6 .multistepNext, .servicing-form-wrapper .step6 #submitButton, .servicing-form-wrapper .step7 .multistepNext, .servicing-form-wrapper .step7 #submitButton {
    right: 15px;
  }
}

.servicing-form-wrapper .booking-button {
  float: left;
  width: 100%;
  clear: both;
  text-align: center;
}

.servicing-form-wrapper .booking-button > div {
  float: left;
  width: 100%;
  clear: both;
}

.servicing-form-wrapper button#submitButton {
  right: auto;
  left: auto;
  clear: both;
  float: left;
  width: 100%;
  font-size: 18px;
  padding-right: 0;
  padding-left: 0;
}

.servicing-form-wrapper .step1 label {
  width: 100%;
  text-align: center;
}

.servicing-form-wrapper .step1 #regLookup {
  width: 32%;
  margin-right: 2%;
  float: left;
  background: url(/static/images/unity/default/reg.png) center left no-repeat #FFCE25;
  padding: 0 0 0 35px;
  border: 1px solid #fff;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  color: #111;
  font-weight: normal;
  margin-left: 0%;
  font-family: "UKNumberPlate", "Suzuki", sans-serif;
  text-transform: uppercase;
  font-size: 2.8em;
  line-height: 1;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .servicing-form-wrapper .step1 #regLookup {
    margin-left: 0;
    width: 49%;
  }
}

@media only screen and (max-width: 520px) {
  .servicing-form-wrapper .step1 #regLookup {
    width: 100%;
  }
}

.servicing-form-wrapper .step1 #regLookup:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 30px #FFCE25 inset !important;
}

.servicing-form-wrapper .step1 #regLookup::placeholder {
  color: #000;
  opacity: .3;
}

.servicing-form-wrapper .step1 #regLookup:focus::placeholder {
  opacity: .1;
}

.servicing-form-wrapper .step1 #vehicleMileage {
  margin-right: 1%;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  background: url(/static/images/mot-page/mileage.jpg) center left no-repeat #F1F1F1;
  padding: 10px 10px 10px 60px;
  width: 32%;
  font-family: "Suzuki", sans-serif;
  text-transform: uppercase;
  font-size: 18px;
}

@media only screen and (max-width: 767px) {
  .servicing-form-wrapper .step1 #vehicleMileage {
    margin-right: 0;
    width: 49%;
  }
}

@media only screen and (max-width: 520px) {
  .servicing-form-wrapper .step1 #vehicleMileage {
    width: 100%;
  }
}

.servicing-form-wrapper .step1 input#vehicleMileage.error {
  border: 1px solid #dc1818;
}

.servicing-form-wrapper .step1 input#vehicleMileage.error::placeholder {
  color: #dc1818;
}

.servicing-form-wrapper .step1 #regLookupSubmit {
  background: #333333;
  margin-right: 1%;
  border: 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  color: #ffffff;
  padding: 12px;
  width: 32%;
  font-family: "Suzuki", sans-serif;
  text-transform: uppercase;
  font-size: 18px;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s;
}

@media only screen and (max-width: 767px) {
  .servicing-form-wrapper .step1 #regLookupSubmit {
    margin-right: 0;
    width: 100%;
  }
}

.servicing-form-wrapper .step1 #regLookupSubmit:hover {
  opacity: 0.7;
}

.servicing-form-wrapper .step2 > div {
  width: 100%;
  float: left;
  clear: both;
}

.servicing-form-wrapper .step2 br {
  display: none;
}

.servicing-form-wrapper .step3 #vehicleMake, .servicing-form-wrapper .step3 #vehicleModel {
  background: url(/static/images/mot-page/car.jpg) center left no-repeat #F2F4F5;
}

.servicing-form-wrapper .step3 #engineSize {
  background: url(/static/images/mot-page/engine.jpg) center left no-repeat #F2F4F5;
}

.servicing-form-wrapper .step3 #fuelType {
  background: url(/static/images/mot-page/fuel.jpg) center left no-repeat #F2F4F5;
}

.servicing-form-wrapper .step3 #vehicleMileage {
  background: url(/static/images/mot-page/mileage.jpg) center left no-repeat #F2F4F5;
}

.servicing-form-wrapper .step3a > div {
  width: 24.25%;
  margin: 0 auto;
}

@media only screen and (max-width: 520px) {
  .servicing-form-wrapper .step3a > div {
    width: 100%;
  }
}

.servicing-form-wrapper .step3a > div select, .servicing-form-wrapper .step3a > div input {
  width: 100%;
}

.servicing-form-wrapper .step3a #Mileage {
  background: url(/static/images/mot-page/mileage.jpg) center left no-repeat #F2F4F5;
}

.servicing-form-wrapper .step4 #serviceItemList {
  background: url(/static/images/mot-page/service.jpg) center left no-repeat #F2F4F5;
  float: left;
  width: 35%;
  margin-left: 14%;
  margin-right: 1%;
  padding: 8px 8px 8px 55px;
}

@media only screen and (max-width: 991px) {
  .servicing-form-wrapper .step4 #serviceItemList {
    margin-left: 0;
    width: 49%;
  }
}

@media only screen and (max-width: 479px) {
  .servicing-form-wrapper .step4 #serviceItemList {
    width: 100%;
    margin-right: 0;
  }
}

.servicing-form-wrapper .step4 #motItemList {
  background: url(/static/images/mot-page/mot.jpg) center left no-repeat #F2F4F5;
  float: left;
  width: 35%;
  margin-left: 1%;
  padding: 8px 8px 8px 55px;
}

@media only screen and (max-width: 991px) {
  .servicing-form-wrapper .step4 #motItemList {
    margin-right: 0;
    width: 49%;
  }
}

@media only screen and (max-width: 479px) {
  .servicing-form-wrapper .step4 #motItemList {
    width: 100%;
    margin-left: 0;
  }
}

.servicing-form-wrapper .step4 #extraItemList {
  width: 100%;
}

@media only screen and (max-width: 991px) {
  .servicing-form-wrapper .step4 #extraItemList {
    width: 100%;
  }
}

.servicing-form-wrapper .step4 #extraItemList option {
  padding: 10px;
}

.servicing-form-wrapper .step4 #extraItemList option:checked {
  background: #0582CA;
  color: #ffffff;
}

.servicing-form-wrapper .step4 #extraItemList .extra-item {
  margin-bottom: 10px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  line-height: 1.3;
}

.servicing-form-wrapper .step4 #extraItemList .extra-item > input {
  height: 13px;
  margin: 0 5px 0 0;
  vertical-align: -1px;
}

.servicing-form-wrapper .step4 #extraItemList .extra-item .extra-info {
  margin-left: 18px;
  font-weight: bold;
  display: none;
}

.servicing-form-wrapper .step4 #extraItemList .extra-item.checked .extra-info {
  display: inline-block;
}

.servicing-form-wrapper .step4 .serviceItems {
  background: 0;
  padding: 0;
  text-align: left;
}

.servicing-form-wrapper .step4 .serviceItems .services label, .servicing-form-wrapper .step4 .serviceItems .mots label, .servicing-form-wrapper .step4 .serviceItems .extras label {
  width: 50%;
  background: #fff;
  border-right: 1px solid #F2F4F5;
  float: left;
  font-size: 18px;
  margin-bottom: 1px;
}

@media only screen and (max-width: 767px) {
  .servicing-form-wrapper .step4 .serviceItems .services label, .servicing-form-wrapper .step4 .serviceItems .mots label, .servicing-form-wrapper .step4 .serviceItems .extras label {
    width: 100%;
    font-size: 16px;
  }
}

.servicing-form-wrapper .step4 .serviceItems .services input, .servicing-form-wrapper .step4 .serviceItems .mots input, .servicing-form-wrapper .step4 .serviceItems .extras input {
  height: auto !important;
}

.servicing-form-wrapper .step4 .serviceItems {
  /* Create a custom radio button */
  /* On mouse-over, add a grey background color */
  /* When the radio button is checked, add a blue background */
  /* Create the indicator (the dot/circle - hidden when not checked) */
  /* Show the indicator (dot/circle) when checked */
  /* Style the indicator (dot/circle) */
}

.servicing-form-wrapper .step4 .serviceItems label {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.servicing-form-wrapper .step4 .serviceItems label input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.servicing-form-wrapper .step4 .serviceItems .checkmark {
  position: absolute;
  top: 8px;
  left: 8px;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border-radius: 50%;
}

.servicing-form-wrapper .step4 .serviceItems .checkmark::before {
  content: '';
  width: 23px;
  height: 23px;
  position: absolute;
  top: 0px;
  left: 1px;
  border-radius: 50px;
}

.servicing-form-wrapper .step4 .serviceItems label:hover input ~ .checkmark {
  background-color: #333333;
}

.servicing-form-wrapper .step4 .serviceItems label input:checked ~ .checkmark {
  background-color: #333333;
}

.servicing-form-wrapper .step4 .serviceItems .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.servicing-form-wrapper .step4 .serviceItems label input:checked ~ .checkmark:after {
  display: block;
}

.servicing-form-wrapper .step4 .serviceItems label .checkmark:after {
  top: 9px;
  left: 9px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: white;
}

.servicing-form-wrapper .step5 label {
  width: 100%;
}

.servicing-form-wrapper .step5 input {
  width: 200px;
  display: inline-block;
  margin-right: 1%;
}

@media only screen and (max-width: 520px) {
  .servicing-form-wrapper .step5 input {
    width: 100%;
  }
}

.servicing-form-wrapper .step5 .dateTimePicker {
  position: relative;
  text-align: center;
}

.servicing-form-wrapper .step5 .datepicker.datepicker-dropdown {
  top: -260px;
  left: 32% !important;
}

.servicing-form-wrapper .step5 #dateTime {
  background: url(/static/images/mot-page/date.jpg) center left no-repeat #F2F4F5;
}

.servicing-form-wrapper .step5 #timePicker {
  background: url(/static/images/mot-page/date.jpg) center left no-repeat #F2F4F5;
}

.servicing-form-wrapper .step5 .datepicker.datepicker-inline {
  position: absolute;
  z-index: -1;
  display: none !important;
}

.servicing-form-wrapper .step6 #name {
  background: url(/static/images/mot-page/title.jpg) center left no-repeat #F2F4F5;
}

.servicing-form-wrapper .step6 #telephone {
  background: url(/static/images/mot-page/tel.jpg) center left no-repeat #F2F4F5;
}

.servicing-form-wrapper .step6 #email {
  background: url(/static/images/mot-page/email.jpg) center left no-repeat #F2F4F5;
}

.servicing-form-wrapper .step6 #postcode {
  background: url(/static/images/mot-page/postcode.jpg) center left no-repeat #F2F4F5;
}

.servicing-form-wrapper .step6 #houseNumber {
  background: url(/static/images/mot-page/house-number.jpg) center left no-repeat #F2F4F5;
}

.servicing-form-wrapper .step6 .service-additional-comments {
  clear: both;
  display: initial;
  width: 100%;
  max-width: 570px;
  margin: 0 auto;
}

.servicing-form-wrapper .step6 .service-additional-comments textarea {
  width: 100%;
  background: #F6F6F6;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #ccc;
  height: 100px;
  padding: 10px;
}

.servicing-form-wrapper .form-group-inline {
  display: flex;
  column-gap: 15px;
  flex-wrap: wrap;
}

.servicing-form-wrapper .form-group-inline > div {
  width: 250px;
  flex-grow: 1;
}

.servicing-form-wrapper .form-group-inline > div label {
  display: block;
}

.servicing-form-wrapper .form-group-inline > div input, .servicing-form-wrapper .form-group-inline > div select {
  width: 100%;
}

.servicing-form-wrapper .step7 #ss-dropdown {
  width: 100%;
  margin: 0 auto 15px;
  float: none;
  clear: both;
  max-width: 400px;
  display: block;
  padding-left: 20px !important;
  color: black;
}

.servicing-form-wrapper .step7 .serviceLocations {
  display: none;
}

.servicing-form-wrapper .step7 .serviceLocations > div {
  background: #fff;
  padding: 20px;
  float: left;
  width: 100%;
  margin-bottom: 10px;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s;
  position: relative;
}

.servicing-form-wrapper .step7 .serviceLocations > div input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

@media only screen and (max-width: 767px) {
  .servicing-form-wrapper .step7 .serviceLocations > div {
    width: 100%;
    text-align: center;
  }
}

.servicing-form-wrapper .step7 .serviceLocations > div .checkmark {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
}

.servicing-form-wrapper .step7 .serviceLocations > div label {
  width: 33.3%;
  background: #eee;
  padding: 20px 20px 20px 100px;
  position: relative;
  text-align: left;
  border: 5px solid #fff;
}

@media only screen and (max-width: 767px) {
  .servicing-form-wrapper .step7 .serviceLocations > div label {
    width: 100%;
  }
}

.servicing-form-wrapper .step7 .serviceLocations > div label:hover {
  border: 5px solid #333333;
  cursor: pointer;
}

.servicing-form-wrapper .step7 .serviceLocations > div label.active {
  border: 5px solid #333333;
}

.servicing-form-wrapper .step8 {
  float: left;
  width: 100%;
  clear: both;
  /*.booking-summary {
      padding:10px;
      margin-bottom:1px;
      background:#fff;
      width:50%;
      float:left;
      border-right:1px solid $alt-bg-color;
      text-align: left;
      @include media-max(large) {
        width:100%;
        text-align: center;
      }
      label{
        width:180px;
        float:left;
        display: block;
        margin-bottom:0;
        @include media-max(large) {
          width:100%;
          text-align: center;
        }
      }
      span {
        float:left;
        display: block;
        @include media-max(large) {
          float:none;
          text-align: center;
        }
      }
    }*/
}

.servicing-form-wrapper .step8 .booking-gdpr {
  width: 100%;
  clear: both;
  margin: 10px 0;
  padding-top: 15px;
  text-align: center;
}

@media only screen and (max-width: 479px) {
  .servicing-form-wrapper .step8 .booking-button button {
    width: 100%;
  }
}

.servicing-form-wrapper label[for="regLookup"], .servicing-form-wrapper label[for="YourVehicle"], .servicing-form-wrapper #YourVehicle-isvehicle, .servicing-form-wrapper #YourVehicle-isnotvehicle {
  display: none;
}

.servicing-form-wrapper #serviceForm button,
.servicing-form-wrapper .step1 #regLookupSubmit {
  background: #0582CA;
  color: #ffffff;
}

.servicing-form-wrapper #vehicleDescription {
  text-align: center;
  font-size: 24px;
}

@media only screen and (max-width: 992px) {
  .servicing-form-wrapper #vehicleDescription {
    font-size: 16px;
  }
}

.servicing-form-wrapper .isvehicle {
  width: 250px;
  max-width: 80%;
  margin: 30px 10% 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  background: #0582CA;
  color: #ffffff;
  text-align: center;
  font-weight: normal;
  padding: 12px;
  font-size: 18px;
  cursor: pointer;
}

.servicing-form-wrapper .isvehicle.isnotvehicle {
  background: #003145;
  color: #ffffff;
}

.servicing-form-wrapper .form-progress {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 5px;
  background: #ffffff;
  overflow: hidden;
  margin-bottom: 1px;
}

@media only screen and (max-width: 767px) {
  .servicing-form-wrapper .form-progress {
    height: 10px;
  }
}

.servicing-form-wrapper .form-progress .form-progress-inner {
  width: 14.2%;
  float: left;
  height: 5px;
  font-size: 12px;
  line-height: 16px;
  padding: 5px;
  color: #fff;
  background: #0582CA;
}

@media only screen and (max-width: 767px) {
  .servicing-form-wrapper .form-progress .form-progress-inner {
    height: 10px;
  }
}

@media only screen and (max-width: 767px) {
  .servicing-form-wrapper .form-progress .form-progress-inner strong {
    display: none;
  }
}

.servicing-form-wrapper .service-additional-notes {
  width: 100%;
  max-width: 570px;
  margin: 0 auto;
}

.servicing-form-wrapper .service-additional-notes textarea {
  width: 100%;
  background: #F2F4F5;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #ccc;
  height: 100px;
  padding: 10px;
}

@media only screen and (max-width: 570px) {
  .servicing-form-wrapper .service-additional-notes textarea {
    float: left;
    margin: 10px auto;
  }
}

.servicing-form-wrapper #serviceForm .optin-container {
  margin: 0 auto;
  clear: both;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}

.servicing-form-wrapper #serviceForm .optin-email, .servicing-form-wrapper #serviceForm .optin-telephone, .servicing-form-wrapper #serviceForm .optin-post, .servicing-form-wrapper #serviceForm .optin-sms {
  margin-top: 10px;
  padding-right: 10px;
}

@media only screen and (max-width: 479px) {
  .servicing-form-wrapper #serviceForm .optin-email, .servicing-form-wrapper #serviceForm .optin-telephone, .servicing-form-wrapper #serviceForm .optin-post, .servicing-form-wrapper #serviceForm .optin-sms {
    width: 50%;
  }
}

.servicing-form-wrapper #serviceForm .optin-email label, .servicing-form-wrapper #serviceForm .optin-email input, .servicing-form-wrapper #serviceForm .optin-telephone label, .servicing-form-wrapper #serviceForm .optin-telephone input, .servicing-form-wrapper #serviceForm .optin-post label, .servicing-form-wrapper #serviceForm .optin-post input, .servicing-form-wrapper #serviceForm .optin-sms label, .servicing-form-wrapper #serviceForm .optin-sms input {
  float: left;
}

.servicing-form-wrapper #serviceForm .optin-email input, .servicing-form-wrapper #serviceForm .optin-telephone input, .servicing-form-wrapper #serviceForm .optin-post input, .servicing-form-wrapper #serviceForm .optin-sms input {
  height: 1em;
  margin: 5px;
}

/* Ford Podium */
body .fordPodiumRatingWrap {
  top: 240px;
}

@media only screen and (max-width: 479px) {
  body .fordPodiumRatingWrap {
    top: 150px;
  }
}

body .fordPodiumRatingWrap .fordPodiumRatingTitle {
  background: #1D394F;
  display: flex;
  align-items: center;
}

body .fordPodiumRatingWrap .fordPodiumRating {
  height: auto;
  min-height: 90px;
}

body .fordPodiumRatingWrap .fordPodiumRating .fordStarRatingTown {
  font-size: 13px;
  line-height: 16px;
  font-weight: bold;
}

/* Chat Bots */
@media only screen and (max-width: 991px) {
  .chat-widget-icon {
    top: 0;
    right: 195px !important;
    background: #0582CA;
    height: 50px;
    width: 60px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .chat-widget-icon::before {
    position: absolute;
    content: '\e971';
    font-family: awfont;
    font-size: 12px;
    line-height: 17px;
    text-align: center;
    color: #ffffff;
    top: 8px;
  }
  .chat-widget-icon::after {
    position: absolute;
    content: 'Live Chat';
    font-size: 12px;
    line-height: 17px;
    text-align: center;
    color: #ffffff;
    bottom: 8px;
  }
  .chat-widget-icon img {
    height: 50px;
    width: 60px;
    display: block;
    padding-left: 60px;
    background: 0;
    position: absolute;
    z-index: 1;
  }
}

/* Franchise Options */
.franchiseOptionsWrapper {
  background: #021822;
  color: #ffffff;
  float: left;
  width: 100%;
  padding: 20px 0;
  margin-bottom: 20px;
}

@media only screen and (max-width: 991px) {
  .franchiseOptionsWrapper {
    padding: 15px 0;
    margin-bottom: 15px;
  }
}

.franchiseOptionsWrapper .franchiseOptionsInner {
  display: flex;
  align-items: center;
  flex-direction: row;
  width: 100%;
  justify-content: space-around;
}

@media only screen and (max-width: 991px) {
  .franchiseOptionsWrapper .franchiseOptionsInner {
    flex-wrap: wrap;
  }
}

.franchiseOptionsWrapper .franchiseOptionsInner .franchiseOption {
  width: 100%;
  margin-right: 20px;
  background: #003145;
  position: relative;
  float: left;
  text-align: center;
  overflow: hidden;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  -ms-transition: 0.4s;
  transition: 0.4s;
  border: 1px solid #021822;
}

.franchiseOptionsWrapper .franchiseOptionsInner .franchiseOption:last-child {
  margin-right: 0;
}

@media only screen and (max-width: 1439px) {
  .franchiseOptionsWrapper .franchiseOptionsInner .franchiseOption {
    margin: 0;
  }
}

@media only screen and (max-width: 991px) {
  .franchiseOptionsWrapper .franchiseOptionsInner .franchiseOption {
    min-width: 33.33%;
    flex-basis: 33.33%;
    flex-grow: 1;
  }
  .franchiseOptionsWrapper .franchiseOptionsInner .franchiseOption.gridOfTwo {
    flex-basis: 50%;
  }
}

@media only screen and (max-width: 767px) {
  .franchiseOptionsWrapper .franchiseOptionsInner .franchiseOption {
    width: 100%;
    height: 100px;
    border: 0;
    min-width: 100%;
    margin-bottom: 10px;
  }
}

.franchiseOptionsWrapper .franchiseOptionsInner .franchiseOption a {
  color: #ffffff;
}

.franchiseOptionsWrapper .franchiseOptionsInner .franchiseOption .franchiseImage {
  width: 100%;
  height: 400px;
  background-size: cover !important;
  -webkit-transition: 0.8s;
  -moz-transition: 0.8s;
  -o-transition: 0.8s;
  -ms-transition: 0.8s;
  transition: 0.8s;
}

@media only screen and (max-width: 1439px) {
  .franchiseOptionsWrapper .franchiseOptionsInner .franchiseOption .franchiseImage {
    height: 300px;
  }
}

@media only screen and (max-width: 767px) {
  .franchiseOptionsWrapper .franchiseOptionsInner .franchiseOption .franchiseImage {
    height: 100px;
    opacity: 0.3;
  }
}

.franchiseOptionsWrapper .franchiseOptionsInner .franchiseOption .franchiseText {
  padding: 20px 0;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  -ms-transition: 0.4s;
  transition: 0.4s;
  background: #003145;
  position: relative;
}

.franchiseOptionsWrapper .franchiseOptionsInner .franchiseOption .franchiseText .franchiseTitle {
  margin: 0;
  font-size: 24px;
  font-weight: bold;
  line-height: 28px;
}

@media only screen and (max-width: 991px) {
  .franchiseOptionsWrapper .franchiseOptionsInner .franchiseOption .franchiseText .franchiseTitle {
    font-size: 18px;
    line-height: 24px;
  }
}

.franchiseOptionsWrapper .franchiseOptionsInner .franchiseOption .franchiseText .franchiseSummary {
  font-size: 18px;
  line-height: 24px;
}

@media only screen and (max-width: 991px) {
  .franchiseOptionsWrapper .franchiseOptionsInner .franchiseOption .franchiseText .franchiseSummary {
    font-size: 14px;
    line-height: 18px;
  }
}

@media only screen and (max-width: 767px) {
  .franchiseOptionsWrapper .franchiseOptionsInner .franchiseOption .franchiseText {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: none;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    flex-direction: column;
  }
}

.franchiseOptionsWrapper .franchiseOptionsInner .franchiseOption:hover, .franchiseOptionsWrapper .franchiseOptionsInner .franchiseOption:focus {
  background: #0582CA;
}

.franchiseOptionsWrapper .franchiseOptionsInner .franchiseOption:hover .franchiseImage, .franchiseOptionsWrapper .franchiseOptionsInner .franchiseOption:focus .franchiseImage {
  -webkit-transform: scale(1.1, 1.1);
  /* Safari and Chrome */
  -moz-transform: scale(1.1, 1.1);
  /* Firefox */
  -ms-transform: scale(1.1, 1.1);
  /* IE 9 */
  -o-transform: scale(1.1, 1.1);
  /* Opera */
  transform: scale(1.1, 1.1);
}

.franchiseOptionsWrapper .franchiseOptionsInner .franchiseOption:hover .franchiseText, .franchiseOptionsWrapper .franchiseOptionsInner .franchiseOption:focus .franchiseText {
  background: #0582CA;
}

.franchiseOptionsWrapper .franchiseOptionsInner .franchiseOption:hover a, .franchiseOptionsWrapper .franchiseOptionsInner .franchiseOption:focus a {
  color: #ffffff;
  text-decoration: none;
}

.franchiseOptionsStyleTwo-wrapper {
  background: #021822;
  width: 100%;
  overflow: hidden;
}

@media only screen and (min-width: 992px) {
  .franchiseOptionsStyleTwo-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-around;
  }
}

.franchiseOptionsStyleTwo-wrapper .franchiseOptionStyleTwo {
  position: relative;
  overflow: hidden;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  -ms-transition: 0.4s;
  transition: 0.4s;
  display: block;
}

@media only screen and (max-width: 991px) {
  .franchiseOptionsStyleTwo-wrapper .franchiseOptionStyleTwo {
    width: 50%;
    float: left;
  }
  .franchiseOptionsStyleTwo-wrapper .franchiseOptionStyleTwo:last-child:not(:nth-child(even)) {
    width: 100%;
  }
}

@media only screen and (min-width: 992px) {
  .franchiseOptionsStyleTwo-wrapper .franchiseOptionStyleTwo {
    flex-basis: 100%;
  }
}

.franchiseOptionsStyleTwo-wrapper .franchiseOptionStyleTwo .franchiseOptionInner {
  width: 100%;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  -ms-transition: 0.4s;
  transition: 0.4s;
  display: flex;
  align-items: center;
  justify-content: center;
}

.franchiseOptionsStyleTwo-wrapper .franchiseOptionStyleTwo .franchiseImage {
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  -ms-transition: 0.4s;
  transition: 0.4s;
  height: 700px;
  width: 100%;
  background-size: cover !important;
}

@media only screen and (max-width: 1439px) {
  .franchiseOptionsStyleTwo-wrapper .franchiseOptionStyleTwo .franchiseImage {
    height: 500px;
  }
}

@media only screen and (max-width: 991px) {
  .franchiseOptionsStyleTwo-wrapper .franchiseOptionStyleTwo .franchiseImage {
    height: 200px;
  }
}

.franchiseOptionsStyleTwo-wrapper .franchiseOptionStyleTwo .franchiseOptionContent {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  -ms-transition: 0.4s;
  transition: 0.4s;
}

@media only screen and (max-width: 1439px) {
  .franchiseOptionsStyleTwo-wrapper .franchiseOptionStyleTwo .franchiseOptionContent {
    min-width: 120px;
  }
}

.franchiseOptionsStyleTwo-wrapper .franchiseOptionStyleTwo .franchiseOptionContent .franchiseLogo {
  background: #fff;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
  padding: 15px;
  width: 160px;
  margin-bottom: 20px;
  text-align: center;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  -ms-transition: 0.4s;
  transition: 0.4s;
  overflow: hidden;
}

@media only screen and (max-width: 1439px) {
  .franchiseOptionsStyleTwo-wrapper .franchiseOptionStyleTwo .franchiseOptionContent .franchiseLogo {
    width: 120px;
  }
}

.franchiseOptionsStyleTwo-wrapper .franchiseOptionStyleTwo .franchiseOptionContent .franchiseText {
  padding-bottom: 20px;
  text-align: center;
  color: #fff;
}

.franchiseOptionsStyleTwo-wrapper .franchiseOptionStyleTwo .franchiseOptionContent .franchiseText::before {
  content: '';
  position: absolute;
  border-bottom: 3px solid #fff;
  bottom: 0;
  left: 0;
  right: 0;
  max-width: 160px;
  margin: 0 auto;
}

@media only screen and (max-width: 1439px) {
  .franchiseOptionsStyleTwo-wrapper .franchiseOptionStyleTwo .franchiseOptionContent .franchiseText::before {
    width: 120px;
  }
}

.franchiseOptionsStyleTwo-wrapper .franchiseOptionStyleTwo .franchiseOptionContent .franchiseText h4 {
  font-size: 42px;
  line-height: 42px;
  margin: 0;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  -ms-transition: 0.4s;
  transition: 0.4s;
}

@media only screen and (max-width: 1439px) {
  .franchiseOptionsStyleTwo-wrapper .franchiseOptionStyleTwo .franchiseOptionContent .franchiseText h4 {
    font-size: 32px;
    line-height: 32px;
  }
}

@media only screen and (max-width: 479px) {
  .franchiseOptionsStyleTwo-wrapper .franchiseOptionStyleTwo .franchiseOptionContent .franchiseText h4 {
    font-size: 24px;
    line-height: 24px;
  }
}

.franchiseOptionsStyleTwo-wrapper .franchiseOptionStyleTwo .franchiseOptionContent .franchiseText .discover {
  font-size: 20px;
  line-height: 24px;
  font-weight: 200;
  font-family: "Suzuki", sans-serif;
}

@media only screen and (max-width: 1439px) {
  .franchiseOptionsStyleTwo-wrapper .franchiseOptionStyleTwo .franchiseOptionContent .franchiseText .discover {
    font-size: 16px;
    line-height: 20px;
  }
}

@media only screen and (max-width: 479px) {
  .franchiseOptionsStyleTwo-wrapper .franchiseOptionStyleTwo .franchiseOptionContent .franchiseText .discover {
    font-size: 14px;
  }
}

.franchiseOptionsStyleTwo-wrapper .franchiseOptionStyleTwo .franchiseOptionActive {
  position: absolute;
  left: 0;
  z-index: 2;
  -webkit-transition: 0.8s;
  -moz-transition: 0.8s;
  -o-transition: 0.8s;
  -ms-transition: 0.8s;
  transition: 0.8s;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  opacity: 0;
  top: 50px;
  left: -50%;
}

@media only screen and (min-width: 992px) {
  .franchiseOptionsStyleTwo-wrapper .franchiseOptionStyleTwo .franchiseOptionActive .franchiseTextActive {
    margin-left: 20px;
  }
}

@media only screen and (max-width: 991px) {
  .franchiseOptionsStyleTwo-wrapper .franchiseOptionStyleTwo .franchiseOptionActive {
    height: 200px;
    top: 0;
    right: 0;
  }
}

.franchiseOptionsStyleTwo-wrapper .franchiseOptionStyleTwo .franchiseOptionActive .franchiseLogoActive {
  background: #fff;
  padding: 20px;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
  -webkit-transition: 0.8s;
  -moz-transition: 0.8s;
  -o-transition: 0.8s;
  -ms-transition: 0.8s;
  transition: 0.8s;
  max-width: 160px;
}

@media only screen and (max-width: 1439px) {
  .franchiseOptionsStyleTwo-wrapper .franchiseOptionStyleTwo .franchiseOptionActive .franchiseLogoActive {
    padding: 10px;
  }
}

.franchiseOptionsStyleTwo-wrapper .franchiseOptionStyleTwo .franchiseOptionActive h4 {
  font-weight: 200;
  font-size: 42px;
  line-height: 44px;
  margin: 0;
}

@media only screen and (max-width: 1439px) {
  .franchiseOptionsStyleTwo-wrapper .franchiseOptionStyleTwo .franchiseOptionActive h4 {
    font-size: 32px;
    line-height: 34px;
  }
}

@media only screen and (max-width: 479px) {
  .franchiseOptionsStyleTwo-wrapper .franchiseOptionStyleTwo .franchiseOptionActive h4 {
    font-size: 24px;
    line-height: 24px;
  }
}

.franchiseOptionsStyleTwo-wrapper .franchiseOptionStyleTwo .franchiseOptionActive .discover {
  font-size: 20px;
  line-height: 24px;
  font-weight: 200;
  font-family: "Suzuki", sans-serif;
}

@media only screen and (max-width: 1439px) {
  .franchiseOptionsStyleTwo-wrapper .franchiseOptionStyleTwo .franchiseOptionActive .discover {
    font-size: 16px;
    line-height: 20px;
  }
}

@media only screen and (max-width: 479px) {
  .franchiseOptionsStyleTwo-wrapper .franchiseOptionStyleTwo .franchiseOptionActive .discover {
    font-size: 14px;
  }
}

.franchiseOptionsStyleTwo-wrapper.no-animate .franchiseOptionStyleTwo:hover .franchiseImage {
  -webkit-transform: scale(1, 1);
  /* Safari and Chrome */
  -moz-transform: scale(1, 1);
  /* Firefox */
  -ms-transform: scale(1, 1);
  /* IE 9 */
  -o-transform: scale(1, 1);
  /* Opera */
  transform: scale(1, 1);
  opacity: 0.6;
}

@media only screen and (min-width: 992px) {
  .franchiseOptionsStyleTwo-wrapper.no-animate .franchiseOptionStyleTwo .franchiseImage {
    opacity: 0.3;
    -webkit-transform: scale(1.1, 1.1);
    /* Safari and Chrome */
    -moz-transform: scale(1.1, 1.1);
    /* Firefox */
    -ms-transform: scale(1.1, 1.1);
    /* IE 9 */
    -o-transform: scale(1.1, 1.1);
    /* Opera */
    transform: scale(1.1, 1.1);
  }
}

@media only screen and (min-width: 992px) {
  .franchiseOptionsStyleTwo-wrapper.open .franchiseOptionContent {
    display: none;
  }
}

@media only screen and (min-width: 992px) and (min-width: 992px) {
  .franchiseOptionsStyleTwo-wrapper.open .franchiseOptionStyleTwo::before {
    opacity: 1;
    content: '';
    position: absolute;
    background: black;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, black 100%);
    top: 0;
    left: 0;
    right: 0;
    height: 350px;
    z-index: 1;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    -ms-transition: 0.2s;
    transition: 0.2s;
  }
}

@media only screen and (min-width: 992px) {
  .franchiseOptionsStyleTwo-wrapper.open .franchiseOptionStyleTwo .franchiseOptionActive {
    opacity: 1;
    left: 0;
  }
  .franchiseOptionsStyleTwo-wrapper.open .franchiseOptionStyleTwo:hover .franchiseImage {
    -webkit-transform: scale(1.05, 1.05);
    /* Safari and Chrome */
    -moz-transform: scale(1.05, 1.05);
    /* Firefox */
    -ms-transform: scale(1.05, 1.05);
    /* IE 9 */
    -o-transform: scale(1.05, 1.05);
    /* Opera */
    transform: scale(1.05, 1.05);
  }
}

@media only screen and (min-width: 992px) {
  .franchiseOptionsStyleTwo-wrapper.animate .franchiseOptionStyleTwo::before {
    opacity: 0;
    content: '';
    position: absolute;
    background: black;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, black 100%);
    top: 0;
    left: 0;
    right: 0;
    height: 350px;
    z-index: 1;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    -ms-transition: 0.2s;
    transition: 0.2s;
  }
}

@media only screen and (min-width: 1201px) {
  .franchiseOptionsStyleTwo-wrapper.animate.active .franchiseOptionStyleTwo {
    width: 10%;
  }
  .franchiseOptionsStyleTwo-wrapper.animate.active .franchiseOptionStyleTwo .franchiseLogo {
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;
  }
}

@media only screen and (min-width: 1201px) and (max-width: 1850px) {
  .franchiseOptionsStyleTwo-wrapper.animate.active .franchiseOptionStyleTwo .franchiseLogo {
    width: 120px;
  }
}

@media only screen and (min-width: 1201px) and (max-width: 1439px) {
  .franchiseOptionsStyleTwo-wrapper.animate.active .franchiseOptionStyleTwo .franchiseLogo {
    width: 80px;
  }
}

@media only screen and (min-width: 1201px) {
  .franchiseOptionsStyleTwo-wrapper.animate.active .franchiseOptionStyleTwo .franchiseOptionActive {
    flex-direction: row;
  }
  .franchiseOptionsStyleTwo-wrapper.animate.active .franchiseOptionStyleTwo.active {
    flex-basis: 200%;
    position: relative;
  }
  .franchiseOptionsStyleTwo-wrapper.animate.active .franchiseOptionStyleTwo.active .franchiseOptionContent {
    opacity: 0;
    -webkit-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
  }
  .franchiseOptionsStyleTwo-wrapper.animate.active .franchiseOptionStyleTwo.active .franchiseOptionActive {
    opacity: 1;
    left: 0%;
  }
  .franchiseOptionsStyleTwo-wrapper.animate.active .franchiseOptionStyleTwo.active::before {
    opacity: 1;
  }
}

.franchiseOptionsStyleTwo-wrapper.animate.lightToDark .franchiseOptionStyleTwo .franchiseOptionContent {
  text-shadow: 0px 0 10px #000;
}

.franchiseOptionsStyleTwo-wrapper.animate.lightToDark .franchiseOptionStyleTwo.active .franchiseImage {
  opacity: 0.3;
}

.franchiseOptionsStyleTwo-wrapper.animate.darkToLight .franchiseOptionStyleTwo .franchiseImage {
  opacity: 0.3;
}

.franchiseOptionsStyleTwo-wrapper.animate.darkToLight .franchiseOptionStyleTwo.active .franchiseImage {
  opacity: 1;
}

.franchiseOptionsStyleTwo-wrapper.animate.lightToLighter .franchiseOptionStyleTwo {
  background: #ffffff;
}

.franchiseOptionsStyleTwo-wrapper.animate.lightToLighter .franchiseOptionStyleTwo .franchiseOptionContent {
  text-shadow: 0px 0 10px #000;
}

.franchiseOptionsStyleTwo-wrapper.animate.lightToLighter .franchiseOptionStyleTwo.active .franchiseImage {
  opacity: 0.8;
}

.franchiseOptionsStyleTwo-wrapper.animate.darkToDarker .franchiseOptionStyleTwo .franchiseImage {
  opacity: 0.5;
}

.franchiseOptionsStyleTwo-wrapper.animate.darkToDarker .franchiseOptionStyleTwo.active .franchiseImage {
  opacity: 0.3;
}

.franchiseOptionsStyleTwo-wrapper.circle .franchiseOptionStyleTwo .franchiseOptionContent .franchiseLogo {
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  -ms-border-radius: 100px;
  border-radius: 100px;
}

.franchiseOptionsStyleTwo-wrapper.diamond .franchiseOptionStyleTwo .franchiseOptionContent .franchiseLogo {
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  margin-bottom: 50px;
  max-width: 160px;
  width: auto;
}

.franchiseOptionsStyleTwo-wrapper.diamond .franchiseOptionStyleTwo .franchiseOptionContent .franchiseLogo img {
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.franchiseOptionsStyleTwo-wrapper.no-shape .franchiseOptionStyleTwo .franchiseOptionContent .franchiseLogo {
  background: none;
  box-shadow: none;
  padding: 0;
  margin-bottom: 0;
}

.franchiseOptionsStyleTwo-wrapper.no-shape .franchiseOptionStyleTwo .franchiseOptionActive .franchiseLogoActive {
  background: none;
  padding: 0;
  box-shadow: none;
  border-left: 10px solid #fff;
  padding-left: 15px;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s;
}

.franchiseOptionsStyleTwo-wrapper.no-shape .franchiseOptionStyleTwo:hover .franchiseLogoActive {
  border-left: 20px solid #fff;
}

.franchiseOptionsStyleThree-wrapper {
  overflow: hidden;
  background: #021822;
  width: 100%;
}

@media only screen and (min-width: 768px) {
  .franchiseOptionsStyleThree-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

.franchiseOptionsStyleThree-wrapper .franchiseOptionStyleThree {
  width: 50%;
  float: left;
  height: 400px;
  display: block;
  position: relative;
  overflow: hidden;
}

@media only screen and (min-width: 768px) {
  .franchiseOptionsStyleThree-wrapper .franchiseOptionStyleThree {
    flex-basis: 100%;
  }
}

@media only screen and (max-width: 1439px) {
  .franchiseOptionsStyleThree-wrapper .franchiseOptionStyleThree {
    height: 300px;
  }
}

.franchiseOptionsStyleThree-wrapper .franchiseOptionStyleThree:last-child:not(:nth-child(odd)) {
  width: 100%;
}

@media only screen and (max-width: 991px) {
  .franchiseOptionsStyleThree-wrapper .franchiseOptionStyleThree {
    height: 200px;
  }
}

.franchiseOptionsStyleThree-wrapper .franchiseOptionStyleThree::before {
  content: '';
  width: 86%;
  height: 86%;
  position: absolute;
  top: 7%;
  left: 7%;
  background: rgba(0, 0, 0, 0.6);
  z-index: 1;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  -ms-transition: 0.4s;
  transition: 0.4s;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
}

.franchiseOptionsStyleThree-wrapper .franchiseOptionStyleThree .franchiseOptionInner .franchiseImage {
  width: 100%;
  height: 400px;
  background-size: cover !important;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  -ms-transition: 0.4s;
  transition: 0.4s;
}

@media only screen and (max-width: 1439px) {
  .franchiseOptionsStyleThree-wrapper .franchiseOptionStyleThree .franchiseOptionInner .franchiseImage {
    height: 300px;
  }
}

@media only screen and (max-width: 991px) {
  .franchiseOptionsStyleThree-wrapper .franchiseOptionStyleThree .franchiseOptionInner .franchiseImage {
    height: 200px;
  }
}

.franchiseOptionsStyleThree-wrapper .franchiseOptionStyleThree .franchiseOptionInner .franchiseOptionContent {
  position: absolute;
  bottom: 0px;
  top: 0;
  left: 0;
  right: 0;
  text-align: center;
  color: #ffffff;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.franchiseOptionsStyleThree-wrapper .franchiseOptionStyleThree .franchiseOptionInner .franchiseOptionContent .franchiseLogo {
  max-width: 140px;
}

@media only screen and (max-width: 991px) {
  .franchiseOptionsStyleThree-wrapper .franchiseOptionStyleThree .franchiseOptionInner .franchiseOptionContent .franchiseLogo {
    max-width: 80px;
  }
}

.franchiseOptionsStyleThree-wrapper .franchiseOptionStyleThree .franchiseOptionInner .franchiseOptionContent .franchiseText h4 {
  margin: 0;
  font-size: 24px;
  line-height: 24px;
  font-weight: bold;
}

.franchiseOptionsStyleThree-wrapper .franchiseOptionStyleThree .franchiseOptionInner .franchiseOptionContent .franchiseText .discover {
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  -ms-transition: 0.4s;
  transition: 0.4s;
  display: block;
}

@media only screen and (min-width: 768px) {
  .franchiseOptionsStyleThree-wrapper .franchiseOptionStyleThree .franchiseOptionInner .franchiseOptionContent .franchiseText .discover {
    -webkit-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
  }
}

.franchiseOptionsStyleThree-wrapper .franchiseOptionStyleThree:hover::before {
  -webkit-transform: scale(0.95, 0.95);
  -ms-transform: scale(0.95, 0.95);
  -o-transform: scale(0.95, 0.95);
  transform: scale(0.95, 0.95);
}

.franchiseOptionsStyleThree-wrapper .franchiseOptionStyleThree:hover .franchiseOptionInner .franchiseImage {
  -webkit-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}

.franchiseOptionsStyleThree-wrapper .franchiseOptionStyleThree:hover .franchiseOptionInner .franchiseOptionContent .discover {
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
}

@media only screen and (min-width: 992px) {
  .franchiseOptionsStyleThree-wrapper.triangle {
    padding: 20px 100px;
  }
  .franchiseOptionsStyleThree-wrapper.triangle .franchiseOptionStyleThree {
    clip-path: polygon(50% 0, 0 100%, 100% 100%);
    -webkit-clip-path: polygon(50% 0, 0 100%, 100% 100%);
    margin: 0px -75px;
    max-width: 450px;
  }
  .franchiseOptionsStyleThree-wrapper.triangle .franchiseOptionStyleThree::before {
    clip-path: polygon(50% 0, 0 100%, 100% 100%);
    -webkit-clip-path: polygon(50% 0, 0 100%, 100% 100%);
    top: 9.5%;
  }
  .franchiseOptionsStyleThree-wrapper.triangle .franchiseOptionStyleThree .franchiseOptionInner .franchiseOptionContent {
    top: 25%;
  }
  .franchiseOptionsStyleThree-wrapper.triangle .franchiseOptionStyleThree .franchiseOptionInner .franchiseText {
    position: absolute;
    bottom: 40px;
    left: 0;
    right: 0;
  }
  .franchiseOptionsStyleThree-wrapper.triangle .franchiseOptionStyleThree:nth-child(odd) {
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  .franchiseOptionsStyleThree-wrapper.triangle .franchiseOptionStyleThree:nth-child(odd) .franchiseOptionInner .franchiseImage {
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  .franchiseOptionsStyleThree-wrapper.triangle .franchiseOptionStyleThree:nth-child(odd) .franchiseOptionInner .franchiseOptionContent {
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  .franchiseOptionsStyleThree-wrapper.triangle .franchiseOptionStyleThree:nth-child(odd) .franchiseOptionInner .franchiseOptionContent .franchiseText {
    top: 40px;
  }
  .franchiseOptionsStyleThree-wrapper.triangle .franchiseOptionStyleThree:hover:nth-child(odd) .franchiseOptionInner .franchiseImage {
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  .franchiseOptionsStyleThree-wrapper.triangle .franchiseOptionStyleThree:hover:nth-child(odd) .franchiseOptionInner .franchiseOptionContent {
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
}

@media only screen and (min-width: 992px) {
  .franchiseOptionsStyleThree-wrapper.media-bg.square .franchiseOptionStyleThree {
    margin: 0 10px;
  }
}

@media only screen and (min-width: 992px) {
  .franchiseOptionsStyleThree-wrapper.media-bg {
    height: 100vh;
    width: 100%;
    padding: 74px 100px 0 100px;
    margin-top: -193px;
    overflow: visible;
    float: left;
    position: relative;
  }
  .franchiseOptionsStyleThree-wrapper.media-bg.no-navigation {
    margin-top: -138px;
  }
  .franchiseOptionsStyleThree-wrapper.media-bg .franchiseOptionsStyleThree-media {
    height: 100vh;
    width: 100%;
    position: absolute;
    opacity: 0.5;
    background-size: cover !important;
    top: 0;
    overflow: hidden;
  }
  .franchiseOptionsStyleThree-wrapper.media-bg .franchiseOptionsStyleThree-media iframe {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 56.25vw;
    min-height: 100%;
    min-width: 100%;
  }
  .franchiseOptionsStyleThree-wrapper.media-bg .franchiseOptionsStyleThree-media::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 40%;
    background: black;
    background: linear-gradient(180deg, black 0%, rgba(0, 0, 0, 0) 100%);
    z-index: 1;
  }
  .franchiseOptionsStyleThree-wrapper.media-bg .franchiseOptionsStyleThree-media::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 20%;
    background: black;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, black 100%);
    z-index: 1;
  }
  .franchiseOptionsStyleThree-wrapper.media-bg h1.overlay {
    position: absolute;
    bottom: 30px;
    color: #fff;
    z-index: 1;
  }
}

@media only screen and (min-width: 992px) {
  .media-bg #header {
    background: 0 !important;
    color: #fff;
    border-color: rgba(255, 255, 255, 0.2);
  }
  .media-bg #header .logo.invert {
    filter: invert(99%) sepia(0%) saturate(0%) hue-rotate(35deg) brightness(105%) contrast(102%);
  }
  .media-bg #header .header-telephone {
    color: #fff;
  }
  .media-bg #header .header-telephone .contactLink, .media-bg #header .header-telephone span, .media-bg #header .header-telephone a {
    color: #fff;
  }
  .media-bg #header .header-telephone .contactLink .awicon, .media-bg #header .header-telephone span .awicon, .media-bg #header .header-telephone a .awicon {
    color: #fff;
  }
  .media-bg #header .header-telephone .telephone-list a {
    color: #003145;
  }
  .media-bg #header .headerRight .frch-logo-multi {
    border-color: rgba(255, 255, 255, 0.2);
  }
  .media-bg #header.headerStyleTwo .headerTwoLeft .frch-logo {
    border-color: rgba(255, 255, 255, 0.2);
  }
  .media-bg #header.headerStyleTwo .headerTwoRight .nav > li > a {
    color: #fff;
  }
  .media-bg #header.headerStyleTwo .headerTwoRight .nav > li > a:hover, .media-bg #header.headerStyleTwo .headerTwoRight .nav > li > a:focus {
    background: rgba(0, 0, 0, 0.2);
  }
  .media-bg #header.headerStyleTwo .headerTwoRight .nav > li.active > a {
    background: rgba(0, 0, 0, 0.2);
  }
  .media-bg #header.headerStyleTwo .headerTwoRight.borderDivide .nav > li {
    border-color: rgba(255, 255, 255, 0.2);
  }
  .media-bg.triangle #header .frch-logo-multi {
    padding-left: 45px;
  }
  .media-bg.triangle #header .frch-logo-multi a {
    background: #fff;
    display: block;
    float: left;
    clip-path: polygon(50% 0, 0 100%, 100% 100%);
    -webkit-clip-path: polygon(50% 0, 0 100%, 100% 100%);
    height: 105px;
    width: 130px;
    margin: 0 -25px;
    text-align: center;
    padding: 40px 0;
  }
  .media-bg.triangle #header .frch-logo-multi a img {
    max-width: 75px;
  }
  .media-bg.triangle #header .frch-logo-multi a:nth-child(odd) {
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  .media-bg.triangle #header .frch-logo-multi a:nth-child(odd) img {
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  .media-bg.square #header .frch-logo-multi a {
    background: #fff;
    display: block;
    float: left;
    padding: 5px;
    margin: 0 5px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
  }
  .media-bg.no-navigation #header {
    border: 0;
  }
  .media-bg.no-navigation #header .frch-logo-multi {
    border: 0;
  }
  .media-bg.no-navigation .franchiseOptionsStyleThree-wrapper.media-bg {
    padding: 0 100px;
  }
  .media-bg .navbar {
    background: 0;
    color: #fff;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  }
}

@media only screen and (max-width: 991px) {
  .media-bg #header {
    background: #021822;
  }
  .media-bg #header .logo.invert {
    filter: invert(100%);
  }
  .media-bg.no-navigation #header .logo {
    margin: 10px 0;
  }
  .media-bg .navbar-header {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  }
}

/* Countdown Timer */
.countdownTimerWrapper {
  background: #021822;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px 0;
  text-align: center;
  position: relative;
  z-index: 0;
}

.countdownTimerWrapper .countdownTimerBg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  opacity: 0.3;
  z-index: -1;
  width: 100%;
  height: 100%;
}

.countdownTimerWrapper h2 {
  color: #ffffff;
  font-size: 32px;
  line-height: 36px;
  margin-top: 0;
}

@media only screen and (max-width: 767px) {
  .countdownTimerWrapper h2 {
    font-size: 24px;
    line-height: 28px;
  }
}

.countdownTimerWrapper .countdownTimerInfo {
  margin-top: 15px;
  font-size: 18px;
  line-height: 24px;
}

.countdownTimerWrapper .countdownTimerInfo .countdownBtn {
  font-size: 18px;
  line-height: 24px;
}

.countdownTimerWrapper #countdown-timer {
  display: flex;
  align-items: center;
  justify-content: center;
}

.countdownTimerWrapper #countdown-timer > div {
  min-width: 120px;
  text-align: center;
  background: rgba(255, 255, 255, 0.15);
  margin: 0 10px;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
}

@media only screen and (max-width: 767px) {
  .countdownTimerWrapper #countdown-timer > div {
    min-width: 60px;
    margin: 0 5px;
  }
}

.countdownTimerWrapper #countdown-timer > div span {
  font-weight: bold;
  font-size: 50px;
  line-height: 50px;
  padding: 20px;
  display: block;
}

@media only screen and (max-width: 767px) {
  .countdownTimerWrapper #countdown-timer > div span {
    font-size: 24px;
    line-height: 28px;
  }
}

.countdownTimerWrapper #countdown-timer > div p {
  margin-bottom: 0;
  padding: 10px;
  background: rgba(255, 255, 255, 0.15);
}

/* Sticky CTA */
.cmsStickyCta {
  position: fixed;
  top: 240px;
  right: 0;
  z-index: 9999;
  -ms-transform: rotate(270deg);
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
  transform-origin: right bottom;
}

@media only screen and (max-width: 479px) {
  .cmsStickyCta {
    top: 150px;
  }
}

.cmsStickyCta p {
  margin: 0;
}

.cmsStickyCta .btn-primary {
  border-radius: 0;
  background: #0582CA;
  color: #ffffff;
}

.cmsStickyCta .btn-primary:hover, .cmsStickyCta .btn-primary:focus {
  background: #003145;
  color: #ffffff;
}

/* Secondary Nav */
.secondary-nav-container {
  background: #003145;
  margin-top: 5px;
}

.secondary-nav-container .secondary-nav-mobile-sub-nav {
  display: none;
  text-align: center;
  background: #003145;
  color: #ffffff;
  padding: 10px;
  font-size: 16px;
  line-height: 18px;
}

@media only screen and (max-width: 767px) {
  .secondary-nav-container .secondary-nav-mobile-sub-nav {
    display: block;
  }
}

.secondary-nav-container ul {
  padding-left: 0;
}

@media only screen and (max-width: 767px) {
  .secondary-nav-container ul {
    display: none;
  }
}

.secondary-nav-container ul li {
  list-style: none;
  display: block;
  position: relative;
  float: left;
}

.secondary-nav-container ul li.active a {
  background: #0582CA;
  color: #ffffff;
}

@media only screen and (min-width: 768px) {
  .secondary-nav-container ul li {
    border-left: 1px solid rgba(255, 255, 255, 0.3);
  }
}

.secondary-nav-container ul li a {
  color: #ffffff;
  display: flex;
  width: 100%;
  text-align: center;
  height: 54px;
  align-items: center;
  justify-content: center;
  word-break: break-word;
  font-size: 16px;
  line-height: 20px;
  transition: 0.2s;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
}

.secondary-nav-container ul li a:hover, .secondary-nav-container ul li a:focus {
  text-decoration: none;
  background: #0582CA;
  color: #ffffff;
}

@media only screen and (min-width: 768px) {
  .secondary-nav-container ul li:last-child {
    border-right: 1px solid rgba(255, 255, 255, 0.3);
  }
}

/* CMS Boxes */
.video-responsive {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  height: 0;
  width: 100%;
}

.video-responsive iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video-background {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
}

.video-background.responsive {
  padding-bottom: 56.25%;
  /* 16:9 */
  height: auto;
}

.video-background iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
}

@media (min-aspect-ratio: 16 / 9) {
  .video-background iframe {
    height: 56.25vw;
  }
}

@media (max-aspect-ratio: 16 / 9) {
  .video-background iframe {
    width: 177.78vh;
  }
}

.info-section {
  background: none;
  padding: 20px 0;
  position: relative;
}

.info-section .info-section-text {
  background: none;
  padding: 0;
  margin-bottom: 30px;
  border-radius: 20px;
  color: #fff;
}

.info-section .info-content {
  position: relative;
}

.info-section .info-summary {
  margin-top: 10px;
}

.info-section .cms-media-group, .info-section .bg-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.info-section .cms-media-group {
  display: flex;
}

.info-section .cms-media-group .video-background iframe {
  width: 1000%;
}

.info-section .cms-media-group .slick-list {
  height: 100%;
  width: 100%;
}

.info-section .cms-media-group .slick-list .slick-track {
  display: flex;
  height: 100%;
}

.info-section .cms-media-group .slick-list .slick-track .slick-slide {
  margin: 0;
  width: 100%;
}

.info-section.darken {
  color: #fff;
}

.info-section.darken .bg-overlay {
  background: rgba(0, 0, 0, 0.5);
}

.info-section.lighten {
  color: #000;
}

.info-section.lighten .bg-overlay {
  background: rgba(255, 255, 255, 0.65);
}

.alt-bg {
  background: #F2F4F5;
}

.cms-media-image-bg {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
}

.cms-media-image-bg.bg-fixed {
  background-attachment: fixed;
}

.info-grid-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.info-grid-container .info-grid-item {
  width: 100%;
  margin-bottom: 15px;
  color: #003145;
  background: #f4f4f4;
  border: 1px solid rgba(0, 0, 0, 0.1);
  outline: 0;
  overflow: hidden;
  display: flex;
  align-items: center;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
}

.info-grid-container .info-grid-item .info-media {
  position: relative;
  background-color: rgba(0, 0, 0, 0.1);
  width: 50%;
  height: 100%;
  padding-bottom: 50%;
}

@media only screen and (max-width: 767px) {
  .info-grid-container .info-grid-item .info-media {
    width: 100%;
  }
}

@media only screen and (max-width: 479px) {
  .info-grid-container .info-grid-item .info-media {
    padding-bottom: 80%;
  }
}

.info-grid-container .info-grid-item .info-media .info-image,
.info-grid-container .info-grid-item .info-media .info-video {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  width: 100%;
  height: 100%;
}

.info-grid-container .info-grid-item .info-media .video-background {
  position: absolute;
}

.info-grid-container .info-grid-item .content {
  position: relative;
  padding: 25px;
  float: left;
  width: 100%;
  flex-basis: 50%;
  flex-grow: 1;
}

.info-grid-container .info-grid-item .content .title {
  z-index: 1;
  margin-top: 0;
  font-size: 24px;
  line-height: 28px;
  margin-bottom: 20px;
  font-weight: bold;
  position: relative;
}

@media only screen and (min-width: 768px) {
  .info-grid-container .info-grid-item .content::before {
    position: absolute;
    content: '';
    background: #f4f4f4;
    width: 40px;
    height: 40px;
    top: 20px;
    left: -20px;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

@media only screen and (min-width: 1200px) {
  .info-grid-container .info-grid-item {
    flex-basis: 50%;
  }
}

@media only screen and (max-width: 767px) {
  .info-grid-container .info-grid-item {
    margin-bottom: 15px;
    flex-direction: column;
  }
}

@media only screen and (min-width: 768px) and (min-width: 1200px) {
  .info-grid-container .info-grid-item:nth-child(4n+3) .content::before, .info-grid-container .info-grid-item:nth-child(4n) .content::before {
    right: -20px;
    left: auto;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .info-grid-container .info-grid-item:nth-child(4n+2) .content::before, .info-grid-container .info-grid-item:nth-child(4n) .content::before {
    right: -20px;
    left: auto;
  }
}

@media only screen and (min-width: 1200px) {
  .info-grid-container .info-grid-item:nth-child(odd):not(:last-child) {
    -moz-border-radius: 0px 0 0 0px;
    -webkit-border-radius: 0px 0 0 0px;
    -ms-border-radius: 0px 0 0 0px;
    border-radius: 0px 0 0 0px;
  }
  .info-grid-container .info-grid-item:nth-child(even) {
    -moz-border-radius: 0 0px 0px 0;
    -webkit-border-radius: 0 0px 0px 0;
    -ms-border-radius: 0 0px 0px 0;
    border-radius: 0 0px 0px 0;
    border-left-width: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .info-grid-container .info-grid-item:nth-child(4n+2) .info-media, .info-grid-container .info-grid-item:nth-child(4n) .info-media {
    order: 2;
  }
}

@media only screen and (min-width: 768px) and (min-width: 1200px) {
  .info-grid-container .info-grid-item:nth-child(4n) .info-media, .info-grid-container .info-grid-item:nth-child(4n+3) .info-media {
    order: 2;
  }
}

.info-blocks-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.info-blocks-container .info-block {
  width: 100%;
  margin-bottom: 15px;
  color: #003145;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  outline: 0;
  overflow: hidden;
  display: flex;
  align-items: center;
  min-height: 450px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
}

.info-blocks-container .info-block .info-media {
  width: 50%;
  height: 100%;
}

@media only screen and (max-width: 767px) {
  .info-blocks-container .info-block .info-media {
    width: 100%;
  }
}

.info-blocks-container .info-block .no-slider {
  height: 100%;
  display: flex;
  align-items: center;
  background: rgba(0, 0, 0, 0.1);
}

.info-blocks-container .info-block .image,
.info-blocks-container .info-block .video-background {
  background-color: rgba(0, 0, 0, 0.1);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: 100%;
  width: 100%;
  min-height: 450px;
}

@media only screen and (max-width: 479px) {
  .info-blocks-container .info-block .image,
  .info-blocks-container .info-block .video-background {
    min-height: 250px;
  }
}

.info-blocks-container .info-block .video-fill {
  height: 100%;
  width: 100%;
  padding-bottom: 56.25%;
  /* 16:9 */
  position: relative;
  background: #333;
}

.info-blocks-container .info-block .video-fill iframe {
  height: 100%;
  min-height: 0;
  width: 100%;
  position: absolute;
}

.info-blocks-container .info-block .video-responsive.slick-slide,
.info-blocks-container .info-block .video-fill.slick-slide {
  padding: 0;
  min-height: 450px;
}

@media only screen and (max-width: 479px) {
  .info-blocks-container .info-block .video-responsive.slick-slide,
  .info-blocks-container .info-block .video-fill.slick-slide {
    min-height: 250px;
  }
}

.info-blocks-container .info-block .content {
  position: relative;
  padding: 25px;
  float: left;
  flex-grow: 1;
  width: 100%;
  flex-basis: 50%;
}

.info-blocks-container .info-block .content .title {
  z-index: 1;
  margin-top: 0;
  font-size: 24px;
  line-height: 1.2;
  margin-bottom: 20px;
  font-weight: bold;
  position: relative;
}

@media only screen and (max-width: 479px) {
  .info-blocks-container .info-block .content .title {
    font-size: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .info-blocks-container .info-block {
    margin-bottom: 15px;
    flex-direction: column;
    min-height: 0;
  }
}

@media only screen and (min-width: 768px) {
  .info-blocks-container .info-block:nth-child(even) .info-media {
    order: 2;
  }
}

.usps-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  gap: 15px;
}

.usps-container .usp-title {
  width: 100%;
  flex-basis: 100%;
  text-align: center;
  font-size: 24px;
  font-weight: 600;
  margin: 10px 0;
  line-height: 1.2;
}

.usps-container .usp-title p {
  font-size: initial;
  font-weight: normal;
}

.usps-container .usp-box {
  min-width: 180px;
  width: 300px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  outline: 0;
  overflow: hidden;
  position: relative;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
}

@media only screen and (max-width: 767px) {
  .usps-container .usp-box {
    flex-grow: 1;
  }
}

.usps-container .usp-box:last-child {
  margin-right: 0;
}

.usps-container .usp-box .usp-image {
  max-width: 320px;
  margin: 10px;
  border: 0;
}

.usps-container .usp-box .usp-image img {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s;
}

.usps-container .usp-box .usp-text {
  padding: 15px;
  color: inherit;
}

.usps-container .usp-box .usp-text p:last-child {
  margin-bottom: 0;
}

.usps-container .usp-box .usp-text .highlight {
  color: #0582CA;
  font-weight: bold;
  display: block;
  clear: both;
  font-size: 30px;
  line-height: 40px;
}

@media only screen and (max-width: 479px) {
  .usps-container .usp-box .usp-text .highlight {
    font-size: 20px;
    line-height: 30px;
  }
}

.usps-container .usp-box a.info-link {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.usps-container .usp-box a.info-link:hover {
  background: rgba(0, 0, 0, 0.1);
}

.usps-container .usp-box.grow:hover .usp-image img {
  transform: scale(1.1);
}

.usps-container .usp-box.shrink:hover .usp-image img {
  transform: scale(0.9);
}

.usps-container .usp-box.zoom .usp-image {
  overflow: hidden;
  padding: 10px;
  margin: 0;
}

.usps-container .usp-box.zoom:hover .usp-image img {
  transform: scale(1.2);
}

.usps-container .usp-box.greyscale .usp-image img {
  filter: grayscale(0);
}

.usps-container .usp-box.greyscale:hover .usp-image img {
  filter: grayscale(1);
}

.usps-container .usp-box.colour .usp-image img {
  filter: grayscale(1);
}

.usps-container .usp-box.colour:hover .usp-image img {
  filter: grayscale(0);
}

.usps-container .usp-box.wiggle:hover .usp-image {
  animation-name: wiggle;
  animation-duration: 10s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-play-state: running;
}

.info-columns-container {
  background: #111;
  color: #fff;
  clear: both;
  padding: 15px;
  margin-bottom: 0;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  -ms-border-radius: 15px;
  border-radius: 15px;
}

@media only screen and (max-width: 479px) {
  .info-columns-container {
    padding: 0;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
  }
}

.info-columns-container .info-columns-inner {
  border: 2px solid rgba(255, 255, 255, 0.2);
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
}

.info-columns-container .info-columns-inner .info-column {
  display: flex;
  flex-direction: column;
  position: relative;
}

@media only screen and (max-width: 1199px) {
  .info-columns-container .info-columns-inner .info-column {
    flex-basis: 50%;
    max-width: 50%;
  }
}

@media only screen and (max-width: 479px) {
  .info-columns-container .info-columns-inner .info-column {
    flex-basis: 100%;
    max-width: 100%;
  }
}

.info-columns-container .info-columns-inner .info-column img {
  width: 100%;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s;
}

.info-columns-container .info-columns-inner .info-column .info-column-text {
  padding: 20px;
  flex-grow: 1;
}

@media only screen and (max-width: 1439px) {
  .info-columns-container .info-columns-inner .info-column .info-column-text p {
    color: rgba(255, 255, 255, 0.8);
    font-size: 14px;
    line-height: 20px;
  }
}

.info-columns-container .info-columns-inner .info-column .info-column-text .info-column-heading {
  color: #fff;
  font-weight: bold;
  font-size: 24px;
  line-height: 1.2;
  margin: 0 0 0.5em;
}

@media only screen and (max-width: 1439px) {
  .info-columns-container .info-columns-inner .info-column .info-column-text .info-column-heading {
    font-size: 20px;
  }
}

.info-columns-container .info-columns-inner .info-column .info-column-video {
  position: relative;
  z-index: 10;
}

.info-columns-container .info-columns-inner .info-column a.info-link {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.info-columns-container .info-columns-inner .info-column a.info-link:hover {
  background: rgba(0, 0, 0, 0.1);
}

.info-columns-container .info-columns-inner .info-column.grow:hover .info-column-image img {
  transform: scale(1.03);
  box-shadow: 2px 8px 15px rgba(0, 0, 0, 0.5);
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
}

.info-columns-container .info-columns-inner .info-column.shrink:hover .info-column-image img {
  transform: scale(0.9);
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
}

.info-columns-container .info-columns-inner .info-column.zoom .info-column-image {
  overflow: hidden;
}

.info-columns-container .info-columns-inner .info-column.zoom:hover .info-column-image img {
  transform: scale(1.2);
}

.info-columns-container .info-columns-inner .info-column.blur .info-column-image {
  overflow: hidden;
}

.info-columns-container .info-columns-inner .info-column.blur .info-column-image img {
  filter: blur(0);
}

.info-columns-container .info-columns-inner .info-column.blur:hover .info-column-image img {
  filter: blur(20px);
}

.info-columns-container .info-columns-inner .info-column.un-blur .info-column-image {
  overflow: hidden;
}

.info-columns-container .info-columns-inner .info-column.un-blur .info-column-image img {
  filter: blur(20px);
}

.info-columns-container .info-columns-inner .info-column.un-blur:hover .info-column-image img {
  filter: blur(0);
}

.info-columns-container .info-columns-inner .info-column.greyscale .info-column-image img {
  filter: grayscale(0);
}

.info-columns-container .info-columns-inner .info-column.greyscale:hover .info-column-image img {
  filter: grayscale(1);
}

.info-columns-container .info-columns-inner .info-column.colour .info-column-image img {
  filter: grayscale(1);
}

.info-columns-container .info-columns-inner .info-column.colour:hover .info-column-image img {
  filter: grayscale(0);
}

.info-columns-container .info-columns-inner .info-column.wiggle:hover .info-column-image {
  animation-name: wiggle;
  animation-duration: 10s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-play-state: running;
}

.info-columns-container .info-columns-inner .info-column:nth-child(odd) {
  background: rgba(255, 255, 255, 0.1);
}

.info-box-intro {
  background: none;
  padding: 0;
  margin: 0;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  -ms-border-radius: 20px;
  border-radius: 20px;
  -webkit-backdrop-filter: blur(0);
  backdrop-filter: blur(0);
}

.info-box-container {
  display: flex;
  flex-wrap: wrap;
  margin: -15px;
}

.info-box-container .info-box-col {
  padding: 15px;
  max-width: 100%;
  flex-grow: 1;
  min-width: 200px;
}

.info-box-container .info-box {
  display: flex;
  flex-direction: column;
  position: relative;
  max-width: 100%;
  color: #003145;
  background: #fff;
  border: 1px solid #ddd;
  padding: 15px;
  flex-grow: 1;
  height: 100%;
  overflow: hidden;
  gap: 15px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  -ms-border-radius: 20px;
  border-radius: 20px;
}

.info-box-container .info-box .info-box-text {
  flex-grow: 1;
}

.info-box-container .info-box .info-box-text .info-box-heading {
  color: #003145;
  font-weight: bold;
  font-size: 24px;
  line-height: 1.2;
  margin: 0 0 0.5em;
}

@media only screen and (max-width: 1439px) {
  .info-box-container .info-box .info-box-text .info-box-heading {
    font-size: 20px;
  }
}

.info-box-container .info-box .info-box-image img {
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s;
}

.info-box-container .info-box .info-box-video {
  position: relative;
  z-index: 10;
}

.info-box-container .info-box a.info-link {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.info-box-container .info-box a.info-link:hover {
  background: rgba(0, 0, 0, 0.1);
}

.info-box-container .info-box.grow:hover .info-box-image img {
  transform: scale(1.03);
}

.info-box-container .info-box.shrink:hover .info-box-image img {
  transform: scale(0.9);
}

.info-box-container .info-box.zoom .info-box-image {
  overflow: hidden;
}

.info-box-container .info-box.zoom:hover .info-box-image img {
  transform: scale(1.2);
}

.info-box-container .info-box.blur .info-box-image {
  overflow: hidden;
}

.info-box-container .info-box.blur .info-box-image img {
  filter: blur(0);
}

.info-box-container .info-box.blur:hover .info-box-image img {
  filter: blur(20px);
}

.info-box-container .info-box.un-blur .info-box-image {
  overflow: hidden;
}

.info-box-container .info-box.un-blur .info-box-image img {
  filter: blur(20px);
}

.info-box-container .info-box.un-blur:hover .info-box-image img {
  filter: blur(0);
}

.info-box-container .info-box.greyscale .info-box-image img {
  filter: grayscale(0);
}

.info-box-container .info-box.greyscale:hover .info-box-image img {
  filter: grayscale(1);
}

.info-box-container .info-box.colour .info-box-image img {
  filter: grayscale(1);
}

.info-box-container .info-box.colour:hover .info-box-image img {
  filter: grayscale(0);
}

.info-box-container .info-box.wiggle:hover .info-box-image {
  animation-name: wiggle;
  animation-duration: 10s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-play-state: running;
}

.info-box-container .info-box.alt-bg {
  background: #F2F4F5;
}

.info-box-title {
  font-size: 24px;
  line-height: 1.2;
  margin: 15px 0;
}

.info-box-title:empty {
  display: none;
}

.info-box-title h1, .info-box-title h2, .info-box-title h3 {
  color: inherit;
  margin: 10px 0;
}

.info-box-title p {
  font-size: 16px;
}

.info-accordion-container {
  color: #003145;
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 15px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
}

.info-accordion-container.alt-bg {
  background: #F2F4F5;
}

.info-accordion-container .info-accordion-header {
  width: 100%;
  flex-basis: 100%;
  text-align: center;
  font-size: 24px;
  font-weight: 600;
  margin: 10px 0;
  line-height: 1.2;
}

.info-accordion-container .info-accordion-header p {
  font-size: initial;
  font-weight: normal;
}

.info-accordion-container .info-accordion .info-accordion-title {
  color: #ffffff;
  background: #021822;
  font-size: 16px;
  border-left: 15px solid rgba(255, 255, 255, 0.2);
  margin: 0 0 10px;
  padding: 15px 50px 15px 15px;
  position: relative;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s;
}

.info-accordion-container .info-accordion .info-accordion-title.collapsed {
  border-left-width: 0;
}

@media only screen and (max-width: 479px) {
  .info-accordion-container .info-accordion .info-accordion-title {
    font-size: 13px;
    line-height: 18px;
  }
}

.info-accordion-container .info-accordion .info-accordion-title .icon-toggle {
  position: absolute;
  top: 15px;
  right: 15px;
  line-height: 1.5;
  font-size: 14px;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s;
  -webkit-transform: rotate(0deg);
  /* Safari and Chrome */
  -moz-transform: rotate(0deg);
  /* Firefox */
  -ms-transform: rotate(0deg);
  /* IE 9 */
  -o-transform: rotate(0deg);
  /* Opera */
  transform: rotate(0deg);
}

.info-accordion-container .info-accordion .info-accordion-title.collapsed .icon-toggle {
  -webkit-transform: rotate(-180deg);
  /* Safari and Chrome */
  -moz-transform: rotate(-180deg);
  /* Firefox */
  -ms-transform: rotate(-180deg);
  /* IE 9 */
  -o-transform: rotate(-180deg);
  /* Opera */
  transform: rotate(-180deg);
}

.info-accordion-container .info-accordion .info-accordion-title:hover {
  background: #0582CA;
  cursor: pointer;
}

.info-accordion-container .info-accordion .info-inner {
  padding: 10px 0;
}

.info-accordion-container .info-accordion .info-inner :first-child {
  margin-top: 0;
}

.info-accordion-container .info-accordion .info-media {
  margin-bottom: 10px;
}

.info-accordion-container .info-accordion .info-image {
  height: 300px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.info-accordion-container .info-accordion .info-video {
  height: 300px;
}

@media only screen and (max-width: 479px) {
  .info-accordion-container .info-accordion .info-image,
  .info-accordion-container .info-accordion .info-video {
    max-height: 200px;
  }
}

.faq-boxes {
  padding: 30px 0;
  background-color: rgba(0, 0, 0, 0.1);
}

.faq-container {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px;
  gap: 20px;
}

.faq-container .faq-item {
  background: #fff;
  color: #003145;
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 20px 20px 0;
  width: 300px;
  flex-grow: 1;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
}

@media only screen and (min-width: 480px) {
  .faq-container .faq-item {
    flex-basis: 30%;
    min-width: 300px;
  }
}

@media only screen and (max-width: 479px) {
  .faq-container .faq-item {
    padding: 10px;
  }
}

.faq-container .faq-item .faq-question {
  margin: 0;
  padding: 10px;
  background: #313133;
  color: #ffffff;
  font-size: 18px;
  line-height: 1.3;
  display: flex;
  align-items: center;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
}

@media only screen and (max-width: 479px) {
  .faq-container .faq-item .faq-question {
    font-size: 16px;
  }
}

.faq-container .faq-item .faq-question span {
  width: 50px;
  display: block;
  float: left;
  padding: 5px;
  background: #0582CA;
  margin-right: 10px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
}

@media only screen and (max-width: 479px) {
  .faq-container .faq-item .faq-question span {
    width: 45px;
    padding: 5px;
  }
}

.faq-container .faq-item .faq-answer {
  padding: 10px 0;
  width: 100%;
  overflow: auto;
}

.scroller {
  /* Track */
  /* Handle */
  /* Handle on hover */
}

.scroller ::-webkit-scrollbar {
  width: 18px;
  height: 18px;
}

.scroller ::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.35);
  box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.1);
  margin: 10px;
  background-clip: padding-box;
  border: 3px solid transparent;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  -ms-border-radius: 20px;
  border-radius: 20px;
}

.scroller ::-webkit-scrollbar-thumb {
  background: #ddd;
  background-clip: padding-box;
  border: 5px solid transparent;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  -ms-border-radius: 20px;
  border-radius: 20px;
}

.scroller ::-webkit-scrollbar-thumb:hover {
  background: #c4c3c3;
  background-clip: padding-box;
  border: 5px solid transparent;
}

.info-slider {
  margin: 0 !important;
}

.info-slider .slick-slide {
  margin: 0 !important;
}

.info-slider .slick-arrow {
  position: absolute;
  top: 50%;
  z-index: 1;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  border: 0;
  font-family: monospace;
  font-size: 30px;
  padding: 5px 0 10px;
  width: 24px;
  height: 40px;
  margin-top: -20px;
  opacity: 0.5;
}

.info-slider .slick-arrow:hover {
  background: rgba(0, 0, 0, 0.8);
}

.info-slider .slick-arrow.slick-next {
  right: 10px;
  z-index: 99;
}

.info-slider .slick-arrow.slick-prev {
  left: 10px;
  z-index: 99;
}

.info-slider .slick-dots {
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  position: absolute;
  bottom: 0;
}

.info-slider .slick-dots li {
  background-color: rgba(255, 255, 255, 0.4);
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
  position: relative;
  display: inline-block;
  width: 20px;
  height: 6px;
  margin: 4px;
  padding: 0;
  cursor: pointer;
  border-radius: 2px;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s;
}

.info-slider .slick-dots li:hover {
  background-color: rgba(255, 255, 255, 0.8);
  height: 10px;
  margin: 2px 4px;
}

.info-slider .slick-dots li.slick-active {
  background-color: #fff;
}

.info-slider .slick-dots li button {
  display: none;
}

.info-slider:hover .slick-arrow {
  opacity: 1;
}

.link-box-container {
  margin: 30px 0;
  float: left;
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 10px;
}

@media only screen and (max-width: 767px) {
  .link-box-container {
    margin: 0;
  }
}

.link-box-container .link-box {
  flex: 1 1 20%;
  height: 330px;
  position: relative;
  overflow: hidden;
  border: 0;
  outline: 0;
  color: #003145;
  background: #000;
  display: block;
  min-width: 200px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s;
}

.link-box-container .link-box:last-child {
  margin-right: 0;
}

@media only screen and (max-width: 1199px) {
  .link-box-container .link-box {
    height: 220px;
  }
}

@media only screen and (max-width: 767px) {
  .link-box-container .link-box {
    height: 150px;
    flex-basis: 40%;
  }
  .link-box-container .link-box:nth-child(2n+2) {
    margin-right: 0;
  }
}

.link-box-container .link-box .link-box-image {
  background-size: cover !important;
  height: 105%;
  width: 100%;
  opacity: 0.6;
  -webkit-transition: 0.6s;
  -moz-transition: 0.6s;
  -o-transition: 0.6s;
  -ms-transition: 0.6s;
  transition: 0.6s;
  margin-top: -10px;
}

.link-box-container .link-box .link-box-inner {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 15px;
  color: #fff;
  z-index: 1;
  width: 100%;
  text-align: left;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.04) 8%, rgba(0, 0, 0, 0.7) 100%);
}

.link-box-container .link-box .link-box-inner::before {
  content: '';
  position: absolute;
  bottom: -100%;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: -1;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  -ms-transition: 0.4s;
  transition: 0.4s;
}

@media only screen and (max-width: 1199px) {
  .link-box-container .link-box .link-box-inner {
    height: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: center;
  }
}

.link-box-container .link-box .link-box-inner .link-box-title {
  color: #fff;
  font-size: 22px;
  line-height: 26px;
  margin: 0 0 5px;
}

@media only screen and (max-width: 991px) {
  .link-box-container .link-box .link-box-inner .link-box-title {
    font-size: 20px;
  }
}

.link-box-container .link-box .link-box-inner .link-box-text {
  font-size: 13px;
  line-height: 18px;
  max-height: 250px;
  overflow: auto;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  padding-top: 5px;
}

@media only screen and (max-width: 1200px) {
  .link-box-container .link-box .link-box-inner .link-box-text {
    display: none;
  }
}

.link-box-container .link-box a.info-link {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 5;
}

.link-box-container .link-box:hover .link-box-image {
  opacity: 1;
  margin-top: 0px;
}

@media only screen and (min-width: 1200px) {
  .link-box-container .link-box:hover .link-box-inner::before {
    bottom: 0;
  }
}

#section-link-grid {
  padding: 0;
}

.link-grid-container {
  margin: 15px 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  display: flex;
  justify-content: center;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
}

.link-grid-container .link-grid-item {
  background: #000;
  color: #fff;
  position: relative;
  width: 21%;
  min-height: 320px;
  min-width: 220px;
  overflow: hidden;
  flex-grow: 1;
  display: flex;
  align-items: flex-end;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
}

@media only screen and (max-width: 767px) {
  .link-grid-container .link-grid-item {
    width: 45%;
  }
}

@media only screen and (max-width: x-small) {
  .link-grid-container .link-grid-item {
    width: 100%;
    height: auto;
    min-height: 140px;
  }
}

.link-grid-container .link-grid-item a {
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 5;
}

.link-grid-container .link-grid-item .link-grid-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s;
}

.link-grid-container .link-grid-item .link-grid-title {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s;
  z-index: 3;
  padding: 20px;
  min-height: 0;
  width: 100%;
  font-size: 16px;
  user-select: none;
  max-height: 100%;
  overflow: auto;
}

.link-grid-container .link-grid-item .link-grid-title h4 {
  color: inherit;
  font-size: 1.8em;
  line-height: 1.1;
  font-weight: 600;
  margin: 0;
}

.link-grid-container .link-grid-item .link-grid-title .link-grid-subtitle {
  font-size: 1em;
  font-weight: 500;
}

@media only screen and (max-width: 767px) {
  .link-grid-container .link-grid-item .link-grid-title {
    font-size: 15px;
  }
}

@media only screen and (max-width: 479px) {
  .link-grid-container .link-grid-item .link-grid-title {
    font-size: 14px;
  }
}

@media only screen and (max-width: x-small) {
  .link-grid-container .link-grid-item .link-grid-title {
    font-size: 13px;
  }
}

.link-grid-container .link-grid-item .link-grid-icon {
  font-size: 3em;
  color: #fff;
}

.link-grid-container .link-grid-item .link-grid-link {
  background: #fff;
  color: #222;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.1;
  padding: 20px;
  width: 100%;
  opacity: 0;
  position: absolute;
  z-index: 4;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s;
}

@media only screen and (max-width: 479px) {
  .link-grid-container .link-grid-item .link-grid-link {
    font-size: 16px;
  }
}

.link-grid-container .link-grid-item .link-grid-link i {
  float: right;
  font-size: 1.2em;
  line-height: 0;
  margin-left: 1em;
}

.link-grid-container .link-grid-item .cms-media-image-bg {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  object-fit: cover;
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
  opacity: 0.1;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s;
}

.link-grid-container .link-grid-item .cms-media-image-bg.bg-loaded {
  opacity: 1;
}

.link-grid-container .link-grid-item.fx-slide-left .cms-media-image-bg {
  transform: scale(1.1);
  translate: 5%;
  -webkit-transition: 1.5s;
  -moz-transition: 1.5s;
  -o-transition: 1.5s;
  -ms-transition: 1.5s;
  transition: 1.5s;
}

.link-grid-container .link-grid-item.fx-slide-right .cms-media-image-bg {
  transform: scale(1.1);
  translate: -5%;
  -webkit-transition: 1.5s;
  -moz-transition: 1.5s;
  -o-transition: 1.5s;
  -ms-transition: 1.5s;
  transition: 1.5s;
}

.link-grid-container .link-grid-item.darken {
  color: #fff;
}

.link-grid-container .link-grid-item.darken .link-grid-overlay {
  background: rgba(0, 0, 0, 0.5);
}

.link-grid-container .link-grid-item.lighten {
  color: #222;
}

.link-grid-container .link-grid-item.lighten .link-grid-overlay {
  background: rgba(255, 255, 255, 0.65);
}

.link-grid-container .link-grid-item:hover .link-grid-overlay {
  background: rgba(0, 0, 0, 0.3);
}

.link-grid-container .link-grid-item:hover.darken {
  color: #fff;
}

.link-grid-container .link-grid-item:hover.darken .link-grid-overlay {
  background: rgba(0, 0, 0, 0.7);
}

.link-grid-container .link-grid-item:hover.lighten {
  color: #222;
}

.link-grid-container .link-grid-item:hover.lighten .link-grid-overlay {
  background: rgba(255, 255, 255, 0.85);
}

.link-grid-container .link-grid-item:hover.fx-blur .link-grid-overlay {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
}

.link-grid-container .link-grid-item:hover.fx-zoom .cms-media-image-bg {
  transform: scale(1.2);
}

.link-grid-container .link-grid-item:hover.fx-slide-left .cms-media-image-bg {
  object-position: right;
  translate: -5%;
}

.link-grid-container .link-grid-item:hover.fx-slide-right .cms-media-image-bg {
  object-position: left;
  translate: 5%;
}

.link-grid-container .link-grid-item:hover .link-grid-title {
  min-height: 100%;
}

.link-grid-container .link-grid-item:hover .link-grid-link {
  opacity: 1;
}

.link-grid-container.grid-wide .link-grid-item {
  width: 40%;
}

@media only screen and (max-width: 767px) {
  .link-grid-container.grid-wide .link-grid-item {
    width: 100%;
  }
}

.link-grid-container.grid-tall .link-grid-item {
  min-height: 640px;
}

@media only screen and (max-width: 767px) {
  .link-grid-container.grid-tall .link-grid-item {
    min-height: 400px;
  }
}

@media only screen and (max-width: x-small) {
  .link-grid-container.grid-tall .link-grid-item {
    min-height: 280px;
  }
}

.link-grid-container.stacked {
  width: 100%;
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(4, 1fr);
  grid-auto-rows: 320px;
}

@media only screen and (max-width: 991px) {
  .link-grid-container.stacked {
    grid-auto-rows: 260px;
  }
}

@media only screen and (max-width: 767px) {
  .link-grid-container.stacked {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media only screen and (max-width: 479px) {
  .link-grid-container.stacked {
    grid-auto-rows: 180px;
  }
}

@media only screen and (max-width: x-small) {
  .link-grid-container.stacked {
    grid-auto-rows: 140px;
  }
}

.link-grid-container.stacked .link-grid-item {
  position: relative;
  overflow: hidden;
  flex-grow: 1;
  display: flex;
  align-items: flex-end;
  width: auto;
  min-width: 0;
  min-height: 0;
}

.link-grid-container.stacked .link-grid-item:nth-child(7n+3) {
  grid-column: span 2;
}

.link-grid-container.stacked .link-grid-item:nth-child(7n+1), .link-grid-container.stacked .link-grid-item:nth-child(7n+2) {
  grid-area: span 2/span 1;
}

.link-grid-container.stacked .link-grid-item:nth-child(7n+4), .link-grid-container.stacked .link-grid-item:nth-child(7n+5) {
  grid-area: span 2/span 1;
}

.link-grid-container.stacked .link-grid-item:nth-child(7n+6) {
  grid-column: span 1;
}

.link-grid-container.stacked .link-grid-item:nth-child(7n+7) {
  grid-column: span 1;
}

@media only screen and (max-width: x-small) {
  .link-grid-container.stacked .link-grid-item {
    grid-area: span 1 /span 2 !important;
  }
}

.image-blocks-container {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
  gap: 2px;
  background: #eee;
}

.image-blocks-container .bg-fixed, .image-blocks-container bg-parallax {
  background-attachment: fixed;
}

.image-blocks-container .image-blocks {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  flex: 1 1 600px;
  min-height: 300px;
  max-width: 100%;
  color: #fff;
  background: #0468A1;
  padding: 45px 30px;
  margin: 0;
  overflow: hidden;
}

.image-blocks-container .image-blocks.top {
  justify-content: flex-start;
}

.image-blocks-container .image-blocks.bottom {
  justify-content: flex-end;
}

.image-blocks-container .image-blocks .image-blocks-inner {
  display: flex;
  justify-content: center;
  width: 100%;
}

.image-blocks-container .image-blocks .image-blocks-inner.left {
  justify-content: flex-start;
}

.image-blocks-container .image-blocks .image-blocks-inner.right {
  justify-content: flex-end;
}

.image-blocks-container .image-blocks .image-blocks-inner .image-blocks-text {
  position: relative;
  z-index: 10;
  color: #fff;
  padding: 20px;
}

.image-blocks-container .image-blocks .image-blocks-inner .image-blocks-text .image-blocks-heading {
  color: #fff;
  font-weight: bold;
  font-size: 24px;
  line-height: 1.2;
  margin: 0 0 0.5em;
}

@media only screen and (max-width: 1439px) {
  .image-blocks-container .image-blocks .image-blocks-inner .image-blocks-text .image-blocks-heading {
    font-size: 20px;
  }
}

.image-blocks-container .image-blocks .image-blocks-inner .image-blocks-text :last-child {
  margin-bottom: 0;
}

.image-blocks-container .image-blocks .image-blocks-inner .image-blocks-text.darken {
  color: #fff;
  background: rgba(0, 0, 0, 0.5);
}

.image-blocks-container .image-blocks .image-blocks-inner .image-blocks-text.darken .image-blocks-heading {
  color: #fff;
}

.image-blocks-container .image-blocks .image-blocks-inner .image-blocks-text.lighten {
  color: #222;
  background: rgba(255, 255, 255, 0.7);
}

.image-blocks-container .image-blocks .image-blocks-inner .image-blocks-text.lighten .image-blocks-heading {
  color: #222;
}

.image-blocks-container .image-blocks .image-blocks-inner .image-blocks-text.blur {
  -webkit-align-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
}

.image-blocks-container .image-blocks .image-blocks-inner .image-blocks-text.shadow {
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}

.image-blocks-container .image-blocks .image-blocks-inner .image-blocks-text.rounded {
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  -ms-border-radius: 20px;
  border-radius: 20px;
}

.image-blocks-container .image-blocks .image-blocks-inner .image-blocks-text.border {
  border: 2px solid #fff;
}

.image-blocks-container .image-blocks .image-blocks-inner .image-blocks-text.outline {
  outline: 10px solid rgba(255, 255, 255, 0.3);
}

.image-blocks-container .image-blocks .image-blocks-media.full-width {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.image-blocks-container .image-blocks .slick-slider .slick-list,
.image-blocks-container .image-blocks .slick-slider .slick-track {
  height: 100%;
}

.image-blocks-container .image-blocks .image-blocks-image {
  height: 100%;
  background-position: center;
  background-size: cover;
}

.image-blocks-container .image-blocks .image-blocks-video {
  position: relative;
  z-index: 10;
  height: 100%;
  pointer-events: none;
}

/* Dealer Details */
.dealer-styleTwo h2 {
  color: #003145;
}

.dealer-styleTwo .box {
  background: #F2F4F5;
  padding: 20px;
  height: 100%;
}

.dealer-styleTwo .box#openingtimes h2 {
  display: none;
}

.dealer-styleTwo .box#openingtimes h4 {
  font-size: 28px;
  line-height: 32px;
}

.dealer-styleTwo .box#openingtimes p {
  padding: 5px 10px;
  margin: 0;
}

.dealer-styleTwo .box#openingtimes p:nth-child(odd) {
  background: #ffffff;
}

.dealer-styleTwo .box .dealerBoxes {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -5px -5px;
}

.dealer-styleTwo .box .dealerBoxes .dealerBox {
  text-align: center;
  height: 150px;
  flex: 1 0 auto;
  position: relative;
  overflow: hidden;
  color: #003145;
  background: #000;
  display: block;
  border: 0;
  margin: 5px;
  min-width: 100px;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s;
}

@media only screen and (max-width: 479px) {
  .dealer-styleTwo .box .dealerBoxes .dealerBox {
    width: 40%;
  }
}

.dealer-styleTwo .box .dealerBoxes .dealerBox .boxImage {
  background-size: cover !important;
  height: 105%;
  width: 100%;
  opacity: 0.6;
  -webkit-transition: 0.6s;
  -moz-transition: 0.6s;
  -o-transition: 0.6s;
  -ms-transition: 0.6s;
  transition: 0.6s;
  margin-top: -10px;
}

.dealer-styleTwo .box .dealerBoxes .dealerBox .boxInner {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 5px;
  color: #ffffff;
  z-index: 1;
  width: 100%;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000111+8,000111+100&0+0,0.55+100 */
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.04) 8%, rgba(0, 0, 0, 0.7) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.04) 8%, rgba(0, 0, 0, 0.7) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.04) 8%, rgba(0, 0, 0, 0.7) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000111', endColorstr='#8c000111', GradientType=0);
  /* IE6-9 */
}

.dealer-styleTwo .box .dealerBoxes .dealerBox .boxInner p {
  font-size: 13px;
  line-height: 18px;
}

.dealer-styleTwo .box .dealerBoxes .dealerBox .boxInner h5 {
  color: #ffffff;
  font-size: 22px;
  line-height: 26px;
}

@media only screen and (max-width: 991px) {
  .dealer-styleTwo .box .dealerBoxes .dealerBox .boxInner h5 {
    font-size: 18px;
  }
}

.dealer-styleTwo .box .dealerBoxes .dealerBox .boxInner::before {
  content: "";
  position: absolute;
  bottom: -100%;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: -1;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  -ms-transition: 0.4s;
  transition: 0.4s;
}

.dealer-styleTwo .box .dealerBoxes .dealerBox:hover .boxImage {
  opacity: 1;
  margin-top: 0px;
}

@media only screen and (min-width: 1200px) {
  .dealer-styleTwo .box .dealerBoxes .dealerBox:hover .boxInner::before {
    bottom: 0;
  }
}

.dealer-styleTwo .box#dealerdetails .dealer-email,
.dealer-styleTwo .box#dealerdetails .address-title {
  display: none;
}

.dealer-styleTwo .box#dealerdetails .dealer-address br {
  display: none;
}

.dealer-styleTwo .box#dealerdetails .cms-dealer-tel {
  padding: 10px;
}

.dealer-styleTwo .box#dealerdetails .cms-dealer-tel:nth-child(odd) {
  background: #ffffff;
}

.dealer-styleTwo .box#dealerdetails .cms-dealer-tel strong {
  font-size: 24px;
}

.dealer-styleTwo .box#dealerdetails .flex-grow {
  width: 100%;
}

.dealer-styleTwo .box#dealerdetails .dealer-links {
  margin: 20px -5px -5px;
  display: flex;
  flex-wrap: wrap;
}

.dealer-styleTwo .box#dealerdetails .dealer-links p {
  flex-grow: 1;
  margin: 5px;
}

@media only screen and (max-width: 479px) {
  .dealer-styleTwo .box#dealerdetails .dealer-links p {
    width: 100%;
  }
}

.car-buying-container {
  border: 1px solid #dbdbdb;
  background: #F2F4F5;
  display: flex;
  margin-bottom: 30px;
}

.car-buying-container [v-cloak] {
  display: none;
}

.car-buying-container .car-buying-form {
  padding: 60px;
  flex-basis: 55%;
}

@media only screen and (max-width: 1439px) {
  .car-buying-container .car-buying-form {
    flex-basis: 70%;
  }
}

@media only screen and (max-width: 991px) {
  .car-buying-container .car-buying-form {
    flex-basis: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .car-buying-container .car-buying-form {
    padding: 30px;
  }
}

.car-buying-container .car-buying-form.full {
  flex-basis: 100%;
}

.car-buying-container .car-buying-form .btn {
  min-width: 175px;
  min-height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media only screen and (max-width: 767px) {
  .car-buying-container .car-buying-form .btn {
    min-width: 140px;
  }
}

.car-buying-container .car-buying-form .btn.btn-request-val {
  padding: 15px 30px;
}

.car-buying-container .car-buying-form .car-buying-form-text-block {
  align-items: center;
  flex-direction: column;
  margin-bottom: 60px;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .car-buying-container .car-buying-form .car-buying-form-text-block {
    margin-bottom: 30px;
  }
}

.car-buying-container .car-buying-form .car-buying-form-text-block h4 {
  font-weight: bold;
  font-size: 24px;
  margin-bottom: 30px;
}

.car-buying-container .car-buying-form .car-buying-form-text-block .vehicle-title {
  font-size: 42px;
  line-height: 52px;
}

@media only screen and (max-width: 767px) {
  .car-buying-container .car-buying-form .car-buying-form-text-block .vehicle-title {
    font-size: 28px;
    line-height: 36px;
  }
}

.car-buying-container .car-buying-form .car-buying-form-text-block .vehicle-deriv {
  font-size: 18px;
  line-height: 24px;
  opacity: 0.6;
}

.car-buying-container .car-buying-form .car-buying-form-text-block .vehicle-confirm-buttons {
  display: flex;
  align-items: end;
  gap: 30px;
  justify-content: space-between;
  margin-top: 30px;
}

.car-buying-container .car-buying-form .step-1 form input,
.car-buying-container .car-buying-form .step-1 form .btn,
.car-buying-container .car-buying-form .step-1 form #vehicleReg {
  width: 100%;
  height: 50px;
  margin-bottom: 15px;
}

.car-buying-container .car-buying-form .step-1 form #vehicleReg {
  padding-left: 30px;
}

@media only screen and (min-width: 768px) {
  .car-buying-container .car-buying-form .step-1 form .vehicle-details {
    display: flex;
    align-items: end;
  }
}

.car-buying-container .car-buying-form .step-2 .form-group {
  border: 1px solid #dbdbdb;
  padding: 30px;
  background: #ffffff;
  text-align: center;
}

.car-buying-container .car-buying-form .step-2 .form-group .radio-button-group {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
}

.car-buying-container .car-buying-form .step-2 .form-group .radio-button-group .radio-button {
  position: relative;
  width: 100px;
  height: 40px;
}

.car-buying-container .car-buying-form .step-2 .form-group .radio-button-group .radio-button label,
.car-buying-container .car-buying-form .step-2 .form-group .radio-button-group .radio-button input {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.car-buying-container .car-buying-form .step-2 .form-group .radio-button-group .radio-button input[type="radio"] {
  opacity: 0.011;
  z-index: 100;
  width: 100%;
  height: 40px;
}

.car-buying-container .car-buying-form .step-2 .form-group .radio-button-group .radio-button input[type="radio"] + label {
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s;
  background: #F2F4F5;
  opacity: 0.7;
  width: 100%;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
}

.car-buying-container .car-buying-form .step-2 .form-group .radio-button-group .radio-button input[type="radio"]:checked + label {
  background: #003145;
  color: #ffffff;
  border-radius: 4px;
  opacity: 1;
}

.car-buying-container .car-buying-form .step-2 .form-group .radio-button-group .radio-button:hover {
  cursor: pointer;
}

.car-buying-container .car-buying-form .step-2 .form-group .radio-button-group .radio-button:hover input[type="radio"] + label {
  opacity: 1;
}

.car-buying-container .car-buying-form .step-3 .vehicle-val {
  font-size: 36px;
  line-height: 42px;
}

.car-buying-container .car-buying-form .step-3 .form-group {
  border: 1px solid #dbdbdb;
  padding: 30px;
  background: #ffffff;
  text-align: center;
}

.car-buying-container .car-buying-form .step-3 .form-group > div {
  display: flex;
  gap: 30px;
  justify-content: space-between;
  flex-wrap: wrap;
}

.car-buying-container .car-buying-form .step-3 .form-group > div .form-group {
  width: 31%;
  display: flex;
  justify-content: space-between;
  text-align: left;
}

.car-buying-container .car-buying-form .form-prev-next-btns {
  display: flex;
  justify-content: space-between;
}

.car-buying-container .car-buying-img {
  min-height: 600px;
  flex-basis: 45%;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s;
}

@media only screen and (max-width: 1439px) {
  .car-buying-container .car-buying-img {
    flex-basis: 30%;
  }
}

@media only screen and (max-width: 991px) {
  .car-buying-container .car-buying-img {
    display: none;
  }
}

.car-buying-container .car-buying-img.shrink {
  flex-basis: 0;
}

.car-buying-container .register-stepper {
  align-items: center;
  justify-content: space-between;
  max-width: 300px;
  margin: 0 auto 60px auto;
  position: relative;
  z-index: 1;
}

@media only screen and (max-width: 767px) {
  .car-buying-container .register-stepper {
    margin-bottom: 30px;
  }
}

.car-buying-container .register-stepper::before {
  z-index: -1;
  content: "";
  display: block;
  position: absolute;
  height: 2px;
  top: calc(50% - 1px);
  background: #fff;
  width: calc(100% - 20px);
}

.car-buying-container .register-stepper .step {
  background: #fff;
  font-size: 22px;
  font-weight: bold;
  width: 50px;
  height: 50px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  -ms-border-radius: 50px;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  outline: 6px solid transparent;
  -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2);
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s;
}

.car-buying-container .register-stepper .step.step-active {
  outline-color: #0582CA;
  color: #0582CA;
}

.car-buying-container .register-stepper .step.step-done {
  background: #0582CA;
  color: #fff;
}

@media only screen and (max-width: 479px) {
  .car-buying-container .register-stepper .step {
    font-size: 18px;
    width: 30px;
    height: 30px;
    outline: 3px solid transparent;
  }
}

.car-buying-container .lds-ripple {
  margin: 0 auto;
  position: relative;
  width: 80px;
  height: 80px;
}

.car-buying-container .lds-ripple div {
  position: absolute;
  border: 4px solid #0582CA;
  opacity: 1;
  border-radius: 50%;
  animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}

.car-buying-container .lds-ripple div:nth-child(2) {
  animation-delay: -0.5s;
}

@keyframes lds-ripple {
  0% {
    top: 36px;
    left: 36px;
    width: 0;
    height: 0;
    opacity: 0;
  }
  4.9% {
    top: 36px;
    left: 36px;
    width: 0;
    height: 0;
    opacity: 0;
  }
  5% {
    top: 36px;
    left: 36px;
    width: 0;
    height: 0;
    opacity: 1;
  }
  100% {
    top: 0px;
    left: 0px;
    width: 72px;
    height: 72px;
    opacity: 0;
  }
}

/*# sourceMappingURL=styles.min.css.map */