@import url(http://hello.myfonts.net/count/372eb5);@charset "UTF-8";
/**
 * Reset
 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, th {
  background: transparent;
  border: 0;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
  word-wrap: break-word;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

html {
  font-size: 62.5%;
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

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

body {
  background-color: transparent;
  width: 100%;
}

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

ol, ul {
  list-style: none;
}

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

caption, th, td, th {
  font-weight: normal;
  text-align: left;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
}

blockquote, q {
  quotes: "" "";
}

a {
  color: inherit;
  text-decoration: none;
}

a:focus {
  outline: thin dotted;
}

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

img, iframe {
  border-width: 0;
  height: auto;
  max-width: 100%;
  vertical-align: middle;
}

a img {
  border: 0;
}

figure {
  margin: 0;
}

.embed-wrap {
  height: 0;
  max-width: 100%;
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
  width: 100%;
}
.embed-wrap iframe, .embed-wrap object, .embed-wrap embed {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

/**
 * Clearfix
 */
.site-content:before,
.site-content:after,
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}

.site-content:after,
.clearfix:after {
  clear: both;
}

/**
 * Vertical align
 */
.table-row {
  display: table;
  height: 100%;
  width: 100%;
}
.table-row .table-cell {
  display: table-cell;
  height: 100%;
  vertical-align: middle;
  width: 100%;
}

/**
 * Screen reader text
 */
.screen-reader-text {
  display: none;
}

/**
 * Hide date updated
 */
.updated:not(.published) {
  display: none;
}

