@charset "UTF-8";
/* SCSS Compiled */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
  display: block; }

audio,
canvas,
video {
  display: inline-block; }

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

[hidden], template {
  display: none; }

html {
  background: #fff;
  color: #000;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

html,
button,
input,
select,
textarea {
  font-family: sans-serif; }

body {
  margin: 0; }

a {
  background: transparent; }
  a:focus {
    outline: thin dotted; }
  a:hover, a:active {
    outline: 0; }

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

b,
strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

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

pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word; }

q {
  quotes: "\201C" "\201D" "\2018" "\2019"; }

q:before, q:after {
  content: '';
  content: none; }

small {
  font-size: 80%; }

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

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  border: 0; }

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

figure {
  margin: 0; }

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

legend {
  border: 0;
  padding: 0;
  white-space: normal; }

button,
input,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  margin: 0;
  vertical-align: baseline; }

button, input {
  line-height: normal; }

button,
select {
  text-transform: none; }

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

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

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

textarea {
  overflow: auto;
  vertical-align: top; }

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

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }
  input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none; }
input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0; }

/*usage  @include font-size(13);*/
.bg-white {
  background-color: white; }

.skin-white {
  border-color: #dddddd;
  background-color: white; }

.skin-grey {
  border-color: #dddddd;
  background-color: #fafafa; }

/* Brand Fonts & Treatment -------------------------------------*/
h1 {
  font-family: "Open Sans", sans-serif;
  font-size: 1.7em;
  line-height: 1em;
  font-weight: 600;
  margin: 0;
  padding: 0;
  position: relative;
  color: #d02323; }

h2 {
  font-family: "Open Sans", sans-serif;
  font-size: 1.6em;
  line-height: 1.3em;
  font-weight: 600;
  margin: 0;
  padding: 0;
  position: relative;
  color: #0a64bf; }

h3 {
  font-family: "Open Sans", sans-serif;
  font-size: 1.5em;
  line-height: 1.3em;
  font-weight: 600;
  margin: 0;
  padding: 0;
  position: relative; }

h4 {
  font-family: "Open Sans", sans-serif;
  font-size: 1.4em;
  line-height: 1.3em;
  font-weight: 600;
  margin: 0;
  padding: 0;
  position: relative; }

h5 {
  font-family: "Open Sans", sans-serif;
  font-size: 1.3em;
  line-height: 1.3em;
  font-weight: 400;
  margin: 0;
  padding: 0;
  position: relative; }

h6 {
  font-family: "Open Sans", sans-serif;
  font-size: 1.2em;
  line-height: 1.3em;
  font-weight: 400;
  margin: 0 0 5px 0;
  padding: 0;
  position: relative; }

p, .p-basic, ul li, ol li {
  font-family: "Open Sans", sans-serif;
  font-size: 1em;
  line-height: 1.5em;
  font-weight: 300;
  margin: 0 0 15px 0;
  padding: 0;
  position: relative; }

.link, a {
  -webkit-transition: all 400ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: all 400ms cubic-bezier(0.215, 0.61, 0.355, 1);
  text-decoration: none; }
  .link:hover, a:hover, .link.hovered, a.hovered {
    text-decoration: none; }
  .link:active, a:active {
    color: inherit; }

b {
  font-weight: 800;
  color: #5f5f5f; }

a {
  outline: none !important;
  position: relative;
  color: #00c0ff; }
  a:hover {
    color: #0a64bf; }

ul {
  margin: 0;
  list-style: none;
  padding: 10px 0 10px 0; }
  ul li {
    text-decoration: none;
    margin: 0 0 5px 0; }
    ul li:before {
      content: "тАв";
      font-weight: 400;
      padding-right: 20px;
      position: relative;
      color: #0a64bf; }

ol {
  margin: 0;
  padding: 10px 0 10px 0;
  list-style-type: none;
  counter-reset: point; }
  ol li {
    text-decoration: none;
    margin: 0 0 5px 0;
    list-style: none; }
    ol li:before {
      counter-increment: point 1;
      content: counter(point) ".";
      font-weight: 600;
      padding-right: 20px;
      position: relative;
      color: #0a64bf; }

em {
  font-style: italic;
  position: relative; }

strong {
  font-weight: bold;
  position: relative; }

mark {
  color: #0a64bf;
  background: none;
  position: relative; }

hr {
  margin: 0;
  border-bottom: none;
  position: relative; }

/* Header Stylings -------------------------------------*/
.header-div {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  margin: 15px 0; }
  .header-div h1, .header-div h2, .header-div h3, .header-div h4, .header-div h5, .header-div h6 {
    color: #0a64bf;
    margin: 0 15px 0 0; }
  .header-div .title {
    color: #0a64bf;
    margin: 0 15px 0 0; }
  .header-div .line-div {
    height: 1px;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    background-color: #dddddd; }

/* Button Stylings -------------------------------------*/
.button-2 {
  background-color: #d02323 !important;
  border-color: #d02323 !important; }
  .button-2:hover {
    color: #d02323 !important;
    background-color: white !important; }

.button-3 {
  background-color: white !important;
  border: 1px solid #0a64bf !important;
  color: #0a64bf !important; }
  .button-3:hover {
    background-color: #0a64bf !important;
    color: white !important; }

.button-4 {
  background-color: white !important;
  border: 1px solid #d02323 !important;
  color: #d02323 !important; }
  .button-4:hover {
    background-color: #d02323 !important;
    color: white !important; }

.button-5 {
  background-color: #70c944 !important;
  border-color: #70c944 !important; }
  .button-5:hover {
    color: #70c944 !important;
    background-color: white !important; }

.button-cta:after {
  font-family: "autofrance" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  padding: 0 5px;
  content: "\e025";
  margin-left: 15px;
  top: -3px; }

/* Table Styles -------------------------------------*/
.table-1 {
  width: 100%; }
  .table-1 table {
    position: relative;
    width: 100%;
    height: auto; }
  .table-1 td {
    padding: 15px 20px;
    height: auto;
    text-align: left;
    font-size: 1em;
    font-weight: 300; }
  .table-1 thead {
    background-color: #0a64bf; }
    .table-1 thead th {
      color: white;
      text-transform: uppercase;
      text-align: left;
      padding: 15px 20px; }
  .table-1 tbody tr {
    background-color: white; }
    .table-1 tbody tr:nth-child(even) {
      background-color: #fafafa; }

/* Text with Icons -------------------------------------*/
.transmission:before {
  content: "\e01e" !important; }

.seat:before {
  content: "\e01f" !important; }

.gears:before {
  content: "\e021" !important; }

.roof:before {
  content: "\e022" !important; }

.gps:before {
  content: "\e023" !important; }

.horsepower:before {
  content: "\e024" !important; }

.luggage:before {
  content: "\e020" !important; }

/*---Grid Variables -----------------------------------------*/
/*width-Desktop-Large*/
/*width-Desktop-Medium*/
/*width- Desktop-Small*/
/*width-Tablet*/
/*width-Mobile Large*/
/*width-mobile*/
.row {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  width: 100%;
  height: auto; }
  .row.flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .row.flex .container {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
    .row.flex [class^="col-"], .row.flex [class*="col-"] {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex; }

.container {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  max-width: 1400px;
  position: relative;
  margin: auto;
  overflow: hidden;
  border-color: inherit; }
  .container.borders > * {
    border-style: solid;
    border-right-width: 1px; }
    .container.borders > *:last-child, .container.borders > *.last {
      border-right: 0; }
  @media (max-width: 1248px) {
    .container {
      max-width: 100%; } }
  @media (max-width: 1124px) {
    .container {
      max-width: 100%; } }
  @media (max-width: 1024px) {
    .container {
      max-width: 100%; } }
  @media (max-width: 425px) {
    .container {
      max-width: 100%; } }
  @media (max-width: 340px) {
    .container {
      max-width: 100%; } }

[class^="col-"], [class*="col-"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1; }

/*---- Desktop-Large-Grid -----------------------------------------*/
.col-1 {
  width: calc((4.16667% * 1) - 10px);
  margin: calc( 10px / 2 ); }
  .col-1.lock {
    max-width: calc((4.16667% * 1) - 10px); }

/*---- Desktop-Small-Grid -----------------------------------------*/
@media (max-width: 1124px) {
  .col-ds-1 {
    width: calc((4.16667% * 1) - 10px);
    margin: calc( 10px / 2 ); }
    .col-ds-1.lock {
      max-width: calc((4.16667% * 1) - 10px); } }
/*---- Tablet-Grid -----------------------------------------*/
@media (max-width: 1024px) {
  .col-t-1 {
    width: calc((4.16667% * 1) - 10px);
    margin: calc( 10px / 2 ); }
    .col-t-1.lock {
      max-width: calc((4.16667% * 1) - 10px); } }
/*---- Mobile-Large-Grid -----------------------------------------*/
@media (max-width: 425px) {
  .col-ml-1 {
    width: calc((4.16667% * 1) - 10px);
    margin: calc( 10px / 2 ); }
    .col-ml-1.lock {
      max-width: calc((4.16667% * 1) - 10px); } }
/*---- Mobile-Grid -----------------------------------------*/
@media (max-width: 340px) {
  .col-ms-1 {
    width: calc((4.16667% * 1) - 10px);
    margin: calc( 10px / 2 ); }
    .col-ms-1.lock {
      max-width: calc((4.16667% * 1) - 10px); } }
/*---- Desktop-Large-Grid -----------------------------------------*/
.col-2 {
  width: calc((4.16667% * 2) - 10px);
  margin: calc( 10px / 2 ); }
  .col-2.lock {
    max-width: calc((4.16667% * 2) - 10px); }

/*---- Desktop-Small-Grid -----------------------------------------*/
@media (max-width: 1124px) {
  .col-ds-2 {
    width: calc((4.16667% * 2) - 10px);
    margin: calc( 10px / 2 ); }
    .col-ds-2.lock {
      max-width: calc((4.16667% * 2) - 10px); } }
/*---- Tablet-Grid -----------------------------------------*/
@media (max-width: 1024px) {
  .col-t-2 {
    width: calc((4.16667% * 2) - 10px);
    margin: calc( 10px / 2 ); }
    .col-t-2.lock {
      max-width: calc((4.16667% * 2) - 10px); } }
/*---- Mobile-Large-Grid -----------------------------------------*/
@media (max-width: 425px) {
  .col-ml-2 {
    width: calc((4.16667% * 2) - 10px);
    margin: calc( 10px / 2 ); }
    .col-ml-2.lock {
      max-width: calc((4.16667% * 2) - 10px); } }
/*---- Mobile-Grid -----------------------------------------*/
@media (max-width: 340px) {
  .col-ms-2 {
    width: calc((4.16667% * 2) - 10px);
    margin: calc( 10px / 2 ); }
    .col-ms-2.lock {
      max-width: calc((4.16667% * 2) - 10px); } }
/*---- Desktop-Large-Grid -----------------------------------------*/
.col-3 {
  width: calc((4.16667% * 3) - 10px);
  margin: calc( 10px / 2 ); }
  .col-3.lock {
    max-width: calc((4.16667% * 3) - 10px); }

/*---- Desktop-Small-Grid -----------------------------------------*/
@media (max-width: 1124px) {
  .col-ds-3 {
    width: calc((4.16667% * 3) - 10px);
    margin: calc( 10px / 2 ); }
    .col-ds-3.lock {
      max-width: calc((4.16667% * 3) - 10px); } }
/*---- Tablet-Grid -----------------------------------------*/
@media (max-width: 1024px) {
  .col-t-3 {
    width: calc((4.16667% * 3) - 10px);
    margin: calc( 10px / 2 ); }
    .col-t-3.lock {
      max-width: calc((4.16667% * 3) - 10px); } }
/*---- Mobile-Large-Grid -----------------------------------------*/
@media (max-width: 425px) {
  .col-ml-3 {
    width: calc((4.16667% * 3) - 10px);
    margin: calc( 10px / 2 ); }
    .col-ml-3.lock {
      max-width: calc((4.16667% * 3) - 10px); } }
/*---- Mobile-Grid -----------------------------------------*/
@media (max-width: 340px) {
  .col-ms-3 {
    width: calc((4.16667% * 3) - 10px);
    margin: calc( 10px / 2 ); }
    .col-ms-3.lock {
      max-width: calc((4.16667% * 3) - 10px); } }
/*---- Desktop-Large-Grid -----------------------------------------*/
.col-4 {
  width: calc((4.16667% * 4) - 10px);
  margin: calc( 10px / 2 ); }
  .col-4.lock {
    max-width: calc((4.16667% * 4) - 10px); }

/*---- Desktop-Small-Grid -----------------------------------------*/
@media (max-width: 1124px) {
  .col-ds-4 {
    width: calc((4.16667% * 4) - 10px);
    margin: calc( 10px / 2 ); }
    .col-ds-4.lock {
      max-width: calc((4.16667% * 4) - 10px); } }
/*---- Tablet-Grid -----------------------------------------*/
@media (max-width: 1024px) {
  .col-t-4 {
    width: calc((4.16667% * 4) - 10px);
    margin: calc( 10px / 2 ); }
    .col-t-4.lock {
      max-width: calc((4.16667% * 4) - 10px); } }
/*---- Mobile-Large-Grid -----------------------------------------*/
@media (max-width: 425px) {
  .col-ml-4 {
    width: calc((4.16667% * 4) - 10px);
    margin: calc( 10px / 2 ); }
    .col-ml-4.lock {
      max-width: calc((4.16667% * 4) - 10px); } }
/*---- Mobile-Grid -----------------------------------------*/
@media (max-width: 340px) {
  .col-ms-4 {
    width: calc((4.16667% * 4) - 10px);
    margin: calc( 10px / 2 ); }
    .col-ms-4.lock {
      max-width: calc((4.16667% * 4) - 10px); } }
/*---- Desktop-Large-Grid -----------------------------------------*/
.col-5 {
  width: calc((4.16667% * 5) - 10px);
  margin: calc( 10px / 2 ); }
  .col-5.lock {
    max-width: calc((4.16667% * 5) - 10px); }

/*---- Desktop-Small-Grid -----------------------------------------*/
@media (max-width: 1124px) {
  .col-ds-5 {
    width: calc((4.16667% * 5) - 10px);
    margin: calc( 10px / 2 ); }
    .col-ds-5.lock {
      max-width: calc((4.16667% * 5) - 10px); } }
/*---- Tablet-Grid -----------------------------------------*/
@media (max-width: 1024px) {
  .col-t-5 {
    width: calc((4.16667% * 5) - 10px);
    margin: calc( 10px / 2 ); }
    .col-t-5.lock {
      max-width: calc((4.16667% * 5) - 10px); } }
/*---- Mobile-Large-Grid -----------------------------------------*/
@media (max-width: 425px) {
  .col-ml-5 {
    width: calc((4.16667% * 5) - 10px);
    margin: calc( 10px / 2 ); }
    .col-ml-5.lock {
      max-width: calc((4.16667% * 5) - 10px); } }
/*---- Mobile-Grid -----------------------------------------*/
@media (max-width: 340px) {
  .col-ms-5 {
    width: calc((4.16667% * 5) - 10px);
    margin: calc( 10px / 2 ); }
    .col-ms-5.lock {
      max-width: calc((4.16667% * 5) - 10px); } }
/*---- Desktop-Large-Grid -----------------------------------------*/
.col-6 {
  width: calc((4.16667% * 6) - 10px);
  margin: calc( 10px / 2 ); }
  .col-6.lock {
    max-width: calc((4.16667% * 6) - 10px); }

/*---- Desktop-Small-Grid -----------------------------------------*/
@media (max-width: 1124px) {
  .col-ds-6 {
    width: calc((4.16667% * 6) - 10px);
    margin: calc( 10px / 2 ); }
    .col-ds-6.lock {
      max-width: calc((4.16667% * 6) - 10px); } }
/*---- Tablet-Grid -----------------------------------------*/
@media (max-width: 1024px) {
  .col-t-6 {
    width: calc((4.16667% * 6) - 10px);
    margin: calc( 10px / 2 ); }
    .col-t-6.lock {
      max-width: calc((4.16667% * 6) - 10px); } }
/*---- Mobile-Large-Grid -----------------------------------------*/
@media (max-width: 425px) {
  .col-ml-6 {
    width: calc((4.16667% * 6) - 10px);
    margin: calc( 10px / 2 ); }
    .col-ml-6.lock {
      max-width: calc((4.16667% * 6) - 10px); } }
/*---- Mobile-Grid -----------------------------------------*/
@media (max-width: 340px) {
  .col-ms-6 {
    width: calc((4.16667% * 6) - 10px);
    margin: calc( 10px / 2 ); }
    .col-ms-6.lock {
      max-width: calc((4.16667% * 6) - 10px); } }
/*---- Desktop-Large-Grid -----------------------------------------*/
.col-7 {
  width: calc((4.16667% * 7) - 10px);
  margin: calc( 10px / 2 ); }
  .col-7.lock {
    max-width: calc((4.16667% * 7) - 10px); }

/*---- Desktop-Small-Grid -----------------------------------------*/
@media (max-width: 1124px) {
  .col-ds-7 {
    width: calc((4.16667% * 7) - 10px);
    margin: calc( 10px / 2 ); }
    .col-ds-7.lock {
      max-width: calc((4.16667% * 7) - 10px); } }
/*---- Tablet-Grid -----------------------------------------*/
@media (max-width: 1024px) {
  .col-t-7 {
    width: calc((4.16667% * 7) - 10px);
    margin: calc( 10px / 2 ); }
    .col-t-7.lock {
      max-width: calc((4.16667% * 7) - 10px); } }
/*---- Mobile-Large-Grid -----------------------------------------*/
@media (max-width: 425px) {
  .col-ml-7 {
    width: calc((4.16667% * 7) - 10px);
    margin: calc( 10px / 2 ); }
    .col-ml-7.lock {
      max-width: calc((4.16667% * 7) - 10px); } }
/*---- Mobile-Grid -----------------------------------------*/
@media (max-width: 340px) {
  .col-ms-7 {
    width: calc((4.16667% * 7) - 10px);
    margin: calc( 10px / 2 ); }
    .col-ms-7.lock {
      max-width: calc((4.16667% * 7) - 10px); } }
/*---- Desktop-Large-Grid -----------------------------------------*/
.col-8 {
  width: calc((4.16667% * 8) - 10px);
  margin: calc( 10px / 2 ); }
  .col-8.lock {
    max-width: calc((4.16667% * 8) - 10px); }

/*---- Desktop-Small-Grid -----------------------------------------*/
@media (max-width: 1124px) {
  .col-ds-8 {
    width: calc((4.16667% * 8) - 10px);
    margin: calc( 10px / 2 ); }
    .col-ds-8.lock {
      max-width: calc((4.16667% * 8) - 10px); } }
/*---- Tablet-Grid -----------------------------------------*/
@media (max-width: 1024px) {
  .col-t-8 {
    width: calc((4.16667% * 8) - 10px);
    margin: calc( 10px / 2 ); }
    .col-t-8.lock {
      max-width: calc((4.16667% * 8) - 10px); } }
/*---- Mobile-Large-Grid -----------------------------------------*/
@media (max-width: 425px) {
  .col-ml-8 {
    width: calc((4.16667% * 8) - 10px);
    margin: calc( 10px / 2 ); }
    .col-ml-8.lock {
      max-width: calc((4.16667% * 8) - 10px); } }
/*---- Mobile-Grid -----------------------------------------*/
@media (max-width: 340px) {
  .col-ms-8 {
    width: calc((4.16667% * 8) - 10px);
    margin: calc( 10px / 2 ); }
    .col-ms-8.lock {
      max-width: calc((4.16667% * 8) - 10px); } }
/*---- Desktop-Large-Grid -----------------------------------------*/
.col-9 {
  width: calc((4.16667% * 9) - 10px);
  margin: calc( 10px / 2 ); }
  .col-9.lock {
    max-width: calc((4.16667% * 9) - 10px); }

/*---- Desktop-Small-Grid -----------------------------------------*/
@media (max-width: 1124px) {
  .col-ds-9 {
    width: calc((4.16667% * 9) - 10px);
    margin: calc( 10px / 2 ); }
    .col-ds-9.lock {
      max-width: calc((4.16667% * 9) - 10px); } }
/*---- Tablet-Grid -----------------------------------------*/
@media (max-width: 1024px) {
  .col-t-9 {
    width: calc((4.16667% * 9) - 10px);
    margin: calc( 10px / 2 ); }
    .col-t-9.lock {
      max-width: calc((4.16667% * 9) - 10px); } }
/*---- Mobile-Large-Grid -----------------------------------------*/
@media (max-width: 425px) {
  .col-ml-9 {
    width: calc((4.16667% * 9) - 10px);
    margin: calc( 10px / 2 ); }
    .col-ml-9.lock {
      max-width: calc((4.16667% * 9) - 10px); } }
/*---- Mobile-Grid -----------------------------------------*/
@media (max-width: 340px) {
  .col-ms-9 {
    width: calc((4.16667% * 9) - 10px);
    margin: calc( 10px / 2 ); }
    .col-ms-9.lock {
      max-width: calc((4.16667% * 9) - 10px); } }
/*---- Desktop-Large-Grid -----------------------------------------*/
.col-10 {
  width: calc((4.16667% * 10) - 10px);
  margin: calc( 10px / 2 ); }
  .col-10.lock {
    max-width: calc((4.16667% * 10) - 10px); }

/*---- Desktop-Small-Grid -----------------------------------------*/
@media (max-width: 1124px) {
  .col-ds-10 {
    width: calc((4.16667% * 10) - 10px);
    margin: calc( 10px / 2 ); }
    .col-ds-10.lock {
      max-width: calc((4.16667% * 10) - 10px); } }
/*---- Tablet-Grid -----------------------------------------*/
@media (max-width: 1024px) {
  .col-t-10 {
    width: calc((4.16667% * 10) - 10px);
    margin: calc( 10px / 2 ); }
    .col-t-10.lock {
      max-width: calc((4.16667% * 10) - 10px); } }
/*---- Mobile-Large-Grid -----------------------------------------*/
@media (max-width: 425px) {
  .col-ml-10 {
    width: calc((4.16667% * 10) - 10px);
    margin: calc( 10px / 2 ); }
    .col-ml-10.lock {
      max-width: calc((4.16667% * 10) - 10px); } }
/*---- Mobile-Grid -----------------------------------------*/
@media (max-width: 340px) {
  .col-ms-10 {
    width: calc((4.16667% * 10) - 10px);
    margin: calc( 10px / 2 ); }
    .col-ms-10.lock {
      max-width: calc((4.16667% * 10) - 10px); } }
/*---- Desktop-Large-Grid -----------------------------------------*/
.col-11 {
  width: calc((4.16667% * 11) - 10px);
  margin: calc( 10px / 2 ); }
  .col-11.lock {
    max-width: calc((4.16667% * 11) - 10px); }

/*---- Desktop-Small-Grid -----------------------------------------*/
@media (max-width: 1124px) {
  .col-ds-11 {
    width: calc((4.16667% * 11) - 10px);
    margin: calc( 10px / 2 ); }
    .col-ds-11.lock {
      max-width: calc((4.16667% * 11) - 10px); } }
/*---- Tablet-Grid -----------------------------------------*/
@media (max-width: 1024px) {
  .col-t-11 {
    width: calc((4.16667% * 11) - 10px);
    margin: calc( 10px / 2 ); }
    .col-t-11.lock {
      max-width: calc((4.16667% * 11) - 10px); } }
/*---- Mobile-Large-Grid -----------------------------------------*/
@media (max-width: 425px) {
  .col-ml-11 {
    width: calc((4.16667% * 11) - 10px);
    margin: calc( 10px / 2 ); }
    .col-ml-11.lock {
      max-width: calc((4.16667% * 11) - 10px); } }
/*---- Mobile-Grid -----------------------------------------*/
@media (max-width: 340px) {
  .col-ms-11 {
    width: calc((4.16667% * 11) - 10px);
    margin: calc( 10px / 2 ); }
    .col-ms-11.lock {
      max-width: calc((4.16667% * 11) - 10px); } }
/*---- Desktop-Large-Grid -----------------------------------------*/
.col-12 {
  width: calc((4.16667% * 12) - 10px);
  margin: calc( 10px / 2 ); }
  .col-12.lock {
    max-width: calc((4.16667% * 12) - 10px); }

/*---- Desktop-Small-Grid -----------------------------------------*/
@media (max-width: 1124px) {
  .col-ds-12 {
    width: calc((4.16667% * 12) - 10px);
    margin: calc( 10px / 2 ); }
    .col-ds-12.lock {
      max-width: calc((4.16667% * 12) - 10px); } }
/*---- Tablet-Grid -----------------------------------------*/
@media (max-width: 1024px) {
  .col-t-12 {
    width: calc((4.16667% * 12) - 10px);
    margin: calc( 10px / 2 ); }
    .col-t-12.lock {
      max-width: calc((4.16667% * 12) - 10px); } }
/*---- Mobile-Large-Grid -----------------------------------------*/
@media (max-width: 425px) {
  .col-ml-12 {
    width: calc((4.16667% * 12) - 10px);
    margin: calc( 10px / 2 ); }
    .col-ml-12.lock {
      max-width: calc((4.16667% * 12) - 10px); } }
/*---- Mobile-Grid -----------------------------------------*/
@media (max-width: 340px) {
  .col-ms-12 {
    width: calc((4.16667% * 12) - 10px);
    margin: calc( 10px / 2 ); }
    .col-ms-12.lock {
      max-width: calc((4.16667% * 12) - 10px); } }
/*---- Desktop-Large-Grid -----------------------------------------*/
.col-13 {
  width: calc((4.16667% * 13) - 10px);
  margin: calc( 10px / 2 ); }
  .col-13.lock {
    max-width: calc((4.16667% * 13) - 10px); }

/*---- Desktop-Small-Grid -----------------------------------------*/
@media (max-width: 1124px) {
  .col-ds-13 {
    width: calc((4.16667% * 13) - 10px);
    margin: calc( 10px / 2 ); }
    .col-ds-13.lock {
      max-width: calc((4.16667% * 13) - 10px); } }
/*---- Tablet-Grid -----------------------------------------*/
@media (max-width: 1024px) {
  .col-t-13 {
    width: calc((4.16667% * 13) - 10px);
    margin: calc( 10px / 2 ); }
    .col-t-13.lock {
      max-width: calc((4.16667% * 13) - 10px); } }
/*---- Mobile-Large-Grid -----------------------------------------*/
@media (max-width: 425px) {
  .col-ml-13 {
    width: calc((4.16667% * 13) - 10px);
    margin: calc( 10px / 2 ); }
    .col-ml-13.lock {
      max-width: calc((4.16667% * 13) - 10px); } }
/*---- Mobile-Grid -----------------------------------------*/
@media (max-width: 340px) {
  .col-ms-13 {
    width: calc((4.16667% * 13) - 10px);
    margin: calc( 10px / 2 ); }
    .col-ms-13.lock {
      max-width: calc((4.16667% * 13) - 10px); } }
/*---- Desktop-Large-Grid -----------------------------------------*/
.col-14 {
  width: calc((4.16667% * 14) - 10px);
  margin: calc( 10px / 2 ); }
  .col-14.lock {
    max-width: calc((4.16667% * 14) - 10px); }

/*---- Desktop-Small-Grid -----------------------------------------*/
@media (max-width: 1124px) {
  .col-ds-14 {
    width: calc((4.16667% * 14) - 10px);
    margin: calc( 10px / 2 ); }
    .col-ds-14.lock {
      max-width: calc((4.16667% * 14) - 10px); } }
/*---- Tablet-Grid -----------------------------------------*/
@media (max-width: 1024px) {
  .col-t-14 {
    width: calc((4.16667% * 14) - 10px);
    margin: calc( 10px / 2 ); }
    .col-t-14.lock {
      max-width: calc((4.16667% * 14) - 10px); } }
/*---- Mobile-Large-Grid -----------------------------------------*/
@media (max-width: 425px) {
  .col-ml-14 {
    width: calc((4.16667% * 14) - 10px);
    margin: calc( 10px / 2 ); }
    .col-ml-14.lock {
      max-width: calc((4.16667% * 14) - 10px); } }
/*---- Mobile-Grid -----------------------------------------*/
@media (max-width: 340px) {
  .col-ms-14 {
    width: calc((4.16667% * 14) - 10px);
    margin: calc( 10px / 2 ); }
    .col-ms-14.lock {
      max-width: calc((4.16667% * 14) - 10px); } }
/*---- Desktop-Large-Grid -----------------------------------------*/
.col-15 {
  width: calc((4.16667% * 15) - 10px);
  margin: calc( 10px / 2 ); }
  .col-15.lock {
    max-width: calc((4.16667% * 15) - 10px); }

/*---- Desktop-Small-Grid -----------------------------------------*/
@media (max-width: 1124px) {
  .col-ds-15 {
    width: calc((4.16667% * 15) - 10px);
    margin: calc( 10px / 2 ); }
    .col-ds-15.lock {
      max-width: calc((4.16667% * 15) - 10px); } }
/*---- Tablet-Grid -----------------------------------------*/
@media (max-width: 1024px) {
  .col-t-15 {
    width: calc((4.16667% * 15) - 10px);
    margin: calc( 10px / 2 ); }
    .col-t-15.lock {
      max-width: calc((4.16667% * 15) - 10px); } }
/*---- Mobile-Large-Grid -----------------------------------------*/
@media (max-width: 425px) {
  .col-ml-15 {
    width: calc((4.16667% * 15) - 10px);
    margin: calc( 10px / 2 ); }
    .col-ml-15.lock {
      max-width: calc((4.16667% * 15) - 10px); } }
/*---- Mobile-Grid -----------------------------------------*/
@media (max-width: 340px) {
  .col-ms-15 {
    width: calc((4.16667% * 15) - 10px);
    margin: calc( 10px / 2 ); }
    .col-ms-15.lock {
      max-width: calc((4.16667% * 15) - 10px); } }
/*---- Desktop-Large-Grid -----------------------------------------*/
.col-16 {
  width: calc((4.16667% * 16) - 10px);
  margin: calc( 10px / 2 ); }
  .col-16.lock {
    max-width: calc((4.16667% * 16) - 10px); }

/*---- Desktop-Small-Grid -----------------------------------------*/
@media (max-width: 1124px) {
  .col-ds-16 {
    width: calc((4.16667% * 16) - 10px);
    margin: calc( 10px / 2 ); }
    .col-ds-16.lock {
      max-width: calc((4.16667% * 16) - 10px); } }
/*---- Tablet-Grid -----------------------------------------*/
@media (max-width: 1024px) {
  .col-t-16 {
    width: calc((4.16667% * 16) - 10px);
    margin: calc( 10px / 2 ); }
    .col-t-16.lock {
      max-width: calc((4.16667% * 16) - 10px); } }
/*---- Mobile-Large-Grid -----------------------------------------*/
@media (max-width: 425px) {
  .col-ml-16 {
    width: calc((4.16667% * 16) - 10px);
    margin: calc( 10px / 2 ); }
    .col-ml-16.lock {
      max-width: calc((4.16667% * 16) - 10px); } }
/*---- Mobile-Grid -----------------------------------------*/
@media (max-width: 340px) {
  .col-ms-16 {
    width: calc((4.16667% * 16) - 10px);
    margin: calc( 10px / 2 ); }
    .col-ms-16.lock {
      max-width: calc((4.16667% * 16) - 10px); } }
/*---- Desktop-Large-Grid -----------------------------------------*/
.col-17 {
  width: calc((4.16667% * 17) - 10px);
  margin: calc( 10px / 2 ); }
  .col-17.lock {
    max-width: calc((4.16667% * 17) - 10px); }

/*---- Desktop-Small-Grid -----------------------------------------*/
@media (max-width: 1124px) {
  .col-ds-17 {
    width: calc((4.16667% * 17) - 10px);
    margin: calc( 10px / 2 ); }
    .col-ds-17.lock {
      max-width: calc((4.16667% * 17) - 10px); } }
/*---- Tablet-Grid -----------------------------------------*/
@media (max-width: 1024px) {
  .col-t-17 {
    width: calc((4.16667% * 17) - 10px);
    margin: calc( 10px / 2 ); }
    .col-t-17.lock {
      max-width: calc((4.16667% * 17) - 10px); } }
/*---- Mobile-Large-Grid -----------------------------------------*/
@media (max-width: 425px) {
  .col-ml-17 {
    width: calc((4.16667% * 17) - 10px);
    margin: calc( 10px / 2 ); }
    .col-ml-17.lock {
      max-width: calc((4.16667% * 17) - 10px); } }
/*---- Mobile-Grid -----------------------------------------*/
@media (max-width: 340px) {
  .col-ms-17 {
    width: calc((4.16667% * 17) - 10px);
    margin: calc( 10px / 2 ); }
    .col-ms-17.lock {
      max-width: calc((4.16667% * 17) - 10px); } }
/*---- Desktop-Large-Grid -----------------------------------------*/
.col-18 {
  width: calc((4.16667% * 18) - 10px);
  margin: calc( 10px / 2 ); }
  .col-18.lock {
    max-width: calc((4.16667% * 18) - 10px); }

/*---- Desktop-Small-Grid -----------------------------------------*/
@media (max-width: 1124px) {
  .col-ds-18 {
    width: calc((4.16667% * 18) - 10px);
    margin: calc( 10px / 2 ); }
    .col-ds-18.lock {
      max-width: calc((4.16667% * 18) - 10px); } }
/*---- Tablet-Grid -----------------------------------------*/
@media (max-width: 1024px) {
  .col-t-18 {
    width: calc((4.16667% * 18) - 10px);
    margin: calc( 10px / 2 ); }
    .col-t-18.lock {
      max-width: calc((4.16667% * 18) - 10px); } }
/*---- Mobile-Large-Grid -----------------------------------------*/
@media (max-width: 425px) {
  .col-ml-18 {
    width: calc((4.16667% * 18) - 10px);
    margin: calc( 10px / 2 ); }
    .col-ml-18.lock {
      max-width: calc((4.16667% * 18) - 10px); } }
/*---- Mobile-Grid -----------------------------------------*/
@media (max-width: 340px) {
  .col-ms-18 {
    width: calc((4.16667% * 18) - 10px);
    margin: calc( 10px / 2 ); }
    .col-ms-18.lock {
      max-width: calc((4.16667% * 18) - 10px); } }
/*---- Desktop-Large-Grid -----------------------------------------*/
.col-19 {
  width: calc((4.16667% * 19) - 10px);
  margin: calc( 10px / 2 ); }
  .col-19.lock {
    max-width: calc((4.16667% * 19) - 10px); }

/*---- Desktop-Small-Grid -----------------------------------------*/
@media (max-width: 1124px) {
  .col-ds-19 {
    width: calc((4.16667% * 19) - 10px);
    margin: calc( 10px / 2 ); }
    .col-ds-19.lock {
      max-width: calc((4.16667% * 19) - 10px); } }
/*---- Tablet-Grid -----------------------------------------*/
@media (max-width: 1024px) {
  .col-t-19 {
    width: calc((4.16667% * 19) - 10px);
    margin: calc( 10px / 2 ); }
    .col-t-19.lock {
      max-width: calc((4.16667% * 19) - 10px); } }
/*---- Mobile-Large-Grid -----------------------------------------*/
@media (max-width: 425px) {
  .col-ml-19 {
    width: calc((4.16667% * 19) - 10px);
    margin: calc( 10px / 2 ); }
    .col-ml-19.lock {
      max-width: calc((4.16667% * 19) - 10px); } }
/*---- Mobile-Grid -----------------------------------------*/
@media (max-width: 340px) {
  .col-ms-19 {
    width: calc((4.16667% * 19) - 10px);
    margin: calc( 10px / 2 ); }
    .col-ms-19.lock {
      max-width: calc((4.16667% * 19) - 10px); } }
/*---- Desktop-Large-Grid -----------------------------------------*/
.col-20 {
  width: calc((4.16667% * 20) - 10px);
  margin: calc( 10px / 2 ); }
  .col-20.lock {
    max-width: calc((4.16667% * 20) - 10px); }

/*---- Desktop-Small-Grid -----------------------------------------*/
@media (max-width: 1124px) {
  .col-ds-20 {
    width: calc((4.16667% * 20) - 10px);
    margin: calc( 10px / 2 ); }
    .col-ds-20.lock {
      max-width: calc((4.16667% * 20) - 10px); } }
/*---- Tablet-Grid -----------------------------------------*/
@media (max-width: 1024px) {
  .col-t-20 {
    width: calc((4.16667% * 20) - 10px);
    margin: calc( 10px / 2 ); }
    .col-t-20.lock {
      max-width: calc((4.16667% * 20) - 10px); } }
/*---- Mobile-Large-Grid -----------------------------------------*/
@media (max-width: 425px) {
  .col-ml-20 {
    width: calc((4.16667% * 20) - 10px);
    margin: calc( 10px / 2 ); }
    .col-ml-20.lock {
      max-width: calc((4.16667% * 20) - 10px); } }
/*---- Mobile-Grid -----------------------------------------*/
@media (max-width: 340px) {
  .col-ms-20 {
    width: calc((4.16667% * 20) - 10px);
    margin: calc( 10px / 2 ); }
    .col-ms-20.lock {
      max-width: calc((4.16667% * 20) - 10px); } }
/*---- Desktop-Large-Grid -----------------------------------------*/
.col-21 {
  width: calc((4.16667% * 21) - 10px);
  margin: calc( 10px / 2 ); }
  .col-21.lock {
    max-width: calc((4.16667% * 21) - 10px); }

/*---- Desktop-Small-Grid -----------------------------------------*/
@media (max-width: 1124px) {
  .col-ds-21 {
    width: calc((4.16667% * 21) - 10px);
    margin: calc( 10px / 2 ); }
    .col-ds-21.lock {
      max-width: calc((4.16667% * 21) - 10px); } }
/*---- Tablet-Grid -----------------------------------------*/
@media (max-width: 1024px) {
  .col-t-21 {
    width: calc((4.16667% * 21) - 10px);
    margin: calc( 10px / 2 ); }
    .col-t-21.lock {
      max-width: calc((4.16667% * 21) - 10px); } }
/*---- Mobile-Large-Grid -----------------------------------------*/
@media (max-width: 425px) {
  .col-ml-21 {
    width: calc((4.16667% * 21) - 10px);
    margin: calc( 10px / 2 ); }
    .col-ml-21.lock {
      max-width: calc((4.16667% * 21) - 10px); } }
/*---- Mobile-Grid -----------------------------------------*/
@media (max-width: 340px) {
  .col-ms-21 {
    width: calc((4.16667% * 21) - 10px);
    margin: calc( 10px / 2 ); }
    .col-ms-21.lock {
      max-width: calc((4.16667% * 21) - 10px); } }
/*---- Desktop-Large-Grid -----------------------------------------*/
.col-22 {
  width: calc((4.16667% * 22) - 10px);
  margin: calc( 10px / 2 ); }
  .col-22.lock {
    max-width: calc((4.16667% * 22) - 10px); }

/*---- Desktop-Small-Grid -----------------------------------------*/
@media (max-width: 1124px) {
  .col-ds-22 {
    width: calc((4.16667% * 22) - 10px);
    margin: calc( 10px / 2 ); }
    .col-ds-22.lock {
      max-width: calc((4.16667% * 22) - 10px); } }
/*---- Tablet-Grid -----------------------------------------*/
@media (max-width: 1024px) {
  .col-t-22 {
    width: calc((4.16667% * 22) - 10px);
    margin: calc( 10px / 2 ); }
    .col-t-22.lock {
      max-width: calc((4.16667% * 22) - 10px); } }
/*---- Mobile-Large-Grid -----------------------------------------*/
@media (max-width: 425px) {
  .col-ml-22 {
    width: calc((4.16667% * 22) - 10px);
    margin: calc( 10px / 2 ); }
    .col-ml-22.lock {
      max-width: calc((4.16667% * 22) - 10px); } }
/*---- Mobile-Grid -----------------------------------------*/
@media (max-width: 340px) {
  .col-ms-22 {
    width: calc((4.16667% * 22) - 10px);
    margin: calc( 10px / 2 ); }
    .col-ms-22.lock {
      max-width: calc((4.16667% * 22) - 10px); } }
/*---- Desktop-Large-Grid -----------------------------------------*/
.col-23 {
  width: calc((4.16667% * 23) - 10px);
  margin: calc( 10px / 2 ); }
  .col-23.lock {
    max-width: calc((4.16667% * 23) - 10px); }

/*---- Desktop-Small-Grid -----------------------------------------*/
@media (max-width: 1124px) {
  .col-ds-23 {
    width: calc((4.16667% * 23) - 10px);
    margin: calc( 10px / 2 ); }
    .col-ds-23.lock {
      max-width: calc((4.16667% * 23) - 10px); } }
/*---- Tablet-Grid -----------------------------------------*/
@media (max-width: 1024px) {
  .col-t-23 {
    width: calc((4.16667% * 23) - 10px);
    margin: calc( 10px / 2 ); }
    .col-t-23.lock {
      max-width: calc((4.16667% * 23) - 10px); } }
/*---- Mobile-Large-Grid -----------------------------------------*/
@media (max-width: 425px) {
  .col-ml-23 {
    width: calc((4.16667% * 23) - 10px);
    margin: calc( 10px / 2 ); }
    .col-ml-23.lock {
      max-width: calc((4.16667% * 23) - 10px); } }
/*---- Mobile-Grid -----------------------------------------*/
@media (max-width: 340px) {
  .col-ms-23 {
    width: calc((4.16667% * 23) - 10px);
    margin: calc( 10px / 2 ); }
    .col-ms-23.lock {
      max-width: calc((4.16667% * 23) - 10px); } }
/*---- Desktop-Large-Grid -----------------------------------------*/
.col-24 {
  width: calc((4.16667% * 24) - 10px);
  margin: calc( 10px / 2 ); }
  .col-24.lock {
    max-width: calc((4.16667% * 24) - 10px); }

/*---- Desktop-Small-Grid -----------------------------------------*/
@media (max-width: 1124px) {
  .col-ds-24 {
    width: calc((4.16667% * 24) - 10px);
    margin: calc( 10px / 2 ); }
    .col-ds-24.lock {
      max-width: calc((4.16667% * 24) - 10px); } }
/*---- Tablet-Grid -----------------------------------------*/
@media (max-width: 1024px) {
  .col-t-24 {
    width: calc((4.16667% * 24) - 10px);
    margin: calc( 10px / 2 ); }
    .col-t-24.lock {
      max-width: calc((4.16667% * 24) - 10px); } }
/*---- Mobile-Large-Grid -----------------------------------------*/
@media (max-width: 425px) {
  .col-ml-24 {
    width: calc((4.16667% * 24) - 10px);
    margin: calc( 10px / 2 ); }
    .col-ml-24.lock {
      max-width: calc((4.16667% * 24) - 10px); } }
/*---- Mobile-Grid -----------------------------------------*/
@media (max-width: 340px) {
  .col-ms-24 {
    width: calc((4.16667% * 24) - 10px);
    margin: calc( 10px / 2 ); }
    .col-ms-24.lock {
      max-width: calc((4.16667% * 24) - 10px); } }
.no-gutters {
  /*---- Desktop-Large-Grid -----------------------------------------*/
  /*---- Desktop-Small-Grid -----------------------------------------*/
  /*---- Tablet-Grid -----------------------------------------*/
  /*---- Mobile-Large-Grid -----------------------------------------*/
  /*---- Mobile-Grid -----------------------------------------*/
  /*---- Desktop-Large-Grid -----------------------------------------*/
  /*---- Desktop-Small-Grid -----------------------------------------*/
  /*---- Tablet-Grid -----------------------------------------*/
  /*---- Mobile-Large-Grid -----------------------------------------*/
  /*---- Mobile-Grid -----------------------------------------*/
  /*---- Desktop-Large-Grid -----------------------------------------*/
  /*---- Desktop-Small-Grid -----------------------------------------*/
  /*---- Tablet-Grid -----------------------------------------*/
  /*---- Mobile-Large-Grid -----------------------------------------*/
  /*---- Mobile-Grid -----------------------------------------*/
  /*---- Desktop-Large-Grid -----------------------------------------*/
  /*---- Desktop-Small-Grid -----------------------------------------*/
  /*---- Tablet-Grid -----------------------------------------*/
  /*---- Mobile-Large-Grid -----------------------------------------*/
  /*---- Mobile-Grid -----------------------------------------*/
  /*---- Desktop-Large-Grid -----------------------------------------*/
  /*---- Desktop-Small-Grid -----------------------------------------*/
  /*---- Tablet-Grid -----------------------------------------*/
  /*---- Mobile-Large-Grid -----------------------------------------*/
  /*---- Mobile-Grid -----------------------------------------*/
  /*---- Desktop-Large-Grid -----------------------------------------*/
  /*---- Desktop-Small-Grid -----------------------------------------*/
  /*---- Tablet-Grid -----------------------------------------*/
  /*---- Mobile-Large-Grid -----------------------------------------*/
  /*---- Mobile-Grid -----------------------------------------*/
  /*---- Desktop-Large-Grid -----------------------------------------*/
  /*---- Desktop-Small-Grid -----------------------------------------*/
  /*---- Tablet-Grid -----------------------------------------*/
  /*---- Mobile-Large-Grid -----------------------------------------*/
  /*---- Mobile-Grid -----------------------------------------*/
  /*---- Desktop-Large-Grid -----------------------------------------*/
  /*---- Desktop-Small-Grid -----------------------------------------*/
  /*---- Tablet-Grid -----------------------------------------*/
  /*---- Mobile-Large-Grid -----------------------------------------*/
  /*---- Mobile-Grid -----------------------------------------*/
  /*---- Desktop-Large-Grid -----------------------------------------*/
  /*---- Desktop-Small-Grid -----------------------------------------*/
  /*---- Tablet-Grid -----------------------------------------*/
  /*---- Mobile-Large-Grid -----------------------------------------*/
  /*---- Mobile-Grid -----------------------------------------*/
  /*---- Desktop-Large-Grid -----------------------------------------*/
  /*---- Desktop-Small-Grid -----------------------------------------*/
  /*---- Tablet-Grid -----------------------------------------*/
  /*---- Mobile-Large-Grid -----------------------------------------*/
  /*---- Mobile-Grid -----------------------------------------*/
  /*---- Desktop-Large-Grid -----------------------------------------*/
  /*---- Desktop-Small-Grid -----------------------------------------*/
  /*---- Tablet-Grid -----------------------------------------*/
  /*---- Mobile-Large-Grid -----------------------------------------*/
  /*---- Mobile-Grid -----------------------------------------*/
  /*---- Desktop-Large-Grid -----------------------------------------*/
  /*---- Desktop-Small-Grid -----------------------------------------*/
  /*---- Tablet-Grid -----------------------------------------*/
  /*---- Mobile-Large-Grid -----------------------------------------*/
  /*---- Mobile-Grid -----------------------------------------*/
  /*---- Desktop-Large-Grid -----------------------------------------*/
  /*---- Desktop-Small-Grid -----------------------------------------*/
  /*---- Tablet-Grid -----------------------------------------*/
  /*---- Mobile-Large-Grid -----------------------------------------*/
  /*---- Mobile-Grid -----------------------------------------*/
  /*---- Desktop-Large-Grid -----------------------------------------*/
  /*---- Desktop-Small-Grid -----------------------------------------*/
  /*---- Tablet-Grid -----------------------------------------*/
  /*---- Mobile-Large-Grid -----------------------------------------*/
  /*---- Mobile-Grid -----------------------------------------*/
  /*---- Desktop-Large-Grid -----------------------------------------*/
  /*---- Desktop-Small-Grid -----------------------------------------*/
  /*---- Tablet-Grid -----------------------------------------*/
  /*---- Mobile-Large-Grid -----------------------------------------*/
  /*---- Mobile-Grid -----------------------------------------*/
  /*---- Desktop-Large-Grid -----------------------------------------*/
  /*---- Desktop-Small-Grid -----------------------------------------*/
  /*---- Tablet-Grid -----------------------------------------*/
  /*---- Mobile-Large-Grid -----------------------------------------*/
  /*---- Mobile-Grid -----------------------------------------*/
  /*---- Desktop-Large-Grid -----------------------------------------*/
  /*---- Desktop-Small-Grid -----------------------------------------*/
  /*---- Tablet-Grid -----------------------------------------*/
  /*---- Mobile-Large-Grid -----------------------------------------*/
  /*---- Mobile-Grid -----------------------------------------*/
  /*---- Desktop-Large-Grid -----------------------------------------*/
  /*---- Desktop-Small-Grid -----------------------------------------*/
  /*---- Tablet-Grid -----------------------------------------*/
  /*---- Mobile-Large-Grid -----------------------------------------*/
  /*---- Mobile-Grid -----------------------------------------*/
  /*---- Desktop-Large-Grid -----------------------------------------*/
  /*---- Desktop-Small-Grid -----------------------------------------*/
  /*---- Tablet-Grid -----------------------------------------*/
  /*---- Mobile-Large-Grid -----------------------------------------*/
  /*---- Mobile-Grid -----------------------------------------*/
  /*---- Desktop-Large-Grid -----------------------------------------*/
  /*---- Desktop-Small-Grid -----------------------------------------*/
  /*---- Tablet-Grid -----------------------------------------*/
  /*---- Mobile-Large-Grid -----------------------------------------*/
  /*---- Mobile-Grid -----------------------------------------*/
  /*---- Desktop-Large-Grid -----------------------------------------*/
  /*---- Desktop-Small-Grid -----------------------------------------*/
  /*---- Tablet-Grid -----------------------------------------*/
  /*---- Mobile-Large-Grid -----------------------------------------*/
  /*---- Mobile-Grid -----------------------------------------*/
  /*---- Desktop-Large-Grid -----------------------------------------*/
  /*---- Desktop-Small-Grid -----------------------------------------*/
  /*---- Tablet-Grid -----------------------------------------*/
  /*---- Mobile-Large-Grid -----------------------------------------*/
  /*---- Mobile-Grid -----------------------------------------*/
  /*---- Desktop-Large-Grid -----------------------------------------*/
  /*---- Desktop-Small-Grid -----------------------------------------*/
  /*---- Tablet-Grid -----------------------------------------*/
  /*---- Mobile-Large-Grid -----------------------------------------*/
  /*---- Mobile-Grid -----------------------------------------*/
  /*---- Desktop-Large-Grid -----------------------------------------*/
  /*---- Desktop-Small-Grid -----------------------------------------*/
  /*---- Tablet-Grid -----------------------------------------*/
  /*---- Mobile-Large-Grid -----------------------------------------*/
  /*---- Mobile-Grid -----------------------------------------*/ }
  .no-gutters .col-1 {
    width: calc(4.16667% * 1);
    margin: 0; }
    .no-gutters .col-1.lock {
      max-width: calc(4.16667% * 1); }
  @media (max-width: 1124px) {
    .no-gutters .col-ds-1 {
      width: calc(4.16667% * 1);
      margin: 0; }
      .no-gutters .col-ds-1.lock {
        max-width: calc(4.16667% * 1); } }
  @media (max-width: 1024px) {
    .no-gutters .col-t-1 {
      width: calc(4.16667% * 1);
      margin: 0; }
      .no-gutters .col-t-1.lock {
        max-width: calc(4.16667% * 1); } }
  @media (max-width: 425px) {
    .no-gutters .col-ml-1 {
      width: calc(4.16667% * 1);
      margin: 0; }
      .no-gutters .col-ml-1.lock {
        max-width: calc(4.16667% * 1); } }
  @media (max-width: 340px) {
    .no-gutters .col-ms-1 {
      width: calc(4.16667% * 1);
      margin: 0; }
      .no-gutters .col-ms-1.lock {
        max-width: calc(4.16667% * 1); } }
  .no-gutters .col-2 {
    width: calc(4.16667% * 2);
    margin: 0; }
    .no-gutters .col-2.lock {
      max-width: calc(4.16667% * 2); }
  @media (max-width: 1124px) {
    .no-gutters .col-ds-2 {
      width: calc(4.16667% * 2);
      margin: 0; }
      .no-gutters .col-ds-2.lock {
        max-width: calc(4.16667% * 2); } }
  @media (max-width: 1024px) {
    .no-gutters .col-t-2 {
      width: calc(4.16667% * 2);
      margin: 0; }
      .no-gutters .col-t-2.lock {
        max-width: calc(4.16667% * 2); } }
  @media (max-width: 425px) {
    .no-gutters .col-ml-2 {
      width: calc(4.16667% * 2);
      margin: 0; }
      .no-gutters .col-ml-2.lock {
        max-width: calc(4.16667% * 2); } }
  @media (max-width: 340px) {
    .no-gutters .col-ms-2 {
      width: calc(4.16667% * 2);
      margin: 0; }
      .no-gutters .col-ms-2.lock {
        max-width: calc(4.16667% * 2); } }
  .no-gutters .col-3 {
    width: calc(4.16667% * 3);
    margin: 0; }
    .no-gutters .col-3.lock {
      max-width: calc(4.16667% * 3); }
  @media (max-width: 1124px) {
    .no-gutters .col-ds-3 {
      width: calc(4.16667% * 3);
      margin: 0; }
      .no-gutters .col-ds-3.lock {
        max-width: calc(4.16667% * 3); } }
  @media (max-width: 1024px) {
    .no-gutters .col-t-3 {
      width: calc(4.16667% * 3);
      margin: 0; }
      .no-gutters .col-t-3.lock {
        max-width: calc(4.16667% * 3); } }
  @media (max-width: 425px) {
    .no-gutters .col-ml-3 {
      width: calc(4.16667% * 3);
      margin: 0; }
      .no-gutters .col-ml-3.lock {
        max-width: calc(4.16667% * 3); } }
  @media (max-width: 340px) {
    .no-gutters .col-ms-3 {
      width: calc(4.16667% * 3);
      margin: 0; }
      .no-gutters .col-ms-3.lock {
        max-width: calc(4.16667% * 3); } }
  .no-gutters .col-4 {
    width: calc(4.16667% * 4);
    margin: 0; }
    .no-gutters .col-4.lock {
      max-width: calc(4.16667% * 4); }
  @media (max-width: 1124px) {
    .no-gutters .col-ds-4 {
      width: calc(4.16667% * 4);
      margin: 0; }
      .no-gutters .col-ds-4.lock {
        max-width: calc(4.16667% * 4); } }
  @media (max-width: 1024px) {
    .no-gutters .col-t-4 {
      width: calc(4.16667% * 4);
      margin: 0; }
      .no-gutters .col-t-4.lock {
        max-width: calc(4.16667% * 4); } }
  @media (max-width: 425px) {
    .no-gutters .col-ml-4 {
      width: calc(4.16667% * 4);
      margin: 0; }
      .no-gutters .col-ml-4.lock {
        max-width: calc(4.16667% * 4); } }
  @media (max-width: 340px) {
    .no-gutters .col-ms-4 {
      width: calc(4.16667% * 4);
      margin: 0; }
      .no-gutters .col-ms-4.lock {
        max-width: calc(4.16667% * 4); } }
  .no-gutters .col-5 {
    width: calc(4.16667% * 5);
    margin: 0; }
    .no-gutters .col-5.lock {
      max-width: calc(4.16667% * 5); }
  @media (max-width: 1124px) {
    .no-gutters .col-ds-5 {
      width: calc(4.16667% * 5);
      margin: 0; }
      .no-gutters .col-ds-5.lock {
        max-width: calc(4.16667% * 5); } }
  @media (max-width: 1024px) {
    .no-gutters .col-t-5 {
      width: calc(4.16667% * 5);
      margin: 0; }
      .no-gutters .col-t-5.lock {
        max-width: calc(4.16667% * 5); } }
  @media (max-width: 425px) {
    .no-gutters .col-ml-5 {
      width: calc(4.16667% * 5);
      margin: 0; }
      .no-gutters .col-ml-5.lock {
        max-width: calc(4.16667% * 5); } }
  @media (max-width: 340px) {
    .no-gutters .col-ms-5 {
      width: calc(4.16667% * 5);
      margin: 0; }
      .no-gutters .col-ms-5.lock {
        max-width: calc(4.16667% * 5); } }
  .no-gutters .col-6 {
    width: calc(4.16667% * 6);
    margin: 0; }
    .no-gutters .col-6.lock {
      max-width: calc(4.16667% * 6); }
  @media (max-width: 1124px) {
    .no-gutters .col-ds-6 {
      width: calc(4.16667% * 6);
      margin: 0; }
      .no-gutters .col-ds-6.lock {
        max-width: calc(4.16667% * 6); } }
  @media (max-width: 1024px) {
    .no-gutters .col-t-6 {
      width: calc(4.16667% * 6);
      margin: 0; }
      .no-gutters .col-t-6.lock {
        max-width: calc(4.16667% * 6); } }
  @media (max-width: 425px) {
    .no-gutters .col-ml-6 {
      width: calc(4.16667% * 6);
      margin: 0; }
      .no-gutters .col-ml-6.lock {
        max-width: calc(4.16667% * 6); } }
  @media (max-width: 340px) {
    .no-gutters .col-ms-6 {
      width: calc(4.16667% * 6);
      margin: 0; }
      .no-gutters .col-ms-6.lock {
        max-width: calc(4.16667% * 6); } }
  .no-gutters .col-7 {
    width: calc(4.16667% * 7);
    margin: 0; }
    .no-gutters .col-7.lock {
      max-width: calc(4.16667% * 7); }
  @media (max-width: 1124px) {
    .no-gutters .col-ds-7 {
      width: calc(4.16667% * 7);
      margin: 0; }
      .no-gutters .col-ds-7.lock {
        max-width: calc(4.16667% * 7); } }
  @media (max-width: 1024px) {
    .no-gutters .col-t-7 {
      width: calc(4.16667% * 7);
      margin: 0; }
      .no-gutters .col-t-7.lock {
        max-width: calc(4.16667% * 7); } }
  @media (max-width: 425px) {
    .no-gutters .col-ml-7 {
      width: calc(4.16667% * 7);
      margin: 0; }
      .no-gutters .col-ml-7.lock {
        max-width: calc(4.16667% * 7); } }
  @media (max-width: 340px) {
    .no-gutters .col-ms-7 {
      width: calc(4.16667% * 7);
      margin: 0; }
      .no-gutters .col-ms-7.lock {
        max-width: calc(4.16667% * 7); } }
  .no-gutters .col-8 {
    width: calc(4.16667% * 8);
    margin: 0; }
    .no-gutters .col-8.lock {
      max-width: calc(4.16667% * 8); }
  @media (max-width: 1124px) {
    .no-gutters .col-ds-8 {
      width: calc(4.16667% * 8);
      margin: 0; }
      .no-gutters .col-ds-8.lock {
        max-width: calc(4.16667% * 8); } }
  @media (max-width: 1024px) {
    .no-gutters .col-t-8 {
      width: calc(4.16667% * 8);
      margin: 0; }
      .no-gutters .col-t-8.lock {
        max-width: calc(4.16667% * 8); } }
  @media (max-width: 425px) {
    .no-gutters .col-ml-8 {
      width: calc(4.16667% * 8);
      margin: 0; }
      .no-gutters .col-ml-8.lock {
        max-width: calc(4.16667% * 8); } }
  @media (max-width: 340px) {
    .no-gutters .col-ms-8 {
      width: calc(4.16667% * 8);
      margin: 0; }
      .no-gutters .col-ms-8.lock {
        max-width: calc(4.16667% * 8); } }
  .no-gutters .col-9 {
    width: calc(4.16667% * 9);
    margin: 0; }
    .no-gutters .col-9.lock {
      max-width: calc(4.16667% * 9); }
  @media (max-width: 1124px) {
    .no-gutters .col-ds-9 {
      width: calc(4.16667% * 9);
      margin: 0; }
      .no-gutters .col-ds-9.lock {
        max-width: calc(4.16667% * 9); } }
  @media (max-width: 1024px) {
    .no-gutters .col-t-9 {
      width: calc(4.16667% * 9);
      margin: 0; }
      .no-gutters .col-t-9.lock {
        max-width: calc(4.16667% * 9); } }
  @media (max-width: 425px) {
    .no-gutters .col-ml-9 {
      width: calc(4.16667% * 9);
      margin: 0; }
      .no-gutters .col-ml-9.lock {
        max-width: calc(4.16667% * 9); } }
  @media (max-width: 340px) {
    .no-gutters .col-ms-9 {
      width: calc(4.16667% * 9);
      margin: 0; }
      .no-gutters .col-ms-9.lock {
        max-width: calc(4.16667% * 9); } }
  .no-gutters .col-10 {
    width: calc(4.16667% * 10);
    margin: 0; }
    .no-gutters .col-10.lock {
      max-width: calc(4.16667% * 10); }
  @media (max-width: 1124px) {
    .no-gutters .col-ds-10 {
      width: calc(4.16667% * 10);
      margin: 0; }
      .no-gutters .col-ds-10.lock {
        max-width: calc(4.16667% * 10); } }
  @media (max-width: 1024px) {
    .no-gutters .col-t-10 {
      width: calc(4.16667% * 10);
      margin: 0; }
      .no-gutters .col-t-10.lock {
        max-width: calc(4.16667% * 10); } }
  @media (max-width: 425px) {
    .no-gutters .col-ml-10 {
      width: calc(4.16667% * 10);
      margin: 0; }
      .no-gutters .col-ml-10.lock {
        max-width: calc(4.16667% * 10); } }
  @media (max-width: 340px) {
    .no-gutters .col-ms-10 {
      width: calc(4.16667% * 10);
      margin: 0; }
      .no-gutters .col-ms-10.lock {
        max-width: calc(4.16667% * 10); } }
  .no-gutters .col-11 {
    width: calc(4.16667% * 11);
    margin: 0; }
    .no-gutters .col-11.lock {
      max-width: calc(4.16667% * 11); }
  @media (max-width: 1124px) {
    .no-gutters .col-ds-11 {
      width: calc(4.16667% * 11);
      margin: 0; }
      .no-gutters .col-ds-11.lock {
        max-width: calc(4.16667% * 11); } }
  @media (max-width: 1024px) {
    .no-gutters .col-t-11 {
      width: calc(4.16667% * 11);
      margin: 0; }
      .no-gutters .col-t-11.lock {
        max-width: calc(4.16667% * 11); } }
  @media (max-width: 425px) {
    .no-gutters .col-ml-11 {
      width: calc(4.16667% * 11);
      margin: 0; }
      .no-gutters .col-ml-11.lock {
        max-width: calc(4.16667% * 11); } }
  @media (max-width: 340px) {
    .no-gutters .col-ms-11 {
      width: calc(4.16667% * 11);
      margin: 0; }
      .no-gutters .col-ms-11.lock {
        max-width: calc(4.16667% * 11); } }
  .no-gutters .col-12 {
    width: calc(4.16667% * 12);
    margin: 0; }
    .no-gutters .col-12.lock {
      max-width: calc(4.16667% * 12); }
  @media (max-width: 1124px) {
    .no-gutters .col-ds-12 {
      width: calc(4.16667% * 12);
      margin: 0; }
      .no-gutters .col-ds-12.lock {
        max-width: calc(4.16667% * 12); } }
  @media (max-width: 1024px) {
    .no-gutters .col-t-12 {
      width: calc(4.16667% * 12);
      margin: 0; }
      .no-gutters .col-t-12.lock {
        max-width: calc(4.16667% * 12); } }
  @media (max-width: 425px) {
    .no-gutters .col-ml-12 {
      width: calc(4.16667% * 12);
      margin: 0; }
      .no-gutters .col-ml-12.lock {
        max-width: calc(4.16667% * 12); } }
  @media (max-width: 340px) {
    .no-gutters .col-ms-12 {
      width: calc(4.16667% * 12);
      margin: 0; }
      .no-gutters .col-ms-12.lock {
        max-width: calc(4.16667% * 12); } }
  .no-gutters .col-13 {
    width: calc(4.16667% * 13);
    margin: 0; }
    .no-gutters .col-13.lock {
      max-width: calc(4.16667% * 13); }
  @media (max-width: 1124px) {
    .no-gutters .col-ds-13 {
      width: calc(4.16667% * 13);
      margin: 0; }
      .no-gutters .col-ds-13.lock {
        max-width: calc(4.16667% * 13); } }
  @media (max-width: 1024px) {
    .no-gutters .col-t-13 {
      width: calc(4.16667% * 13);
      margin: 0; }
      .no-gutters .col-t-13.lock {
        max-width: calc(4.16667% * 13); } }
  @media (max-width: 425px) {
    .no-gutters .col-ml-13 {
      width: calc(4.16667% * 13);
      margin: 0; }
      .no-gutters .col-ml-13.lock {
        max-width: calc(4.16667% * 13); } }
  @media (max-width: 340px) {
    .no-gutters .col-ms-13 {
      width: calc(4.16667% * 13);
      margin: 0; }
      .no-gutters .col-ms-13.lock {
        max-width: calc(4.16667% * 13); } }
  .no-gutters .col-14 {
    width: calc(4.16667% * 14);
    margin: 0; }
    .no-gutters .col-14.lock {
      max-width: calc(4.16667% * 14); }
  @media (max-width: 1124px) {
    .no-gutters .col-ds-14 {
      width: calc(4.16667% * 14);
      margin: 0; }
      .no-gutters .col-ds-14.lock {
        max-width: calc(4.16667% * 14); } }
  @media (max-width: 1024px) {
    .no-gutters .col-t-14 {
      width: calc(4.16667% * 14);
      margin: 0; }
      .no-gutters .col-t-14.lock {
        max-width: calc(4.16667% * 14); } }
  @media (max-width: 425px) {
    .no-gutters .col-ml-14 {
      width: calc(4.16667% * 14);
      margin: 0; }
      .no-gutters .col-ml-14.lock {
        max-width: calc(4.16667% * 14); } }
  @media (max-width: 340px) {
    .no-gutters .col-ms-14 {
      width: calc(4.16667% * 14);
      margin: 0; }
      .no-gutters .col-ms-14.lock {
        max-width: calc(4.16667% * 14); } }
  .no-gutters .col-15 {
    width: calc(4.16667% * 15);
    margin: 0; }
    .no-gutters .col-15.lock {
      max-width: calc(4.16667% * 15); }
  @media (max-width: 1124px) {
    .no-gutters .col-ds-15 {
      width: calc(4.16667% * 15);
      margin: 0; }
      .no-gutters .col-ds-15.lock {
        max-width: calc(4.16667% * 15); } }
  @media (max-width: 1024px) {
    .no-gutters .col-t-15 {
      width: calc(4.16667% * 15);
      margin: 0; }
      .no-gutters .col-t-15.lock {
        max-width: calc(4.16667% * 15); } }
  @media (max-width: 425px) {
    .no-gutters .col-ml-15 {
      width: calc(4.16667% * 15);
      margin: 0; }
      .no-gutters .col-ml-15.lock {
        max-width: calc(4.16667% * 15); } }
  @media (max-width: 340px) {
    .no-gutters .col-ms-15 {
      width: calc(4.16667% * 15);
      margin: 0; }
      .no-gutters .col-ms-15.lock {
        max-width: calc(4.16667% * 15); } }
  .no-gutters .col-16 {
    width: calc(4.16667% * 16);
    margin: 0; }
    .no-gutters .col-16.lock {
      max-width: calc(4.16667% * 16); }
  @media (max-width: 1124px) {
    .no-gutters .col-ds-16 {
      width: calc(4.16667% * 16);
      margin: 0; }
      .no-gutters .col-ds-16.lock {
        max-width: calc(4.16667% * 16); } }
  @media (max-width: 1024px) {
    .no-gutters .col-t-16 {
      width: calc(4.16667% * 16);
      margin: 0; }
      .no-gutters .col-t-16.lock {
        max-width: calc(4.16667% * 16); } }
  @media (max-width: 425px) {
    .no-gutters .col-ml-16 {
      width: calc(4.16667% * 16);
      margin: 0; }
      .no-gutters .col-ml-16.lock {
        max-width: calc(4.16667% * 16); } }
  @media (max-width: 340px) {
    .no-gutters .col-ms-16 {
      width: calc(4.16667% * 16);
      margin: 0; }
      .no-gutters .col-ms-16.lock {
        max-width: calc(4.16667% * 16); } }
  .no-gutters .col-17 {
    width: calc(4.16667% * 17);
    margin: 0; }
    .no-gutters .col-17.lock {
      max-width: calc(4.16667% * 17); }
  @media (max-width: 1124px) {
    .no-gutters .col-ds-17 {
      width: calc(4.16667% * 17);
      margin: 0; }
      .no-gutters .col-ds-17.lock {
        max-width: calc(4.16667% * 17); } }
  @media (max-width: 1024px) {
    .no-gutters .col-t-17 {
      width: calc(4.16667% * 17);
      margin: 0; }
      .no-gutters .col-t-17.lock {
        max-width: calc(4.16667% * 17); } }
  @media (max-width: 425px) {
    .no-gutters .col-ml-17 {
      width: calc(4.16667% * 17);
      margin: 0; }
      .no-gutters .col-ml-17.lock {
        max-width: calc(4.16667% * 17); } }
  @media (max-width: 340px) {
    .no-gutters .col-ms-17 {
      width: calc(4.16667% * 17);
      margin: 0; }
      .no-gutters .col-ms-17.lock {
        max-width: calc(4.16667% * 17); } }
  .no-gutters .col-18 {
    width: calc(4.16667% * 18);
    margin: 0; }
    .no-gutters .col-18.lock {
      max-width: calc(4.16667% * 18); }
  @media (max-width: 1124px) {
    .no-gutters .col-ds-18 {
      width: calc(4.16667% * 18);
      margin: 0; }
      .no-gutters .col-ds-18.lock {
        max-width: calc(4.16667% * 18); } }
  @media (max-width: 1024px) {
    .no-gutters .col-t-18 {
      width: calc(4.16667% * 18);
      margin: 0; }
      .no-gutters .col-t-18.lock {
        max-width: calc(4.16667% * 18); } }
  @media (max-width: 425px) {
    .no-gutters .col-ml-18 {
      width: calc(4.16667% * 18);
      margin: 0; }
      .no-gutters .col-ml-18.lock {
        max-width: calc(4.16667% * 18); } }
  @media (max-width: 340px) {
    .no-gutters .col-ms-18 {
      width: calc(4.16667% * 18);
      margin: 0; }
      .no-gutters .col-ms-18.lock {
        max-width: calc(4.16667% * 18); } }
  .no-gutters .col-19 {
    width: calc(4.16667% * 19);
    margin: 0; }
    .no-gutters .col-19.lock {
      max-width: calc(4.16667% * 19); }
  @media (max-width: 1124px) {
    .no-gutters .col-ds-19 {
      width: calc(4.16667% * 19);
      margin: 0; }
      .no-gutters .col-ds-19.lock {
        max-width: calc(4.16667% * 19); } }
  @media (max-width: 1024px) {
    .no-gutters .col-t-19 {
      width: calc(4.16667% * 19);
      margin: 0; }
      .no-gutters .col-t-19.lock {
        max-width: calc(4.16667% * 19); } }
  @media (max-width: 425px) {
    .no-gutters .col-ml-19 {
      width: calc(4.16667% * 19);
      margin: 0; }
      .no-gutters .col-ml-19.lock {
        max-width: calc(4.16667% * 19); } }
  @media (max-width: 340px) {
    .no-gutters .col-ms-19 {
      width: calc(4.16667% * 19);
      margin: 0; }
      .no-gutters .col-ms-19.lock {
        max-width: calc(4.16667% * 19); } }
  .no-gutters .col-20 {
    width: calc(4.16667% * 20);
    margin: 0; }
    .no-gutters .col-20.lock {
      max-width: calc(4.16667% * 20); }
  @media (max-width: 1124px) {
    .no-gutters .col-ds-20 {
      width: calc(4.16667% * 20);
      margin: 0; }
      .no-gutters .col-ds-20.lock {
        max-width: calc(4.16667% * 20); } }
  @media (max-width: 1024px) {
    .no-gutters .col-t-20 {
      width: calc(4.16667% * 20);
      margin: 0; }
      .no-gutters .col-t-20.lock {
        max-width: calc(4.16667% * 20); } }
  @media (max-width: 425px) {
    .no-gutters .col-ml-20 {
      width: calc(4.16667% * 20);
      margin: 0; }
      .no-gutters .col-ml-20.lock {
        max-width: calc(4.16667% * 20); } }
  @media (max-width: 340px) {
    .no-gutters .col-ms-20 {
      width: calc(4.16667% * 20);
      margin: 0; }
      .no-gutters .col-ms-20.lock {
        max-width: calc(4.16667% * 20); } }
  .no-gutters .col-21 {
    width: calc(4.16667% * 21);
    margin: 0; }
    .no-gutters .col-21.lock {
      max-width: calc(4.16667% * 21); }
  @media (max-width: 1124px) {
    .no-gutters .col-ds-21 {
      width: calc(4.16667% * 21);
      margin: 0; }
      .no-gutters .col-ds-21.lock {
        max-width: calc(4.16667% * 21); } }
  @media (max-width: 1024px) {
    .no-gutters .col-t-21 {
      width: calc(4.16667% * 21);
      margin: 0; }
      .no-gutters .col-t-21.lock {
        max-width: calc(4.16667% * 21); } }
  @media (max-width: 425px) {
    .no-gutters .col-ml-21 {
      width: calc(4.16667% * 21);
      margin: 0; }
      .no-gutters .col-ml-21.lock {
        max-width: calc(4.16667% * 21); } }
  @media (max-width: 340px) {
    .no-gutters .col-ms-21 {
      width: calc(4.16667% * 21);
      margin: 0; }
      .no-gutters .col-ms-21.lock {
        max-width: calc(4.16667% * 21); } }
  .no-gutters .col-22 {
    width: calc(4.16667% * 22);
    margin: 0; }
    .no-gutters .col-22.lock {
      max-width: calc(4.16667% * 22); }
  @media (max-width: 1124px) {
    .no-gutters .col-ds-22 {
      width: calc(4.16667% * 22);
      margin: 0; }
      .no-gutters .col-ds-22.lock {
        max-width: calc(4.16667% * 22); } }
  @media (max-width: 1024px) {
    .no-gutters .col-t-22 {
      width: calc(4.16667% * 22);
      margin: 0; }
      .no-gutters .col-t-22.lock {
        max-width: calc(4.16667% * 22); } }
  @media (max-width: 425px) {
    .no-gutters .col-ml-22 {
      width: calc(4.16667% * 22);
      margin: 0; }
      .no-gutters .col-ml-22.lock {
        max-width: calc(4.16667% * 22); } }
  @media (max-width: 340px) {
    .no-gutters .col-ms-22 {
      width: calc(4.16667% * 22);
      margin: 0; }
      .no-gutters .col-ms-22.lock {
        max-width: calc(4.16667% * 22); } }
  .no-gutters .col-23 {
    width: calc(4.16667% * 23);
    margin: 0; }
    .no-gutters .col-23.lock {
      max-width: calc(4.16667% * 23); }
  @media (max-width: 1124px) {
    .no-gutters .col-ds-23 {
      width: calc(4.16667% * 23);
      margin: 0; }
      .no-gutters .col-ds-23.lock {
        max-width: calc(4.16667% * 23); } }
  @media (max-width: 1024px) {
    .no-gutters .col-t-23 {
      width: calc(4.16667% * 23);
      margin: 0; }
      .no-gutters .col-t-23.lock {
        max-width: calc(4.16667% * 23); } }
  @media (max-width: 425px) {
    .no-gutters .col-ml-23 {
      width: calc(4.16667% * 23);
      margin: 0; }
      .no-gutters .col-ml-23.lock {
        max-width: calc(4.16667% * 23); } }
  @media (max-width: 340px) {
    .no-gutters .col-ms-23 {
      width: calc(4.16667% * 23);
      margin: 0; }
      .no-gutters .col-ms-23.lock {
        max-width: calc(4.16667% * 23); } }
  .no-gutters .col-24 {
    width: calc(4.16667% * 24);
    margin: 0; }
    .no-gutters .col-24.lock {
      max-width: calc(4.16667% * 24); }
  @media (max-width: 1124px) {
    .no-gutters .col-ds-24 {
      width: calc(4.16667% * 24);
      margin: 0; }
      .no-gutters .col-ds-24.lock {
        max-width: calc(4.16667% * 24); } }
  @media (max-width: 1024px) {
    .no-gutters .col-t-24 {
      width: calc(4.16667% * 24);
      margin: 0; }
      .no-gutters .col-t-24.lock {
        max-width: calc(4.16667% * 24); } }
  @media (max-width: 425px) {
    .no-gutters .col-ml-24 {
      width: calc(4.16667% * 24);
      margin: 0; }
      .no-gutters .col-ml-24.lock {
        max-width: calc(4.16667% * 24); } }
  @media (max-width: 340px) {
    .no-gutters .col-ms-24 {
      width: calc(4.16667% * 24);
      margin: 0; }
      .no-gutters .col-ms-24.lock {
        max-width: calc(4.16667% * 24); } }

.test-wrap {
  width: 100%;
  height: auto;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 5px;
  display: inline-block;
  background-color: green; }
  .test-wrap .row {
    margin: 5px 0;
    padding: 10px;
    background-color: red; }
  .test-wrap .container {
    margin: 10px auto;
    padding: 10px;
    background-color: yellow; }
  .test-wrap [class^="col-"], .test-wrap [class*="col-"] {
    min-height: 10px;
    background-color: blue; }
  @media (max-width: 1124px) {
    .test-wrap [class^="col-ds-"], .test-wrap [class*="col-ds-"] {
      background-color: lime; } }
  @media (max-width: 1024px) {
    .test-wrap [class^="col-t-"], .test-wrap [class*="col-t-"] {
      background-color: aqua; } }
  @media (max-width: 425px) {
    .test-wrap [class^="col-ml-"], .test-wrap [class*="col-ml-"] {
      background-color: cadetblue; } }
  @media (max-width: 340px) {
    .test-wrap [class^="col-ms-"], .test-wrap [class*="col-ms-"] {
      background-color: coral; } }

/*----- Variables --------------------------------------------*/
.flex-v-top {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start; }

.flex-v-center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center; }

.flex-v-end {
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  align-items: flex-end; }

.flex-h-left {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start; }

.flex-h-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center; }

.flex-h-right {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  justify-content: flex-end; }

.full-width {
  max-width: 100% !important;
  padding: 0; }

.full-height {
  min-height: 100vh !important; }

.half-height {
  max-height: 50vh !important; }

.pad-thin {
  padding: 2em 0; }

.pad-normal {
  padding: 4em 0; }

.pad-thick {
  padding: 6em 0; }

.margin-right {
  margin-right: 10px !important; }
  @media (max-width: 1024px) {
    .margin-right.col-t-24 {
      margin-right: 0 !important; } }

.margin-left {
  margin-left: 10px !important; }
  @media (max-width: 1024px) {
    .margin-left.col-t-24 {
      margin-left: 0 !important; } }

.bg-image, .module-hero-2, .module-hero-3 .slide {
  color: white;
  background-image: url("../../img/main/bg-1.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat; }
  .bg-image:before, .module-hero-2:before, .module-hero-3 .slide:before {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    content: "";
    background-color: rgba(0, 0, 0, 0.15); }
  .bg-image p, .module-hero-2 p, .module-hero-3 .slide p {
    color: white; }

.hero-overlay-1:after {
  width: 100%;
  height: 100%;
  background-image: url("../../img/main/hero-overlay-1.svg");
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
  left: -1px;
  content: ""; }
@media (max-width: 1024px) {
  .hero-overlay-1:after {
    background-image: url("../../img/main/hero-overlay-2.svg");
    width: 175px;
    background-size: contain; } }
@media (max-width: 340px) {
  .hero-overlay-1:after {
    background-image: url("../../img/main/hero-overlay-2.svg");
    background-size: contain; } }

.pattern-1:before {
  background-image: url("../../img/main/pattern-1.png");
  background-position: center;
  background-repeat: repeat;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  content: "";
  z-index: 1; }

.border-1 > * {
  border-right: 1px solid;
  border-color: #ddd;
  border-bottom-style: solid;
  border-bottom-width: 1px; }
  .border-1 > *:last-child, .border-1 > *.last {
    border-right: 0; }

.border-2 {
  border-right: 1px solid #dddddd; }
  @media (max-width: 1024px) {
    .border-2 {
      border-right: none;
      border-bottom: 1px solid #dddddd; } }

.border-3 {
  border-bottom: 1px solid #dddddd; }

.ico {
  width: 50px;
  height: auto;
  padding: 5px;
  position: relative;
  -webkit-transition: all 400ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: all 400ms cubic-bezier(0.215, 0.61, 0.355, 1); }
  .ico img, .ico svg {
    width: 100%;
    height: auto;
    fill: inherit; }
    .ico img > *:nth-child(even), .ico svg > *:nth-child(even) {
      fill: inherit; }
    .ico img > *:nth-child(odd), .ico svg > *:nth-child(odd) {
      fill: inherit; }

.bg-attach {
  background-attachment: fixed; }

.thumb {
  content: "";
  min-height: 300px;
  width: auto;
  height: auto;
  background-image: url("../../img/main/image-1.jpg");
  background-position: center;
  background-size: cover;
  margin-right: 25px !important; }
  @media (max-width: 425px) {
    .thumb {
      margin: 0 0 15px 0 !important; } }

.image-align-left {
  float: left;
  margin: 0 25px 25px 0;
  width: 290px;
  height: auto; }
  .image-align-left img {
    width: 100%;
    height: 100%; }
  @media (max-width: 425px) {
    .image-align-left {
      width: 100%;
      margin: 0 0 25px 0; } }

.image-align-right {
  float: right;
  margin: 0 0 25px 25px;
  width: 290px;
  height: auto; }
  .image-align-right img {
    width: 100%;
    height: 100%; }
  @media (max-width: 425px) {
    .image-align-right {
      width: 100%;
      margin: 0 0 25px 0; } }

.image-fullwidth {
  margin: 0 0 25px 0;
  width: 100%;
  height: auto; }
  .image-fullwidth img {
    width: 100%;
    height: 100%; }

.button-fullwidth {
  width: 100%;
  margin: 0;
  text-align: center;
  -webkit-transition: all 400ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: all 400ms cubic-bezier(0.215, 0.61, 0.355, 1);
  cursor: pointer;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .button-fullwidth .ico {
    display: inline-block;
    fill: white;
    height: 20px;
    width: 20px;
    top: 3px;
    padding: 0;
    margin-right: 10px; }
  .button-fullwidth:hover .ico {
    fill: #d02323; }

@media (max-width: 425px) {
  .mobile-hide {
    display: none !important; } }

@media (max-width: 1024px) {
  .tablet-hide {
    display: none !important; } }

.tablet-show {
  display: none !important; }
  @media (max-width: 1024px) {
    .tablet-show {
      display: block !important; } }

.overflow {
  overflow: visible !important; }

/* Global Elements ---------------------------*/
html {
  height: 100%;
  width: 100%;
  font-size: 18px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

body {
  width: 100%;
  height: 100%;
  background-color: #fff;
  color: #5f5f5f;
  fill: #0a64bf;
  font-family: "Open Sans", sans-serif, "Open Sans", sans-serif, Arial, Helvetica, sans-serif; }

#main {
  overflow: hidden; }
  #main img {
    max-width: 100%; }

.t2 .t2-container {
  margin: auto;
  width: 100%;
  max-width: 1400px;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  overflow: visible; }
  .t2 .t2-container .left {
    background-color: #fafafa;
    height: auto;
    width: 400px;
    padding: 0 0 30px 0;
    position: relative;
    border-right: 1px solid #ececec;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .t2 .t2-container .left:before {
      content: "";
      position: absolute;
      background-color: #fafafa;
      width: 350%;
      height: 100%;
      right: 100%;
      top: 0;
      display: block; }
    .t2 .t2-container .left .side-nav {
      position: relative;
      text-align: right; }
      .t2 .t2-container .left .side-nav li {
        padding: 15px 20px;
        border-bottom: 1px solid #ececec;
        margin: 0; }
        .t2 .t2-container .left .side-nav li a {
          color: #5f5f5f;
          font-size: 0.875em;
          text-transform: uppercase;
          font-weight: 600; }
        .t2 .t2-container .left .side-nav li:hover a {
          color: #0a64bf; }
        .t2 .t2-container .left .side-nav li:before {
          display: none; }
      .t2 .t2-container .left .side-nav .active {
        background-color: #0a64bf; }
        .t2 .t2-container .left .side-nav .active a {
          color: white;
          font-size: 0.875em;
          text-transform: uppercase;
          font-weight: 600; }
        .t2 .t2-container .left .side-nav .active:hover a {
          color: white; }
        .t2 .t2-container .left .side-nav .active:after {
          width: 27px;
          min-height: 58px;
          height: 100%;
          top: 0;
          right: -13px;
          position: absolute;
          background-position: left;
          background-repeat: no-repeat;
          background-size: 100% 100%;
          font-family: "autofrance" !important;
          font-style: normal !important;
          font-weight: normal !important;
          font-variant: normal !important;
          text-transform: none !important;
          speak: none;
          line-height: 1;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          vertical-align: middle;
          padding: 0 5px;
          content: "\e017";
          color: #0a64bf;
          font-size: 3.3em; }
    .t2 .t2-container .left .side-nav-2 {
      position: relative; }
      .t2 .t2-container .left .side-nav-2 .blue-header {
        padding: 15px 20px 15px 15px;
        background-color: #0a64bf; }
        .t2 .t2-container .left .side-nav-2 .blue-header .title {
          color: white;
          text-transform: uppercase;
          margin-bottom: 0;
          font-size: 0.833em;
          font-weight: 600; }
      .t2 .t2-container .left .side-nav-2 .info {
        width: 100%;
        padding: 15px 20px 15px 15px;
        border-bottom: 1px solid #ececec;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box; }
        .t2 .t2-container .left .side-nav-2 .info .img-loc {
          width: 100%;
          height: 100%;
          margin: 0 auto; }
        .t2 .t2-container .left .side-nav-2 .info p, .t2 .t2-container .left .side-nav-2 .info a {
          font-size: 0.833em;
          margin-bottom: 0; }
        .t2 .t2-container .left .side-nav-2 .info .subtitle {
          color: #0a64bf !important;
          font-weight: 600; }
        .t2 .t2-container .left .side-nav-2 .info .button-1, .t2 .t2-container .left .side-nav-2 .info .button-2, .t2 .t2-container .left .side-nav-2 .info .button-3, .t2 .t2-container .left .side-nav-2 .info button-4, .t2 .t2-container .left .side-nav-2 .info .button-5 {
          font-size: 0.833em;
          padding: 10px;
          width: 100%;
          margin-right: 0;
          text-align: center;
          cursor: pointer;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box; }
        .t2 .t2-container .left .side-nav-2 .info:last-child {
          border-bottom: none; }
        .t2 .t2-container .left .side-nav-2 .info.flex {
          display: -webkit-box;
          display: -webkit-flex;
          display: -moz-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-direction: normal;
          -webkit-box-orient: horizontal;
          -webkit-flex-direction: row;
          -moz-flex-direction: row;
          -ms-flex-direction: row;
          flex-direction: row;
          -webkit-box-pack: justify;
          -ms-flex-pack: justify;
          -webkit-justify-content: space-between;
          -moz-justify-content: space-between;
          justify-content: space-between; }
          .t2 .t2-container .left .side-nav-2 .info.flex .block {
            -webkit-box-flex: 1;
            -webkit-flex-grow: 1;
            -moz-flex-grow: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
            width: 10%;
            margin-right: 5px; }
      .t2 .t2-container .left .side-nav-2 .soc-share {
        float: none;
        padding: 0; }
      .t2 .t2-container .left .side-nav-2 .nav-divider {
        height: 3px;
        width: 100%;
        position: relative;
        background-color: #ececec;
        margin: 10px 0 15px 0; }
        .t2 .t2-container .left .side-nav-2 .nav-divider:after {
          content: "";
          background-image: url("../../img/main/divider-1.svg");
          z-index: 1;
          position: absolute;
          top: 0;
          left: 0;
          bottom: 0;
          height: 3px;
          width: 60px;
          display: block; }
      .t2 .t2-container .left .side-nav-2 .ico {
        width: 15px;
        height: 15px;
        display: inline-block;
        fill: #d02323;
        margin-right: 10px;
        padding: 0; }
      .t2 .t2-container .left .side-nav-2 .title {
        font-size: 0.938em;
        text-transform: uppercase;
        margin-top: 0; }
  .t2 .t2-container .right {
    height: auto;
    width: 100%;
    padding: 0 10px 0 30px; }
    .t2 .t2-container .right .breadcrumb {
      width: 100%;
      margin: 0; }
    .t2 .t2-container .right .soc-share {
      padding: 15px 0; }
  .t2 .t2-container .wysiwyg {
    width: 100%;
    padding: 15px 0 10px 0; }
  @media (max-width: 1024px) {
    .t2 .t2-container {
      max-width: 100%;
      -webkit-box-direction: normal;
      -webkit-box-orient: vertical;
      -webkit-flex-direction: column;
      -moz-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column; }
      .t2 .t2-container .left {
        width: 100%;
        height: 100%;
        border-bottom: 1px solid #ececec;
        padding: 10px;
        display: block;
        border-right: none;
        position: relative; }
        .t2 .t2-container .left:before {
          content: none; }
        .t2 .t2-container .left .side-nav {
          text-align: left;
          cursor: pointer;
          height: 60px;
          position: relative; }
          .t2 .t2-container .left .side-nav:before {
            content: 'EXPLORE';
            display: block;
            position: absolute;
            left: 0;
            top: 0;
            color: #0a64bf;
            text-align: center;
            width: 100%;
            z-index: 5;
            height: 58px;
            text-transform: uppercase;
            line-height: 58px;
            font-weight: 600;
            background-image: url(none);
            background-color: white;
            border: 1px solid #ececec; }
          .t2 .t2-container .left .side-nav:after {
            font-family: "autofrance" !important;
            font-style: normal !important;
            font-weight: normal !important;
            font-variant: normal !important;
            text-transform: none !important;
            speak: none;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            vertical-align: middle;
            padding: 0 5px;
            content: "\e013";
            color: #0a64bf;
            display: block;
            position: absolute;
            z-index: 6;
            top: 15px;
            right: 35px;
            font-size: 1.5em;
            -moz-transform: rotate(180deg);
            -o-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }
          .t2 .t2-container .left .side-nav .active {
            background-color: transparent; }
            .t2 .t2-container .left .side-nav .active a {
              color: #5f5f5f;
              font-size: 0.875em;
              text-transform: uppercase;
              font-weight: 600; }
            .t2 .t2-container .left .side-nav .active:hover a {
              color: #5f5f5f; }
            .t2 .t2-container .left .side-nav .active:after {
              content: none; }
          .t2 .t2-container .left .side-nav.open {
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            overflow: hidden !important;
            position: fixed;
            z-index: 999;
            background-color: white; }
            .t2 .t2-container .left .side-nav.open:before {
              position: fixed;
              top: 0;
              right: 0;
              z-index: 5;
              font-size: 1.5em;
              font-family: "autofrance" !important;
              font-style: normal !important;
              font-weight: normal !important;
              font-variant: normal !important;
              text-transform: none !important;
              speak: none;
              line-height: 1;
              -webkit-font-smoothing: antialiased;
              -moz-osx-font-smoothing: grayscale;
              vertical-align: middle;
              padding: 0 5px;
              content: "\e008";
              color: #d02323;
              border: none;
              height: 30px;
              width: 100%;
              text-align: right;
              padding: 20px 20px 0 0 !important;
              -webkit-box-sizing: border-box;
              -moz-box-sizing: border-box;
              box-sizing: border-box; }
            .t2 .t2-container .left .side-nav.open:after {
              display: none; }
            .t2 .t2-container .left .side-nav.open ul {
              width: 100%;
              height: 100%;
              padding: 48px 0 0 0;
              margin: 0;
              overflow-y: scroll;
              -ms-overflow-style: none;
              -webkit-overflow-scrolling: touch;
              position: fixed; }
            .t2 .t2-container .left .side-nav.open li {
              display: block; }
              .t2 .t2-container .left .side-nav.open li:last-child {
                margin-bottom: 60px; }
          .t2 .t2-container .left .side-nav li {
            display: none; }
        .t2 .t2-container .left .side-nav-2 {
          text-align: left;
          cursor: pointer;
          width: 100%;
          height: 60px;
          position: relative; }
          .t2 .t2-container .left .side-nav-2:before {
            content: 'EXPLORE';
            display: block;
            position: absolute;
            width: 100%;
            left: 0;
            Top: 0;
            color: #0a64bf;
            text-align: center;
            z-index: 5;
            height: 58px;
            text-transform: uppercase;
            line-height: 58px;
            font-weight: 600;
            background-image: url(none);
            background-color: white;
            border: 1px solid #ececec; }
          .t2 .t2-container .left .side-nav-2:after {
            font-family: "autofrance" !important;
            font-style: normal !important;
            font-weight: normal !important;
            font-variant: normal !important;
            text-transform: none !important;
            speak: none;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            vertical-align: middle;
            padding: 0 5px;
            content: "\e013";
            color: #0a64bf;
            display: block;
            position: absolute;
            z-index: 6;
            top: 15px;
            right: 35px;
            font-size: 1.5em;
            -moz-transform: rotate(180deg);
            -o-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }
          .t2 .t2-container .left .side-nav-2 .blue-header, .t2 .t2-container .left .side-nav-2 .info, .t2 .t2-container .left .side-nav-2 .info.flex {
            display: none; }
          .t2 .t2-container .left .side-nav-2.open {
            width: 100%;
            height: 100%;
            top: 57px;
            left: 0;
            overflow-y: scroll;
            position: fixed;
            z-index: 998;
            background-color: inherit; }
            .t2 .t2-container .left .side-nav-2.open:before {
              content: none; }
            .t2 .t2-container .left .side-nav-2.open:after {
              content: "\e00c";
              color: white;
              top: 10px;
              right: 10px; }
            .t2 .t2-container .left .side-nav-2.open .blue-header, .t2 .t2-container .left .side-nav-2.open .info, .t2 .t2-container .left .side-nav-2.open .info.flex {
              display: block; }
            .t2 .t2-container .left .side-nav-2.open .info {
              margin: 0 auto; }
              .t2 .t2-container .left .side-nav-2.open .info.flex {
                display: -webkit-box;
                display: -webkit-flex;
                display: -moz-flex;
                display: -ms-flexbox;
                display: flex; }
              .t2 .t2-container .left .side-nav-2.open .info:last-child {
                margin-bottom: 60px; }
      .t2 .t2-container .right {
        padding: 0; }
        .t2 .t2-container .right .container {
          padding: 0 10px;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box; } }

.t3 .t3-container {
  margin: auto;
  width: 100%;
  max-width: 1400px;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  overflow: visible; }
  .t3 .t3-container .right {
    background-color: #fafafa;
    height: auto;
    width: 400px;
    padding: 30px 10px 30px 0;
    position: relative;
    border-left: 1px solid #ececec; }
    .t3 .t3-container .right:before {
      content: "";
      position: absolute;
      background-color: #fafafa;
      width: 350%;
      height: 100%;
      left: 0;
      top: 0;
      display: block; }
    .t3 .t3-container .right .form-block-1, .t3 .t3-container .right .form .form-block-2, .form .t3 .t3-container .right .form-block-2, .t3 .t3-container .right .form .form-block-3, .form .t3 .t3-container .right .form-block-3, .t3 .t3-container .right .form .form-block-4, .form .t3 .t3-container .right .form-block-4 {
      padding: 12.5px 0; }
    .t3 .t3-container .right input[type="search"], .t3 .t3-container .right input[type="text"] {
      background-color: white; }
    .t3 .t3-container .right .button-1 {
      width: 100%; }
    .t3 .t3-container .right .mobile-menu {
      display: none; }
    .t3 .t3-container .right .search-nav {
      position: relative;
      margin-bottom: 30px;
      padding: 0 0 30px 30px;
      border-bottom: 1px solid #ececec; }
      .t3 .t3-container .right .search-nav .form {
        padding: 0; }
        .t3 .t3-container .right .search-nav .form .form-block-1, .t3 .t3-container .right .search-nav .form .form-block-2, .t3 .t3-container .right .search-nav .form .form-block-3, .t3 .t3-container .right .search-nav .form .form-block-4 {
          padding: 0; }
        .t3 .t3-container .right .search-nav .form .search-ico {
          width: 15px;
          height: 15px;
          display: inline-block;
          fill: #d02323;
          margin-right: 10px;
          padding: 0;
          top: 13px;
          left: 0;
          position: absolute;
          margin-left: 15px; }
        .t3 .t3-container .right .search-nav .form input[type="search"] {
          padding-left: 40px; }
    .t3 .t3-container .right .side-nav {
      position: relative;
      margin-bottom: 30px;
      padding: 0 0 0 30px; }
      .t3 .t3-container .right .side-nav .title {
        font-size: 0.938em;
        text-transform: uppercase;
        margin-top: 30px; }
        .t3 .t3-container .right .side-nav .title:first-child {
          margin-top: 0; }
      .t3 .t3-container .right .side-nav .ico {
        width: 15px;
        height: 15px;
        display: inline-block;
        fill: #d02323;
        margin-right: 10px;
        padding: 0; }
      .t3 .t3-container .right .side-nav .nav-divider {
        height: 3px;
        width: 100%;
        position: relative;
        background-color: #ececec;
        margin: 10px 0 15px 0; }
        .t3 .t3-container .right .side-nav .nav-divider:after {
          content: "";
          background-image: url("../../img/main/divider-1.svg");
          z-index: 1;
          position: absolute;
          top: 0;
          left: 0;
          bottom: 0;
          height: 3px;
          width: 60px;
          display: block; }
      .t3 .t3-container .right .side-nav p, .t3 .t3-container .right .side-nav a {
        font-size: 0.833em;
        margin-bottom: 0; }
      .t3 .t3-container .right .side-nav li {
        line-height: 1em;
        padding: 0 0 5px 0; }
        .t3 .t3-container .right .side-nav li a {
          text-transform: capitalize; }
        .t3 .t3-container .right .side-nav li:before {
          display: none; }
      .t3 .t3-container .right .side-nav .soc-share {
        float: none;
        padding: 0; }
  .t3 .t3-container .left {
    height: auto;
    width: 100%;
    padding: 0 30px 30px 10px;
    margin-bottom: 30px; }
    .t3 .t3-container .left .breadcrumb {
      width: 100%;
      margin: 0; }
    .t3 .t3-container .left .soc-share {
      padding: 15px 0; }
  .t3 .t3-container .right-2 {
    background-color: #fafafa;
    height: auto;
    width: 400px;
    padding: 30px 10px 30px 0;
    position: relative;
    border-left: 1px solid #ececec; }
    .t3 .t3-container .right-2:before {
      content: "";
      position: absolute;
      background-color: #fafafa;
      width: 300%;
      height: 100%;
      left: 0;
      top: 0;
      display: block; }
    .t3 .t3-container .right-2 input[type="search"], .t3 .t3-container .right-2 input[type="text"] {
      background-color: white; }
    .t3 .t3-container .right-2 .button-1 {
      width: 100%; }
    .t3 .t3-container .right-2 .mobile-menu {
      display: none; }
    .t3 .t3-container .right-2 .side-nav {
      position: relative;
      margin-bottom: 30px;
      padding: 0 0 0 30px; }
      .t3 .t3-container .right-2 .side-nav .title {
        font-size: 0.938em;
        text-transform: uppercase;
        margin-top: 30px; }
        .t3 .t3-container .right-2 .side-nav .title:first-child {
          margin-top: 0; }
      .t3 .t3-container .right-2 .side-nav .ico {
        width: 18px;
        height: 18px;
        display: inline-block;
        fill: #d02323;
        margin-right: 10px;
        padding: 0; }
      .t3 .t3-container .right-2 .side-nav p {
        font-size: 0.833em; }
      .t3 .t3-container .right-2 .side-nav .nav-divider {
        height: 3px;
        width: 100%;
        position: relative;
        background-color: #ececec;
        margin: 10px 0 15px 0; }
        .t3 .t3-container .right-2 .side-nav .nav-divider:after {
          content: "";
          background-image: url("../../img/main/divider-1.svg");
          z-index: 1;
          position: absolute;
          top: 0;
          left: 0;
          bottom: 0;
          height: 3px;
          width: 60px;
          display: block; }
      .t3 .t3-container .right-2 .side-nav .phone {
        color: #5f5f5f; }
      .t3 .t3-container .right-2 .side-nav .fax {
        color: #5f5f5f; }
        .t3 .t3-container .right-2 .side-nav .fax:before {
          font-family: "autofrance" !important;
          font-style: normal !important;
          font-weight: normal !important;
          font-variant: normal !important;
          text-transform: none !important;
          speak: none;
          line-height: 1;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          vertical-align: middle;
          padding: 0 5px;
          content: "\e01b" !important; }
      .t3 .t3-container .right-2 .side-nav .email:before {
        font-family: "autofrance" !important;
        font-style: normal !important;
        font-weight: normal !important;
        font-variant: normal !important;
        text-transform: none !important;
        speak: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        vertical-align: middle;
        padding: 0 5px;
        content: "\e01a" !important; }
      .t3 .t3-container .right-2 .side-nav li {
        line-height: 1em;
        padding: 0 0 5px 0; }
        .t3 .t3-container .right-2 .side-nav li a {
          text-transform: capitalize; }
        .t3 .t3-container .right-2 .side-nav li:before {
          display: none; }
      .t3 .t3-container .right-2 .side-nav .soc-share {
        float: none;
        padding: 0; }
  .t3 .t3-container .left-2 {
    height: auto;
    width: 100%;
    padding: 0 30px 30px 10px; }
    .t3 .t3-container .left-2 .breadcrumb {
      width: 100%;
      margin: 0; }
    .t3 .t3-container .left-2 .soc-share {
      padding: 15px 0; }
  .t3 .t3-container .wysiwyg {
    width: 100%;
    padding: 15px 0 10px 0; }
  @media (max-width: 1024px) {
    .t3 .t3-container {
      max-wdith: 100%;
      -webkit-box-direction: normal;
      -webkit-box-orient: vertical;
      -webkit-flex-direction: column;
      -moz-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column; }
      .t3 .t3-container .right {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -moz-order: 1;
        -ms-flex-order: 1;
        order: 1;
        width: 100%;
        min-height: 80px;
        height: auto;
        border-bottom: 1px solid #ececec;
        padding: 10px 10px;
        display: block;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box; }
        .t3 .t3-container .right:before {
          content: none; }
        .t3 .t3-container .right.open {
          position: fixed;
          height: 100%;
          width: 100;
          top: 57px;
          left: 0;
          display: block;
          z-index: 998;
          overflow-y: scroll;
          padding-bottom: 100px; }
          .t3 .t3-container .right.open .mobile-menu:before {
            text-align: left;
            left: 10px;
            border: none;
            background-color: transparent; }
          .t3 .t3-container .right.open .mobile-menu:after {
            content: "\e00c";
            right: 15px; }
          .t3 .t3-container .right.open .search-nav {
            display: block;
            padding: 75px 0 20px 0;
            border-bottom: 1px solid #ececec; }
          .t3 .t3-container .right.open .side-nav {
            display: block;
            padding: 0; }
        .t3 .t3-container .right .mobile-menu {
          display: block;
          text-align: left;
          cursor: pointer;
          margin: 0;
          border: none; }
          .t3 .t3-container .right .mobile-menu:before {
            content: 'blog resources';
            display: block;
            position: absolute;
            left: 0;
            top: 10px;
            color: #0a64bf;
            text-align: center;
            width: calc(100% - 20px);
            z-index: 5;
            height: 58px;
            text-transform: uppercase;
            line-height: 58px;
            font-weight: 600;
            background-image: url(none);
            background-color: white;
            border: 1px solid #ececec;
            margin: 0 10px; }
          .t3 .t3-container .right .mobile-menu:after {
            font-family: "autofrance" !important;
            font-style: normal !important;
            font-weight: normal !important;
            font-variant: normal !important;
            text-transform: none !important;
            speak: none;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            vertical-align: middle;
            padding: 0 5px;
            content: "\e013";
            color: #0a64bf;
            display: block;
            position: absolute;
            z-index: 6;
            top: 25px;
            right: 40px;
            font-size: 1.5em;
            -moz-transform: rotate(180deg);
            -o-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }
        .t3 .t3-container .right .search-nav, .t3 .t3-container .right .side-nav {
          display: none; }
      .t3 .t3-container .left {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -moz-order: 2;
        -ms-flex-order: 2;
        order: 2;
        padding: 0; }
        .t3 .t3-container .left .container {
          padding: 0 10px;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box; }
      .t3 .t3-container .left-2 {
        padding: 0; }
        .t3 .t3-container .left-2 .container {
          padding: 0 10px;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box; }
      .t3 .t3-container .right-2 {
        width: 100%;
        min-height: 80px;
        height: auto;
        border-bottom: 1px solid #ececec;
        padding: 30px 10px;
        display: block;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box; }
        .t3 .t3-container .right-2:before {
          content: none; }
        .t3 .t3-container .right-2 .side-nav {
          width: 100%;
          padding: 0; } }

.form {
  width: 100%;
  height: auto;
  position: relative;
  border: none;
  margin: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0 0 10px 0;
  /* checkbox */
  /*radio*/ }
  .form input[type="text"], .form input[type="search"], .form textarea, .form select {
    width: 100%;
    padding: 10px 15px;
    background-color: #fafafa;
    border: 1px solid #dddddd;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 300;
    color: #5f5f5f;
    -webkit-appearance: none; }
    .form input[type="text"]:focus, .form input[type="search"]:focus, .form textarea:focus, .form select:focus {
      outline: none;
      border-color: #0a64bf;
      color: #0a64bf;
      background-color: white; }
  .form .inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1; }
  .form .inputfile-6 + .file-label {
    color: #5f5f5f;
    font-weight: 600;
    padding: 0;
    height: auto; }
  @media (max-width: 1024px) {
    .form .file-label {
      width: 100%; } }
  .form .file-button {
    width: inherit;
    top: 0;
    padding: 15px 30px;
    text-transform: uppercase;
    text-align: center;
    display: inline-block;
    color: white;
    font-weight: 600;
    font-size: 18px;
    background-color: #0a64bf;
    border: 1px solid #0a64bf;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .form .file-button:hover {
      background-color: white;
      color: #0a64bf; }
    @media (max-width: 1024px) {
      .form .file-button {
        width: 100%; } }
  .form .file-field {
    border: 1px dashed #dddddd;
    padding: 11px 65px;
    min-width: 200px;
    width: auto;
    height: 100%;
    margin: 0 25px 0 0;
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center; }
    .form .file-field .ico {
      display: inline-block;
      width: 30px;
      height: 30px;
      fill: #dddddd;
      padding: 0;
      position: relative;
      top: 5px;
      margin-right: 5px; }
    @media (max-width: 1024px) {
      .form .file-field {
        width: 100%;
        margin: 0 0 25px 0; } }
  .form input[type="radio"], .form input[type="checkbox"] {
    width: 100%;
    padding: 10px 15px;
    background-color: white;
    border: 1px solid red;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 300;
    width: auto; }
    .form input[type="radio"]:focus, .form input[type="checkbox"]:focus {
      outline: none; }
  .form input[type="submit"] {
    @border-radius (0);
    outline: none;
    margin: 10px 0;
    width: 100%;
    text-align: center; }
  .form input[type="text"].denied {
    border-color: red;
    color: red;
    background-color: white; }
  .form textarea {
    min-height: 150px; }
  .form label {
    width: auto;
    display: inline-block;
    padding: 5px 5px;
    font-weight: 300;
    font-size: 0.8em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  .form ::-webkit-input-placeholder {
    font-weight: 300;
    color: #5f5f5f;
    font-size: 0.9em;
    opacity: 1; }
    .form ::-webkit-input-placeholder:focus {
      color: transparent; }
  .form :-moz-placeholder {
    font-weight: 300;
    color: #5f5f5f;
    font-size: 0.9em;
    opacity: 1; }
    .form :-moz-placeholder:focus {
      color: transparent; }
  .form ::-moz-placeholder {
    font-weight: 300;
    color: #5f5f5f;
    font-size: 0.9em;
    opacity: 1; }
    .form ::-moz-placeholder:focus {
      color: transparent; }
  .form :-ms-input-placeholder {
    font-weight: 300;
    color: #5f5f5f;
    font-size: 0.9em;
    opacity: 1; }
    .form :-ms-input-placeholder:focus {
      color: transparent; }
  .form .form-intro {
    width: 100%;
    height: auto;
    position: relative;
    border: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px; }
  .form .form-group-1, .form .form-group-2 {
    width: 100%;
    height: auto;
    position: relative;
    border: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .form .form-group-2 {
    width: 50%; }
    @media (max-width: 425px) {
      .form .form-group-2 {
        width: 100%; } }
  .form .form-block-1, .form .form-block-2, .form .form-block-3, .form .form-block-4 {
    width: 100%;
    height: auto;
    padding: 12.5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    @media (max-width: 1024px) {
      .form .form-block-1, .form .form-block-2, .form .form-block-3, .form .form-block-4 {
        width: 100%;
        padding: 12.5px 0; } }
  .form .form-block-2 {
    width: 50%; }
    @media (max-width: 1024px) {
      .form .form-block-2 {
        width: 100%;
        padding: 12.5px 0; } }
  .form .form-block-3 {
    width: 25%; }
    @media (max-width: 1024px) {
      .form .form-block-3 {
        width: 100%; } }
    @media (max-width: 425px) {
      .form .form-block-3 {
        width: 100%; } }
  .form .form-block-4 {
    width: 33.3333%; }
    @media (max-width: 1124px) {
      .form .form-block-4 {
        width: 100%; } }
  .form .message-box-1 {
    background-color: #0a64bf;
    width: 100%;
    padding: 25px;
    margin: 5px 0px;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    color: white; }
    .form .message-box-1 h1, .form .message-box-1 h2, .form .message-box-1 h3, .form .message-box-1 h4, .form .message-box-1 h5, .form .message-box-1 h6, .form .message-box-1 p, .form .message-box-1 a {
      color: white; }
  .form .message-box-2 {
    background-color: #0a64bf;
    width: 100%;
    padding: 25px;
    margin: 5px 0px;
    text-align: center;
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: white; }
    .form .message-box-2 h1, .form .message-box-2 h2, .form .message-box-2 h3, .form .message-box-2 h4, .form .message-box-2 h5, .form .message-box-2 h6, .form .message-box-2 p, .form .message-box-2 a {
      color: white; }
  .form input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    filter: alpha(opacity=0);
    cursor: pointer;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  .form input[type="checkbox"] + label {
    position: relative;
    padding: 0;
    font-size: 16px;
    line-height: 2.5em;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  .form input[type="checkbox"] + label:before {
    top: 5px;
    content: "";
    display: inline-block;
    position: relative;
    height: 22px;
    width: 22px;
    cursor: pointer;
    color: #fff;
    background-color: #fff;
    border: 1px solid #dddddd;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 15px; }
  .form input[type="checkbox"]:checked + label:before {
    color: #fff;
    border: 1px solid #5f5f5f;
    background-image: url("/img/main/svg/icons-63.svg");
    background-size: 55%;
    background-position: center center;
    background-repeat: no-repeat; }
  .form input[type="checkbox"]:checked + label {
    cursor: pointer;
    color: #62728d; }
  .form input[type="radio"] {
    position: absolute;
    opacity: 0;
    filter: alpha(opacity=0);
    cursor: pointer;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    left: 0; }
  .form input[type="radio"] + label {
    position: relative;
    padding: 0;
    font-size: 7px;
    font-size: 0.7rem;
    cursor: pointer;
    color: #5f5f5f;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  .form input[type="radio"] + label:before {
    top: 5px;
    content: "";
    display: inline-block;
    position: relative;
    height: 20px;
    width: 20px;
    cursor: pointer;
    color: #fff;
    background-color: #fff;
    border: 1px solid #dddddd;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    margin-right: 15px; }
  .form input[type="radio"]:checked + label:before {
    background: #0a64bf;
    color: #fff;
    border: 1px solid #0a64bf; }
  .form input[type="radio"]:checked + label:after {
    background: transparent;
    top: 6px;
    left: 1px;
    content: "";
    position: absolute;
    height: 18px;
    width: 18px;
    cursor: pointer;
    border: 4px solid #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%; }
  .form input[type="radio"]:checked + label {
    cursor: pointer;
    color: #0a64bf; }

.module-form-1 {
  padding: 10px;
  width: 100%;
  height: auto;
  max-width: 900px;
  margin: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

/**
 * selectize.css (v0.12.4)
 * Copyright (c) 2013Ц2015 Brian Reavis & contributors
 *
 * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this
 * file except in compliance with the License. You may obtain a copy of the License at:
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software distributed under
 * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF
 * ANY KIND, either express or implied. See the License for the specific language
 * governing permissions and limitations under the License.
 *
 * @author Brian Reavis <brian@thirdroute.com>
 */
.selectize-control.plugin-drag_drop.multi > .selectize-input > div.ui-sortable-placeholder {
  visibility: visible !important;
  background: #f2f2f2 !important;
  background: rgba(0, 0, 0, 0.06) !important;
  border: 0 none !important; }

.selectize-control.plugin-drag_drop .ui-sortable-placeholder::after {
  content: '!';
  visibility: hidden; }

.selectize-dropdown-header {
  position: relative;
  padding: 10px 15px;
  border-bottom: 1px solid #d0d0d0;
  background: #f8f8f8; }

.selectize-dropdown-header-close {
  position: absolute;
  right: 8px;
  top: 50%;
  color: #303030;
  opacity: 0.4;
  margin-top: -12px;
  line-height: 20px;
  font-size: 20px !important; }

.selectize-dropdown-header-close:hover {
  color: #000000; }

.selectize-dropdown.plugin-optgroup_columns .optgroup {
  border-right: 1px solid #f2f2f2;
  border-top: 0 none;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.selectize-dropdown.plugin-optgroup_columns .optgroup:last-child {
  border-right: 0 none; }

.selectize-dropdown.plugin-optgroup_columns .optgroup:before {
  display: none; }

.selectize-dropdown.plugin-optgroup_columns .optgroup-header {
  border-top: 0 none; }

.selectize-control.plugin-remove_button [data-value] {
  position: relative;
  padding-right: 24px !important; }

.selectize-control.plugin-remove_button [data-value] .remove {
  z-index: 1;
  /* fixes ie bug (see #392) */
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 17px;
  text-align: center;
  font-weight: bold;
  font-size: 12px;
  color: inherit;
  text-decoration: none;
  vertical-align: middle;
  display: inline-block;
  padding: 2px 0 0 0;
  border-left: 1px solid #d0d0d0;
  -webkit-border-radius: 0 2px 2px 0;
  -moz-border-radius: 0 2px 2px 0;
  border-radius: 0 2px 2px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.selectize-control.plugin-remove_button [data-value] .remove:hover {
  background: rgba(0, 0, 0, 0.05); }

.selectize-control.plugin-remove_button [data-value].active .remove {
  border-left-color: #cacaca; }

.selectize-control.plugin-remove_button .disabled [data-value] .remove:hover {
  background: none; }

.selectize-control.plugin-remove_button .disabled [data-value] .remove {
  border-left-color: #ffffff; }

.selectize-control.plugin-remove_button .remove-single {
  position: absolute;
  right: 28px;
  top: 6px;
  font-size: 23px; }

.selectize-control {
  position: relative; }

.selectize-dropdown,
.selectize-input,
.selectize-input input {
  color: #5f5f5f;
  font-family: inherit;
  -webkit-font-smoothing: inherit; }

.selectize-input,
.selectize-control.single .selectize-input.input-active {
  background: #fafafa;
  cursor: text;
  display: block; }

.selectize-input {
  background-color: #fafafa;
  border: 1px solid #dddddd;
  border-radius: 0;
  box-sizing: border-box;
  color: #5f5f5f;
  font-weight: 300;
  padding: 25px 15px 10px 15px;
  width: 100%; }
  .selectize-input .item {
    opacity: 0; }
  .selectize-input.full .item {
    opacity: 1; }

.selectize-control.multi .selectize-input.has-items {
  padding: 6px 8px 3px; }

.selectize-input.disabled,
.selectize-input.disabled * {
  cursor: default !important; }

.selectize-input.focus {
  border: 1px solid #0a64bf;
  background-color: #fff !important;
  color: #0a64bf; }

.selectize-input > * {
  vertical-align: baseline;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline; }

.selectize-control.multi .selectize-input > div {
  cursor: pointer;
  margin: 0 3px 3px 0;
  padding: 2px 6px;
  background: #f2f2f2;
  color: #5f5f5f;
  border: 0 solid #d0d0d0; }

.selectize-control.multi .selectize-input > div.active {
  background: #0a64bf;
  color: #fff; }

.selectize-control.multi .selectize-input.disabled > div,
.selectize-control.multi .selectize-input.disabled > div.active {
  color: #7d7d7d;
  background: #ffffff;
  border: 0 solid #ffffff; }

.selectize-input > input {
  display: inline-block !important;
  padding: 0 !important;
  min-height: 0 !important;
  max-height: none !important;
  max-width: 100% !important;
  margin: 0 2px 0 0 !important;
  text-indent: 0 !important;
  border: 0 none !important;
  background: none !important;
  line-height: inherit !important;
  -webkit-user-select: auto !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important; }

.selectize-input > input::-ms-clear {
  display: none; }

.selectize-input > input:focus {
  outline: none !important; }

.selectize-input::after {
  content: ' ';
  display: block;
  clear: left; }

.selectize-input.dropdown-active::before {
  content: ' ';
  display: block;
  position: absolute;
  background: #0a64bf;
  height: 1px;
  bottom: 0;
  left: 0;
  right: 0; }

.selectize-dropdown {
  position: absolute;
  z-index: 15;
  border: 1px solid #0a64bf;
  background: #ffffff;
  margin: -1px 0 0 0;
  border-top: 0 none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.selectize-dropdown [data-selectable] {
  cursor: pointer;
  overflow: hidden; }

.selectize-dropdown [data-selectable] .highlight {
  background: #0a64bf;
  color: #fff; }

.selectize-dropdown [data-selectable],
.selectize-dropdown .optgroup-header {
  padding: 10px 15px; }

.selectize-dropdown .optgroup:first-child .optgroup-header {
  border-top: 0 none; }

.selectize-dropdown .optgroup-header {
  color: #303030;
  background: #ffffff;
  cursor: default; }

.selectize-dropdown .active {
  background-color: #0a64bf;
  color: #fff; }

.selectize-dropdown .active.create {
  color: #495c68; }

.selectize-dropdown .create {
  color: rgba(48, 48, 48, 0.5); }

.selectize-dropdown-content {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 200px;
  -webkit-overflow-scrolling: touch; }

.selectize-control.single .selectize-input,
.selectize-control.single .selectize-input input {
  cursor: pointer; }

.selectize-control.single .selectize-input.input-active,
.selectize-control.single .selectize-input.input-active input {
  cursor: text; }

.selectize-control.single .selectize-input:after {
  content: ' ';
  display: block;
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -3px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 6px 0 6px;
  border-color: #5f5f5f transparent transparent transparent; }

.selectize-control.single .selectize-input.dropdown-active:after {
  margin-top: -4px;
  border-width: 0 6px 10px 6px;
  border-color: transparent transparent #0a64bf transparent; }

.selectize-control.rtl.single .selectize-input:after {
  left: 15px;
  right: auto; }

.selectize-control.rtl .selectize-input > input {
  margin: 0 4px 0 -2px !important; }

.selectize-control .selectize-input.disabled {
  opacity: 0.5;
  background-color: #fafafa; }

.button-1, .button-2, .button-3, .button-4, .button-5, .module-cta-1 .content .button-1 {
  padding: 15px 30px;
  text-transform: uppercase;
  display: inline-block;
  color: white;
  font-weight: 600;
  background-color: #0a64bf;
  margin: 10px 10px 10px 0;
  border: 1px solid #0a64bf;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0; }
  .button-1:hover, .button-2:hover, .button-3:hover, .button-4:hover, .button-5:hover, .module-cta-1 .content .button-1:hover {
    background-color: white;
    color: #0a64bf; }

.gas, .transmission, .seat, .gears, .roof, .gps, .horsepower, .luggage {
  font-size: 0.722em;
  color: #5f5f5f; }
  .gas:before, .transmission:before, .seat:before, .gears:before, .roof:before, .gps:before, .horsepower:before, .luggage:before {
    font-family: "autofrance" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    vertical-align: middle;
    padding: 0 5px;
    content: "\e01d";
    margin-right: 5px;
    top: -2px;
    position: relative; }

.footer .bar-2 .row-1 .footer-links .ico-legend, .location-legend .content .item .ico-legend, .location-listing-1 .content .item .ico-legend {
  width: 10px;
  height: 10px;
  display: inline-block;
  margin-right: 10px; }

.t3 .t3-container .right-2 .side-nav .phone, .t3 .t3-container .right-2 .side-nav .fax, .t3 .t3-container .right-2 .side-nav .email {
  font-size: 0.833em;
  display: inline-block;
  font-weight: 300;
  margin: 0 0 15px 0;
  padding: 0 0 0 35px;
  position: relative;
  width: 100%; }
  .t3 .t3-container .right-2 .side-nav .phone:before, .t3 .t3-container .right-2 .side-nav .fax:before, .t3 .t3-container .right-2 .side-nav .email:before {
    font-family: "autofrance" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    vertical-align: middle;
    padding: 0 5px;
    content: "\e01c";
    color: #d02323;
    font-size: 1.3em;
    position: absolute;
    left: 0;
    top: 3px;
    padding: 0 !important; }

@font-face {
  font-family: "autofrance";
  src: url("../../fonts/autofrance.eot");
  src: url("../../fonts/autofrance.eot?#iefix") format("embedded-opentype"), url("../../fonts/autofrance.woff") format("woff"), url("../../fonts/autofrance.ttf") format("truetype"), url("../../fonts/autofrance.svg#autofrance") format("svg");
  font-weight: normal;
  font-style: normal; }
[data-icon]:before {
  font-family: "autofrance" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "autofrance" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/* Slider */
.slick-loading .slick-list {
  background: #fff url("./ajax-loader.gif") center center no-repeat; }

/* Icons */
@font-face {
  font-family: "slick";
  src: url("./fonts/slick.eot");
  src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal; }
/* Arrows */
.slick-prev, .slick-next {
  display: none !important; }

/* Dots */
.slick-dots {
  position: absolute;
  bottom: 60px;
  left: 0 !important;
  list-style: none;
  display: block;
  text-align: right;
  padding: 0 35px 0 0;
  width: 630px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }
    .slick-dots li:before {
      display: none; }
    .slick-dots li button {
      background: transparent;
      border: 4px solid white;
      border-radius: 12px;
      display: block;
      height: 3px;
      width: 3px;
      color: transparent;
      padding: 5px;
      cursor: pointer;
      outline: none; }
      .slick-dots li button:hover, .slick-dots li button:focus {
        outline: none; }
        .slick-dots li button:hover:before, .slick-dots li button:focus:before {
          opacity: 1; }
    .slick-dots li.slick-active button {
      background: white; }
  @media (max-width: 1124px) {
    .slick-dots {
      width: 50%; } }
  @media (max-width: 425px) {
    .slick-dots {
      width: 100%; } }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -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); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

.header {
  width: 100%;
  height: auto;
  min-height: 50px;
  position: fixed;
  top: 0;
  left: 0;
  border-bottom: 1px solid #dddddd;
  z-index: 999; }
  .header .bar-1 {
    width: 100%;
    background-color: #fafafa;
    border-bottom: 1px solid #dddddd; }
    .header .bar-1 .container {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      -moz-align-items: center;
      align-items: center;
      overflow: visible; }
      .header .bar-1 .container .mess {
        padding: 10px;
        margin: 0;
        margin-right: auto; }
      .header .bar-1 .container .login {
        margin: 0;
        font-size: 0.9em;
        margin-left: auto;
        background-color: #0a64bf;
        color: white;
        text-transform: uppercase;
        font-weight: 600;
        padding: 10px 15px;
        margin-bottom: 15px;
        cursor: pointer; }
        .header .bar-1 .container .login:before {
          font-family: "autofrance" !important;
          font-style: normal !important;
          font-weight: normal !important;
          font-variant: normal !important;
          text-transform: none !important;
          speak: none;
          line-height: 1;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          vertical-align: middle;
          padding: 0 5px;
          content: "\e000";
          padding: 0 5px;
          pointer-events: none; }
        .header .bar-1 .container .login.open:before {
          content: '\E00C'; }
      .header .bar-1 .container .user-welcome {
        margin: 0;
        font-size: 0.9em;
        margin-left: auto;
        background-color: #0a64bf;
        color: white;
        text-transform: uppercase;
        font-weight: 600;
        padding: 10px 15px;
        margin-bottom: 15px;
        cursor: pointer;
        position: relative; }
        .header .bar-1 .container .user-welcome:before {
          font-family: "autofrance" !important;
          font-style: normal !important;
          font-weight: normal !important;
          font-variant: normal !important;
          text-transform: none !important;
          speak: none;
          line-height: 1;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          vertical-align: middle;
          padding: 0 5px;
          content: "\E005";
          padding: 0 5px;
          pointer-events: none; }
        .header .bar-1 .container .user-welcome:after {
          font-family: "autofrance" !important;
          font-style: normal !important;
          font-weight: normal !important;
          font-variant: normal !important;
          text-transform: none !important;
          speak: none;
          line-height: 1;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          vertical-align: middle;
          padding: 0 5px;
          content: "\E013";
          padding: 0 5px;
          display: inline-block;
          -moz-transform: rotate(180deg);
          -o-transform: rotate(180deg);
          -ms-transform: rotate(180deg);
          -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
          pointer-events: none; }
        .header .bar-1 .container .user-welcome.open:after {
          -moz-transform: rotate(0deg);
          -o-transform: rotate(0deg);
          -ms-transform: rotate(0deg);
          -webkit-transform: rotate(0deg);
          transform: rotate(0deg); }
        .header .bar-1 .container .user-welcome span {
          display: inline-block;
          vertical-align: middle; }
        .header .bar-1 .container .user-welcome .user-options {
          width: 100%;
          background-color: #fff;
          position: absolute;
          top: 100%;
          left: 0;
          z-index: 10;
          display: none; }
          .header .bar-1 .container .user-welcome .user-options a {
            display: block;
            width: 100%;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            padding: 15px 20px;
            border-bottom: 1px solid #ddd;
            color: #5f5f5f;
            font-size: 6px;
            font-size: 0.6rem;
            line-height: 14px; }
            .header .bar-1 .container .user-welcome .user-options a .icon {
              display: inline-block;
              width: 14px;
              height: 14px;
              vertical-align: middle;
              margin: -2px 10px 0 0; }
              .header .bar-1 .container .user-welcome .user-options a .icon svg {
                fill: #5f5f5f; }
            .header .bar-1 .container .user-welcome .user-options a:hover {
              color: #0a64bf; }
              .header .bar-1 .container .user-welcome .user-options a:hover .icon svg {
                fill: #0a64bf; }
  .header .bar-2 {
    width: 100%;
    background-color: white; }
    .header .bar-2 .container {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      overflow: visible; }
      .header .bar-2 .container .logo {
        margin-right: auto;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        align-items: center;
        padding: 10px; }
        .header .bar-2 .container .logo .img {
          align-self: center;
          padding-right: 10px; }
      .header .bar-2 .container .menu {
        margin-left: auto;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
        .header .bar-2 .container .menu .item {
          display: -webkit-box;
          display: -webkit-flex;
          display: -moz-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-flex-wrap: wrap;
          -moz-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap;
          -webkit-box-align: center;
          -ms-flex-align: center;
          -webkit-align-items: center;
          -moz-align-items: center;
          align-items: center; }
          .header .bar-2 .container .menu .item .primary {
            color: #5f5f5f;
            font-weight: 300;
            font-size: 0.9em;
            padding: 10px;
            margin: 0;
            height: 100%;
            display: -webkit-box;
            display: -webkit-flex;
            display: -moz-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            -webkit-align-items: center;
            -moz-align-items: center;
            align-items: center;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box; }
            .header .bar-2 .container .menu .item .primary:hover {
              color: #0a64bf; }
          .header .bar-2 .container .menu .item:hover .drop {
            opacity: 1;
            pointer-events: auto; }
      .header .bar-2 .container .drop {
        width: 100%;
        background-color: #fff;
        position: absolute;
        top: 100%;
        left: 0;
        border-top: 1px solid #ececec;
        z-index: 10;
        opacity: 0;
        pointer-events: none; }
        .header .bar-2 .container .drop:after {
          content: '';
          display: block;
          position: absolute;
          top: 0;
          left: 100%;
          width: 200%;
          height: 100%;
          background: #fff; }
        .header .bar-2 .container .drop:before {
          content: '';
          display: block;
          position: absolute;
          top: 0;
          right: 100%;
          width: 200%;
          height: 100%;
          background: #fff; }
        .header .bar-2 .container .drop .locations {
          width: 100%;
          display: -webkit-box;
          display: -webkit-flex;
          display: -moz-flex;
          display: -ms-flexbox;
          display: flex; }
          .header .bar-2 .container .drop .locations .box {
            width: 50%;
            padding: 40px;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box; }
            .header .bar-2 .container .drop .locations .box:first-child {
              border-right: 1px solid #ececec; }
            .header .bar-2 .container .drop .locations .box ul {
              width: 100%;
              margin: 0;
              display: -webkit-box;
              display: -webkit-flex;
              display: -moz-flex;
              display: -ms-flexbox;
              display: flex;
              -webkit-flex-wrap: wrap;
              -moz-flex-wrap: wrap;
              -ms-flex-wrap: wrap;
              flex-wrap: wrap; }
              .header .bar-2 .container .drop .locations .box ul li {
                width: 50%;
                padding: 0 0 0 25px;
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
                position: relative; }
                .header .bar-2 .container .drop .locations .box ul li:before {
                  content: '';
                  -moz-background-size: cover;
                  -webkit-background-size: cover;
                  background-size: cover;
                  display: block;
                  position: absolute;
                  top: 7px;
                  left: 0;
                  width: 16px;
                  height: 16px;
                  padding: 0;
                  margin: 0 5px 0 0; }
                .header .bar-2 .container .drop .locations .box ul li.air:before {
                  background: url("/img/main/legend-01.svg") no-repeat 0 0; }
                .header .bar-2 .container .drop .locations .box ul li.ferry:before {
                  background: url("/img/main/icon-ferry.png") no-repeat 0 0; }
                .header .bar-2 .container .drop .locations .box ul li a {
                  font-size: 14px;
                  color: #5f5f5f;
                  text-transform: uppercase; }
                  .header .bar-2 .container .drop .locations .box ul li a:hover {
                    color: #0a64bf; }
        .header .bar-2 .container .drop .car-models {
          width: 100%;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box;
          padding: 0 50px; }
          .header .bar-2 .container .drop .car-models .slide {
            padding: 20px;
            position: relative;
            border-right: 1px solid #ececec; }
            .header .bar-2 .container .drop .car-models .slide:last-child {
              border: none; }
            .header .bar-2 .container .drop .car-models .slide .av {
              position: absolute;
              width: 20px;
              height: 20px;
              top: 20px;
              right: 20px;
              z-index: 10; }
            .header .bar-2 .container .drop .car-models .slide .img {
              width: 100%;
              height: 145px; }
              .header .bar-2 .container .drop .car-models .slide .img img {
                width: 100%; }
            .header .bar-2 .container .drop .car-models .slide .title {
              color: #0a64bf;
              text-transform: uppercase;
              font-size: 18px;
              margin: 0 0 5px 0; }
            .header .bar-2 .container .drop .car-models .slide p {
              margin: 0; }
            .header .bar-2 .container .drop .car-models .slide .view {
              display: block;
              margin: 25px auto 0;
              text-transform: uppercase;
              color: #d02323;
              width: 40px;
              font-weight: 500;
              font-size: 14px; }
          .header .bar-2 .container .drop .car-models .slick-prev {
            display: block !important;
            position: absolute;
            top: 50%;
            left: -45px;
            width: 26px;
            height: 26px;
            margin: -13px 0 0;
            background: url("/img/main/ico-slider-nav.svg") no-repeat 50% 50%;
            -moz-background-size: cover;
            -webkit-background-size: cover;
            background-size: cover;
            border: none;
            overflow: hidden;
            text-indent: -9999px;
            -moz-transform: rotate(180deg);
            -o-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }
            .header .bar-2 .container .drop .car-models .slick-prev:hover {
              background: url("/img/main/ico-slider-nav-hover.svg") no-repeat 50% 50%; }
          .header .bar-2 .container .drop .car-models .slick-next {
            display: block !important;
            position: absolute;
            top: 50%;
            right: -45px;
            width: 26px;
            height: 26px;
            margin: -13px 0 0;
            background: url("/img/main/ico-slider-nav.svg") no-repeat 50% 50%;
            -moz-background-size: cover;
            -webkit-background-size: cover;
            background-size: cover;
            border: none;
            overflow: hidden;
            text-indent: -9999px; }
            .header .bar-2 .container .drop .car-models .slick-next:hover {
              background: url("/img/main/ico-slider-nav-hover.svg") no-repeat 50% 50%; }
  .header .bar-mobile {
    display: none; }
  @media (max-width: 1124px) {
    .header .bar-2 .container .logo img:first-child {
      width: 30px; }
    .header .bar-2 .container .logo img:last-child {
      width: 80px; }
    .header .bar-2 .container .menu .item .primary {
      font-size: 0.70em; } }
  @media (max-width: 1024px) {
    .header {
      background-color: white;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }
      .header .bar-1, .header .bar-2 {
        display: none; }
      .header .bar-mobile {
        display: block !important;
        position: relative;
        top: 0;
        left: 0;
        height: auto;
        width: 100%; }
        .header .bar-mobile .container {
          display: -webkit-box;
          display: -webkit-flex;
          display: -moz-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-flex-wrap: wrap;
          -moz-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
          .header .bar-mobile .container .logo {
            margin-right: auto;
            display: -webkit-box;
            display: -webkit-flex;
            display: -moz-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-flex-wrap: wrap;
            -moz-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-align: center;
            -ms-flex-align: center;
            -webkit-align-items: center;
            -moz-align-items: center;
            align-items: center;
            padding: 10px; }
            .header .bar-mobile .container .logo .img {
              align-self: center;
              padding-right: 10px; }
          .header .bar-mobile .container .login {
            margin: 0;
            font-size: 0.9em;
            margin-left: auto;
            background-color: #0a64bf;
            color: white;
            text-transform: uppercase;
            font-weight: 600;
            padding: 10px 15px;
            margin-bottom: 15px;
            margin-right: 15px;
            cursor: pointer; }
            .header .bar-mobile .container .login:before {
              font-family: "autofrance" !important;
              font-style: normal !important;
              font-weight: normal !important;
              font-variant: normal !important;
              text-transform: none !important;
              speak: none;
              line-height: 1;
              -webkit-font-smoothing: antialiased;
              -moz-osx-font-smoothing: grayscale;
              vertical-align: middle;
              padding: 0 5px;
              content: "\e000";
              padding: 0 5px; }
            .header .bar-mobile .container .login.open:before {
              content: "\E00C"; }
          .header .bar-mobile .container .user-welcome {
            margin: 0;
            font-size: 0.9em;
            margin-left: auto;
            background-color: #0a64bf;
            color: white;
            text-transform: uppercase;
            font-weight: 600;
            padding: 10px 15px;
            margin-bottom: 15px;
            cursor: pointer;
            position: relative; }
            .header .bar-mobile .container .user-welcome:before {
              font-family: "autofrance" !important;
              font-style: normal !important;
              font-weight: normal !important;
              font-variant: normal !important;
              text-transform: none !important;
              speak: none;
              line-height: 1;
              -webkit-font-smoothing: antialiased;
              -moz-osx-font-smoothing: grayscale;
              vertical-align: middle;
              padding: 0 5px;
              content: "\E005";
              padding: 0 5px; }
            .header .bar-mobile .container .user-welcome:after {
              font-family: "autofrance" !important;
              font-style: normal !important;
              font-weight: normal !important;
              font-variant: normal !important;
              text-transform: none !important;
              speak: none;
              line-height: 1;
              -webkit-font-smoothing: antialiased;
              -moz-osx-font-smoothing: grayscale;
              vertical-align: middle;
              padding: 0 5px;
              content: "\E013";
              padding: 0 5px;
              display: inline-block;
              -moz-transform: rotate(180deg);
              -o-transform: rotate(180deg);
              -ms-transform: rotate(180deg);
              -webkit-transform: rotate(180deg);
              transform: rotate(180deg); }
            .header .bar-mobile .container .user-welcome.open:after {
              -moz-transform: rotate(0deg);
              -o-transform: rotate(0deg);
              -ms-transform: rotate(0deg);
              -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
              margin: -3px 0 0; }
            .header .bar-mobile .container .user-welcome span {
              display: inline-block;
              vertical-align: middle; }
          .header .bar-mobile .container .nav-button {
            height: auto;
            width: auto;
            padding: 10px 15px 10px 15px;
            position: relative; }
            .header .bar-mobile .container .nav-button.open {
              padding: 10px 15px 10px 15px;
              width: 70.55px;
              -webkit-box-sizing: border-box;
              -moz-box-sizing: border-box;
              box-sizing: border-box; }
              .header .bar-mobile .container .nav-button.open:before {
                content: "\e016";
                font-size: 1em;
                top: 0;
                left: 7px;
                position: relative; }
            .header .bar-mobile .container .nav-button:before {
              font-family: "autofrance" !important;
              font-style: normal !important;
              font-weight: normal !important;
              font-variant: normal !important;
              text-transform: none !important;
              speak: none;
              line-height: 1;
              -webkit-font-smoothing: antialiased;
              -moz-osx-font-smoothing: grayscale;
              vertical-align: middle;
              padding: 0 5px;
              content: "\e015";
              padding: 0 5px;
              color: #0a64bf;
              font-size: 1.7em; }
          .header .bar-mobile .container .nav-menu {
            display: none;
            overflow: hidden;
            padding-bottom: 100px; }
            .header .bar-mobile .container .nav-menu.open {
              display: block !important;
              position: fixed;
              top: 57px;
              left: 0;
              width: 100%;
              height: 100%;
              z-index: 999;
              background-color: white;
              overflow-y: scroll !important;
              padding-bottom: 100px;
              -ms-overflow-style: none;
              -webkit-overflow-scrolling: touch; }
              .header .bar-mobile .container .nav-menu.open .item .primary {
                padding: 20px 10px;
                position: relative;
                height: auto;
                width: 100%;
                display: block;
                border-top: 1px solid #dddddd;
                color: #5f5f5f;
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box; }
              .header .bar-mobile .container .nav-menu.open .item:last-child {
                margin-bottom: 60px; }
              .header .bar-mobile .container .nav-menu.open .sub-item {
                background-color: #fafafa;
                border-top: 1px solid #dddddd; }
                .header .bar-mobile .container .nav-menu.open .sub-item .secondary {
                  display: block;
                  width: 100%;
                  padding: 15px 30px;
                  color: #5f5f5f;
                  -webkit-box-sizing: border-box;
                  -moz-box-sizing: border-box;
                  box-sizing: border-box; }
          .header .bar-mobile .container .user-options {
            display: none;
            overflow: hidden; }
            .header .bar-mobile .container .user-options.open {
              display: block !important;
              position: fixed;
              top: 57px;
              left: 0;
              width: 100%;
              height: 100%;
              z-index: 999;
              background-color: white;
              overflow-y: scroll !important;
              padding-bottom: 100px;
              -ms-overflow-style: none;
              -webkit-overflow-scrolling: touch; }
            .header .bar-mobile .container .user-options a {
              display: block;
              width: 100%;
              -webkit-box-sizing: border-box;
              -moz-box-sizing: border-box;
              box-sizing: border-box;
              padding: 15px 20px;
              border-bottom: 1px solid #ddd;
              color: #5f5f5f;
              font-size: 6px;
              font-size: 0.6rem;
              line-height: 14px; }
              .header .bar-mobile .container .user-options a .icon {
                display: inline-block;
                width: 14px;
                height: 14px;
                vertical-align: middle;
                margin: -2px 10px 0 0; }
                .header .bar-mobile .container .user-options a .icon svg {
                  fill: #5f5f5f; }
              .header .bar-mobile .container .user-options a:hover {
                color: #0a64bf; }
                .header .bar-mobile .container .user-options a:hover .icon svg {
                  fill: #0a64bf; } }
  @media (max-width: 425px) {
    .header .bar-mobile .container .logo {
      width: 140px; }
    .header .bar-mobile .container .nav-button {
      padding: 10px 5px; }
      .header .bar-mobile .container .nav-button.open {
        padding: 10px 5px;
        width: 50px; } }

.alert {
  width: 100%;
  position: fixed;
  left: 0;
  top: 150px;
  z-index: 990; }
  @media (max-width: 1024px) {
    .alert {
      top: 65px; } }
  .alert .container {
    background-color: #70c944; }
    .alert .container .icon {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      -moz-align-items: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      -moz-justify-content: center;
      justify-content: center;
      width: 46px;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      background-color: rgba(0, 0, 0, 0.1); }
      .alert .container .icon svg {
        fill: #fff;
        width: 55%;
        height: 55%; }
      .alert .container .icon.close {
        position: absolute;
        top: 50%;
        left: inherit;
        right: 0;
        height: 45px;
        margin: -23px 0 0;
        background-color: transparent;
        cursor: pointer; }
    .alert .container p {
      padding: 15px 60px 15px 55px;
      margin: 0;
      color: #fff;
      font-size: 8px;
      font-size: 0.8rem; }

.footer {
  width: 100%;
  height: auto;
  position: relative; }
  .footer .bar-1 .row-1 .contact .soc .title, .footer .bar-1 .row-2 .nav .title, .footer .bar-1 .row-2 .vehicle .title, .footer .bar-2 .row-1 .title {
    text-transform: uppercase;
    font-size: 0.778em;
    font-weight: 600; }
  .footer .bar-1 .row-1 .contact .soc .ico-facebook, .footer .bar-1 .row-1 .contact .soc .ico-youtube, .footer .bar-1 .row-1 .contact .soc .ico-googleplus {
    width: 35px;
    height: 35px;
    position: relative;
    margin-right: 15px; }
  .footer .bar-1 .row-2 .nav .footer-links, .footer .bar-1 .row-2 .vehicle .footer-links, .footer .bar-2 .row-1 .footer-links {
    height: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .footer .bar-1 .row-2 .nav .footer-links a, .footer .bar-1 .row-2 .vehicle .footer-links a, .footer .bar-2 .row-1 .footer-links a {
      font-size: 0.667em;
      font-weight: 300;
      text-transform: uppercase;
      margin-bottom: 15px;
      color: #5f5f5f; }
      .footer .bar-1 .row-2 .nav .footer-links a:hover, .footer .bar-1 .row-2 .vehicle .footer-links a:hover, .footer .bar-2 .row-1 .footer-links a:hover {
        color: #0a64bf; }
  .footer .bar-1 {
    height: auto;
    width: 100%;
    background-color: white;
    border-top: 1px solid #ececec;
    padding: 30px 0; }
    .footer .bar-1 .content {
      padding: 0 10px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-direction: normal;
      -webkit-box-orient: horizontal;
      -webkit-flex-direction: row;
      -moz-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row; }
    .footer .bar-1 .row-1 {
      margin-bottom: 30px; }
      .footer .bar-1 .row-1 .logo {
        margin-right: 40px;
        width: auto;
        height: auto;
        position: relative; }
      .footer .bar-1 .row-1 .contact {
        width: auto;
        height: auto;
        position: relative;
        margin-right: 135px; }
        .footer .bar-1 .row-1 .contact .item {
          display: -webkit-box;
          display: -webkit-flex;
          display: -moz-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-direction: normal;
          -webkit-box-orient: horizontal;
          -webkit-flex-direction: row;
          -moz-flex-direction: row;
          -ms-flex-direction: row;
          flex-direction: row; }
        .footer .bar-1 .row-1 .contact .ico-contact {
          width: 16px;
          height: 16px;
          fill: #0a64bf;
          position: relative;
          display: inline-block;
          margin-right: 10px; }
        .footer .bar-1 .row-1 .contact .company-title {
          color: #d02323;
          text-transform: uppercase;
          margin-bottom: 15px; }
        .footer .bar-1 .row-1 .contact a[href^="tel:"] {
          color: #5f5f5f; }
        .footer .bar-1 .row-1 .contact p {
          text-transform: uppercase; }
        .footer .bar-1 .row-1 .contact .info {
          margin-right: 140px; }
        .footer .bar-1 .row-1 .contact .soc {
          width: auto;
          height: auto;
          position: relative; }
          .footer .bar-1 .row-1 .contact .soc .item {
            display: -webkit-box;
            display: -webkit-flex;
            display: -moz-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-direction: normal;
            -webkit-box-orient: horizontal;
            -webkit-flex-direction: row;
            -moz-flex-direction: row;
            -ms-flex-direction: row;
            flex-direction: row; }
          .footer .bar-1 .row-1 .contact .soc .ico-facebook {
            fill: #3b5998; }
          .footer .bar-1 .row-1 .contact .soc .ico-youtube {
            fill: #cd201f; }
          .footer .bar-1 .row-1 .contact .soc .ico-googleplus {
            fill: #dd4b39; }
    .footer .bar-1 .row-2 {
      margin-bottom: 20px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-direction: normal;
      -webkit-box-orient: horizontal;
      -webkit-flex-direction: row;
      -moz-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: space-between;
      -moz-justify-content: space-between;
      justify-content: space-between;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      -moz-align-items: center;
      align-items: center; }
      .footer .bar-1 .row-2 .nav {
        margin-right: 15px; }
        .footer .bar-1 .row-2 .nav .footer-links .item {
          width: 50%;
          max-width: 50%;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box;
          padding: 0 15px 0 0;
          margin: 0 0 7.5px 0; }
      .footer .bar-1 .row-2 .vehicle {
        margin-right: 15px; }
        .footer .bar-1 .row-2 .vehicle .footer-links .item {
          width: 30%;
          max-width: 30%;
          margin: 0 0 7.5px 0; }
          .footer .bar-1 .row-2 .vehicle .footer-links .item:nth-child(3n) {
            margin-right: 0; }
      .footer .bar-1 .row-2 .logo {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        justify-content: space-between; }
        .footer .bar-1 .row-2 .logo .item {
          margin-right: 25px; }
          .footer .bar-1 .row-2 .logo .item:last-child {
            margin-right: 0; }
  .footer .bar-2 {
    height: auto;
    width: 100%;
    background-color: #fafafa;
    border-top: 1px solid #ececec;
    padding: 30px 0 55px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .footer .bar-2 .content {
      padding: 0 10px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }
    .footer .bar-2 .row-1 {
      margin-bottom: 25px; }
      .footer .bar-2 .row-1 .title {
        margin-bottom: 15px; }
      .footer .bar-2 .row-1 .footer-links {
        width: 100%; }
        .footer .bar-2 .row-1 .footer-links .item {
          width: 25%;
          max-width: 25%;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box;
          padding: 0 15px 0 0;
          margin: 0 0 7.5px 0; }
          .footer .bar-2 .row-1 .footer-links .item:nth-child(4n) {
            margin-right: 0; }
    .footer .bar-2 .row-2 {
      border-top: 1px solid #ececec;
      padding-top: 25px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-direction: normal;
      -webkit-box-orient: horizontal;
      -webkit-flex-direction: row;
      -moz-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: space-between;
      -moz-justify-content: space-between;
      justify-content: space-between; }
      .footer .bar-2 .row-2 p {
        font-size: 0.667em; }
      .footer .bar-2 .row-2 a {
        color: #5f5f5f; }
  @media (max-width: 1124px) {
    .footer .bar-1 .content {
      padding: 0 15px; }
    .footer .bar-1 .row-2 .vehicle .footer-links .item {
      width: 50%;
      max-width: 50%; }
    .footer .bar-2 .row-1 .footer-links {
      width: 100%; }
      .footer .bar-2 .row-1 .footer-links .item {
        width: 30%;
        max-width: 30%; } }
  @media (max-width: 1024px) {
    .footer .bar-1 .content {
      padding: 0 15px; }
    .footer .bar-1 .row-1 .contact {
      margin-right: 0; }
      .footer .bar-1 .row-1 .contact .info {
        margin-right: 15px;
        width: auto; }
    .footer .bar-1 .row-2 {
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
      .footer .bar-1 .row-2 .nav {
        margin: 0 0 15px 0;
        width: 100%; }
        .footer .bar-1 .row-2 .nav .footer-links .item {
          width: 50%;
          max-width: 50%; }
          .footer .bar-1 .row-2 .nav .footer-links .item:nth-child(even) {
            margin-right: 0; }
      .footer .bar-1 .row-2 .vehicle {
        margin: 0 0 15px 0;
        width: 100%; }
        .footer .bar-1 .row-2 .vehicle .footer-links .item {
          width: 50%;
          max-width: 50%; }
      .footer .bar-1 .row-2 .logo {
        margin-right: 0px;
        width: 100%;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        -webkit-justify-content: flex-start;
        -moz-justify-content: flex-start;
        justify-content: flex-start; }
    .footer .bar-2 .content {
      padding: 0 15px; }
    .footer .bar-2 .row-1 .footer-links {
      width: 100%; }
      .footer .bar-2 .row-1 .footer-links .item {
        width: 48%;
        max-width: 48%; }
    .footer .bar-2 .row-2 {
      padding-top: 25px;
      text-align: center;
      margin-bottom: 25px;
      -webkit-box-direction: normal;
      -webkit-box-orient: vertical;
      -webkit-flex-direction: column;
      -moz-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column; }
      .footer .bar-2 .row-2 p {
        margin-bottom: 0; } }
  @media (max-width: 425px) {
    .footer .bar-1 .content {
      padding: 0 15px; }
    .footer .bar-1 .row-1 {
      -webkit-box-direction: normal;
      -webkit-box-orient: vertical;
      -webkit-flex-direction: column;
      -moz-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column; }
      .footer .bar-1 .row-1 .logo {
        margin-right: 0; }
      .footer .bar-1 .row-1 .contact .item {
        width: 100%;
        -webkit-box-direction: normal;
        -webkit-box-orient: vertical;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column; }
    .footer .bar-1 .row-2 {
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
      .footer .bar-1 .row-2 .nav {
        margin: 0 0 15px 0;
        width: 100%; }
        .footer .bar-1 .row-2 .nav .footer-links .item {
          width: 50%;
          max-width: 50%; }
      .footer .bar-1 .row-2 .vehicle .footer-links .item {
        width: 50%;
        max-width: 50%; }
    .footer .bar-2 .row-1 .footer-links .item {
      width: 100%;
      max-width: 100%; } }

.footer-fixed {
  width: 100%;
  height: auto;
  position: fixed;
  bottom: 0;
  left: 0;
  background-color: #1e1e1e;
  z-index: 997;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center; }
  .footer-fixed .soc {
    position: relative;
    min-width: 50px;
    width: auto;
    height: auto;
    padding: 0 0 0 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row; }
    .footer-fixed .soc .ico {
      width: 25px;
      height: 25px;
      fill: white;
      margin-right: 15px;
      cursor: pointer; }
      .footer-fixed .soc .ico:hover {
        fill: #0a64bf; }
  .footer-fixed .res-desktop, .footer-fixed .res-mobile {
    height: inherit;
    position: relative;
    right: 0;
    top: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-self: flex-start;
    -moz-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start; }
    .footer-fixed .res-desktop .button-1, .footer-fixed .res-mobile .button-1 {
      background-color: #d02323;
      height: 100%;
      width: 100%;
      padding: 12px 25px;
      overflow: visible;
      margin: 0;
      text-transform: uppercase;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      -moz-align-items: center;
      align-items: center;
      border: none;
      cursor: pointer; }
      .footer-fixed .res-desktop .button-1:after, .footer-fixed .res-mobile .button-1:after {
        font-family: "autofrance" !important;
        font-style: normal !important;
        font-weight: normal !important;
        font-variant: normal !important;
        text-transform: none !important;
        speak: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        vertical-align: middle;
        padding: 0 5px;
        content: "\e013";
        padding: 0 5px;
        margin-left: 15px; }
      .footer-fixed .res-desktop .button-1:hover, .footer-fixed .res-mobile .button-1:hover {
        color: white; }
  .footer-fixed .res-mobile {
    display: none; }
  @media (max-width: 425px) {
    .footer-fixed .soc .ico {
      margin-right: 5px; }
    .footer-fixed .res-desktop, .footer-fixed .res-mobile {
      display: none; }
    .footer-fixed .res-mobile {
      display: inline-block; }
      .footer-fixed .res-mobile .button-1 {
        padding: 12px; } }

.wysiwyg {
  width: 100%;
  padding: 15px 10px 10px 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .wysiwyg.type-2 .item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex; }
    .wysiwyg.type-2 .item .icon {
      margin: 0 15px 15px 0; }
  .wysiwyg .item {
    padding: 1em 1em;
    position: relative;
    z-index: 1;
    width: 100%; }
    .wysiwyg .item .group {
      position: relative;
      width: 100%; }
    @media (max-width: 425px) {
      .wysiwyg .item {
        padding: 0.5em 1.5em; } }

.wysiwyg-center {
  width: 100%;
  padding: 0 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center; }
  .wysiwyg-center .content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    margin: 0 auto; }
  .wysiwyg-center h1, .wysiwyg-center h2, .wysiwyg-center h3, .wysiwyg-center h4, .wysiwyg-center h5, .wysiwyg-center h6, .wysiwyg-center p, .wysiwyg-center a, .wysiwyg-center .title, .wysiwyg-center .des {
    text-align: center !important; }
  .wysiwyg-center h1, .wysiwyg-center h2, .wysiwyg-center h3, .wysiwyg-center h4, .wysiwyg-center h5, .wysiwyg-center h6 {
    display: inline;
    width: 100%; }
  .wysiwyg-center .form .button-1 {
    width: 100%; }

.module-hero-1 {
  height: auto;
  min-height: 75vh;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  align-items: flex-end; }
  .module-hero-1 .wrap {
    height: 100%;
    padding: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    -moz-align-items: flex-end;
    align-items: flex-end;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    justify-content: flex-end; }
  .module-hero-1 .content {
    background-color: red;
    position: relative;
    padding: 0;
    margin: 70px 0;
    height: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    overflow: visible; }
    .module-hero-1 .content .res {
      background-color: #d02323;
      position: absolute;
      bottom: 100%;
      right: 0;
      padding: 20px;
      z-index: 10;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      cursor: pointer; }
      .module-hero-1 .content .res .title {
        color: white;
        font-weight: 600;
        text-transform: uppercase; }
        .module-hero-1 .content .res .title:after {
          font-family: "autofrance" !important;
          font-style: normal !important;
          font-weight: normal !important;
          font-variant: normal !important;
          text-transform: none !important;
          speak: none;
          line-height: 1;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          vertical-align: middle;
          padding: 0 5px;
          content: "\e013"; }
    .module-hero-1 .content .box-1 {
      position: relative;
      padding: 40px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      -moz-align-items: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      -moz-justify-content: center;
      justify-content: center;
      background-color: white; }
      .module-hero-1 .content .box-1 .ico {
        width: 100%;
        height: auto;
        text-align: center; }
        .module-hero-1 .content .box-1 .ico img {
          max-width: 100%;
          width: auto;
          height: auto; }
    .module-hero-1 .content .box-2 {
      padding: 70px 30px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      -moz-align-items: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      -moz-justify-content: center;
      justify-content: center;
      background-color: #0a64bf; }
    .module-hero-1 .content .box-3 {
      padding: 40px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      -moz-align-items: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      -moz-justify-content: center;
      justify-content: center;
      background-color: white; }
    .module-hero-1 .content .title {
      text-transform: uppercase;
      color: white;
      font-weight: 600; }
    .module-hero-1 .content .des {
      padding: 0;
      margin: 0;
      font-weight: 400;
      color: #5f5f5f; }
  @media (max-width: 1024px) {
    .module-hero-1 {
      height: auto;
      min-height: 100px; }
      .module-hero-1 .content {
        position: relative;
        margin: 140px 0 70px 0;
        -webkit-box-align: none;
        -ms-flex-align: none;
        -webkit-align-items: none;
        -moz-align-items: none;
        align-items: none; }
      .module-hero-1 .res {
        width: 100%; }
        .module-hero-1 .res .title {
          position: relative; }
          .module-hero-1 .res .title:after {
            font-family: "autofrance" !important;
            font-style: normal !important;
            font-weight: normal !important;
            font-variant: normal !important;
            text-transform: none !important;
            speak: none;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            vertical-align: middle;
            padding: 0 5px;
            content: "\e013";
            position: absolute;
            right: 0;
            top: 5px; }
      .module-hero-1 .box-1 {
        display: none !important; }
      .module-hero-1 .box-2 {
        padding: 30px !important; } }
  @media (max-width: 425px) {
    .module-hero-1 .content .res .title {
      font-size: 10px;
      font-size: 1rem; } }

.module-hero-2 {
  height: auto;
  min-height: 315px;
  position: relative; }
  .module-hero-2 .container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center; }
  .module-hero-2 .content {
    margin: 30px 266px;
    z-index: 1; }
    .module-hero-2 .content .title {
      text-transform: capitalize;
      color: white;
      font-weight: 700;
      font-size: 2.5em;
      text-align: center;
      margin-bottom: 15px; }
    .module-hero-2 .content .des {
      padding: 0;
      margin: 0;
      font-weight: 400;
      color: white;
      text-align: center;
      font-size: 1em; }
  @media (max-width: 1124px) {
    .module-hero-2 .content {
      margin: 30px 100px; } }
  @media (max-width: 1024px) {
    .module-hero-2 .content {
      margin: 30px 40px; } }
  @media (max-width: 340px) {
    .module-hero-2 .content {
      margin: 30px 10px; } }

.module-hero-3 {
  height: 500px;
  min-height: 500px;
  width: 100%;
  position: relative; }
  .module-hero-3 .hero-slideshow {
    width: 100%;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  .module-hero-3 .slick-dots {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 0 15px; }
  .module-hero-3 .slide {
    width: 100%;
    height: 500px; }
    .module-hero-3 .slide:before {
      opacity: 0.15;
      filter: alpha(opacity=15); }
    .module-hero-3 .slide .container {
      z-index: 1;
      position: relative;
      height: 100%; }
      .module-hero-3 .slide .container .content {
        position: relative;
        height: 100%;
        width: 100%;
        padding: 30px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        align-items: center; }
        .module-hero-3 .slide .container .content .title {
          text-transform: capitalize;
          color: white;
          font-weight: 700;
          font-size: 2.5em;
          text-align: center;
          margin-bottom: 15px; }
        .module-hero-3 .slide .container .content .breadcrumb {
          height: auto;
          width: 100%;
          border-bottom: none;
          position: absolute;
          bottom: 0;
          left: 0; }
          .module-hero-3 .slide .container .content .breadcrumb p {
            font-size: 0.667em;
            margin-bottom: 0; }
          .module-hero-3 .slide .container .content .breadcrumb a {
            color: #0a64bf; }
          .module-hero-3 .slide .container .content .breadcrumb .divider {
            color: white;
            font-weight: 600;
            margin: 0 5px; }
          @media (max-width: 425px) {
            .module-hero-3 .slide .container .content .breadcrumb {
              display: none; } }

.module-info-1 {
  position: relative; }
  .module-info-1 .content {
    position: relative;
    padding: 1em 2em;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    @media (max-width: 425px) {
      .module-info-1 .content {
        padding: 1em;
        text-align: center; } }
    .module-info-1 .content .ico {
      fill: #d02323;
      width: 55px;
      height: auto;
      margin: 0 0 5px 0; }
      @media (max-width: 425px) {
        .module-info-1 .content .ico {
          margin: auto;
          width: 35px; } }
    .module-info-1 .content .title {
      color: #5f5f5f;
      text-transform: uppercase;
      font-size: 1.2em;
      margin: 5px 0;
      padding: 0; }
      @media (max-width: 425px) {
        .module-info-1 .content .title {
          margin: auto;
          font-size: 0.7em; } }
    .module-info-1 .content .des {
      font-size: 0.9em;
      color: #5f5f5f;
      padding: 0;
      margin: 0; }
      @media (max-width: 425px) {
        .module-info-1 .content .des {
          display: none; } }
    @media (max-width: 425px) {
      .module-info-1 .content .button-1 {
        opacity: 0;
        filter: alpha(opacity=0);
        position: absolute;
        top: 0;
        left: 0;
        z-index: 5;
        width: 100%;
        height: 100%;
        border: none !important; } }
  @media (max-width: 1024px) {
    .module-info-1 {
      border-right: none; } }

.module-info-2 {
  position: relative; }
  .module-info-2:before {
    background-color: inherit;
    width: 200%;
    height: 100%;
    position: absolute;
    content: "";
    top: 0;
    left: 0; }
  .module-info-2 .content {
    width: 100%;
    padding: 0 3em; }
  .module-info-2 .subtitle {
    text-transform: uppercase; }
  @media (max-width: 1024px) {
    .module-info-2 .content {
      width: 100%;
      padding: 0 2em; } }
  @media (max-width: 425px) {
    .module-info-2 .content {
      width: 100%;
      padding: 0 10px; } }

.module-info-3 {
  position: relative; }
  .module-info-3 .content {
    width: 100%;
    padding: 0 3em; }
  .module-info-3:before {
    background-color: inherit;
    width: 200%;
    height: 100%;
    position: absolute;
    content: "";
    top: 0;
    right: 0; }

.module-info-4 {
  position: relative; }
  .module-info-4 .content {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center; }

.module-slideshow-1 {
  width: 100%;
  height: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .module-slideshow-1 .slideshow {
    width: 100%;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .module-slideshow-1 .slideshow .slide {
      width: 100%;
      height: 600px;
      position: relative;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
      .module-slideshow-1 .slideshow .slide .content {
        position: relative;
        background-color: rgba(10, 100, 191, 0.85);
        text-align: right;
        padding-left: 200px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        align-items: center; }
        .module-slideshow-1 .slideshow .slide .content .item {
          width: 360px;
          height: auto;
          position: relative;
          padding: 35px; }
          .module-slideshow-1 .slideshow .slide .content .item .title {
            width: 100%;
            padding: 0;
            margin: 5px 0;
            color: white;
            font-weight: 800;
            font-size: 2em;
            text-transform: uppercase;
            text-align: right; }
          .module-slideshow-1 .slideshow .slide .content .item .des {
            width: 100%;
            padding: 0;
            margin: 5px 0;
            color: white;
            font-weight: 400;
            font-size: 1.1em;
            text-align: right; }
          .module-slideshow-1 .slideshow .slide .content .item .button-1 {
            background-color: #d02323; }
  @media (max-width: 1124px) {
    .module-slideshow-1 .slideshow .slide .content {
      padding-left: 0;
      width: 50%; }
      .module-slideshow-1 .slideshow .slide .content .item {
        width: auto; } }
  @media (max-width: 425px) {
    .module-slideshow-1 .slideshow .slide .content {
      padding-left: 0;
      width: 100%; }
      .module-slideshow-1 .slideshow .slide .content .item {
        margin: auto;
        text-align: center; }
        .module-slideshow-1 .slideshow .slide .content .item .title {
          text-align: center; }
        .module-slideshow-1 .slideshow .slide .content .item .des {
          text-align: center; }
        .module-slideshow-1 .slideshow .slide .content .item .button-1 {
          margin: auto; } }

.module-cta-1 {
  width: 100%;
  height: auto;
  padding: 100px;
  margin: 30px;
  position: relative;
  background-color: yellow;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .module-cta-1:before {
    background-color: rgba(208, 35, 35, 0.9); }
  .module-cta-1 .content {
    padding: 10px;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: auto;
    width: 70%;
    text-align: center; }
    .module-cta-1 .content .title {
      width: 100%;
      padding: 0;
      margin: 0;
      color: white;
      font-weight: 800;
      font-size: 3em;
      text-transform: uppercase;
      text-align: center; }
    .module-cta-1 .content .des {
      width: 80%;
      padding: 0;
      margin: 0 auto;
      color: white;
      font-weight: 400;
      font-size: 1.2em;
      text-align: center; }
    .module-cta-1 .content .button-1 {
      color: #d02323;
      background-color: white;
      margin: 10px auto;
      border-color: white; }
      .module-cta-1 .content .button-1:hover {
        color: #d02323;
        border-bottom: 5px solid #d02323; }
  @media (max-width: 1024px) {
    .module-cta-1 {
      margin: 30px 0; }
      .module-cta-1 .content {
        width: 100%; } }
  @media (max-width: 425px) {
    .module-cta-1 {
      padding: 100px 10px; }
      .module-cta-1 .content {
        width: 100%; } }

.module-image-1 {
  min-height: 400px;
  height: auto;
  position: relative;
  position: relative;
  background-image: url("../../img/main/vehicle-2.jpg");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat; }
  .module-image-1 .content {
    height: 100%;
    width: 100%;
    background-image: url("../../img/main/vehicle-2.jpg");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat; }

.module-link-1 {
  position: relative;
  height: auto;
  cursor: pointer;
  margin-bottom: 30px; }
  .module-link-1 .content {
    position: relative;
    width: 100%;
    border: 1px solid #ececec; }
    .module-link-1 .content:before {
      font-family: "autofrance" !important;
      font-style: normal !important;
      font-weight: normal !important;
      font-variant: normal !important;
      text-transform: none !important;
      speak: none;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      vertical-align: middle;
      padding: 0 5px;
      content: "\e019";
      color: #0a64bf;
      font-size: 1.5em;
      bottom: 15px;
      text-align: center;
      position: absolute;
      width: 100%;
      padding: 0; }
  .module-link-1 .wall {
    height: 60px;
    width: 100%;
    background-color: #fafafa; }
  .module-link-1 .ico {
    width: 60px;
    height: 60px;
    background-color: white;
    position: relative;
    margin: 0 auto;
    top: -35px;
    border-radius: 60px;
    -moz-border-radius: 60px;
    -webkit-border-radius: 60px; }
    .module-link-1 .ico svg {
      width: 25px;
      height: 25px;
      fill: #d02323;
      position: absolute;
      left: 33%;
      top: 33%; }
  .module-link-1 .info {
    padding: 0 2em 2.5em;
    text-align: center;
    position: relative; }
    .module-link-1 .info .title {
      font-weight: 600; }
  .module-link-1:hover .content {
    border-color: #0a64bf; }
  .module-link-1:hover .wall {
    background-color: #0a64bf; }
  .module-link-1:hover .info .title {
    color: #0a64bf; }

.fullscreen-bg {
  position: absolute !important;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center; }
  .fullscreen-bg video {
    /* Make video to at least 100% wide and tall */
    min-width: 100%;
    min-height: 100%;
    /* Setting width & height to auto prevents the browser from stretching or squishing the video */
    width: auto;
    height: auto;
    /* Center the video */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }

.soc-share {
  padding: 15px 10px;
  position: relative;
  float: right;
  width: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  @media (max-width: 1024px) {
    .soc-share {
      float: none; } }

.link-box {
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 1; }

.reservation-overview {
  width: 100%; }
  @media (max-width: 1024px) {
    .reservation-overview {
      display: none; } }
  .reservation-overview .title {
    background-color: #0a64bf;
    color: #fff;
    margin: 0;
    padding: 15px 50px;
    text-transform: uppercase;
    font-size: 10px;
    font-size: 1rem;
    font-weight: 500; }
  .reservation-overview .item {
    padding: 15px 15px 15px 50px;
    border-bottom: 1px solid #ddd; }
    .reservation-overview .item:last-child {
      border: none; }
    .reservation-overview .item p {
      margin: 0;
      font-size: 7px;
      font-size: 0.7rem; }
      .reservation-overview .item p strong {
        width: 50%;
        display: inline-block; }
      .reservation-overview .item p.total {
        color: #d02323;
        font-size: 10px;
        font-size: 1rem;
        font-weight: 500;
        text-transform: uppercase; }
        .reservation-overview .item p.total strong {
          color: #0a64bf;
          font-size: 8px;
          font-size: 0.8rem; }
    .reservation-overview .item h4 {
      color: #0a64bf;
      margin: 0 0 5px 0;
      font-size: 8px;
      font-size: 0.8rem;
      font-weight: 500;
      text-transform: uppercase; }
    .reservation-overview .item .change {
      margin: 10px 0 0;
      width: 100%;
      font-size: 7px;
      font-size: 0.7rem;
      background-color: #d02323;
      border: none;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      display: block;
      text-align: center; }
      .reservation-overview .item .change:hover {
        background-color: #0a64bf;
        color: #fff; }

.reservation-steps {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 60px 20px 0 20px;
  position: relative;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between; }
  @media (max-width: 1024px) {
    .reservation-steps {
      display: none; } }
  .reservation-steps:after {
    content: '';
    display: block;
    width: 100%;
    top: 21px;
    left: 0;
    position: absolute;
    z-index: 1;
    height: 1px;
    background-color: #ddd; }
  .reservation-steps .icon {
    width: 38px;
    height: 38px;
    position: relative;
    border: 1px solid #cacaca;
    background-color: #fbfbfb;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    margin: 0 0 30px 0;
    z-index: 10; }
    .reservation-steps .icon svg {
      fill: #dadada;
      width: 60%;
      height: 60%; }
      .reservation-steps .icon svg.done {
        display: none; }
    .reservation-steps .icon em {
      position: absolute;
      text-align: center;
      white-space: nowrap;
      bottom: -20px;
      left: 50%;
      width: 60px;
      margin: 0 0 0 -30px;
      color: #cacaca;
      font-size: 6px;
      font-size: 0.6rem;
      text-transform: uppercase;
      font-style: normal; }
    .reservation-steps .icon.active {
      background-color: #fff;
      border: 1px solid #0a64bf; }
      .reservation-steps .icon.active svg {
        fill: #0a64bf; }
      .reservation-steps .icon.active em {
        color: #0a64bf; }
    .reservation-steps .icon.complete {
      background-color: #fff;
      border: 1px solid #70c944; }
      .reservation-steps .icon.complete svg {
        fill: #70c944; }
        .reservation-steps .icon.complete svg.done {
          display: block; }
        .reservation-steps .icon.complete svg.actual {
          display: none; }
      .reservation-steps .icon.complete em {
        color: #70c944; }

.reservation-nav {
  width: 100%;
  overflow: hidden;
  margin: 0 0 130px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 30px; }
  .reservation-nav a {
    width: 280px;
    background-color: #70c944;
    height: 100%;
    padding: 12px 25px;
    overflow: visible;
    margin: 0;
    text-transform: uppercase;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    border: none;
    cursor: pointer; }
    .reservation-nav a:after {
      font-family: "autofrance" !important;
      font-style: normal !important;
      font-weight: normal !important;
      font-variant: normal !important;
      text-transform: none !important;
      speak: none;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      vertical-align: middle;
      padding: 0 5px;
      content: "\e013";
      padding: 0 5px;
      margin-left: 15px;
      -moz-transform: rotate(90deg);
      -o-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      -webkit-transform: rotate(90deg);
      transform: rotate(90deg); }
    .reservation-nav a.next {
      float: right; }
    .reservation-nav a.prev {
      float: left; }
      .reservation-nav a.prev:after {
        display: none; }
      .reservation-nav a.prev:before {
        font-family: "autofrance" !important;
        font-style: normal !important;
        font-weight: normal !important;
        font-variant: normal !important;
        text-transform: none !important;
        speak: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        vertical-align: middle;
        padding: 0 5px;
        content: "\e013";
        padding: 0 5px;
        margin-right: 15px;
        -moz-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg); }
    .reservation-nav a:hover {
      background-color: #0a64bf;
      color: #fff; }
  @media (max-width: 1124px) {
    .reservation-nav a {
      width: 48%; }
      .reservation-nav a.first {
        width: 100%; } }

.reservation-step-1 {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 20px 40px 20px;
  margin: 40px 0 0; }
  .reservation-step-1 .info {
    width: 100%;
    overflow: hidden; }
    .reservation-step-1 .info .icon {
      float: left;
      width: 35px;
      height: 35px;
      margin: 0 20px 0 0; }
      .reservation-step-1 .info .icon svg {
        fill: #d02323; }
    .reservation-step-1 .info .title {
      float: left;
      text-transform: uppercase; }
    .reservation-step-1 .info p {
      float: left;
      width: 100%;
      margin: 15px 0 0;
      padding: 0 35% 0 0;
      display: block;
      font-size: 8px;
      font-size: 0.8rem;
      color: #5f5f5f;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }
      @media (max-width: 1024px) {
        .reservation-step-1 .info p {
          padding: 0; } }
  .reservation-step-1 .calendar {
    width: 100%; }
    .reservation-step-1 .calendar .box {
      width: 100%;
      margin: 30px 0 0;
      overflow: hidden; }
      .reservation-step-1 .calendar .box h4 {
        text-transform: uppercase;
        margin: 0 0 30px 0;
        font-size: 10px;
        font-size: 1rem; }
      .reservation-step-1 .calendar .box .date {
        width: 100%;
        overflow: hidden;
        background-color: #eee; }
        .reservation-step-1 .calendar .box .date .icon {
          width: 70px;
          float: left;
          height: 70px;
          background: rgba(0, 0, 0, 0.1);
          display: -webkit-box;
          display: -webkit-flex;
          display: -moz-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          -webkit-align-items: center;
          -moz-align-items: center;
          align-items: center;
          -ms-flex-pack: distribute;
          -webkit-justify-content: space-around;
          -moz-justify-content: space-around;
          justify-content: space-around; }
          .reservation-step-1 .calendar .box .date .icon svg {
            width: 60%;
            height: 60%;
            fill: #fff;
            color: #fff; }
        .reservation-step-1 .calendar .box .date p {
          float: left;
          line-height: 70px;
          padding: 0 30px;
          margin: 0;
          color: #5f5f5f;
          text-transform: uppercase;
          font-size: 8px;
          font-size: 0.8rem; }
      .reservation-step-1 .calendar .box .wrap {
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        border: 1px solid #ddd;
        border-top: none;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
      .reservation-step-1 .calendar .box .day {
        width: 30%;
        border-right: 1px solid #ddd;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box; }
        .reservation-step-1 .calendar .box .day p {
          text-transform: uppercase;
          margin: 0;
          padding: 23px 0;
          text-align: center;
          display: block;
          font-size: 10px;
          font-size: 1rem;
          font-weight: bold;
          border-bottom: 1px solid #ddd; }
        .reservation-step-1 .calendar .box .day em {
          display: block;
          text-align: center;
          font-weight: 500;
          font-size: 30px;
          font-size: 3rem;
          font-style: normal;
          margin: 32px 0 0; }
      .reservation-step-1 .calendar .box .hold {
        width: 70%; }
      .reservation-step-1 .calendar .box .month {
        width: 100%;
        position: relative;
        background-color: #fff;
        height: 40px; }
        .reservation-step-1 .calendar .box .month em {
          width: 100%;
          text-align: center;
          line-height: 40px;
          font-size: 10px;
          font-size: 1rem;
          color: #5f5f5f;
          font-weight: bold;
          font-style: normal;
          display: block;
          position: absolute;
          z-index: 1; }
        .reservation-step-1 .calendar .box .month .prev {
          display: block;
          width: 15px;
          height: 15px;
          position: absolute;
          z-index: 10;
          left: 18px;
          top: 50%;
          margin: -7px 0 0;
          background: url("/img/main/icon-calendar-nav-grey.svg") no-repeat 50% 50%;
          -moz-background-size: cover;
          -webkit-background-size: cover;
          background-size: cover;
          -moz-transform: rotate(180deg);
          -o-transform: rotate(180deg);
          -ms-transform: rotate(180deg);
          -webkit-transform: rotate(180deg);
          transform: rotate(180deg); }
        .reservation-step-1 .calendar .box .month .next {
          display: block;
          width: 15px;
          height: 15px;
          position: absolute;
          z-index: 10;
          right: 18px;
          top: 50%;
          margin: -7px 0 0;
          background: url("/img/main/icon-calendar-nav-grey.svg") no-repeat 50% 50%;
          -moz-background-size: cover;
          -webkit-background-size: cover;
          background-size: cover; }
      .reservation-step-1 .calendar .box .table {
        width: 100%;
        background: #fff; }
        .reservation-step-1 .calendar .box .table thead tr {
          border-top: 1px solid #ddd;
          border-bottom: 1px solid #ddd; }
          .reservation-step-1 .calendar .box .table thead tr th {
            padding: 5px;
            color: #5f5f5f;
            font-size: 8px;
            font-size: 0.8rem;
            text-transform: uppercase;
            font-weight: 500;
            text-align: center; }
        .reservation-step-1 .calendar .box .table tbody tr td {
          color: #5f5f5f;
          padding: 5px;
          font-size: 8px;
          font-size: 0.8rem;
          text-align: center;
          cursor: pointer; }
          .reservation-step-1 .calendar .box .table tbody tr td span {
            padding: 0 4px; }
          .reservation-step-1 .calendar .box .table tbody tr td:hover span {
            color: #70c944; }
          .reservation-step-1 .calendar .box .table tbody tr td.selected span {
            background-color: #70c944;
            color: #fff; }
      .reservation-step-1 .calendar .box:hover .date {
        background-color: #d02323; }
        .reservation-step-1 .calendar .box:hover .date p {
          color: #fff; }
      .reservation-step-1 .calendar .box:hover .wrap {
        border-color: #d02323; }
      .reservation-step-1 .calendar .box:hover .day {
        border-color: #d02323; }
        .reservation-step-1 .calendar .box:hover .day p {
          color: #d02323; }
      .reservation-step-1 .calendar .box:hover .month em {
        color: #d02323; }
      .reservation-step-1 .calendar .box:hover .month .prev {
        background: url("/img/main/icon-calendar-nav.svg") no-repeat 50% 50%;
        -moz-background-size: cover;
        -webkit-background-size: cover;
        background-size: cover;
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg); }
      .reservation-step-1 .calendar .box:hover .month .next {
        background: url("/img/main/icon-calendar-nav.svg") no-repeat 50% 50%;
        -moz-background-size: cover;
        -webkit-background-size: cover;
        background-size: cover; }
  @media (max-width: 1024px) {
    .reservation-step-1 .info .title {
      font-size: 10px;
      font-size: 1rem; }
    .reservation-step-1 .calendar .box .wrap .day {
      width: 100%;
      -webkit-box-ordinal-group: 3;
      -webkit-order: 2;
      -moz-order: 2;
      -ms-flex-order: 2;
      order: 2;
      border: none;
      margin: 10px 0 0;
      border-top: 1px solid #ddd; }
      .reservation-step-1 .calendar .box .wrap .day p {
        width: 70%;
        float: left;
        padding: 0;
        line-height: 70px;
        display: block;
        border: none;
        border-right: 1px solid #ddd;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box; }
      .reservation-step-1 .calendar .box .wrap .day em {
        width: 30%;
        margin: 0;
        float: left;
        text-align: center;
        line-height: 70px; }
    .reservation-step-1 .calendar .box .wrap .hold {
      width: 100%;
      -webkit-box-ordinal-group: 2;
      -webkit-order: 1;
      -moz-order: 1;
      -ms-flex-order: 1;
      order: 1; } }

.reservation-step-2 {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 20px 0 20px;
  margin: 40px 0 0; }
  .reservation-step-2 .info {
    width: 100%;
    overflow: hidden; }
    .reservation-step-2 .info .icon {
      float: left;
      width: 35px;
      height: 35px;
      margin: 0 20px 0 0; }
      .reservation-step-2 .info .icon svg {
        fill: #d02323; }
    .reservation-step-2 .info .title {
      float: left;
      text-transform: uppercase; }
    .reservation-step-2 .info p {
      float: left;
      width: 100%;
      margin: 15px 0 0;
      padding: 0 35% 0 0;
      display: block;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      font-size: 8px;
      font-size: 0.8rem;
      color: #5f5f5f; }
      @media (max-width: 1024px) {
        .reservation-step-2 .info p {
          padding: 0; } }
  .reservation-step-2 .form label {
    text-transform: uppercase;
    font-size: 10px;
    font-size: 1rem;
    font-weight: 500;
    padding: 10px 0 20px 0; }
  .reservation-step-2 .form .selectize-input {
    padding: 15px; }
  @media (max-width: 1024px) {
    .reservation-step-2 .info .title {
      font-size: 10px;
      font-size: 1rem; } }

.reservation-step-3 {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 20px 40px 20px;
  margin: 40px 0 0; }
  .reservation-step-3 .info {
    width: 100%;
    overflow: hidden; }
    .reservation-step-3 .info .icon {
      float: left;
      width: 50px;
      height: 25px;
      margin: 8px 20px 0 0; }
      .reservation-step-3 .info .icon svg {
        fill: #d02323; }
    .reservation-step-3 .info .title {
      float: left;
      text-transform: uppercase; }
    .reservation-step-3 .info p {
      float: left;
      width: 100%;
      margin: 15px 0 0;
      padding: 0 35% 0 0;
      display: block;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      font-size: 8px;
      font-size: 0.8rem;
      color: #5f5f5f; }
      @media (max-width: 1024px) {
        .reservation-step-3 .info p {
          padding: 0; } }
  .reservation-step-3 .car-models {
    width: 100%;
    position: relative;
    margin: 20px 0 0;
    padding: 50px 0 0; }
    .reservation-step-3 .car-models .item:first-child .type {
      border-left: 1px solid #ddd; }
    .reservation-step-3 .car-models .type {
      width: 20%;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      border: 1px solid #ddd;
      border-left: none;
      background-color: #fbfbfb;
      color: #5f5f5f;
      line-height: 50px;
      font-size: 8px;
      font-size: 0.8rem;
      text-align: center;
      position: absolute;
      top: 0;
      z-index: 1;
      font-weight: normal;
      cursor: pointer; }
      .reservation-step-3 .car-models .type.type-1 {
        left: 0; }
      .reservation-step-3 .car-models .type.type-2 {
        left: 20%; }
      .reservation-step-3 .car-models .type.type-3 {
        left: 40%; }
      .reservation-step-3 .car-models .type.type-4 {
        left: 60%; }
      .reservation-step-3 .car-models .type.type-5 {
        left: 80%; }
      .reservation-step-3 .car-models .type.active {
        background-color: #fff;
        border-bottom: none;
        color: #d02323;
        z-index: 10 !important; }
    .reservation-step-3 .car-models .holder {
      width: 100%;
      background-color: #fff;
      z-index: 1;
      height: 0;
      opacity: 0;
      overflow: hidden;
      -webkit-transition: all 400ms cubic-bezier(0.215, 0.61, 0.355, 1);
      transition: all 400ms cubic-bezier(0.215, 0.61, 0.355, 1); }
      .reservation-step-3 .car-models .holder.active {
        z-index: 10;
        height: auto;
        opacity: 1;
        padding: 30px 0;
        -webkit-transition: all 400ms cubic-bezier(0.215, 0.61, 0.355, 1);
        transition: all 400ms cubic-bezier(0.215, 0.61, 0.355, 1); }
    .reservation-step-3 .car-models .wrap {
      width: 100%;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
      .reservation-step-3 .car-models .wrap .img-holder {
        width: 30%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        align-items: center;
        padding: 0 30px 0 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box; }
      .reservation-step-3 .car-models .wrap .specs {
        width: 25%; }
        .reservation-step-3 .car-models .wrap .specs h3 {
          color: #0a64bf;
          text-transform: uppercase;
          margin: 0 0 10px 0;
          font-size: 9px;
          font-size: 0.9rem; }
        .reservation-step-3 .car-models .wrap .specs p {
          margin: 0 0 5px; }
      .reservation-step-3 .car-models .wrap .options {
        width: 45%; }
        .reservation-step-3 .car-models .wrap .options .hold {
          width: 100%;
          overflow: hidden; }
          .reservation-step-3 .car-models .wrap .options .hold input[type="checkbox"] + label {
            line-height: 26px;
            font-size: 7px;
            font-size: 0.7rem;
            padding: 6px 0 6px 50px;
            text-transform: uppercase; }
          .reservation-step-3 .car-models .wrap .options .hold input[type="checkbox"] + label:before {
            width: 42px;
            height: 24px;
            top: 8px;
            background-color: #fbfbfb;
            border: 1px solid #ddd;
            border-radius: 10px;
            -moz-border-radius: 10px;
            -webkit-border-radius: 10px;
            -webkit-transition: all 400ms cubic-bezier(0.215, 0.61, 0.355, 1);
            transition: all 400ms cubic-bezier(0.215, 0.61, 0.355, 1);
            display: block;
            position: absolute;
            left: 0; }
          .reservation-step-3 .car-models .wrap .options .hold input[type="checkbox"] + label:after {
            content: '';
            display: block;
            width: 18px;
            height: 18px;
            background-color: #ddd;
            border-radius: 50%;
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%;
            position: absolute;
            top: 11px;
            left: 3px;
            z-index: 1;
            -webkit-transition: all 400ms cubic-bezier(0.215, 0.61, 0.355, 1);
            transition: all 400ms cubic-bezier(0.215, 0.61, 0.355, 1); }
          .reservation-step-3 .car-models .wrap .options .hold input[type="checkbox"]:checked + label {
            color: #0a64bf; }
          .reservation-step-3 .car-models .wrap .options .hold input[type="checkbox"]:checked + label:before {
            background-image: none;
            -webkit-transition: all 400ms cubic-bezier(0.215, 0.61, 0.355, 1);
            transition: all 400ms cubic-bezier(0.215, 0.61, 0.355, 1);
            background-color: #0a64bf;
            border: 1px solid #0a64bf; }
          .reservation-step-3 .car-models .wrap .options .hold input[type="checkbox"]:checked + label:after {
            -webkit-transition: all 400ms cubic-bezier(0.215, 0.61, 0.355, 1);
            transition: all 400ms cubic-bezier(0.215, 0.61, 0.355, 1);
            background-color: #fff;
            left: 21px; }
  @media (max-width: 1024px) {
    .reservation-step-3 .info .title {
      font-size: 10px;
      font-size: 1rem; }
    .reservation-step-3 .car-models {
      padding: 0; }
      .reservation-step-3 .car-models .item {
        border: 1px solid #ddd;
        border-bottom: none; }
        .reservation-step-3 .car-models .item:last-child {
          border-bottom: 1px solid #ddd; }
      .reservation-step-3 .car-models .type {
        position: relative !important;
        top: inherit !important;
        left: inherit !important;
        width: 100%;
        border: none;
        text-align: left;
        padding: 0 20px;
        color: #5f5f5f; }
        .reservation-step-3 .car-models .type:after {
          content: '';
          display: block;
          background: url("/img/main/svg/icons-23.svg") no-repeat 0 0;
          -moz-background-size: cover;
          -webkit-background-size: cover;
          background-size: cover;
          width: 16px;
          height: 16px;
          position: absolute;
          top: 17px;
          right: 13px;
          opacity: 0.2; }
        .reservation-step-3 .car-models .type.active:after {
          background: url("/img/main/svg/icons-24-red.svg") no-repeat 0 0;
          -moz-background-size: cover;
          -webkit-background-size: cover;
          background-size: cover;
          opacity: 1; }
      .reservation-step-3 .car-models .holder {
        display: block; }
        .reservation-step-3 .car-models .holder .img-holder {
          width: 100%;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box;
          padding: 0 20px; }
        .reservation-step-3 .car-models .holder .specs {
          width: 100%;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box;
          padding: 20px; }
        .reservation-step-3 .car-models .holder .options {
          width: 100%;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box;
          padding: 0 20px; } }

.reservation-step-4 {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 20px 40px 20px;
  margin: 40px 0 0; }
  .reservation-step-4 .info {
    width: 100%;
    overflow: hidden; }
    .reservation-step-4 .info .icon {
      float: left;
      width: 35px;
      height: 35px;
      margin: 0 20px 0 0; }
      .reservation-step-4 .info .icon svg {
        fill: #d02323; }
    .reservation-step-4 .info .title {
      float: left;
      text-transform: uppercase; }
    .reservation-step-4 .info p {
      float: left;
      width: 100%;
      margin: 15px 0 0;
      padding: 0 35% 0 0;
      display: block;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      font-size: 8px;
      font-size: 0.8rem;
      color: #5f5f5f; }
      @media (max-width: 1024px) {
        .reservation-step-4 .info p {
          padding: 0; } }
  .reservation-step-4 .cars-list {
    width: 100%;
    overflow: hidden; }
    .reservation-step-4 .cars-list .item {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      -moz-align-items: center;
      align-items: center;
      padding: 30px 0;
      border-bottom: 1px solid #ddd; }
      .reservation-step-4 .cars-list .item:last-child {
        border: none; }
      .reservation-step-4 .cars-list .item .img-holder {
        width: 30%; }
      .reservation-step-4 .cars-list .item .rates {
        width: 45%; }
        .reservation-step-4 .cars-list .item .rates .name {
          color: #0a64bf;
          width: 100%;
          font-size: 10px;
          font-size: 1rem;
          text-transform: uppercase;
          margin: 0 0 5px 0; }
        .reservation-step-4 .cars-list .item .rates p {
          margin: 0;
          font-size: 8px;
          font-size: 0.8rem; }
          .reservation-step-4 .cars-list .item .rates p strong {
            width: 50%;
            display: inline-block; }
        .reservation-step-4 .cars-list .item .rates h4 {
          color: #0a64bf;
          margin: 10px 0 0;
          font-size: 8px;
          font-size: 0.8rem;
          font-weight: 500;
          text-transform: uppercase; }
        .reservation-step-4 .cars-list .item .rates .total {
          color: #d02323;
          display: inline-block;
          padding: 0 35px 0 0;
          position: relative;
          font-size: 10px;
          font-size: 1rem;
          font-weight: 500; }
        .reservation-step-4 .cars-list .item .rates .tool {
          display: block;
          position: absolute;
          top: 0;
          right: 0;
          background-color: #0a64bf;
          color: #fff;
          width: 12px;
          height: 12px;
          font-size: 9px;
          line-height: 12px;
          text-align: center;
          border-radius: 50%;
          -moz-border-radius: 50%;
          -webkit-border-radius: 50%; }
      .reservation-step-4 .cars-list .item .book {
        width: 25%; }
        .reservation-step-4 .cars-list .item .book a {
          width: 100%;
          background-color: #70c944;
          height: 100%;
          padding: 12px 25px;
          overflow: visible;
          margin: 0;
          text-transform: uppercase;
          display: -webkit-box;
          display: -webkit-flex;
          display: -moz-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box;
          -webkit-box-align: center;
          -ms-flex-align: center;
          -webkit-align-items: center;
          -moz-align-items: center;
          align-items: center;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          -webkit-justify-content: center;
          -moz-justify-content: center;
          justify-content: center;
          border: none;
          cursor: pointer; }
          .reservation-step-4 .cars-list .item .book a:after {
            font-family: "autofrance" !important;
            font-style: normal !important;
            font-weight: normal !important;
            font-variant: normal !important;
            text-transform: none !important;
            speak: none;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            vertical-align: middle;
            padding: 0 5px;
            content: "\e013";
            padding: 0 5px;
            margin-left: 15px;
            -moz-transform: rotate(90deg);
            -o-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            -webkit-transform: rotate(90deg);
            transform: rotate(90deg); }
          .reservation-step-4 .cars-list .item .book a:hover {
            background-color: #0a64bf;
            color: #fff; }
  @media (max-width: 1024px) {
    .reservation-step-4 .info .title {
      font-size: 10px;
      font-size: 1rem; }
    .reservation-step-4 .cars-list .item {
      display: block; }
      .reservation-step-4 .cars-list .item .img-holder {
        width: 100%; }
      .reservation-step-4 .cars-list .item .rates {
        padding: 30px 0;
        width: 100%; }
      .reservation-step-4 .cars-list .item .book {
        width: 100%; } }

.reservation-step-5 {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 20px 40px 20px;
  margin: 40px 0 0; }
  .reservation-step-5 .info {
    width: 100%;
    overflow: hidden; }
    .reservation-step-5 .info .icon {
      float: left;
      width: 35px;
      height: 35px;
      margin: 0 20px 0 0; }
      .reservation-step-5 .info .icon svg {
        fill: #d02323; }
    .reservation-step-5 .info .title {
      float: left;
      text-transform: uppercase; }
    .reservation-step-5 .info p {
      float: left;
      width: 100%;
      margin: 15px 0 0;
      padding: 0 35% 0 0;
      display: block;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      font-size: 8px;
      font-size: 0.8rem;
      color: #5f5f5f; }
      @media (max-width: 1024px) {
        .reservation-step-5 .info p {
          padding: 0; } }
  .reservation-step-5 .login-box {
    width: 100%;
    margin: 20px 0 0;
    border: 1px solid #ddd; }
    .reservation-step-5 .login-box .title {
      background-color: #fafafa;
      margin: 0;
      position: relative;
      padding: 12px 50px;
      color: #0a64bf;
      font-size: 10px;
      font-size: 1rem;
      font-weight: 500; }
      .reservation-step-5 .login-box .title .tool {
        display: inline-block;
        vertical-align: middle;
        margin: -3px 0 0 10px;
        background-color: #0a64bf;
        color: #fff;
        width: 12px;
        height: 12px;
        font-size: 9px;
        line-height: 12px;
        text-align: center;
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%; }
    .reservation-step-5 .login-box .form {
      padding: 20px 37.5px; }
      .reservation-step-5 .login-box .form .email {
        position: relative;
        width: 100%; }
        .reservation-step-5 .login-box .form .email:after {
          content: '';
          display: block;
          background: url("/img/main/icon-email-red.png") no-repeat 50% 50%;
          -moz-background-size: cover;
          -webkit-background-size: cover;
          background-size: cover;
          width: 15px;
          height: 11px;
          position: absolute;
          left: 18px;
          top: 50%;
          margin: -5px 0 0; }
      .reservation-step-5 .login-box .form .password {
        position: relative;
        width: 100%; }
        .reservation-step-5 .login-box .form .password:after {
          content: '';
          display: block;
          background: url("/img/main/icon-pass-red.png") no-repeat 50% 50%;
          -moz-background-size: cover;
          -webkit-background-size: cover;
          background-size: cover;
          width: 15px;
          height: 15px;
          position: absolute;
          left: 18px;
          top: 50%;
          margin: -7px 0 0; }
      .reservation-step-5 .login-box .form .text {
        background-color: transparent;
        margin: 0;
        padding: 10px 15px 10px 50px; }
      .reservation-step-5 .login-box .form .form-block-2 {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        align-items: center;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        -webkit-justify-content: flex-end;
        -moz-justify-content: flex-end;
        justify-content: flex-end; }
      .reservation-step-5 .login-box .form .submit {
        width: auto;
        margin: 0;
        -webkit-align-self: flex-end;
        -moz-align-self: flex-end;
        -ms-flex-item-align: end;
        align-self: flex-end; }
      .reservation-step-5 .login-box .form p {
        margin: 0;
        width: 100%;
        font-size: 8px;
        font-size: 0.8rem; }
        .reservation-step-5 .login-box .form p a {
          color: #0a64bf; }
      .reservation-step-5 .login-box .form h3 {
        color: #0a64bf;
        font-size: 10px;
        font-size: 1rem;
        font-weight: 500;
        margin: 0;
        width: 100%; }
      .reservation-step-5 .login-box .form .cont {
        margin: 0; }
  .reservation-step-5 .box {
    width: 100%;
    margin: 20px 0 0;
    border: 1px solid #ddd; }
    .reservation-step-5 .box .title {
      background-color: #fafafa;
      margin: 0;
      position: relative;
      padding: 12px 50px;
      color: #5f5f5f;
      font-size: 10px;
      font-size: 1rem;
      font-weight: 500;
      cursor: pointer; }
      .reservation-step-5 .box .title:after {
        content: '';
        display: block;
        width: 15px;
        height: 15px;
        position: absolute;
        top: 15px;
        right: 15px;
        background: url("/img/main/svg/icons-23.svg") no-repeat 50% 50%;
        -moz-background-size: cover;
        -webkit-background-size: cover;
        background-size: cover;
        opacity: 0.25; }
      .reservation-step-5 .box .title.open {
        color: #0a64bf; }
        .reservation-step-5 .box .title.open:after {
          background: url("/img/main/svg/icons-24-blue.svg") no-repeat 50% 50%;
          -moz-background-size: cover;
          -webkit-background-size: cover;
          background-size: cover;
          opacity: 1; }
      .reservation-step-5 .box .title .tool {
        display: inline-block;
        vertical-align: middle;
        margin: -3px 0 0 10px;
        background-color: #0a64bf;
        color: #fff;
        width: 12px;
        height: 12px;
        font-size: 9px;
        line-height: 12px;
        text-align: center;
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%; }
    .reservation-step-5 .box .fields {
      width: 100%; }
    .reservation-step-5 .box .form {
      padding: 20px 37.5px; }
      .reservation-step-5 .box .form .button-1, .reservation-step-5 .box .form .button-2, .reservation-step-5 .box .form .button-3 {
        float: right; }
      .reservation-step-5 .box .form .form-block-1, .reservation-step-5 .box .form .form-block-2, .reservation-step-5 .box .form .form-block-3, .reservation-step-5 .box .form .form-block-4, .reservation-step-5 .box .form .form-block-2, .reservation-step-5 .box .form .form-block-3, .reservation-step-5 .box .form .form-block-4 {
        position: relative; }
        .reservation-step-5 .box .form .form-block-1 input[type="text"], .reservation-step-5 .box .form .form-block-2 input[type="text"], .reservation-step-5 .box .form .form-block-3 input[type="text"], .reservation-step-5 .box .form .form-block-4 input[type="text"], .reservation-step-5 .box .form .form-block-1 input[type="search"], .reservation-step-5 .box .form .form-block-2 input[type="search"], .reservation-step-5 .box .form .form-block-3 input[type="search"], .reservation-step-5 .box .form .form-block-4 input[type="search"], .reservation-step-5 .box .form .form-block-1 textarea, .reservation-step-5 .box .form .form-block-2 textarea, .reservation-step-5 .box .form .form-block-3 textarea, .reservation-step-5 .box .form .form-block-4 textarea, .reservation-step-5 .box .form .form-block-1 select, .reservation-step-5 .box .form .form-block-2 select, .reservation-step-5 .box .form .form-block-3 select, .reservation-step-5 .box .form .form-block-4 select, .reservation-step-5 .box .form .form-block-2 input[type="text"], .reservation-step-5 .box .form .form-block-2 input[type="search"], .reservation-step-5 .box .form .form-block-2 textarea, .reservation-step-5 .box .form .form-block-2 select, .reservation-step-5 .box .form .form-block-3 input[type="text"], .reservation-step-5 .box .form .form-block-3 input[type="search"], .reservation-step-5 .box .form .form-block-3 textarea, .reservation-step-5 .box .form .form-block-3 select, .reservation-step-5 .box .form .form-block-4 input[type="text"], .reservation-step-5 .box .form .form-block-4 input[type="search"], .reservation-step-5 .box .form .form-block-4 textarea, .reservation-step-5 .box .form .form-block-4 select {
          position: relative;
          z-index: 1;
          padding: 25px 15px 10px; }
        .reservation-step-5 .box .form .form-block-1 .placeholder, .reservation-step-5 .box .form .form-block-2 .placeholder, .reservation-step-5 .box .form .form-block-3 .placeholder, .reservation-step-5 .box .form .form-block-4 .placeholder, .reservation-step-5 .box .form .form-block-2 .placeholder, .reservation-step-5 .box .form .form-block-3 .placeholder, .reservation-step-5 .box .form .form-block-4 .placeholder {
          position: absolute;
          left: 29px;
          top: 18px;
          z-index: 10;
          display: block;
          font-size: 7px;
          font-size: 0.7rem;
          padding: 0; }
          @media (max-width: 1024px) {
            .reservation-step-5 .box .form .form-block-1 .placeholder, .reservation-step-5 .box .form .form-block-2 .placeholder, .reservation-step-5 .box .form .form-block-3 .placeholder, .reservation-step-5 .box .form .form-block-4 .placeholder, .reservation-step-5 .box .form .form-block-2 .placeholder, .reservation-step-5 .box .form .form-block-3 .placeholder, .reservation-step-5 .box .form .form-block-4 .placeholder {
              left: 16px; } }
      .reservation-step-5 .box .form .form-group-1, .reservation-step-5 .box .form .form-group-2 {
        border-bottom: 1px solid #ddd;
        padding: 0 0 20px 0;
        margin: 0 0 20px 0; }
        .reservation-step-5 .box .form .form-group-1:last-child, .reservation-step-5 .box .form .form-group-2:last-child {
          border: none;
          padding: 0;
          margin: 0; }
      .reservation-step-5 .box .form .name .name-wrap {
        width: 75%;
        float: left;
        position: relative; }
        .reservation-step-5 .box .form .name .name-wrap .placeholder {
          top: 6px;
          left: 17px; }
      .reservation-step-5 .box .form .name .mi-wrap {
        width: 20%;
        float: right;
        position: relative; }
        .reservation-step-5 .box .form .name .mi-wrap .placeholder {
          top: 6px;
          left: 17px; }
      .reservation-step-5 .box .form .hold {
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 12.5px; }
        .reservation-step-5 .box .form .hold:after {
          content: "";
          display: block;
          clear: both; }
        .reservation-step-5 .box .form .hold label span {
          float: right; }
        .reservation-step-5 .box .form .hold input[type="checkbox"] + label {
          line-height: 26px;
          font-size: 7px;
          font-size: 0.7rem;
          padding: 6px 0 6px 50px;
          text-transform: uppercase;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box;
          display: block;
          width: 100%;
          overflow: hidden;
          position: relative;
          margin: 0;
          font-weight: normal; }
        .reservation-step-5 .box .form .hold input[type="checkbox"] + label:before {
          width: 42px;
          height: 24px;
          top: 8px;
          background-color: #fbfbfb;
          border: 1px solid #ddd;
          border-radius: 10px;
          -moz-border-radius: 10px;
          -webkit-border-radius: 10px;
          -webkit-transition: all 400ms cubic-bezier(0.215, 0.61, 0.355, 1);
          transition: all 400ms cubic-bezier(0.215, 0.61, 0.355, 1);
          display: block;
          position: absolute;
          left: 0; }
        .reservation-step-5 .box .form .hold input[type="checkbox"] + label:after {
          content: '';
          display: block;
          width: 18px;
          height: 18px;
          background-color: #ddd;
          border-radius: 50%;
          -moz-border-radius: 50%;
          -webkit-border-radius: 50%;
          position: absolute;
          top: 11px;
          left: 3px;
          z-index: 1;
          -webkit-transition: all 400ms cubic-bezier(0.215, 0.61, 0.355, 1);
          transition: all 400ms cubic-bezier(0.215, 0.61, 0.355, 1); }
        .reservation-step-5 .box .form .hold input[type="checkbox"]:checked + label {
          color: #0a64bf; }
        .reservation-step-5 .box .form .hold input[type="checkbox"]:checked + label:before {
          background-image: none;
          -webkit-transition: all 400ms cubic-bezier(0.215, 0.61, 0.355, 1);
          transition: all 400ms cubic-bezier(0.215, 0.61, 0.355, 1);
          background-color: #0a64bf;
          border: 1px solid #0a64bf; }
        .reservation-step-5 .box .form .hold input[type="checkbox"]:checked + label:after {
          -webkit-transition: all 400ms cubic-bezier(0.215, 0.61, 0.355, 1);
          transition: all 400ms cubic-bezier(0.215, 0.61, 0.355, 1);
          background-color: #fff;
          left: 21px; }
        .reservation-step-5 .box .form .hold .selectize-control {
          width: 70px;
          float: left;
          margin: 10px 10px 10px 0; }
          .reservation-step-5 .box .form .hold .selectize-control .selectize-input {
            padding: 10px 15px; }
        .reservation-step-5 .box .form .hold label {
          margin: 20px 0 0;
          font-size: 7px;
          font-size: 0.7rem;
          font-weight: normal; }
        .reservation-step-5 .box .form .hold em {
          float: right;
          margin: 20px 0 0;
          font-size: 7px;
          font-size: 0.7rem;
          font-style: normal; }
      .reservation-step-5 .box .form .wrap {
        width: 100%;
        overflow: hidden;
        padding: 0 12.5px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box; }
        .reservation-step-5 .box .form .wrap input[type="checkbox"] + label {
          font-size: 8px;
          font-size: 0.8rem; }
        .reservation-step-5 .box .form .wrap .form input[type="checkbox"] + label:before {
          border: 1px solid #ddd; }
        .reservation-step-5 .box .form .wrap h3 {
          margin: 0;
          position: relative;
          color: #0a64bf;
          font-size: 10px;
          font-size: 1rem;
          font-weight: 500;
          cursor: pointer; }
          .reservation-step-5 .box .form .wrap h3 .tool {
            display: inline-block;
            vertical-align: middle;
            margin: -3px 0 0 10px;
            background-color: #0a64bf;
            color: #fff;
            width: 12px;
            height: 12px;
            font-size: 9px;
            line-height: 12px;
            text-align: center;
            border-radius: 50%;
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%; }
        .reservation-step-5 .box .form .wrap p {
          width: 100%;
          overflow: hidden;
          padding: 15px 20px;
          display: block;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box;
          margin: 0;
          font-size: 8px;
          font-size: 0.8rem; }
          .reservation-step-5 .box .form .wrap p span {
            float: right; }
          .reservation-step-5 .box .form .wrap p.discount {
            background-color: #fafafa;
            border-bottom: 1px solid #ddd; }
          .reservation-step-5 .box .form .wrap p.total {
            color: #d02323;
            font-weight: 500; }
      .reservation-step-5 .box .form .summary {
        width: 100%;
        overflow: hidden; }
        .reservation-step-5 .box .form .summary .hold {
          width: 35%;
          float: left;
          margin: 11px 0 0; }
        .reservation-step-5 .box .form .summary .coupon {
          float: left;
          width: 45%;
          position: relative; }
          .reservation-step-5 .box .form .summary .coupon .text {
            position: relative;
            z-index: 1;
            padding: 25px 15px 10px; }
          .reservation-step-5 .box .form .summary .coupon .placeholder {
            top: 6px;
            left: 17px;
            position: absolute;
            z-index: 10;
            padding: 0; }
        .reservation-step-5 .box .form .summary .apply {
          float: right;
          margin: 0; }
      .reservation-step-5 .box .form .book {
        width: 280px;
        background-color: #70c944;
        height: 100%;
        padding: 12px 25px;
        overflow: visible;
        margin: 0;
        text-transform: uppercase;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        justify-content: center;
        border: none;
        cursor: pointer;
        float: right; }
        .reservation-step-5 .box .form .book:after {
          font-family: "autofrance" !important;
          font-style: normal !important;
          font-weight: normal !important;
          font-variant: normal !important;
          text-transform: none !important;
          speak: none;
          line-height: 1;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          vertical-align: middle;
          padding: 0 5px;
          content: "\e013";
          padding: 0 5px;
          margin-left: 15px;
          -moz-transform: rotate(90deg);
          -o-transform: rotate(90deg);
          -ms-transform: rotate(90deg);
          -webkit-transform: rotate(90deg);
          transform: rotate(90deg); }
        .reservation-step-5 .box .form .book:hover {
          background-color: #0a64bf;
          color: #fff; }
  @media (max-width: 1024px) {
    .reservation-step-5 .info .title {
      font-size: 10px;
      font-size: 1rem; }
    .reservation-step-5 .login-box .title {
      padding: 12px 20px;
      font-size: 9px;
      font-size: 0.9rem; }
    .reservation-step-5 .login-box .form {
      padding: 20px; }
      .reservation-step-5 .login-box .form .form-block-2 {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        -webkit-justify-content: flex-start;
        -moz-justify-content: flex-start;
        justify-content: flex-start; }
    .reservation-step-5 .box .title {
      padding: 12px 20px;
      font-size: 9px;
      font-size: 0.9rem; }
    .reservation-step-5 .box .form {
      padding: 20px; }
      .reservation-step-5 .box .form .button-1, .reservation-step-5 .box .form .button-2, .reservation-step-5 .box .form .button-3 {
        float: none;
        width: 100%;
        margin: 10px 0 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        text-align: center; }
      .reservation-step-5 .box .form .hold {
        padding: 0; }
        .reservation-step-5 .box .form .hold label {
          margin: 10px 0 0;
          line-height: normal;
          width: 78%; }
        .reservation-step-5 .box .form .hold em {
          float: none;
          margin: 0;
          padding: 0 5px; }
        .reservation-step-5 .box .form .hold .selectize-control {
          width: 20%;
          margin: 10px 2% 10px 0; }
      .reservation-step-5 .box .form .hold input[type="checkbox"] + label {
        line-height: normal;
        width: auto; }
        .reservation-step-5 .box .form .hold input[type="checkbox"] + label span {
          float: none;
          display: block; }
      .reservation-step-5 .box .form .wrap {
        padding: 0; }
      .reservation-step-5 .box .form .summary .hold {
        width: 100%;
        float: none; }
      .reservation-step-5 .box .form .summary .coupon {
        float: none;
        width: 100%;
        margin: 20px 0; } }

/* account styles */
.account-page {
  position: relative;
  margin: 50px 20px 20px 20px;
  padding: 50px 0 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .account-page .item:first-child .section {
    border-left: 1px solid #ddd; }
  .account-page .section {
    width: 25%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #ddd;
    border-left: none;
    background-color: #fbfbfb;
    color: #5f5f5f;
    line-height: 50px;
    font-size: 8px;
    font-size: 0.8rem;
    text-align: center;
    position: absolute;
    top: 0;
    z-index: 1;
    font-weight: normal;
    cursor: pointer; }
    .account-page .section.section-1 {
      left: 0; }
    .account-page .section.section-2 {
      left: 25%; }
    .account-page .section.section-3 {
      left: 50%; }
    .account-page .section.section-4 {
      left: 75%; }
    .account-page .section.active {
      background-color: #fff;
      color: #d02323;
      z-index: 10 !important; }
  .account-page .holder {
    width: 100%;
    background-color: #fff;
    z-index: 1;
    height: 0;
    opacity: 0;
    overflow: hidden;
    -webkit-transition: all 400ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 400ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .account-page .holder.active {
      z-index: 10;
      height: auto;
      opacity: 1;
      padding: 30px 0;
      -webkit-transition: all 400ms cubic-bezier(0.215, 0.61, 0.355, 1);
      transition: all 400ms cubic-bezier(0.215, 0.61, 0.355, 1); }
  .account-page .personal {
    width: 100%; }
    .account-page .personal .wrap {
      width: 100%;
      overflow: hidden;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: space-between;
      -moz-justify-content: space-between;
      justify-content: space-between; }
      .account-page .personal .wrap em {
        padding: 15px 0;
        font-style: normal;
        font-size: 9px;
        font-size: 0.9rem; }
      .account-page .personal .wrap .save {
        margin: 0; }
    .account-page .personal .box {
      width: 100%;
      margin: 20px 0 0;
      border: 1px solid #ddd;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }
      .account-page .personal .box.person-info {
        width: 67%; }
      .account-page .personal .box.card-info {
        width: 30%; }
      .account-page .personal .box .form {
        padding: 10px 37.5px; }
      .account-page .personal .box .title {
        background-color: #fafafa;
        margin: 0;
        position: relative;
        padding: 12px 50px;
        color: #0a64bf;
        font-size: 10px;
        font-size: 1rem;
        font-weight: 500;
        cursor: pointer; }
        .account-page .personal .box .title .tool {
          display: inline-block;
          vertical-align: middle;
          margin: -3px 0 0 10px;
          background-color: #0a64bf;
          color: #fff;
          width: 12px;
          height: 12px;
          font-size: 9px;
          line-height: 12px;
          text-align: center;
          border-radius: 50%;
          -moz-border-radius: 50%;
          -webkit-border-radius: 50%; }
      .account-page .personal .box .fields {
        width: 100%; }
      .account-page .personal .box .button-1, .account-page .personal .box .button-2, .account-page .personal .box .button-3 {
        float: right; }
      .account-page .personal .box .form-block-1, .account-page .personal .box .form .form-block-2, .form .account-page .personal .box .form-block-2, .account-page .personal .box .form .form-block-3, .form .account-page .personal .box .form-block-3, .account-page .personal .box .form .form-block-4, .form .account-page .personal .box .form-block-4, .account-page .personal .box .form-block-2, .account-page .personal .box .form-block-3, .account-page .personal .box .form-block-4 {
        position: relative; }
        .account-page .personal .box .form-block-1 input[type="text"], .account-page .personal .box .form .form-block-2 input[type="text"], .form .account-page .personal .box .form-block-2 input[type="text"], .account-page .personal .box .form .form-block-3 input[type="text"], .form .account-page .personal .box .form-block-3 input[type="text"], .account-page .personal .box .form .form-block-4 input[type="text"], .form .account-page .personal .box .form-block-4 input[type="text"], .account-page .personal .box .form-block-1 input[type="search"], .account-page .personal .box .form .form-block-2 input[type="search"], .form .account-page .personal .box .form-block-2 input[type="search"], .account-page .personal .box .form .form-block-3 input[type="search"], .form .account-page .personal .box .form-block-3 input[type="search"], .account-page .personal .box .form .form-block-4 input[type="search"], .form .account-page .personal .box .form-block-4 input[type="search"], .account-page .personal .box .form-block-1 textarea, .account-page .personal .box .form .form-block-2 textarea, .form .account-page .personal .box .form-block-2 textarea, .account-page .personal .box .form .form-block-3 textarea, .form .account-page .personal .box .form-block-3 textarea, .account-page .personal .box .form .form-block-4 textarea, .form .account-page .personal .box .form-block-4 textarea, .account-page .personal .box .form-block-1 select, .account-page .personal .box .form .form-block-2 select, .form .account-page .personal .box .form-block-2 select, .account-page .personal .box .form .form-block-3 select, .form .account-page .personal .box .form-block-3 select, .account-page .personal .box .form .form-block-4 select, .form .account-page .personal .box .form-block-4 select, .account-page .personal .box .form-block-2 input[type="text"], .account-page .personal .box .form-block-2 input[type="search"], .account-page .personal .box .form-block-2 textarea, .account-page .personal .box .form-block-2 select, .account-page .personal .box .form-block-3 input[type="text"], .account-page .personal .box .form-block-3 input[type="search"], .account-page .personal .box .form-block-3 textarea, .account-page .personal .box .form-block-3 select, .account-page .personal .box .form-block-4 input[type="text"], .account-page .personal .box .form-block-4 input[type="search"], .account-page .personal .box .form-block-4 textarea, .account-page .personal .box .form-block-4 select {
          position: relative;
          z-index: 1;
          padding: 25px 15px 10px; }
        .account-page .personal .box .form-block-1 .placeholder, .account-page .personal .box .form .form-block-2 .placeholder, .form .account-page .personal .box .form-block-2 .placeholder, .account-page .personal .box .form .form-block-3 .placeholder, .form .account-page .personal .box .form-block-3 .placeholder, .account-page .personal .box .form .form-block-4 .placeholder, .form .account-page .personal .box .form-block-4 .placeholder, .account-page .personal .box .form-block-2 .placeholder, .account-page .personal .box .form-block-3 .placeholder, .account-page .personal .box .form-block-4 .placeholder {
          position: absolute;
          left: 29px;
          top: 18px;
          z-index: 10;
          display: block;
          font-size: 7px;
          font-size: 0.7rem;
          padding: 0; }
          @media (max-width: 1024px) {
            .account-page .personal .box .form-block-1 .placeholder, .account-page .personal .box .form .form-block-2 .placeholder, .form .account-page .personal .box .form-block-2 .placeholder, .account-page .personal .box .form .form-block-3 .placeholder, .form .account-page .personal .box .form-block-3 .placeholder, .account-page .personal .box .form .form-block-4 .placeholder, .form .account-page .personal .box .form-block-4 .placeholder, .account-page .personal .box .form-block-2 .placeholder, .account-page .personal .box .form-block-3 .placeholder, .account-page .personal .box .form-block-4 .placeholder {
              left: 16px; } }
      .account-page .personal .box .sub-items {
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 0 0 34px; }
        .account-page .personal .box .sub-items .sub-item {
          padding: 5px 0;
          width: 100%; }
      .account-page .personal .box .form-group-1, .account-page .personal .box .form .form-group-2, .form .account-page .personal .box .form-group-2 {
        border-bottom: 1px solid #ddd;
        padding: 0 0 20px 0;
        margin: 0 0 20px 0; }
        .account-page .personal .box .form-group-1:last-child, .account-page .personal .box .form .form-group-2:last-child, .form .account-page .personal .box .form-group-2:last-child {
          border: none;
          padding: 0;
          margin: 0; }
    .account-page .personal .submit {
      float: right;
      margin: 40px 0 0; }
  .account-page .cars-list {
    width: 100%; }
    .account-page .cars-list .item {
      width: 100%;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: space-between;
      -moz-justify-content: space-between;
      justify-content: space-between;
      border-bottom: 1px solid #ddd;
      padding: 25px 0; }
      .account-page .cars-list .item:last-child {
        border: none; }
      .account-page .cars-list .item .img-holder {
        width: 25%;
        padding: 0 25px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        text-align: center;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-direction: normal;
        -webkit-box-orient: vertical;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        align-items: center; }
        .account-page .cars-list .item .img-holder a {
          display: block;
          margin: 20px 0 0;
          width: 100%;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box; }
      .account-page .cars-list .item .info {
        width: 70%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
        .account-page .cars-list .item .info .car, .account-page .cars-list .item .info .card, .account-page .cars-list .item .info .pay {
          width: 50%;
          padding: 0 0 10px 0; }
        .account-page .cars-list .item .info .drop {
          width: 25%;
          padding: 0 0 10px 0; }
      .account-page .cars-list .item .name {
        color: #0a64bf;
        width: 100%;
        font-size: 10px;
        font-size: 1rem;
        text-transform: uppercase;
        margin: 0 0 5px 0; }
      .account-page .cars-list .item p {
        margin: 0;
        font-size: 8px;
        font-size: 0.8rem; }
        .account-page .cars-list .item p strong {
          width: 50%;
          display: inline-block; }
      .account-page .cars-list .item h4 {
        color: #0a64bf;
        margin: 10px 0 0;
        font-size: 8px;
        font-size: 0.8rem;
        font-weight: 500;
        text-transform: uppercase; }
      .account-page .cars-list .item .total {
        margin: 10px 0 0;
        text-transform: uppercase;
        font-size: 10px;
        font-size: 1rem;
        color: #5f5f5f;
        font-weight: bold; }
        .account-page .cars-list .item .total span {
          width: 50%;
          display: inline-block;
          color: #0a64bf;
          font-weight: 500;
          font-size: 8px;
          font-size: 0.8rem; }
    .account-page .cars-list .balance {
      padding: 20px 0 0;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      width: 100%;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: space-between;
      -moz-justify-content: space-between;
      justify-content: space-between; }
      .account-page .cars-list .balance .text .current {
        margin: 0;
        color: #0a64bf;
        text-transform: uppercase;
        font-size: 10px;
        font-size: 1rem; }
        .account-page .cars-list .balance .text .current span {
          color: #d02323;
          font-weight: 500;
          margin: 0 0 0 30px; }
      .account-page .cars-list .balance .text em {
        font-size: 7px;
        font-size: 0.7rem; }
      .account-page .cars-list .balance .pay {
        margin: 0;
        background-color: #70c944;
        border: 1px solid #70c944; }
        .account-page .cars-list .balance .pay:hover {
          background-color: #fff;
          color: #70c944; }
  .account-page .documents {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between; }
    .account-page .documents .text {
      width: 39%; }
      .account-page .documents .text h4 {
        color: #0a64bf; }
      .account-page .documents .text p {
        font-size: 8px;
        font-size: 0.8rem;
        font-weight: 300;
        margin: 20px 0 0; }
    .account-page .documents .file {
      width: 55%;
      display: block; }
      .account-page .documents .file .wrap {
        width: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        justify-content: space-between; }
        .account-page .documents .file .wrap .drop {
          width: 58%;
          background-color: #fbfbfb;
          text-align: center;
          border: 1px dashed #ddd;
          position: relative; }
          .account-page .documents .file .wrap .drop input[type="file"] {
            display: block;
            width: 100%;
            height: 100%;
            opacity: 0;
            left: 0;
            top: 0;
            position: absolute;
            z-index: 10; }
          .account-page .documents .file .wrap .drop p {
            position: absolute;
            z-index: 1;
            font-size: 8px;
            font-size: 0.8rem;
            margin: 0;
            width: 100%;
            padding: 12px 0;
            text-align: center; }
            .account-page .documents .file .wrap .drop p span {
              color: #00c0ff; }
        .account-page .documents .file .wrap .doc-type {
          width: 38%; }
          .account-page .documents .file .wrap .doc-type .selectric .label {
            padding: 10px 15px; }
      .account-page .documents .file .submit {
        margin: 20px 0 0;
        width: auto;
        float: right; }
    .account-page .documents .doc-tabs {
      width: 100%;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      position: relative; }
      .account-page .documents .doc-tabs .tabs {
        width: 100%;
        overflow: hidden; }
        .account-page .documents .doc-tabs .tabs li {
          width: 50%;
          margin: 0;
          float: left;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box;
          border: 1px solid #ddd;
          background-color: #fbfbfb;
          color: #5f5f5f;
          font-size: 8px;
          font-size: 0.8rem;
          text-transform: uppercase;
          padding: 20px 0;
          text-align: center;
          cursor: pointer;
          font-weight: 500; }
          .account-page .documents .doc-tabs .tabs li:before {
            display: none; }
          .account-page .documents .doc-tabs .tabs li:first-child {
            border-right: none; }
          .account-page .documents .doc-tabs .tabs li:hover, .account-page .documents .doc-tabs .tabs li.active {
            background-color: #fff;
            border-bottom: 1px solid #fff;
            color: #0a64bf; }
      .account-page .documents .doc-tabs .doc {
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        align-items: center;
        padding: 20px;
        background-color: #fafafa; }
        .account-page .documents .doc-tabs .doc:nth-child(odd) {
          background-color: #fff; }
        .account-page .documents .doc-tabs .doc .name {
          margin: 0;
          font-size: 9px;
          font-size: 0.9rem;
          color: #5f5f5f;
          width: 50%; }
        .account-page .documents .doc-tabs .doc .type {
          margin: 0;
          font-size: 9px;
          font-size: 0.9rem;
          color: #5f5f5f;
          width: 20%; }
        .account-page .documents .doc-tabs .doc .view {
          margin: 0;
          font-size: 9px;
          font-size: 0.9rem;
          color: #00c0ff;
          text-transform: uppercase;
          width: 20%; }
        .account-page .documents .doc-tabs .doc .delete {
          width: 16px;
          height: 16px;
          position: relative;
          text-align: center;
          display: block;
          margin: 0 20px 0; }
          .account-page .documents .doc-tabs .doc .delete:after {
            font-family: "autofrance" !important;
            font-style: normal !important;
            font-weight: normal !important;
            font-variant: normal !important;
            text-transform: none !important;
            speak: none;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            vertical-align: middle;
            padding: 0 5px;
            display: block;
            content: "\E00C";
            position: absolute;
            left: -6px;
            top: 0;
            width: 100%;
            height: 100%;
            text-align: center;
            line-height: 16px;
            color: #d02323; }
  @media (max-width: 1124px) {
    .account-page .personal .box.person-info {
      width: 100%; }
    .account-page .personal .box.card-info {
      width: 100%; }
    .account-page .cars-list .item .img-holder {
      width: 30%; }
    .account-page .cars-list .item .info {
      width: 70%; }
      .account-page .cars-list .item .info .car, .account-page .cars-list .item .info .card, .account-page .cars-list .item .info .pay {
        width: 100%; }
      .account-page .cars-list .item .info .drop {
        width: 50%; }
    .account-page .documents .text {
      width: 100%;
      padding: 0 0 20px 0; }
    .account-page .documents .file {
      width: 100%; } }
  @media (max-width: 1024px) {
    .account-page {
      padding: 0; }
      .account-page .item:last-child .section {
        border-bottom: 1px solid #dddddd; }
      .account-page .section {
        position: relative !important;
        top: inherit !important;
        left: inherit !important;
        width: 100%;
        border: 1px solid #dddddd;
        border-bottom: none;
        text-align: left;
        padding: 0 20px;
        color: #5f5f5f; }
        .account-page .section.active {
          border: 1px solid #dddddd !important;
          border-bottom: none !important; }
        .account-page .section:after {
          content: '';
          display: block;
          background: url("/img/main/svg/icons-23.svg") no-repeat 0 0;
          -moz-background-size: cover;
          -webkit-background-size: cover;
          background-size: cover;
          width: 16px;
          height: 16px;
          position: absolute;
          top: 17px;
          right: 13px;
          opacity: 0.2; }
        .account-page .section.active:after {
          background: url("/img/main/svg/icons-24-red.svg") no-repeat 0 0;
          -moz-background-size: cover;
          -webkit-background-size: cover;
          background-size: cover;
          opacity: 1; }
      .account-page .holder {
        display: block; }
        .account-page .holder.active {
          padding: 30px 15px; }
        .account-page .holder .img-holder {
          width: 100%;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box;
          padding: 0 20px; }
        .account-page .holder .specs {
          width: 100%;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box;
          padding: 20px; }
        .account-page .holder .options {
          width: 100%;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box;
          padding: 0 20px; }
      .account-page .personal .wrap .save {
        display: none; }
      .account-page .personal .item {
        border: 1px solid #ddd;
        border-bottom: none; }
        .account-page .personal .item:last-child {
          border-bottom: 1px solid #ddd; }
      .account-page .personal .box .title {
        padding: 12px 20px;
        font-size: 9px;
        font-size: 0.9rem;
        color: #5f5f5f; }
        .account-page .personal .box .title:after {
          content: '';
          display: block;
          width: 15px;
          height: 15px;
          position: absolute;
          top: 15px;
          right: 15px;
          background: url("/img/main/svg/icons-23.svg") no-repeat 50% 50%;
          -moz-background-size: cover;
          -webkit-background-size: cover;
          background-size: cover;
          opacity: 0.25; }
        .account-page .personal .box .title.open {
          color: #0a64bf; }
          .account-page .personal .box .title.open:after {
            background: url("/img/main/svg/icons-24-blue.svg") no-repeat 50% 50%;
            -moz-background-size: cover;
            -webkit-background-size: cover;
            background-size: cover;
            opacity: 1; }
      .account-page .personal .box .fields {
        display: none; }
      .account-page .personal .box .form {
        padding: 20px; }
        .account-page .personal .box .form .button-1, .account-page .personal .box .form .button-2, .account-page .personal .box .form .button-3 {
          float: none;
          width: 100%;
          margin: 10px 0 0;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box;
          text-align: center; }
        .account-page .personal .box .form .hold {
          padding: 0; }
          .account-page .personal .box .form .hold label {
            margin: 10px 0 0;
            line-height: normal;
            width: 78%; }
          .account-page .personal .box .form .hold em {
            float: none;
            margin: 0;
            padding: 0 5px; }
          .account-page .personal .box .form .hold select {
            width: 20%;
            margin: 10px 2% 10px 0;
            padding: 10px; }
        .account-page .personal .box .form .hold input[type="checkbox"] + label {
          line-height: normal;
          width: auto; }
          .account-page .personal .box .form .hold input[type="checkbox"] + label span {
            float: none;
            display: block; }
        .account-page .personal .box .form .wrap {
          padding: 0; }
        .account-page .personal .box .form .summary .hold {
          width: 100%;
          float: none; }
        .account-page .personal .box .form .summary .coupon {
          float: none;
          width: 100%;
          margin: 20px 0; }
      .account-page .personal .submit {
        width: 100%;
        float: none; }
      .account-page .cars-list .item .img-holder {
        width: 100%;
        padding: 0 0 20px 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box; }
        .account-page .cars-list .item .img-holder img {
          width: 60%; }
      .account-page .cars-list .item .info {
        width: 100%; }
        .account-page .cars-list .item .info .car, .account-page .cars-list .item .info .card, .account-page .cars-list .item .info .pay {
          width: 100%; }
        .account-page .cars-list .item .info .drop {
          width: 50%; }
      .account-page .cars-list .balance .current span {
        float: right; }
      .account-page .cars-list .balance .pay {
        width: 100%;
        text-align: center;
        margin: 20px 0 0; }
      .account-page .documents .doc-tabs .tabs span {
        display: none; }
      .account-page .documents .doc-tabs .doc .name {
        width: 100%;
        margin: 0 0 10px 0; }
      .account-page .documents .doc-tabs .doc .type {
        width: 100%;
        margin: 0 0 10px 0; }
      .account-page .documents .doc-tabs .doc .view {
        margin: 0;
        font-size: 9px;
        font-size: 0.9rem;
        color: #00c0ff;
        text-transform: uppercase;
        width: 50%; }
      .account-page .documents .doc-tabs .doc .delete {
        width: 16px;
        height: 16px;
        position: relative;
        text-align: center;
        display: block;
        margin: 0 40px 0; }
        .account-page .documents .doc-tabs .doc .delete:after {
          font-family: "autofrance" !important;
          font-style: normal !important;
          font-weight: normal !important;
          font-variant: normal !important;
          text-transform: none !important;
          speak: none;
          line-height: 1;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          vertical-align: middle;
          padding: 0 5px;
          display: block;
          content: "\E00C";
          position: absolute;
          left: -6px;
          top: 0;
          width: 100%;
          height: 100%;
          text-align: center;
          line-height: 16px;
          color: #d02323; } }
  @media (max-width: 425px) {
    .account-page .cars-list .item .img-holder {
      width: 100%;
      padding: 0 0 20px 0; }
      .account-page .cars-list .item .img-holder img {
        width: 100%; }
    .account-page .cars-list .item .info {
      width: 100%; }
    .account-page .documents .file .wrap .drop {
      width: 100%;
      margin: 0 0 20px 0; }
      .account-page .documents .file .wrap .drop p {
        position: relative; }
    .account-page .documents .file .wrap .doc-type {
      width: 100%; }
    .account-page .documents .file .submit {
      float: none;
      width: 100%; } }

.popup-1 {
  width: 100%;
  height: 100%;
  background-color: rgba(33, 33, 33, 0.9);
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: fixed;
  z-index: 997; }
  .popup-1 .holder {
    width: 630px;
    overflow: hidden; }
    .popup-1 .holder .res {
      width: 100%;
      overflow: hidden; }
      .popup-1 .holder .res a {
        width: 50%;
        float: right;
        background-color: #d02323;
        height: 100%;
        padding: 20px 25px;
        overflow: visible;
        margin: 0;
        font-size: 13px;
        font-size: 1.3rem;
        text-transform: uppercase;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        justify-content: center;
        border: none;
        cursor: pointer; }
        .popup-1 .holder .res a:after {
          font-family: "autofrance" !important;
          font-style: normal !important;
          font-weight: normal !important;
          font-variant: normal !important;
          text-transform: none !important;
          speak: none;
          line-height: 1;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          vertical-align: middle;
          padding: 0 5px;
          content: "\e013";
          padding: 0 5px;
          margin-left: 15px;
          -moz-transform: rotate(180deg);
          -o-transform: rotate(180deg);
          -ms-transform: rotate(180deg);
          -webkit-transform: rotate(180deg);
          transform: rotate(180deg); }
        .popup-1 .holder .res a:hover {
          color: #fff; }
    .popup-1 .holder .submit {
      width: 100%;
      overflow: hidden; }
      .popup-1 .holder .submit a {
        width: 50%;
        float: right;
        background-color: #70c944;
        height: 100%;
        padding: 12px 25px;
        overflow: visible;
        margin: 0;
        text-transform: uppercase;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        align-items: center;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        -webkit-justify-content: flex-end;
        -moz-justify-content: flex-end;
        justify-content: flex-end;
        border: none;
        cursor: pointer; }
        .popup-1 .holder .submit a:after {
          font-family: "autofrance" !important;
          font-style: normal !important;
          font-weight: normal !important;
          font-variant: normal !important;
          text-transform: none !important;
          speak: none;
          line-height: 1;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          vertical-align: middle;
          padding: 0 5px;
          content: "\e013";
          padding: 0 5px;
          margin-left: 15px;
          -moz-transform: rotate(90deg);
          -o-transform: rotate(90deg);
          -ms-transform: rotate(90deg);
          -webkit-transform: rotate(90deg);
          transform: rotate(90deg); }
        .popup-1 .holder .submit a:hover {
          color: #fff; }
    .popup-1 .holder .box {
      width: 50%;
      float: left;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      padding: 0 0 10px 0;
      background-color: #fff; }
      .popup-1 .holder .box:first-child {
        border-right: 1px solid #d02323; }
      .popup-1 .holder .box .date {
        width: 100%;
        overflow: hidden;
        background-color: #c11a1a; }
        .popup-1 .holder .box .date .icon {
          width: 70px;
          float: left;
          height: 70px;
          background: rgba(0, 0, 0, 0.1);
          display: -webkit-box;
          display: -webkit-flex;
          display: -moz-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          -webkit-align-items: center;
          -moz-align-items: center;
          align-items: center;
          -ms-flex-pack: distribute;
          -webkit-justify-content: space-around;
          -moz-justify-content: space-around;
          justify-content: space-around; }
          .popup-1 .holder .box .date .icon svg {
            width: 60%;
            height: 60%;
            fill: #fff;
            color: #fff; }
        .popup-1 .holder .box .date p {
          float: left;
          line-height: 70px;
          padding: 0 30px;
          margin: 0;
          color: #fff;
          text-transform: uppercase;
          font-size: 8px;
          font-size: 0.8rem; }
      .popup-1 .holder .box .month {
        width: 100%;
        position: relative;
        background-color: #fff;
        height: 40px; }
        .popup-1 .holder .box .month em {
          width: 100%;
          text-align: center;
          line-height: 40px;
          font-size: 10px;
          font-size: 1rem;
          color: #d02323;
          font-weight: bold;
          font-style: normal;
          display: block;
          position: absolute;
          z-index: 1; }
        .popup-1 .holder .box .month .prev {
          display: block;
          width: 15px;
          height: 15px;
          position: absolute;
          z-index: 10;
          left: 18px;
          top: 50%;
          margin: -7px 0 0;
          background: url("/img/main/icon-calendar-nav.svg") no-repeat 50% 50%;
          -moz-background-size: cover;
          -webkit-background-size: cover;
          background-size: cover;
          -moz-transform: rotate(180deg);
          -o-transform: rotate(180deg);
          -ms-transform: rotate(180deg);
          -webkit-transform: rotate(180deg);
          transform: rotate(180deg); }
        .popup-1 .holder .box .month .next {
          display: block;
          width: 15px;
          height: 15px;
          position: absolute;
          z-index: 10;
          right: 18px;
          top: 50%;
          margin: -7px 0 0;
          background: url("/img/main/icon-calendar-nav.svg") no-repeat 50% 50%;
          -moz-background-size: cover;
          -webkit-background-size: cover;
          background-size: cover; }
      .popup-1 .holder .box .dates {
        width: 100%;
        overflow: hidden; }
      .popup-1 .holder .box .table {
        width: 100%;
        background: #fff; }
        .popup-1 .holder .box .table thead tr {
          border-top: 1px solid #dddddd;
          border-bottom: 1px solid #dddddd; }
          .popup-1 .holder .box .table thead tr th {
            padding: 5px;
            color: #5f5f5f;
            font-size: 8px;
            font-size: 0.8rem;
            text-transform: uppercase;
            font-weight: 500;
            text-align: center; }
        .popup-1 .holder .box .table tbody tr td {
          color: #5f5f5f;
          padding: 5px;
          font-size: 8px;
          font-size: 0.8rem;
          text-align: center;
          cursor: pointer; }
          .popup-1 .holder .box .table tbody tr td:hover {
            color: #d02323; }
          .popup-1 .holder .box .table tbody tr td.selected {
            background-color: #d02323;
            color: #fff; }
  @media (max-width: 425px) {
    .popup-1 {
      overflow-y: scroll;
      height: 100%; }
      .popup-1 .holder {
        width: 100%;
        height: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 60px 0 50px 0;
        background-color: #fff; }
        .popup-1 .holder .res a {
          width: 100%;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box;
          font-size: 10px;
          font-size: 1rem; }
        .popup-1 .holder .submit a {
          width: 100%;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box; }
        .popup-1 .holder .box {
          width: 100%; }
          .popup-1 .holder .box:first-child {
            border: none; } }

.login-popup {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 997;
  background-color: rgba(250, 250, 250, 0.95);
  width: 100%;
  height: 100%;
  display: none;
  overflow-y: scroll; }
  .login-popup .close {
    position: absolute;
    top: 0;
    right: 220px;
    background-color: #0a64bf;
    margin: 0;
    padding: 10px 30px;
    color: #fff;
    font-size: 8px;
    font-size: 0.8rem;
    line-height: 15px;
    text-transform: uppercase;
    cursor: pointer; }
    .login-popup .close svg {
      width: 15px;
      height: 15px;
      float: left;
      fill: #fff;
      margin: 0 10px 0 0; }
    @media (max-width: 1024px) {
      .login-popup .close {
        right: 0; } }
  .login-popup .holder {
    width: 100%;
    max-width: 900px;
    margin: auto;
    background-color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .login-popup .holder .intro {
      position: relative;
      width: 40%;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      padding: 70px 50px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      -moz-justify-content: center;
      justify-content: center;
      -webkit-box-direction: normal;
      -webkit-box-orient: vertical;
      -webkit-flex-direction: column;
      -moz-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column; }
      .login-popup .holder .intro:after {
        content: '';
        display: block;
        background-color: #0a64bf;
        opacity: 0.85;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; }
      .login-popup .holder .intro h2 {
        color: #fff;
        position: relative;
        z-index: 1;
        text-transform: uppercase;
        font-weight: 500; }
      .login-popup .holder .intro p {
        color: #fff;
        position: relative;
        z-index: 1;
        margin: 10px 0 0;
        line-height: normal; }
    .login-popup .holder .box {
      width: 60%;
      position: relative;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      padding: 60px 50px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex; }
      .login-popup .holder .box .form {
        width: 100%;
        display: block;
        padding: 0; }
        .login-popup .holder .box .form .email {
          position: relative;
          width: 100%;
          margin: 30px 0 0; }
          .login-popup .holder .box .form .email:after {
            content: '';
            display: block;
            background: url("/img/main/icon-email-red.png") no-repeat 50% 50%;
            -moz-background-size: cover;
            -webkit-background-size: cover;
            background-size: cover;
            width: 15px;
            height: 11px;
            position: absolute;
            left: 18px;
            top: 50%;
            margin: -5px 0 0; }
        .login-popup .holder .box .form .password {
          position: relative;
          width: 100%;
          margin: 30px 0 0; }
          .login-popup .holder .box .form .password:after {
            content: '';
            display: block;
            background: url("/img/main/icon-pass-red.png") no-repeat 50% 50%;
            -moz-background-size: cover;
            -webkit-background-size: cover;
            background-size: cover;
            width: 15px;
            height: 15px;
            position: absolute;
            left: 18px;
            top: 50%;
            margin: -7px 0 0; }
        .login-popup .holder .box .form .text {
          background-color: transparent;
          margin: 0;
          padding: 10px 15px 10px 50px; }
        .login-popup .holder .box .form .wrap {
          width: 100%;
          overflow: hidden;
          margin: 30px 0;
          border-bottom: 1px solid #ddd;
          padding: 0 0 30px 0; }
          .login-popup .holder .box .form .wrap .see-acc {
            float: right;
            margin: 0;
            font-size: 8px;
            font-size: 0.8rem; }
          .login-popup .holder .box .form .wrap p {
            float: left;
            margin: 0;
            padding: 15px 0;
            font-size: 8px;
            font-size: 0.8rem; }
            .login-popup .holder .box .form .wrap p a {
              color: #0a64bf; }
        .login-popup .holder .box .form .sign {
          display: block;
          text-align: center;
          margin: 0;
          font-size: 8px;
          font-size: 0.8rem; }
          .login-popup .holder .box .form .sign a {
            color: #0a64bf; }
  @media (max-width: 1024px) {
    .login-popup {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      padding: 55px 0 0; }
      .login-popup .holder {
        width: 100%;
        max-width: 600px; }
        .login-popup .holder .intro {
          width: 100%;
          padding: 30px; }
        .login-popup .holder .box {
          width: 100%;
          padding: 30px; }
          .login-popup .holder .box .form .wrap {
            text-align: center;
            margin: 15px 0;
            padding: 0 0 15px 0; }
            .login-popup .holder .box .form .wrap p {
              text-align: left;
              float: none; }
            .login-popup .holder .box .form .wrap .email, .login-popup .holder .box .form .wrap .password {
              margin: 15px 0 0; }
            .login-popup .holder .box .form .wrap .see-acc {
              display: inline-block; } }
  @media (max-width: 425px) {
    .login-popup {
      height: calc(100% - 50px);
      overflow-y: scroll;
      top: 0; }
      .login-popup .holder {
        overflow: hidden; } }

.breadcrumb {
  height: auto;
  width: calc(100% - 20px);
  padding: 15px 0;
  border-bottom: 1px solid #dddddd;
  margin: 0 10px;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .breadcrumb p {
    font-size: 0.667em;
    margin-bottom: 0; }
  .breadcrumb a {
    color: #0a64bf; }
  .breadcrumb .divider {
    color: #d02323;
    font-weight: 600;
    margin: 0 5px; }
  @media (max-width: 425px) {
    .breadcrumb {
      display: none; } }

.faq-intro {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 15px 50px 25px;
  border-bottom: 1px solid #dddddd; }
  .faq-intro .box-1 {
    margin-right: 50px;
    fill: #dddddd; }
  @media (max-width: 1024px) {
    .faq-intro {
      -webkit-box-direction: normal;
      -webkit-box-orient: vertical;
      -webkit-flex-direction: column;
      -moz-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      padding: 15px 0 25px; }
      .faq-intro .box-1 {
        display: none !important; } }

.faq-list {
  padding: 40px 0; }
  .faq-list .faq {
    width: auto;
    height: auto;
    border: 1px solid #dddddd;
    margin: 0 0 20px 0; }
    .faq-list .faq .question {
      width: 100%;
      height: auto;
      padding: 15px 68px 15px 25px;
      background-color: #fafafa;
      position: relative;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }
      .faq-list .faq .question:after {
        font-family: "autofrance" !important;
        font-style: normal !important;
        font-weight: normal !important;
        font-variant: normal !important;
        text-transform: none !important;
        speak: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        vertical-align: middle;
        padding: 0 5px;
        content: "\e018";
        font-size: 1em;
        display: inline-block;
        right: 0;
        color: #dddddd;
        padding-right: 25px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%); }
      .faq-list .faq .question .title {
        color: #0a64bf;
        font-size: 1em;
        font-weight: 600; }
      .faq-list .faq .question:hover {
        background-color: #0a64bf; }
        .faq-list .faq .question:hover:after {
          color: white; }
        .faq-list .faq .question:hover .title {
          color: white; }
    .faq-list .faq .answer {
      display: none; }
    .faq-list .faq.open .question:hover:after {
      color: white; }
    .faq-list .faq.open .question:after {
      content: "\e019";
      color: #0a64bf; }
    .faq-list .faq.open .answer {
      display: block;
      width: 100%;
      height: auto;
      padding: 25px 68px 25px 25px;
      position: relative;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }
  @media (max-width: 1024px) {
    .faq-list {
      padding-top: 40px !important;
      padding-bottom: 40px !important; } }

.testimonials-intro {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  width: 100%;
  border-bottom: 1px solid #dddddd;
  padding: 15px 0 25px; }
  .testimonials-intro .box-1 {
    margin-right: 50px; }
  @media (max-width: 1124px) {
    .testimonials-intro {
      -webkit-box-direction: normal;
      -webkit-box-orient: vertical;
      -webkit-flex-direction: column;
      -moz-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column; }
      .testimonials-intro .box-1 {
        margin: 0; } }

.testimonials-list {
  padding-top: 40px; }
  .testimonials-list .item {
    width: 100%;
    margin-bottom: 50px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row; }
    .testimonials-list .item .thumb {
      content: "";
      min-height: 300px;
      height: auto;
      background-image: url("../../img/main/image-1.jpg");
      background-position: center;
      background-size: cover;
      margin-right: 50px; }
    .testimonials-list .item .info {
      display: block; }
      .testimonials-list .item .info .quote {
        margin-top: 30px;
        position: relative;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-direction: normal;
        -webkit-box-orient: horizontal;
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: start;
        -ms-flex-align: start;
        -webkit-align-items: flex-start;
        -moz-align-items: flex-start;
        align-items: flex-start; }
        .testimonials-list .item .info .quote .ico {
          fill: #d02323;
          width: 40px;
          height: 40px;
          margin-right: 15px;
          display: inline-block;
          position: relative; }
        .testimonials-list .item .info .quote .author .name {
          color: #d02323;
          margin-bottom: 0; }
        .testimonials-list .item .info .quote .author .loc {
          font-size: 0.833em;
          margin-bottom: 0; }
  @media (max-width: 1124px) {
    .testimonials-list .item .info .quote {
      margin-top: 15px; } }
  @media (max-width: 1024px) {
    .testimonials-list .item .thumb {
      margin: 0 20px 15px 0; } }
  @media (max-width: 425px) {
    .testimonials-list .item {
      -webkit-box-direction: normal;
      -webkit-box-orient: vertical;
      -webkit-flex-direction: column;
      -moz-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column; }
      .testimonials-list .item .thumb {
        margin: 0 0 15px 0; }
      .testimonials-list .item .info .quote {
        margin-top: 15px; } }

.blog-listing {
  width: 100%; }
  .blog-listing .item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%; }
  .blog-listing .content {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; }
    .blog-listing .content .title {
      color: #0a64bf;
      margin-bottom: 15px; }
    .blog-listing .content .stamp {
      font-weight: 600;
      line-height: 1.25em;
      margin-bottom: 0; }
    .blog-listing .content .category {
      font-size: 0.825em;
      font-weight: 300;
      margin-bottom: 15px; }
    .blog-listing .content .button-1 {
      margin: 0 auto 0 0; }
  @media (max-width: 425px) {
    .blog-listing .item {
      -webkit-box-direction: normal;
      -webkit-box-orient: vertical;
      -webkit-flex-direction: column;
      -moz-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column; }
    .blog-listing .des {
      display: none; }
    .blog-listing .button-1 {
      margin: 0 !important;
      text-align: center; } }

.facebook-comments {
  border-top: 1px solid #ececec;
  padding: 25px 0 0 0; }

.vehicle-listing {
  width: 100%;
  margin: 0 10px; }
  .vehicle-listing .content {
    width: 100%; }
  .vehicle-listing .header-div .vehicle-list-accordion {
    display: none; }
  .vehicle-listing .list {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .vehicle-listing .list .item {
      -webkit-box-flex: 1;
      -webkit-flex-grow: 1;
      -moz-flex-grow: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-direction: normal;
      -webkit-box-orient: vertical;
      -webkit-flex-direction: column;
      -moz-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      background-color: white;
      min-width: 32%;
      width: 32%;
      max-width: 32%;
      border: 1px solid #ececec;
      margin: 5px 0 30px 0;
      position: relative; }
      .vehicle-listing .list .item:nth-child(3n-1) {
        margin-left: 1.75%;
        margin-right: 1.75%; }
      .vehicle-listing .list .item:hover {
        border: 1px solid #d02323; }
        .vehicle-listing .list .item:hover .info .title {
          color: #d02323; }
        .vehicle-listing .list .item:hover .view-models.button-1 {
          border-top: 1px solid #d02323;
          background-color: #d02323;
          color: white; }
      .vehicle-listing .list .item .info {
        padding: 50px 50px 15px;
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box; }
        .vehicle-listing .list .item .info .title {
          font-weight: 600;
          text-transform: uppercase;
          margin-bottom: 20px; }
      .vehicle-listing .list .item .vehicle-image {
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        height: 122px;
        padding: 0 50px 10px;
        text-align: center;
        margin-bottom: 70px; }
        .vehicle-listing .list .item .vehicle-image img {
          height: auto;
          width: auto;
          margin: 0 auto; }
      .vehicle-listing .list .item .view-models {
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        position: absolute;
        bottom: 0; }
        .vehicle-listing .list .item .view-models.button-1 {
          padding: 20px 50px;
          text-align: center;
          font-size: 0.833em;
          background-color: white;
          border-top: 1px solid #ececec;
          border-right: none;
          border-bottom: none;
          border-left: none;
          color: #d02323;
          margin: 0; }
  @media (max-width: 1248px) {
    .vehicle-listing .list .item:nth-child(3n-1) {
      margin-left: 1.5%;
      margin-right: 1.5%; } }
  @media (max-width: 1124px) {
    .vehicle-listing .list .item .info {
      padding: 35px 35px 15px; } }
  @media (max-width: 1024px) {
    .vehicle-listing .list {
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: space-between;
      -moz-justify-content: space-between;
      justify-content: space-between; }
      .vehicle-listing .list .item {
        min-width: 48%;
        width: 48%; }
        .vehicle-listing .list .item:nth-child(3n-1) {
          margin-right: 0;
          margin-left: 0; }
        .vehicle-listing .list .item .info {
          padding: 25px 25px 15px; } }
  @media (max-width: 425px) {
    .vehicle-listing .header-div {
      width: 100%;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: space-between;
      -moz-justify-content: space-between;
      justify-content: space-between; }
      .vehicle-listing .header-div .line-div {
        display: none; }
      .vehicle-listing .header-div .vehicle-list-accordion {
        display: block;
        width: 50px;
        height: 30px;
        position: relative;
        float: right;
        cursor: pointer; }
        .vehicle-listing .header-div .vehicle-list-accordion:after {
          font-family: "autofrance" !important;
          font-style: normal !important;
          font-weight: normal !important;
          font-variant: normal !important;
          text-transform: none !important;
          speak: none;
          line-height: 1;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          vertical-align: middle;
          padding: 0 5px;
          content: "\e018";
          font-size: 1em;
          display: inline-block;
          color: #0a64bf;
          text-align: center;
          right: 0;
          position: absolute;
          top: 50%;
          transform: translateY(-50%);
          -webkit-transform: translateY(-50%);
          -moz-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          -o-transform: translateY(-50%); }
        .vehicle-listing .header-div .vehicle-list-accordion.open:after {
          content: "\e019"; }
    .vehicle-listing .list {
      display: none; }
      .vehicle-listing .list.open {
        display: block; }
      .vehicle-listing .list .item {
        min-width: 100%;
        width: 100%; }
        .vehicle-listing .list .item:nth-child(3n-1) {
          margin-right: 0; }
        .vehicle-listing .list .item .info {
          padding: 50px 50px 15px; } }

.vehicle-detail-listing {
  width: 100%;
  margin: 0 10px; }
  .vehicle-detail-listing .content {
    width: 100%; }
  .vehicle-detail-listing .header-div .title {
    color: #5f5f5f; }
  .vehicle-detail-listing .list {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .vehicle-detail-listing .list .item {
      -webkit-box-flex: 1;
      -webkit-flex-grow: 1;
      -moz-flex-grow: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-direction: normal;
      -webkit-box-orient: vertical;
      -webkit-flex-direction: column;
      -moz-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      background-color: white;
      min-width: 32%;
      width: 32%;
      max-width: 32%;
      border: 1px solid #ececec;
      margin: 5px 0 30px 0;
      position: relative;
      height: auto; }
      .vehicle-detail-listing .list .item:nth-child(3n-1) {
        margin-left: 1.75%;
        margin-right: 1.75%; }
      .vehicle-detail-listing .list .item .wall {
        min-height: 60px;
        height: auto;
        width: 100%;
        background-color: #fafafa;
        padding: 1em 2em;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box; }
        .vehicle-detail-listing .list .item .wall .title {
          font-size: 1em;
          color: #0a64bf;
          font-weight: 600; }
      .vehicle-detail-listing .list .item .info {
        padding: 1em 2em;
        text-align: left;
        position: relative;
        height: auto; }
  @media (max-width: 1248px) {
    .vehicle-detail-listing .list .item:nth-child(3n-1) {
      margin-left: 1.5%;
      margin-right: 1.5%; } }
  @media (max-width: 1024px) {
    .vehicle-detail-listing .list {
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: space-between;
      -moz-justify-content: space-between;
      justify-content: space-between; }
      .vehicle-detail-listing .list .item {
        min-width: 48%;
        width: 48%; }
        .vehicle-detail-listing .list .item:nth-child(3n-1) {
          margin-right: 0;
          margin-left: 0; }
        .vehicle-detail-listing .list .item .info {
          padding: 25px 25px 15px; } }
  @media (max-width: 425px) {
    .vehicle-detail-listing .list {
      -webkit-box-direction: normal;
      -webkit-box-orient: vertical;
      -webkit-flex-direction: column;
      -moz-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column; }
      .vehicle-detail-listing .list .item {
        min-width: 100%;
        width: 100%; } }

.location-legend {
  padding: 0 10px; }
  .location-legend .content {
    margin: 30px 0;
    width: 100%;
    height: auto;
    padding: 10px 20px;
    border: 1px solid #ececec;
    background-color: #fafafa;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center; }
    .location-legend .content .item {
      -webkit-box-flex: 1;
      -webkit-flex-grow: 1;
      -moz-flex-grow: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      -moz-align-items: center;
      align-items: center; }
      .location-legend .content .item .title {
        font-size: 0.833em;
        text-transform: uppercase;
        margin-bottom: 0; }
      .location-legend .content .item .des {
        font-size: 0.667em;
        text-transform: uppercase;
        margin-bottom: 0; }
      .location-legend .content .item .ico-legend {
        width: 20px;
        height: 20px; }
  @media (max-width: 1024px) {
    .location-legend {
      padding: 0; }
      .location-legend .content {
        border-left: none;
        border-right: none;
        padding: 0 10px 20px;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        justify-content: space-between; }
      .location-legend .item {
        margin-right: 5px;
        width: 48.5% !important;
        min-width: 48.5% !important;
        max-width: 48.5% !important;
        margin-bottom: 10px; }
        .location-legend .item.block-1 {
          margin-right: 0;
          width: 100% !important;
          min-width: 100% !important;
          max-width: 100% !important;
          padding: 20px 10px;
          margin-bottom: 20px;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box;
          border-bottom: 1px solid #ececec; }
          .location-legend .item.block-1 .title {
            margin: 0 auto; } }
  @media (max-width: 425px) {
    .location-legend .item {
      width: 48% !important;
      min-width: 48% !important;
      max-width: 48% !important; } }

.location-listing-1 {
  position: relative;
  margin: 0 10px 30px 15px; }
  .location-listing-1 .content {
    width: 100%;
    height: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; }
    .location-listing-1 .content .item {
      margin-bottom: 7.5px;
      cursor: pointer;
      -webkit-box-flex: 1;
      -webkit-flex-grow: 1;
      -moz-flex-grow: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
      -ms-flex-align: start;
      -webkit-align-items: flex-start;
      -moz-align-items: flex-start;
      align-items: flex-start; }
      .location-listing-1 .content .item:hover .des {
        color: #0a64bf;
        font-weight: 600; }
      .location-listing-1 .content .item.active .des {
        color: #0a64bf;
        font-weight: 600; }
      .location-listing-1 .content .item .info {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-direction: normal;
        -webkit-box-orient: vertical;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column; }
      .location-listing-1 .content .item .title {
        font-size: 0.833em;
        text-transform: uppercase;
        margin-bottom: 0; }
      .location-listing-1 .content .item .des {
        font-size: 0.667em;
        text-transform: uppercase;
        margin-bottom: 0; }
      .location-listing-1 .content .item .note {
        font-size: 0.556em;
        text-transform: uppercase;
        margin-bottom: 0;
        font-style: italic;
        color: #d02323;
        font-weight: 600; }
      .location-listing-1 .content .item .ico-legend {
        position: relative;
        top: 3px; }
  @media (max-width: 1124px) {
    .location-listing-1 {
      margin: 0 10px 30px 10px; }
      .location-listing-1 .content {
        -webkit-box-direction: normal;
        -webkit-box-orient: horizontal;
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row; }
        .location-listing-1 .content .item {
          min-width: 24.5%;
          width: 24.5%;
          max-width: 24.5%;
          margin-right: 5px; }
          .location-listing-1 .content .item:nth-child(4n) {
            margin-right: 0; } }
  @media (max-width: 1024px) {
    .location-listing-1 .content {
      -webkit-box-direction: normal;
      -webkit-box-orient: horizontal;
      -webkit-flex-direction: row;
      -moz-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: space-between;
      -moz-justify-content: space-between;
      justify-content: space-between; }
      .location-listing-1 .content .item {
        min-width: 49.5%;
        width: 49.5%;
        max-width: 49.5%;
        margin-right: 5px; }
        .location-listing-1 .content .item:nth-child(4n) {
          margin-right: 5px; }
        .location-listing-1 .content .item:nth-child(2n) {
          margin-right: 0; } }
  @media (max-width: 425px) {
    .location-listing-1 .content {
      -webkit-box-direction: normal;
      -webkit-box-orient: vertical;
      -webkit-flex-direction: column;
      -moz-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column; }
      .location-listing-1 .content .item {
        min-width: 100%;
        width: 100%;
        width: 100%;
        margin-right: 0; } }

.location-map-1 {
  position: relative;
  margin: 0 15px 30px 10px; }
  .location-map-1 .content {
    width: 100%;
    height: inherit;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex; }
  .location-map-1 .map-button {
    position: absolute;
    top: 15px;
    left: 15px;
    z-index: 1;
    height: auto;
    width: auto; }
    .location-map-1 .map-button .zoom-in, .location-map-1 .map-button .zoom-out {
      width: 40px;
      height: 40px;
      background-color: white;
      border: 1px solid #ececec;
      position: relative;
      cursor: pointer; }
      .location-map-1 .map-button .zoom-in:before, .location-map-1 .map-button .zoom-out:before {
        font-family: "autofrance" !important;
        font-style: normal !important;
        font-weight: normal !important;
        font-variant: normal !important;
        text-transform: none !important;
        speak: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        vertical-align: middle;
        padding: 0 5px;
        content: "\e018";
        color: #ececec;
        font-size: 1em;
        text-align: center;
        padding: 20px 0;
        width: 100%;
        left: 0;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%); }
      .location-map-1 .map-button .zoom-in:hover:before, .location-map-1 .map-button .zoom-out:hover:before {
        color: #0a64bf; }
    .location-map-1 .map-button .zoom-out {
      border-top: 0; }
      .location-map-1 .map-button .zoom-out:before {
        content: "\e019"; }
  .location-map-1 .loc-popup {
    display: none; }
    .location-map-1 .loc-popup.active {
      display: block !important;
      background-color: white;
      width: 300px;
      height: auto;
      position: absolute;
      z-index: 1;
      bottom: 40px;
      right: 30px; }
      .location-map-1 .loc-popup.active .block-1 {
        background-color: #0a64bf;
        position: relative;
        height: auto;
        width: 100%;
        padding: 10px 20px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box; }
      .location-map-1 .loc-popup.active .block-2 {
        position: relative;
        height: auto;
        width: 100%;
        padding: 30px 20px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box; }
      .location-map-1 .loc-popup.active .title {
        font-size: 0.778em;
        color: white;
        font-weight: 600;
        text-transform: uppercase;
        margin-bottom: 0; }
      .location-map-1 .loc-popup.active .des {
        font-size: 0.667em; }
        .location-map-1 .loc-popup.active .des span {
          font-weight: 600;
          text-transform: uppercase; }
  .location-map-1 .map {
    width: inherit;
    height: inherit;
    position: relative; }
    .location-map-1 .map iframe {
      position: absolute;
      width: 100%;
      height: 100%; }
  @media (max-width: 1124px) {
    .location-map-1 {
      margin: 0 10px 30px; }
      .location-map-1 .content .map {
        height: 540px; } }
  @media (max-width: 1024px) {
    .location-map-1 {
      margin: 0 10px; } }
  @media (max-width: 425px) {
    .location-map-1 .content {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-direction: normal;
      -webkit-box-orient: vertical;
      -webkit-flex-direction: column;
      -moz-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column; }
      .location-map-1 .content .loc-popup {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -moz-order: 2;
        -ms-flex-order: 2;
        order: 2; }
        .location-map-1 .content .loc-popup.active {
          position: relative !important;
          width: 100%;
          top: 0;
          left: 0;
          margin-top: 30px; }
      .location-map-1 .content .map {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -moz-order: 1;
        -ms-flex-order: 1;
        order: 1;
        height: 250px; } }