@font-face {
  font-family: "Avenir";
  src: url("../eot/372eb5_0_0.eot");
  src: url("../eot/372eb5_0_0d41d.eot?#iefix") format("embedded-opentype"), url("../woff2/372eb5_0_0.woff2") format("woff2"), url("../woff/372eb5_0_0.woff") format("woff"), url("../ttf/372eb5_0_0.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Avenir";
  src: url("../eot/372eb5_1_0.eot");
  src: url("../eot/372eb5_1_0d41d.eot?#iefix") format("embedded-opentype"), url("../woff2/372eb5_1_0.woff2") format("woff2"), url("../woff/372eb5_1_0.woff") format("woff"), url("../ttf/372eb5_1_0.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Avenir";
  src: url("../eot/372eb5_2_0.eot");
  src: url("../eot/372eb5_2_0d41d.eot?#iefix") format("embedded-opentype"), url("../woff2/372eb5_2_0.woff2") format("woff2"), url("../woff/372eb5_2_0.woff") format("woff"), url("../ttf/372eb5_2_0.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Avenir";
  src: url("../eot/372eb5_3_0.eot");
  src: url("../eot/372eb5_3_0d41d.eot?#iefix") format("embedded-opentype"), url("../woff2/372eb5_3_0.woff2") format("woff2"), url("../woff/372eb5_3_0.woff") format("woff"), url("../ttf/372eb5_3_0.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "icomoon";
  src: url("../eot/icomoon39c4.eot?6qk26w");
  src: url("../eot/icomoon39c4.eot?6qk26w#iefix") format("embedded-opentype"), url("../ttf/icomoon39c4.ttf?6qk26w") format("truetype"), url("../woff/icomoon39c4.woff?6qk26w") format("woff"), url("../svg/icomoon39c4.svg?6qk26w#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^=icon-], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-email:before {
  content: "\E901";
}

.icon-search:before {
  content: "\F002";
}

.icon-home:before {
  content: "\F015";
}

.icon-print:before {
  content: "\F02F";
}

.icon-play:before {
  content: "\F04B";
}

.icon-arrow-left:before {
  content: "\F053";
}

.icon-arrow-right:before {
  content: "\F054";
}

.icon-arrow-up:before {
  content: "\F077";
}

.icon-arrow-down:before {
  content: "\F078";
}

.icon-phone:before {
  content: "\F095";
}

.icon-twitter:before {
  content: "\F099";
}

.icon-facebook:before {
  content: "\F09A";
}

.icon-youtube:before {
  content: "\F16A";
}

.icon-instagram:before {
  content: "\F16D";
}

.icon-save:before {
  content: "\F0C7";
}

.icon-close:before {
  content: "\E900";
}

.icon-old-phone:before {
  content: "\E902";
}

.icon-share:before {
  content: "\EA82";
}

html {
  background: #FFFFFF;
  font-size: 10px;
  position: relative;
  transition-delay: 0.3s;
  transition: opacity 0.8s;
}
html.wf-loading {
  opacity: 0;
}
html.no-js.wf-inactive, html.wf-active, html.wf-inactive {
  opacity: 1;
}

body {
  color: #2B2B2B;
  font-family: "Avenir", sans-serif;
  font-size: calc(100vw / ($size__body-width / 10));
  font-weight: normal;
  line-height: 160%;
}

.wrapper {
  margin: 0 auto;
  max-width: 1100px;
  padding: 0 2em;
  position: relative;
  width: 100%;
}
.wrapper.narrow {
  max-width: 860px;
}
.wrapper.wide {
  max-width: 135em;
}

.site-header {
  color: #1D1D1D;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  transition: top 0.6s ease-in-out;
  z-index: 8900;
}
.site-header.hidden {
  top: -18em;
}
.site-header .header-wrapper {
  background-color: #FFFFFF;
  background-image: url("../png/bg-tile.png");
  align-items: center;
  display: flex;
  justify-content: space-between;
  height: 15em;
  margin: 0;
  padding: 0 3em;
  position: relative;
}
.site-header .telephone {
  font-size: 1.7em;
  text-align: right;
}
.site-header .telephone strong {
  display: block;
  font-size: 1.2941176471em;
  font-weight: 400;
  line-height: 150%;
}
.site-header .telephone a {
  display: none;
  font-size: 1.4117647059em;
  font-weight: 700;
}

.site-title {
  background-image: url("../svg/tom-hartley-jnr.svg");
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  font-size: 1em;
  height: 7.4em;
  left: 50%;
  position: absolute;
  transition: all 0.2s;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 25.4em;
}
.site-title a {
  display: block;
  height: 100%;
  outline: none;
  overflow: hidden;
  text-align: left;
  text-indent: -9999px;
}

@media screen and (max-width: 1024px) {
  .site-header .header-wrapper {
    padding: 0 4em;
  }
}
@media screen and (max-width: 782px) {
  .site-header .telephone > strong {
    display: none;
  }
  .site-header .telephone > a {
    display: block;
  }
}
@media screen and (max-width: 600px) {
  body {
    padding-top: 9em;
  }

  .site-header .header-wrapper {
    height: 9em;
    padding: 0 2em;
  }

  .site-title {
    height: 5em;
    width: 17.2em;
  }
}
.toggle-menu {
  color: #1D1D1D;
  cursor: pointer;
  font-size: 2.2em;
  font-weight: 700;
  height: 1.4545454545em;
  line-height: 1.4545454545em;
  outline: none;
  overflow: hidden;
  padding-top: 0.0909090909em;
  /* active state, i.e. menu open */
}
.toggle-menu:focus {
  outline: none;
}
.toggle-menu span {
  background-color: #1D1D1D;
  border-radius: 1px;
  display: inline-block;
  height: 4px;
  outline: none;
  position: relative;
  vertical-align: middle;
  margin-left: 0.4545454545em;
  transition: background 0s 0.1s ease-in-out;
  top: -0.1363636364em;
  width: 1.2727272727em;
}
.toggle-menu span:before, .toggle-menu span:after {
  background-color: #1D1D1D;
  border-radius: 1px;
  content: "";
  display: block;
  height: 4px;
  left: 0;
  position: absolute;
  transition-duration: 0.2s, 0.2s, 0.2s, 0.2s;
  transition-delay: 0.3s, 0s, 0s, 0s;
}
.toggle-menu span:before {
  top: -8px;
  transition-property: top, width, -webkit-transform;
  transition-property: top, transform, width;
  transition-property: top, transform, width, -webkit-transform;
  width: 75%;
}
.toggle-menu span:after {
  bottom: -8px;
  transition-property: bottom, width, -webkit-transform;
  transition-property: bottom, transform, width;
  transition-property: bottom, transform, width, -webkit-transform;
  width: 60%;
}
.toggle-menu .label {
  display: none;
}
.toggle-menu:hover span:before, .toggle-menu:hover span:after {
  width: 100%;
}
.toggle-menu.active {
  color: #FFFFFF;
  position: fixed;
  z-index: 99999;
}
.toggle-menu.active span {
  background: none;
}
.toggle-menu.active span:before {
  top: 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.toggle-menu.active span:after {
  bottom: 0;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.toggle-menu.active span:before, .toggle-menu.active span:after {
  background-color: #FFFFFF;
  transition-delay: 0s, 0.2s, 0.2s;
  width: 100%;
}
.toggle-menu.active .label {
  display: inline;
}

.close-menu {
  color: #FFFFFF;
  cursor: pointer;
  font-size: 2.2em;
  font-weight: 700;
  height: 1.4545454545em;
  line-height: 1.4545454545em;
  outline: none;
  overflow: hidden;
  padding-top: 0.0909090909em;
  position: fixed;
  left: 1.3636363636em;
  top: 2.7272727273em;
}
.close-menu:focus {
  outline: none;
}
.close-menu span {
  background-color: none;
  border-radius: 1px;
  display: inline-block;
  height: 4px;
  outline: none;
  position: relative;
  vertical-align: middle;
  margin-left: 0.4545454545em;
  transition: background 0s 0.1s ease-in-out;
  top: -0.1363636364em;
  width: 1.2727272727em;
}
.close-menu span:before, .close-menu span:after {
  background-color: #FFFFFF;
  border-radius: 1px;
  content: "";
  display: block;
  height: 4px;
  left: 0;
  position: absolute;
  width: 100%;
}
.close-menu span:before {
  top: 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.close-menu span:after {
  bottom: 0;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.main-navigation {
  background: #1D1D1D;
  color: #FFFFFF;
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  left: 0;
  right: 0;
  height: 100vh;
  padding: 2em;
  opacity: 0;
  visibility: hidden;
  transition: all 0.2s ease-in-out;
  z-index: 9500;
}
.main-navigation.active {
  opacity: 1;
  visibility: visible;
  transition: all 0.2s ease-in-out;
}
.main-navigation .cols {
  border-top: 1px solid #707070;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  max-width: 90em;
  margin: 0;
  padding: 6em 0 0;
  width: 100%;
}
.main-navigation .cols .badge {
  text-align: center;
  position: relative;
  padding-top: 2em;
  width: 100%;
}
.main-navigation .cols .badge:after, .main-navigation .cols .badge:before {
  background: #707070;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  top: 50%;
  width: calc((100% - 12em) / 2);
}
.main-navigation .cols .badge:before {
  left: 0;
}
.main-navigation .cols .badge:after {
  right: 0;
}
.main-navigation .col {
  flex: 1;
}
.main-navigation .col > li {
  font-size: 2.3em;
  font-weight: 600;
  margin-bottom: 1.7391304348em;
}
.main-navigation .col .sub-menu {
  padding-top: 0.8695652174em;
}
.main-navigation .col .sub-menu > li {
  font-size: 0.8695652174em;
  font-weight: 300;
  margin-bottom: 1em;
}
.main-navigation .col .sub-menu > li.social a {
  margin-right: 0.8695652174em;
}
.main-navigation .col a {
  color: #FFFFFF;
  text-decoration: none;
}

@media screen and (max-width: 600px) {
  .close-menu {
    font-size: 1.8em;
    height: 1.3333333333em;
    line-height: 1.3333333333em;
    padding-top: 0.1111111111em;
    position: absolute;
    left: 1.1111111111em;
    top: 1.6666666667em;
  }
  .close-menu span {
    margin-left: 0.5555555556em;
    width: 1.1111111111em;
  }

  .main-navigation {
    align-items: flex-start;
    overflow-y: scroll;
    padding-top: 8em;
  }
  .main-navigation .cols {
    display: block;
    padding: 4em 0 0;
  }
  .main-navigation .cols .badge {
    padding-top: 0;
  }
  .main-navigation .col {
    width: 100%;
  }
  .main-navigation .col > li {
    font-size: 2em;
    font-weight: 700;
    margin-bottom: 1.5em;
  }
  .main-navigation .col .sub-menu {
    padding-top: 1em;
  }
  .main-navigation .col .sub-menu > li {
    font-size: 0.9em;
    font-weight: 300;
    margin-bottom: 0.5555555556em;
  }
  .main-navigation .col .sub-menu > li.social a {
    margin-right: 1.1111111111em;
  }
  .main-navigation .col a {
    color: #FFFFFF;
    text-decoration: none;
  }
}
.simple-header {
  background-color: #000000;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  margin-bottom: 6em;
}
.simple-header .overlay {
  background: rgba(0, 0, 0, 0.3);
  height: calc(100vh - 2em);
  display: flex;
  height: 46em;
  align-items: flex-end;
  padding: 12em 0;
  justify-content: center;
}
.simple-header .entry-title {
  color: #FFFFFF;
  font-size: 6em;
  font-weight: 400;
  margin-bottom: 0.25em;
  text-align: center;
  text-transform: none;
}

.feature-header {
  background: #000000;
  overflow: hidden;
  position: relative;
}
.feature-header .background {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: calc(100vh - 2em);
  width: 100%;
}
.feature-header .background > a {
  display: block;
  height: 100%;
}
.feature-header.page-header .background {
  opacity: 0.7;
}
.feature-header.page-header .header-content {
  background: none;
  bottom: 0;
  color: #FFFFFF;
  padding: 3em 0;
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: 900;
}
.feature-header.page-header .header-content .entry-title, .feature-header.page-header .header-content .sub-title {
  max-width: 620px;
  margin-left: auto;
  margin-right: auto;
}
.feature-header.page-header .header-content .entry-title {
  font-size: 6em;
  font-weight: 400;
  margin-bottom: 0.25em;
  text-transform: none;
}
.feature-header.page-header .header-content .sub-title {
  font-size: 2.4em;
  line-height: 160%;
  margin-bottom: 0.625em;
}
.feature-header .overlay {
  background: rgba(0, 0, 0, 0.15);
  height: calc(100vh - 2em);
  display: flex;
  align-items: center;
  justify-content: center;
}
.feature-header .video-button {
  background-color: rgba(255, 255, 255, 0.65);
  border-radius: 9999px;
  color: #1D1D1D;
  font-size: 4.8em;
  height: 1.8333333333em;
  line-height: 1.8333333333em;
  padding-left: 0.1041666667em;
  text-align: center;
  text-decoration: none;
  transition: all 0.2s;
  width: 1.8333333333em;
}
.feature-header .video-button .icon-play {
  vertical-align: middle;
}
.feature-header .video-button:hover {
  background-color: rgba(255, 255, 255, 0.8);
}
.feature-header .pager {
  bottom: 4em;
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: 900;
}
.feature-header .pager span {
  background: rgba(255, 255, 255, 0.3);
  border-radius: 100%;
  cursor: pointer;
  display: inline-block;
  height: 1.2em;
  overflow: hidden;
  text-align: left;
  text-indent: -9999px;
  transition: all 0.2s;
  margin: 0 0.4em;
  width: 1.2em;
}
.feature-header .pager span.cycle-pager-active, .feature-header .pager span:hover {
  background: #FFFFFF;
}
.feature-header .header-content {
  background: rgba(255, 255, 255, 0.5);
  bottom: 0;
  padding: 3em 0;
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: 900;
}
.feature-header .header-content .pager {
  left: 0;
  right: 0;
  bottom: auto;
  top: -4em;
  z-index: 9999;
}
.feature-header .entry-title {
  font-size: 2.8em;
  font-weight: 700;
  line-height: 110%;
  margin-bottom: 0.5357142857em;
  text-transform: uppercase;
}
.feature-header .sub-title {
  font-size: 1.7em;
  font-weight: 400;
  line-height: 110%;
  margin-bottom: 0.8823529412em;
}
.feature-header .item-price {
  font-size: 2.2em;
  font-weight: 700;
  line-height: 110%;
}

@media screen and (max-width: 782px) {
  .feature-header .background,
.feature-header .overlay {
    height: 52em;
  }
}
@media screen and (max-width: 600px) {
  .feature-header .background,
.feature-header .overlay {
    height: 42em;
  }
  .feature-header .header-content {
    background: #E5E5E5;
    padding: 3em 1em;
    position: relative;
  }
}
.homepage .two-blocks {
  background-color: #FFFFFF;
  background-image: url("../png/bg-tile.png");
  padding: 10em 0 22em;
  position: relative;
}
.homepage .two-blocks:before {
  background: #FFFFFF;
  content: "";
  height: 18em;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.homepage .two-blocks .inner {
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  max-width: 135em;
  padding: 0 2em;
  position: relative;
  width: 100%;
}
.homepage .two-blocks .block {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 0;
  padding-bottom: 35%;
  position: relative;
  width: calc((100% - 12em) / 2);
}
.homepage .two-blocks .overlay {
  background: rgba(0, 0, 0, 0.15);
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  padding: 3em;
}
.homepage .two-blocks .content {
  background: #F1F1F1;
  padding: 4em;
  bottom: -14em;
  position: absolute;
  transition: width 0.2s ease-in-out;
  width: 60%;
}
.homepage .two-blocks .content .block-title {
  font-size: 3.2em;
  font-weight: 700;
  line-height: 110%;
  margin-bottom: 0.625em;
}
.homepage .two-blocks .content .block-summary {
  font-size: 1.7em;
  line-height: 160%;
  margin-bottom: 1.1764705882em;
}
.homepage .two-blocks .content .button {
  border: 1px solid;
  display: inline-block;
  font-size: 1.6em;
  font-weight: 700;
  line-height: 140%;
  padding: 0.9375em 1.875em 0.625em 1.875em;
  transition: all 0.2s;
}
.homepage .two-blocks .content .button:hover {
  background: #1D1D1D;
  color: #FFFFFF;
}
.homepage .two-blocks .block.left .content {
  right: 3em;
}
.homepage .two-blocks .block.right .content {
  left: 3em;
}
.homepage .featured-cars {
  padding: 8em 0;
}
.homepage .featured-cars .inner {
  margin: 0 auto;
  max-width: 135em;
  padding: 0 2em;
  position: relative;
  width: 100%;
}
.homepage .featured-cars .row-title {
  font-weight: bold;
  font-size: 3.2em;
  line-height: 110%;
  margin-bottom: 1.25em;
  text-align: center;
}
.homepage .featured-cars .cars {
  display: flex;
  justify-content: space-between;
  margin: 0 -0.5em;
}
.homepage .featured-cars .car {
  margin: 0 0.5em;
  position: relative;
}
.homepage .featured-cars .car .content {
  background: #FFFFFF;
  padding: 3em 2em;
}
.homepage .featured-cars .car .thumbnail {
  height: auto;
  width: 100%;
}
.homepage .featured-cars .car .title {
  font-size: 2em;
  font-weight: 500;
  line-height: 110%;
  margin-bottom: 0.5em;
}
.homepage .featured-cars .car .price {
  font-size: 1.4em;
  line-height: 110%;
}
.homepage .featured-cars .car .overlay {
  pointer-events: none;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: all 0.2s ease-in-out;
}
.homepage .featured-cars .car:hover .overlay {
  background: rgba(0, 0, 0, 0.5);
  transition: all 0.2s ease-in-out;
}
.homepage .social {
  background-color: #FFFFFF;
  background-image: url("../png/bg-tile.png");
  padding: 14em 0;
  position: relative;
}
.homepage .social:before {
  background: #FFFFFF;
  content: "";
  height: 31em;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.homepage .social .inner {
  margin: 0 auto;
  max-width: 110em;
  padding: 0 2em;
  position: relative;
  width: 100%;
}
.homepage .social .feed {
  display: flex;
  margin: 0 -0.5em 14em;
}
.homepage .social .feed li {
  background-color: #D8D8D8;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  margin: 0 0.5em;
  width: 33%;
}
.homepage .social .feed li.instagram a {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: all 0.2s ease-in-out;
}
.homepage .social .feed li.instagram a:hover {
  background: rgba(0, 0, 0, 0.3);
  transition: all 0.2s ease-in-out;
}
.homepage .social .feed li.twitter {
  padding: 4em;
}
.homepage .social .feed li.twitter .date {
  font-size: 1.7em;
  line-height: 140%;
  margin-bottom: 1.1764705882em;
}
.homepage .social .feed li.twitter .date strong {
  display: block;
  font-size: 1.4705882353em;
  font-weight: bold;
}
.homepage .social .feed li.twitter .tweet {
  font-size: 1.7em;
  line-height: 140%;
  margin-bottom: 1.1764705882em;
}
.homepage .social .feed li.twitter .more {
  border-bottom: 2px solid transparent;
  display: inline-block;
  font-size: 1.7em;
  font-weight: bold;
  line-height: 140%;
  position: relative;
  transition: all 0.2s;
}
.homepage .social .feed li.twitter .more:before {
  content: "";
  display: inline-block;
  width: 0;
  margin-bottom: 0.1176470588em;
  margin-right: 0.5882352941em;
  height: 0;
  border-style: solid;
  border-width: 4px 0 4px 6.9px;
  border-color: transparent transparent transparent #1D1D1D;
}
.homepage .social .feed li.twitter .more:hover {
  border-bottom: 2px solid #1D1D1D;
}
.homepage .social .feed li .icon-twitter,
.homepage .social .feed li .icon-instagram {
  color: #FFFFFF;
  font-size: 3.2em;
  position: absolute;
  top: 0.625em;
  position: absolute;
  right: 0.625em;
}
.homepage .social .block {
  text-align: center;
}
.homepage .social .block p {
  font-size: 3.2em;
  font-weight: bold;
  line-height: 130%;
  margin: 0 auto 0.9375em;
  max-width: 25em;
}
.homepage .social .block .more {
  background: #1D1D1D;
  bottom: 0;
  color: #FFFFFF;
  display: inline-block;
  font-size: 1.7em;
  font-weight: 600;
  padding: 1.2941176471em 1.7647058824em 1.0588235294em;
  text-decoration: none;
  transition: all 0.2s ease-in-out;
}
.homepage .social .block .more:hover {
  background: #989898;
}

@media screen and (max-width: 1200px) {
  .homepage .two-blocks .block {
    width: calc((100% - 8em) / 2);
  }
  .homepage .two-blocks .content {
    width: 80%;
  }
}
@media screen and (max-width: 1024px) {
  .homepage .two-blocks .block {
    width: calc((100% - 6em) / 2);
  }
  .homepage .two-blocks .content {
    width: 80%;
  }
  .homepage .social .feed {
    flex-wrap: wrap;
  }
  .homepage .social .feed li.instagram {
    order: 1;
    margin-bottom: 10px;
    padding-bottom: 50%;
    width: calc((100% - 2em) / 2);
  }
  .homepage .social .feed li.twitter {
    order: 3;
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .homepage .two-blocks {
    padding-bottom: 27em;
  }
  .homepage .two-blocks .block {
    width: calc((100% - 2em) / 2);
  }
  .homepage .two-blocks .content {
    bottom: -19em;
    left: 2em;
    right: 2em;
    width: auto;
  }
  .homepage .two-blocks .content .block-title {
    font-size: 2.4em;
    margin-bottom: 0.8333333333em;
  }
  .homepage .two-blocks .content .block-summary {
    font-size: 1.6em;
    margin-bottom: 1.25em;
  }
}
@media screen and (max-width: 600px) {
  .homepage .two-blocks {
    padding: 6em 0 0;
  }
  .homepage .two-blocks .inner {
    flex-wrap: wrap;
  }
  .homepage .two-blocks .block {
    margin-bottom: 16em;
    padding-bottom: 75%;
    width: 100%;
  }
  .homepage .two-blocks .content {
    bottom: -10em;
    left: 2em;
    right: 2em;
    width: auto;
  }
  .homepage .two-blocks .content .block-title {
    font-size: 2.4em;
    margin-bottom: 0.8333333333em;
  }
  .homepage .two-blocks .content .block-summary {
    font-size: 1.6em;
    margin-bottom: 1.25em;
  }
  .homepage .featured-cars {
    padding-bottom: 7em;
  }
  .homepage .featured-cars .cars {
    flex-wrap: wrap;
    margin: 0;
  }
  .homepage .featured-cars .car {
    margin: 0 0 1em;
    width: 100%;
  }
  .homepage .social {
    padding: 8em 0;
  }
  .homepage .social:before {
    height: 31em;
  }
  .homepage .social .feed {
    flex-wrap: wrap;
    margin: 0 0 7em;
  }
  .homepage .social .block p {
    font-size: 2.4em;
    margin: 0 auto 1.25em;
    max-width: 33.3333333333em;
  }
}
.banner {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
}
.banner .inner {
  align-items: center;
  color: #FFFFFF;
  display: flex;
  margin: 0 auto;
  max-width: 135em;
  min-height: 58em;
  padding: 0 2em;
  position: relative;
  width: 100%;
}
.banner .content {
  max-width: 38em;
}
.banner .banner-title {
  font-size: 3.2em;
  font-weight: 700;
  line-height: 110%;
  margin-bottom: 0.9375em;
}
.banner .banner-content {
  font-size: 1.7em;
  margin-bottom: 1.7647058824em;
  line-height: 160%;
}
.banner .more {
  border-bottom: 2px solid transparent;
  display: inline-block;
  font-size: 1.7em;
  font-weight: bold;
  line-height: 140%;
  position: relative;
  transition: all 0.2s;
}
.banner .more:before {
  content: "";
  display: inline-block;
  width: 0;
  margin-bottom: 0.1176470588em;
  margin-right: 0.5882352941em;
  height: 0;
  border-style: solid;
  border-width: 4px 0 4px 6.9px;
  border-color: transparent transparent transparent #FFFFFF;
}
.banner .more:hover {
  border-bottom: 2px solid #FFFFFF;
}

@media screen and (max-width: 600px) {
  .banner {
    margin-bottom: 20em;
  }
  .banner .inner {
    min-height: 38em;
  }
  .banner .content {
    background: #1D1D1D;
    margin: 0;
    max-width: none;
    padding: 4em;
    -webkit-transform: translateY(24em);
            transform: translateY(24em);
  }
}
.single-column {
  padding: 6em 0 3em;
}
.single-column p {
  font-size: 1.7em;
  line-height: 160%;
  margin: 0 0 1.7647058824em;
}
.single-column p.intro {
  font-size: 2.2em;
  font-weight: 700;
  margin: 0 0 1.3636363636em;
}

.triple-images .images {
  display: flex;
  margin: 0 -3px;
}
.triple-images .images .image {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex: 1;
  height: 0;
  padding-bottom: 30%;
  margin: 0 3px;
}

.car-filter {
  display: flex;
  justify-content: center;
  margin-bottom: 6em;
}
.car-filter .select-field {
  max-width: 34em;
  position: relative;
  width: 100%;
}
.car-filter .select-field select {
  border-radius: 0;
  display: block;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  font-family: "Avenir", sans-serif;
  font-size: 1.6em;
  font-weight: bold;
  outline: none;
  width: 100%;
  background: #FFFFFF;
  border: 2px solid #1D1D1D;
  padding: 1.125em 2.8125em 0.875em 0.9375em;
}
.car-filter .select-field .arrow {
  pointer-events: none;
  bottom: 0;
  position: absolute;
  right: 1.5em;
  top: 0;
  display: flex;
  align-items: center;
  padding: 0.5em 0;
  color: #1D1D1D;
}
.car-filter .select-field .arrow svg {
  fill: #1D1D1D;
  height: 2.2em;
  width: 2.2em;
}

.car-listing {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 -0.5em 6em;
}
.car-listing .car {
  margin: 0 0.5em 1em;
  position: relative;
  width: calc((100% - 3em) / 3);
}
.car-listing .car .video-button {
  position: absolute;
  right: 2em;
  top: 2em;
  z-index: 10;
}
.car-listing .car .content {
  background: #FFFFFF;
  padding: 3em 2em;
}
.car-listing .car .thumbnail {
  height: auto;
  width: 100%;
}
.car-listing .car .title {
  font-size: 2em;
  font-weight: 700;
  line-height: 110%;
  margin-bottom: 0.25em;
}
.car-listing .car .details {
  font-size: 1.6em;
  font-weight: 500;
  line-height: 110%;
  margin-bottom: 1.875em;
}
.car-listing .car .price {
  font-size: 1.6em;
  line-height: 110%;
  font-weight: 700;
}
.car-listing .car .sold {
  background: #1D1D1D;
  color: #FFFFFF;
  display: inline-block;
  font-size: 1.6em;
  line-height: 110%;
  font-weight: 700;
  padding: 0.625em 0.625em 0.4375em;
}
.car-listing .car .overlay {
  pointer-events: none;
  bottom: 0;
  left: 0;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  right: 0;
  top: 0;
  transition: all 0.2s ease-in-out;
}
.car-listing .car .overlay strong {
  border: 1px solid #FFFFFF;
  color: #FFFFFF;
  display: inline-block;
  font-size: 1.7em;
  font-weight: bold;
  padding: 1em 2.3529411765em 0.8823529412em;
  transition: all 0.2s ease-in-out;
  opacity: 0;
  visibility: hidden;
}
.car-listing .car:hover .overlay {
  background: rgba(0, 0, 0, 0.7);
  transition: all 0.2s ease-in-out;
}
.car-listing .car:hover .overlay strong {
  transition: all 0.2s ease-in-out;
  opacity: 1;
  visibility: visible;
}

@media screen and (max-width: 900px) {
  .car-listing .car {
    width: calc((100% - 2em) / 2);
  }
}
@media screen and (max-width: 480px) {
  .car-listing {
    margin: 0 0 3em;
  }
  .car-listing .car {
    margin: 0 0 1em;
    width: 100%;
  }
}
.stock-item .item-specification {
  background: #F1F1F1;
  padding: 10em 0;
}
.stock-item .item-specification .tabs {
  background: #FFFFFF;
  border-bottom: 1px solid #1D1D1D;
  display: flex;
  justify-content: flex-start;
  margin: 0 auto 5em;
}
.stock-item .item-specification .tabs li {
  cursor: pointer;
  font-size: 2em;
  line-height: 110%;
  position: relative;
}
.stock-item .item-specification .tabs li:not(.controls) {
  border-bottom: 4px solid transparent;
  font-weight: 700;
  padding: 1.6em 2.5em 1.15em;
}
.stock-item .item-specification .tabs li:not(.controls).active {
  border-bottom: 4px solid #1D1D1D;
  font-weight: 700;
  padding: 1.6em 2.5em 1.15em;
}
.stock-item .item-specification .tabs li:not(.controls).active:after {
  border-style: solid;
  border-width: 9px 9px 0 9px;
  border-color: #1D1D1D transparent transparent transparent;
  content: "";
  height: 0;
  left: 50%;
  right: 0;
  width: 0;
  position: absolute;
  top: calc(100% + 4px);
  -webkit-transform: translateX(-5px);
          transform: translateX(-5px);
}
.stock-item .item-specification .tabs li:not(.controls):hover {
  border-bottom-color: #1D1D1D;
}
.stock-item .item-specification .tabs li.controls {
  margin-left: auto;
  padding: 0 0.75em;
}
.stock-item .item-specification .tabs li.controls a {
  border-bottom: 4px solid transparent;
  display: inline-block;
  padding: 1.6em 0.75em 1.15em;
  position: relative;
}
.stock-item .item-specification .tabs li.controls a:hover {
  border-bottom-color: #1D1D1D;
}
.stock-item .item-specification .tab-content {
  display: none;
  margin-bottom: 8em;
}
.stock-item .item-specification .tab-content.active {
  display: block;
}
.stock-item .item-specification .tab-content h2 {
  font-size: 2.2em;
  font-weight: 700;
  margin-bottom: 1.3636363636em;
}
.stock-item .item-specification .tab-content p {
  font-size: 1.7em;
  line-height: 160%;
  margin: 0 0 1.7647058824em;
}
.stock-item .item-specification .specification {
  -webkit-column-count: 2;
          column-count: 2;
  -webkit-column-gap: 5em;
          column-gap: 5em;
  margin-bottom: 3em;
}
.stock-item .item-specification .specification li {
  border-bottom: 1px solid #989898;
  display: inline-block;
  font-size: 1.7em;
  line-height: 160%;
  padding: 0.8823529412em 0 0.5882352941em;
  width: 100%;
}
.stock-item .item-specification .specification li strong {
  display: inline-block;
  font-weight: 700;
  max-width: 9.4117647059em;
  width: 50%;
}
.stock-item .item-specification .specification li:nth-child(1) {
  order: 1;
}
.stock-item .item-specification .specification li:nth-child(2) {
  order: 2;
}
.stock-item .item-specification .specification li:nth-child(3) {
  order: 3;
}
.stock-item .item-specification .specification li:nth-child(4) {
  order: 4;
}
.stock-item .item-specification .specification li:nth-child(5) {
  order: 5;
}
.stock-item .item-specification .specification li:nth-child(6) {
  order: 6;
}
.stock-item .item-specification .specification li:nth-child(7) {
  order: 7;
}
.stock-item .item-specification .specification li:nth-child(8) {
  order: 8;
}
.stock-item .item-specification .specification li:nth-child(9) {
  order: 9;
}
.stock-item .item-specification .specification li:nth-child(10) {
  order: 10;
}
.stock-item .item-specification .cta {
  padding-top: 2em;
  text-align: center;
}
.stock-item .item-specification .cta .cta-title {
  font-size: 2.2em;
  font-weight: 700;
  line-height: 110%;
  margin-bottom: 0.9090909091em;
}
.stock-item .item-specification .cta .cta-text {
  color: #1D1D1D;
  font-size: 2.3em;
  font-weight: 400;
  line-height: 110%;
  margin-bottom: 0.8695652174em;
}
.stock-item .item-specification .cta .cta-text strong {
  display: inline-block;
  font-weight: 700;
}
.stock-item .item-specification .cta .cta-button {
  background: #1D1D1D;
  bottom: 0;
  color: #FFFFFF;
  display: inline-block;
  font-size: 1.7em;
  font-weight: 600;
  padding: 1.2941176471em 0.5882352941em 1.0588235294em;
  text-decoration: none;
  transition: all 0.2s ease-in-out;
  width: 10.5882352941em;
}
.stock-item .item-specification .cta .cta-button:hover {
  background: #989898;
}
.stock-item .item-gallery {
  background: #FFFFFF;
  padding: 10em 0 9.5em;
  text-align: center;
}
.stock-item .item-gallery .gallery-more {
  background: #1D1D1D;
  bottom: 0;
  color: #FFFFFF;
  display: inline-block;
  font-size: 1.7em;
  font-weight: 600;
  margin: 2.3529411765em auto 0;
  padding: 1.2941176471em 0.5882352941em 1.0588235294em;
  text-align: center;
  text-decoration: none;
  transition: all 0.2s ease-in-out;
  width: 10.5882352941em;
}
.stock-item .item-gallery .gallery-more:hover {
  background: #989898;
}
.stock-item .item-gallery .gallery {
  display: grid;
  grid-gap: 0.5em;
  grid-template-columns: repeat(auto-fill, minmax(calc((100% - 1.5em) / 4), 1fr));
  grid-auto-rows: 18em;
}
.stock-item .item-gallery .gallery li {
  background-color: #F1F1F1;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.stock-item .item-gallery .gallery li:nth-child(1), .stock-item .item-gallery .gallery li:nth-child(8), .stock-item .item-gallery .gallery li:nth-child(11) {
  grid-row-end: span 2;
  grid-column-end: span 2;
}
.stock-item .item-gallery .gallery li a {
  background-color: transparent;
  display: block;
  height: 100%;
  transition: all 0.2s ease-in-out;
  width: 100%;
}
.stock-item .item-gallery .gallery li a:hover {
  background-color: rgba(0, 0, 0, 0.25);
  cursor: zoom-in;
}
.stock-item .item-gallery .gallery.gallery-extra {
  overflow: hidden;
  max-height: 0;
  margin-top: 0.5em;
  opacity: 0;
  transition: all 0.2s ease-in-out;
}
.stock-item .item-gallery .gallery.gallery-extra.active {
  opacity: 1;
  max-height: none;
}
.stock-item .item-gallery .gallery.gallery-extra li:nth-child(1), .stock-item .item-gallery .gallery.gallery-extra li:nth-child(8), .stock-item .item-gallery .gallery.gallery-extra li:nth-child(11) {
  grid-row-end: span 1;
  grid-column-end: span 1;
}
.stock-item .item-gallery .gallery.gallery-extra li:nth-child(3), .stock-item .item-gallery .gallery.gallery-extra li:nth-child(6), .stock-item .item-gallery .gallery.gallery-extra li:nth-child(13) {
  grid-row-end: span 2;
  grid-column-end: span 2;
}
.stock-item .item-enquiry {
  background-color: #FFFFFF;
  background-image: url("../png/bg-tile.png");
  padding: 10em 0;
  text-align: center;
}
.stock-item .item-enquiry .enquiry-title {
  font-size: 2.2em;
  font-weight: 700;
  line-height: 110%;
  margin-bottom: 2.2727272727em;
}
.stock-item .item-enquiry .form-fields {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 auto;
  max-width: 86em;
  width: 100%;
}
.stock-item .item-enquiry .form-fields .form-field {
  margin-bottom: 1em;
  width: calc((100% - 1em) / 2);
}
.stock-item .item-enquiry .form-fields .form-field label {
  display: none;
}
.stock-item .item-enquiry .form-fields .form-field input[type=text],
.stock-item .item-enquiry .form-fields .form-field input[type=email] {
  -webkit-appearance: none;
  background: #F1F1F1;
  border: 1px solid #1D1D1D;
  border-radius: 0;
  display: block;
  font-family: "Avenir", sans-serif;
  font-size: 1.5em;
  line-height: 1;
  outline: none;
  padding: 1.3333333333em 1.3333333333em 1em;
  width: 100%;
}
.stock-item .item-enquiry .form-fields .form-field.radio {
  display: block;
  width: 100%;
}
.stock-item .item-enquiry .form-fields .form-field.radio p {
  font-size: 1.3em;
  line-height: 1.4;
  margin: 0 auto;
  max-width: 43.0769230769em;
  text-align: center;
}
.stock-item .item-enquiry .form-fields .radio-fields {
  padding-top: 2em;
  width: 100%;
}
.stock-item .item-enquiry .form-fields .radio-fields p {
  font-size: 1.3em;
  line-height: 1.4;
  margin: 0 auto 0.7692307692em;
  max-width: 43.0769230769em;
}
.stock-item .item-enquiry .form-fields .radio-fields ul {
  display: flex;
  justify-content: center;
  margin-bottom: 2em;
}
.stock-item .item-enquiry .form-fields .radio-fields ul li {
  font-size: 1.3em;
  line-height: 1.4;
  margin: 0 0.7692307692em;
}
.stock-item .item-enquiry .form-fields .radio-fields label {
  display: block;
}
.stock-item .item-enquiry .form-fields .privacy-policy {
  margin: 1em 0 2em;
  width: 100%;
}
.stock-item .item-enquiry .form-fields .privacy-policy p {
  font-size: 1.3em;
  line-height: 1.4;
  margin: 0 auto;
  max-width: 43.0769230769em;
}
.stock-item .item-enquiry .form-fields .privacy-policy p a {
  color: inherit;
}
.stock-item .item-enquiry .form-fields .privacy-policy p a:hover {
  text-decoration: none;
}
.stock-item .item-enquiry .form-fields .form-submit {
  width: 100%;
}
.stock-item .item-enquiry .form-fields .form-submit button[type=submit] {
  background: #1D1D1D;
  border: 0;
  color: #FFFFFF;
  cursor: pointer;
  display: inline-block;
  font-size: 1.7em;
  font-weight: 600;
  line-height: 1;
  padding: 1.0588235294em 0.5882352941em 1.0588235294em;
  text-decoration: none;
  transition: all 0.2s ease-in-out;
  width: 10.5882352941em;
}
.stock-item .item-enquiry .form-fields .form-submit button[type=submit]:hover {
  background: #989898;
}

@media screen and (max-width: 600px) {
  .stock-item .item-specification .specification {
    -webkit-column-count: 1;
            column-count: 1;
    -webkit-column-gap: 0;
            column-gap: 0;
    margin-bottom: 3em;
  }
  .stock-item .item-gallery .gallery {
    grid-template-columns: repeat(auto-fill, minmax(calc((100% - 0.5em) / 2), 1fr));
  }
  .stock-item .item-gallery .gallery li:nth-child(8) {
    grid-row-end: span 1;
    grid-column-end: span 1;
  }
  .stock-item .item-gallery .gallery li:nth-child(1), .stock-item .item-gallery .gallery li:nth-child(6), .stock-item .item-gallery .gallery li:nth-child(11) {
    grid-row-end: span 2;
    grid-column-end: span 2;
  }
  .stock-item .item-gallery .gallery.gallery-extra li:nth-child(3), .stock-item .item-gallery .gallery.gallery-extra li:nth-child(8), .stock-item .item-gallery .gallery.gallery-extra li:nth-child(13) {
    grid-row-end: span 1;
    grid-column-end: span 1;
  }
  .stock-item .item-gallery .gallery.gallery-extra li:nth-child(1), .stock-item .item-gallery .gallery.gallery-extra li:nth-child(6), .stock-item .item-gallery .gallery.gallery-extra li:nth-child(11) {
    grid-row-end: span 2;
    grid-column-end: span 2;
  }
}
@media screen and (max-width: 600px) {
  .stock-item .item-enquiry .form-fields {
    max-width: 36em;
  }
  .stock-item .item-enquiry .form-fields .form-field {
    width: 100%;
  }
  .stock-item .item-specification .tabs li {
    font-size: 1.8em;
  }
  .stock-item .item-specification .tabs li:not(.controls) {
    padding: 1.7777777778em 2.7777777778em 1.2777777778em;
  }
  .stock-item .item-specification .tabs li:not(.controls).active {
    padding: 1.7777777778em 2.7777777778em 1.2777777778em;
  }
  .stock-item .item-specification .tabs li.controls {
    padding: 0 0.8333333333em;
  }
  .stock-item .item-specification .tabs li.controls a {
    padding: 1.7777777778em 0.8333333333em 1.2777777778em;
  }
  .stock-item .item-specification .tabs li.controls a.desktop-only {
    display: none;
  }
}
.two-cols {
  display: flex;
}
.two-cols .left, .two-cols .right {
  padding: 2em;
  width: 50%;
}
.two-cols .left .inner, .two-cols .right .inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-content: center;
  align-items: center;
  margin: 0 auto;
  max-width: 44em;
  min-height: 60em;
  width: 100%;
}
.two-cols .testimonials {
  padding: 0;
}
.two-cols .testimonials .testimonials-list {
  max-width: 44em;
}

.call-to-action {
  background-image: url("../png/bg-call-to-action.png");
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  color: #FFFFFF;
  text-align: center;
}
.call-to-action .wrapper {
  padding-left: 4em;
  padding-right: 4em;
}
.call-to-action .title {
  font-size: 3.2em;
  font-weight: 700;
  line-height: 110%;
  margin-bottom: 0.625em;
}
.call-to-action .intro {
  font-size: 2.2em;
  font-weight: 400;
  line-height: 120%;
  margin-bottom: 1.3636363636em;
}
.call-to-action .button a {
  color: #1D1D1D;
  bottom: 0;
  background: #FFFFFF;
  display: inline-block;
  font-size: 1.7em;
  font-weight: 600;
  padding: 1.2941176471em 1.7647058824em 1.0588235294em;
  text-decoration: none;
  transition: all 0.2s ease-in-out;
}
.call-to-action .button a:hover {
  background: #989898;
}

.testimonials {
  background-color: #F1F1F1;
  padding: 12em 0;
}
.testimonials .testimonials-list {
  margin: 0 auto;
  max-width: 64em;
  width: 100%;
}
.testimonials .testimonials-list li p {
  font-size: 2.2em;
  font-weight: bold;
  line-height: 140%;
  margin-bottom: 1.3636363636em;
  text-align: center;
}
.testimonials .testimonials-list li p.cite {
  font-size: 1.4em;
  font-weight: normal;
  margin-bottom: 0;
}
.testimonials .testimonial-pager {
  padding-top: 3em;
  text-align: center;
  width: 100%;
}
.testimonials .testimonial-pager span {
  background-color: #989898;
  border-radius: 999px;
  cursor: pointer;
  display: inline-block;
  height: 1em;
  margin: 0 0.5em;
  transition: all 0.2s;
  width: 1em;
}
.testimonials .testimonial-pager span.cycle-pager-active {
  background-color: #1D1D1D;
}

@media screen and (max-width: 768px) {
  .two-cols {
    display: block;
  }
  .two-cols .left, .two-cols .right {
    padding: 3em;
    width: 100%;
  }
  .two-cols .left .inner, .two-cols .right .inner {
    padding: 10em 0;
    min-height: 0;
  }
}
.newsletter-signup {
  background-color: #1D1D1D;
  color: #FFFFFF;
  text-align: center;
}
.newsletter-signup .wrapper {
  padding: 9em 4em;
}
.newsletter-signup .form-title {
  font-size: 2.2em;
  font-weight: 700;
  line-height: 110%;
  margin-bottom: 1.3636363636em;
}
.newsletter-signup .form-fields {
  display: flex;
  justify-content: space-between;
}
.newsletter-signup .form-fields > .form-field {
  flex: 1;
  margin: 0 1em 0 0;
}
.newsletter-signup .form-fields > .form-field:last-child {
  margin-right: 0;
  max-width: 17em;
}
.newsletter-signup .form-fields > .form-field label {
  display: none;
}
.newsletter-signup .form-fields > .form-field input[type=text],
.newsletter-signup .form-fields > .form-field input[type=email],
.newsletter-signup .form-fields > .form-field button[type=submit] {
  -webkit-appearance: none;
  border-radius: 0;
  display: block;
  font-family: "Avenir", sans-serif;
  line-height: 110%;
  outline: none;
  width: 100%;
}
.newsletter-signup .form-fields > .form-field input[type=text],
.newsletter-signup .form-fields > .form-field input[type=email] {
  background: transparent;
  border: 1px solid #FFFFFF;
  color: #FFFFFF;
  font-size: 1.5em;
  padding: 1.3333333333em 1.3333333333em 1em;
}
.newsletter-signup .form-fields > .form-field button[type=submit] {
  background: #FFFFFF;
  border: 1px solid #FFFFFF;
  color: #1D1D1D;
  cursor: pointer;
  font-size: 1.8em;
  font-weight: 700;
  padding: 1em 1.1111111111em 0.7777777778em;
  transition: all 0.2s ease-in-out;
}
.newsletter-signup .form-fields > .form-field button[type=submit]:hover {
  background: #989898;
  border-color: #989898;
}

@media screen and (max-width: 600px) {
  .newsletter-signup .form-fields {
    display: block;
  }
  .newsletter-signup .form-fields .form-field {
    margin: 0 0 1em;
  }
  .newsletter-signup .form-fields .form-field.submit {
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    padding-top: 2em;
  }
}
.site-footer {
  background-color: #333333;
  background-image: url("../svg/bg-footer.svg");
  background-position: top center;
  background-size: 4em;
  color: #FFFFFF;
  padding: 9em 0 0;
}

.footer-icon {
  margin-bottom: 5em;
  text-align: center;
}
.footer-icon .thj-icon {
  background-image: url("../svg/thj-icon.svg");
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  display: inline-block;
  font-size: 1em;
  height: 4.4em;
  margin-bottom: 2em;
  width: 3.8em;
}
.footer-icon strong {
  display: block;
  font-size: 1.7em;
  font-weight: 600;
  text-transform: uppercase;
}

.footer-socials {
  margin: 0 0 5em;
  text-align: center;
}
.footer-socials li {
  display: inline-block;
  font-size: 2.4em;
  margin: 0 0.4166666667em;
}
.footer-socials a {
  color: #989898;
  text-decoration: none;
  transition: all 0.2s;
}
.footer-socials a:hover {
  color: #FFFFFF;
}

.footer-info {
  color: #989898;
  margin: 0;
  padding-bottom: 9em;
  text-align: center;
}
.footer-info li {
  display: inline-block;
  font-size: 1.4em;
  line-height: 160%;
  margin: 0 0.7142857143em;
}
.footer-info a {
  color: inherit;
  text-decoration: none;
  transition: all 0.2s;
}
.footer-info a:hover {
  color: #FFFFFF;
}

.back-to-top {
  background: #FFFFFF;
  bottom: 0;
  color: #1D1D1D;
  display: block;
  font-size: 1.7em;
  font-weight: 600;
  right: 0;
  padding: 1.0588235294em 1.7647058824em 0.8235294118em;
  position: absolute;
  text-align: center;
  text-decoration: none;
  transition: all 0.2s ease-in-out;
}
.back-to-top:hover {
  background: #989898;
}
.back-to-top span {
  margin-left: 0.5882352941em;
}

@media screen and (max-width: 1024px) {
  .footer-info {
    margin: 0 0 5em;
  }

  .back-to-top {
    margin-left: auto;
    margin-right: auto;
    max-width: 11.1764705882em;
    position: static;
  }
}
@media screen and (max-width: 768px) {
  .footer-info li:first-child {
    display: block;
    margin-bottom: 1.0714285714em;
  }
}
@media screen and (min-width: 1400px) {
  body {
    font-size: 10px;
  }
}
@media screen and (max-width: 1200px) {
  body {
    font-size: calc(100vw / (1200 / 10));
  }
}
@media screen and (max-width: 1024px) {
  body {
    font-size: calc(100vw / (1024 / 10));
  }
}
@media screen and (max-width: 768px) {
  body {
    font-size: calc(100vw / (768 / 10));
  }
}
@media screen and (max-width: 600px) {
  body {
    font-size: calc(100vw / (600 / 10));
  }
}
@media screen and (max-width: 480px) {
  body {
    font-size: calc(100vw / (480 / 10));
  }
}