/* normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif; /* 1 */
  line-height: 1.15; /* 2 */
  -ms-text-size-adjust: 100%; /* 3 */
  -webkit-text-size-adjust: 100%; /* 3 */
}
body {
  margin: 0;
}
article,
aside,
footer,
header,
nav,
section {
  display: block;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
figcaption,
figure,
main {
/* 1 */
  display: block;
}
figure {
  margin: 1em 40px;
}
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}
a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}
a:active,
a:hover {
  outline-width: 0;
}
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}
b,
strong {
  font-weight: inherit;
}
b,
strong {
  font-weight: bolder;
}
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}
dfn {
  font-style: italic;
}
mark {
  background-color: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
audio,
video {
  display: inline-block;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
img {
  border-style: none;
}
svg:not(:root) {
  overflow: hidden;
}
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}
button,
input {
/* 1 */
  overflow: visible;
}
button,
select {
/* 1 */
  text-transform: none;
}
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; /* 2 */
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}
progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}
textarea {
  overflow: auto;
}
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}
details,
menu {
  display: block;
}
summary {
  display: list-item;
}
canvas {
  display: inline-block;
}
template {
  display: none;
}
[hidden] {
  display: none;
}
@font-face {
  font-family: 'Neue Haas Grotesk Display Pro';
  src: url("../fonts/NeueHaasDisplay/NeueHaasDisplay-Light.eot");
  src: url("../fonts/NeueHaasDisplay/NeueHaasDisplay-Light.eot?#iefix") format('embedded-opentype'), url("../fonts/NeueHaasDisplay/NeueHaasDisplay-Light.woff") format('woff'), url("../fonts/NeueHaasDisplay/NeueHaasDisplay-Light.ttf") format('truetype'), url("../fonts/NeueHaasDisplay/NeueHaasDisplay-Light.svg") format('svg');
  font-weight: 300;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: 'Neue Haas Grotesk Display Pro';
  src: url("../fonts/NeueHaasDisplay/NeueHaasDisplay-Roman.eot");
  src: url("../fonts/NeueHaasDisplay/NeueHaasDisplay-Roman.eot?#iefix") format('embedded-opentype'), url("../fonts/NeueHaasDisplay/NeueHaasDisplay-Roman.woff") format('woff'), url("../fonts/NeueHaasDisplay/NeueHaasDisplay-Roman.ttf") format('truetype'), url("../fonts/NeueHaasDisplay/NeueHaasDisplay-Roman.svg") format('svg');
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: 'Neue Haas Grotesk Display Pro';
  src: url("../fonts/NeueHaasDisplay/NeueHaasDisplay-Mediu.eot");
  src: url("../fonts/NeueHaasDisplay/NeueHaasDisplay-Mediu.eot?#iefix") format('embedded-opentype'), url("../fonts/NeueHaasDisplay/NeueHaasDisplay-Mediu.woff") format('woff'), url("../fonts/NeueHaasDisplay/NeueHaasDisplay-Mediu.ttf") format('truetype'), url("../fonts/NeueHaasDisplay/NeueHaasDisplay-Mediu.svg") format('svg');
  font-weight: 500;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: 'Neue Haas Grotesk Display Pro';
  src: url("../fonts/NeueHaasDisplay/NeueHaasDisplay-Bold.eot");
  src: url("../fonts/NeueHaasDisplay/NeueHaasDisplay-Bold.eot?#iefix") format('embedded-opentype'), url("../fonts/NeueHaasDisplay/NeueHaasDisplay-Bold.woff") format('woff'), url("../fonts/NeueHaasDisplay/NeueHaasDisplay-Bold.ttf") format('truetype'), url("../fonts/NeueHaasDisplay/NeueHaasDisplay-Bold.svg") format('svg');
  font-weight: 700;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: 'Neue Haas Grotesk Display Pro';
  src: url("../fonts/NeueHaasDisplay/NeueHaasDisplay-Black.eot");
  src: url("../fonts/NeueHaasDisplay/NeueHaasDisplay-Black.eot?#iefix") format('embedded-opentype'), url("../fonts/NeueHaasDisplay/NeueHaasDisplay-Black.woff") format('woff'), url("../fonts/NeueHaasDisplay/NeueHaasDisplay-Black.ttf") format('truetype'), url("../fonts/NeueHaasDisplay/NeueHaasDisplay-Black.svg") format('svg');
  font-weight: 900;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: 'NTF-Grand';
  src: url("../fonts/NTFGrand/NTF-Grand-Regular.eot");
  src: url("../fonts/NTFGrand/NTF-Grand-Regular.eot?#iefix") format('embedded-opentype'), url("../fonts/NTFGrand/NTF-Grand-Regular.woff") format('woff'), url("../fonts/NTFGrand/NTF-Grand-Regular.ttf") format('truetype'), url("../fonts/NTFGrand/NTF-Grand-Regular.svg") format('svg');
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: 'NTF-Grand';
  src: url("../fonts/NTFGrand/NTF-Grand-Medium.eot");
  src: url("../fonts/NTFGrand/NTF-Grand-Medium.eot?#iefix") format('embedded-opentype'), url("../fonts/NTFGrand/NTF-Grand-Medium.woff") format('woff'), url("../fonts/NTFGrand/NTF-Grand-Medium.ttf") format('truetype'), url("../fonts/NTFGrand/NTF-Grand-Medium.svg") format('svg');
  font-weight: 500;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: 'NTF-Grand';
  src: url("../fonts/NTFGrand/NTF-Grand-Bold.eot");
  src: url("../fonts/NTFGrand/NTF-Grand-Bold.eot?#iefix") format('embedded-opentype'), url("../fonts/NTFGrand/NTF-Grand-Bold.woff") format('woff'), url("../fonts/NTFGrand/NTF-Grand-Bold.ttf") format('truetype'), url("../fonts/NTFGrand/NTF-Grand-Bold.svg") format('svg');
  font-weight: 700;
  font-style: normal;
  font-display: block;
}
* {
  box-sizing: border-box;
}
*:focus {
  outline: none !important;
}
canvas {
  display: block;
}
html,
body {
/*width: 100%;
    height: 100% !important;*/
  margin: 0;
  padding: 0;
}
html.is-scroll-locked,
body.is-scroll-locked {
  height: 100%;
  overflow-y: scroll;
}
html.is-scroll-locked .section:not(.section--cars-selection):not(.section--about),
body.is-scroll-locked .section:not(.section--cars-selection):not(.section--about) {
  display: none;
}
body {
  overflow-y: scroll;
  font-family: 'Neue Haas Grotesk Display Pro', Arial, Helvetica, sans-serif;
  font-weight: 400;
  color: #fff;
  font-size: 16px;
  line-height: 1.46;
  letter-spacing: 0.035em;
  background-color: #0c1221;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -ms-overflow-style: none;
}
a {
  color: #fff;
  text-decoration: none;
  transition: color 0.3s;
}
ul,
ol {
  list-style-type: none;
  padding-left: 0;
  margin: 0;
}
h1,
h2 {
  font-family: 'NTF-Grand', Arial, Helvetica, sans-serif;
  font-size: 200px;
  font-weight: 400;
  line-height: 1.05;
  margin: 0;
  text-transform: uppercase;
}
h3 {
  font-family: 'Neue Haas Grotesk Display Pro', Arial, Helvetica, sans-serif;
  font-size: 24px;
  line-height: 1.5;
  font-weight: 400;
  margin: 0 0 0.45em;
}
p {
  margin: 1.46em 0;
}
p:first-child {
  margin-top: 0;
}
p:last-child {
  margin-bottom: 0;
}
img {
  max-width: 100%;
}
button {
  font-family: 'Neue Haas Grotesk Display Pro', Arial, Helvetica, sans-serif;
}
@media only screen and (max-width: 1199px) {
  h1,
  h2 {
    font-size: 136px;
  }
}
@media only screen and (max-width: 1023px) {
  h1,
  h2 {
    font-size: 100px;
  }
}
@media only screen and (max-width: 767px) {
  h1,
  h2 {
    font-size: 62px;
  }
}
.debug {
  position: fixed;
  top: 188px;
  bottom: 0;
  z-index: 1000;
  max-width: 250px;
  left: 0;
  border-radius: 0 5px 5px 0;
  display: flex;
  flex-direction: column;
  padding: 10px;
  font-size: 12px;
  color: #fff;
  background-color: #16192e;
  transform: translateX(calc(-100% + 5px));
  opacity: 0.8;
}
.debug:hover,
.debug.is-open {
  transform: translateX(0%);
}
.debug__title {
  font-size: 16px;
  font-weight: bold;
}
.debug__buttons div {
  margin-top: 10px;
}
.debug__button {
  font-size: 12px;
  border: none;
  outline: none;
  cursor: pointer;
  margin-right: 10px;
  padding: 5px 10px;
  color: #fff;
  background-color: rgba(255,255,255,0.1);
}
.debug__button:nth-of-type(n+2) {
  margin-top: 10px;
}
.debug__log {
  width: 200px;
  margin-top: 10px;
}
.debug__checkbox {
  margin-top: 10px;
  line-height: 1;
}
.debug__checkbox label {
  padding: 10px 5px;
  display: block;
  background-color: #121525;
}
.debug__checkbox input {
  display: inline-block;
  vertical-align: top;
}
.debug__checkbox--push-bottom {
  margin-top: auto;
}
.debug__checkbox-label {
  display: inline-block;
  padding-left: 10px;
}
.debug__frame {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 2;
  pointer-events: none;
  opacity: 0.3;
  width: 100%;
  height: calc(100vw * 0.5556);
  transform: translate(-50%, -50%);
  background: url("../images/debug/frame1.jpg") center no-repeat;
  background-size: contain;
}
/* Blocks */
.main {
  width: 100%;
  height: 100%;
  position: relative;
  opacity: 1;
  visibility: visible;
  transition: opacity 0.3s;
  z-index: 2;
}
.container {
  width: 100%;
  margin: 0 auto;
  padding: 0 28px;
}
@media only screen and (max-width: 767px) {
  .container {
    padding: 0 22px;
  }
}
.links {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 120px;
  transform: translate(-50%, -50%);
}
.links a {
  color: #fff;
  text-decoration: none;
}
.scrollbar-track {
  cursor: pointer;
  z-index: 100 !important;
}
.scrollbar-track-y {
  width: 5px !important;
  background: none !important;
  mix-blend-mode: difference;
}
.scrollbar-thumb-y {
  width: 5px !important;
  border-radius: 0 !important;
  background-color: #fff !important;
}
.is-hidden {
  display: none;
}
.about {
  background-color: #0c1221;
  background: #0c1221 url("../images/about.jpg") center no-repeat;
  background-size: cover;
  height: 100%;
  margin-right: -19px;
}
.about__close {
  position: absolute;
  top: 40px;
  right: 60px;
  width: 36px;
  height: 36px;
  padding: 0;
  margin: 0;
  border: none;
  background: none;
  cursor: pointer;
}
.about__close::before,
.about__close::after {
  position: absolute;
  top: 16px;
  left: 0;
  width: 36px;
  height: 1px;
  background-color: #fff;
  transition: opacity 0.3s ease;
  content: '';
}
.about__close::before {
  transform: rotate(45deg);
}
.about__close::after {
  transform: rotate(-45deg);
}
.about__close:hover::before,
.about__close:hover::after {
  opacity: 0.6;
}
.about__container {
  width: 100%;
  margin: 0 auto;
  padding: 0 28px;
  padding-right: 0;
}
@media only screen and (max-width: 767px) {
  .about__container {
    padding: 0 22px;
  }
}
.about__row {
  display: flex;
  flex-flow: row wrap;
  margin-left: -10px;
  margin-right: -10px;
  margin: 0;
  min-height: 100vh;
  align-items: center;
}
.about__col {
  width: 50%;
  padding-left: 10px;
  padding-right: 10px;
  padding: 0;
}
.about__col--main {
  text-align: center;
}
.about__col--text {
  padding-left: 80px;
  height: 100vh;
  overflow-y: scroll;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
}
.about__main {
  display: inline-block;
  position: relative;
}
.about__title {
  text-transform: uppercase;
  font-family: 'NTF-Grand', Arial, Helvetica, sans-serif;
  font-size: 144px;
  line-height: 1;
}
.about__text {
  max-width: 448px;
}
.about__small-text {
  font-size: 14px;
  transition: opacity 0.3s;
}
.about__small-text:hover {
  opacity: 0.6;
}
.about__blog {
  flex-grow: 1;
  flex-shrink: 0;
  display: flex;
  margin-top: 20px;
  padding-bottom: 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.about-links__item {
  display: inline-block;
  position: absolute;
  font-family: 'NTF-Grand', Arial, Helvetica, sans-serif;
  font-size: 24px;
  line-height: 1;
  text-transform: uppercase;
  color: #ceba96;
}
.about-links__item:nth-child(1) {
  right: 115%;
  bottom: 88%;
}
.about-links__item:nth-child(2) {
  left: 117%;
  bottom: 82%;
}
.about-links__item:nth-child(3) {
  right: 118%;
  top: 79%;
}
.about-links__item:nth-child(4) {
  left: 99%;
  top: 111%;
}
@media only screen and (max-width: 1199px) {
  .about__title {
    padding-top: 60px;
  }
  .about__col--text {
    padding-left: 10px;
  }
}
@media only screen and (max-width: 1023px) {
  .about {
    height: 100%;
    background: #0c1221 url("../images/about.jpg") 35% center no-repeat;
    background-size: cover;
  }
  .about__title {
    font-size: 112px;
  }
}
@media only screen and (max-width: 767px) {
  .about {
/*background: #0c1221 url("../images/about-mobile.jpg") center no-repeat;
		background-size: cover;*/
    overflow-y: auto;
    overflow-x: hidden;
    background: none;
  }
  .about__container {
    background: #0c1221 url("../images/about-mobile.jpg") center -160px no-repeat;
    background-size: cover;
  }
  .about__close {
    right: 20px;
  }
  .about__wrap {
    padding: 0 0 60px;
  }
  .about__row {
    align-items: flex-start;
    min-height: unset;
  }
  .about__col {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
  }
  .about__col--text {
    overflow: visible;
    height: auto;
  }
  .about__main {
    margin: 165px 0 145px;
  }
  .about__title {
    font-size: 96px;
  }
  .about__text {
    font-size: 14px;
    max-width: none;
  }
  .about-links__item:nth-child(1) {
    right: 115%;
    bottom: 80%;
  }
  .about-links__item:nth-child(2) {
    left: 119%;
    bottom: 75%;
  }
  .about-links__item:nth-child(3) {
    right: 112%;
    top: 108%;
  }
  .about-links__item:nth-child(4) {
    left: 112%;
    top: 88%;
  }
}
.author {
  display: block;
  position: fixed;
  left: 0;
  width: 100%;
  bottom: 98px;
  width: auto;
  min-width: 280px;
  margin: 0;
  font-size: 18px;
  line-height: 1.08;
  letter-spacing: 0.035em;
  z-index: 9;
  visibility: visible;
  opacity: 1;
  transition: opacity 0.3s ease;
}
.author__container {
  width: 100%;
  margin: 0 auto;
  padding: 0 28px;
}
@media only screen and (max-width: 767px) {
  .author__container {
    padding: 0 22px;
  }
}
.author__name {
  position: relative;
}
.author__name span {
  position: absolute;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s 0.3s ease, opacity 0.3s ease;
}
@media only screen and (max-width: 1023px) {
  .author {
    position: absolute;
  }
}
.cars-detail {
  display: none;
  overflow: hidden;
}
.cars-detail__description p {
  opacity: 0;
  transform: translateY(20%);
  transition: transform 0.6s 0s, opacity 0.3s 0s;
}
.cars-detail__description p.is-revealed {
  opacity: 1;
  transform: translateY(0%);
}
.cars-detail__banner {
  display: block;
  line-height: 0;
  margin-bottom: 100px;
}
.cars-detail__banner img {
  width: 100%;
}
.cars-detail__gradient {
  overflow: hidden;
}
.cars-detail-block {
  margin-bottom: 100px;
}
.cars-detail-block__title {
  opacity: 0;
  transform: translateY(50px);
  transition: transform 0.6s 0s, opacity 0.3s 0s;
}
.cars-detail-block__title.is-revealed {
  opacity: 1;
  transform: translateY(0%);
}
.cars-detail-block__text {
  opacity: 0;
  transform: translateY(50px);
  transition: transform 0.6s 0s, opacity 0.3s 0s;
}
.cars-detail-block__text.is-revealed {
  opacity: 1;
  transform: translateY(0%);
}
.cars-detail-block__container {
  width: 100%;
  margin: 0 auto;
  padding: 0 28px;
}
@media only screen and (max-width: 767px) {
  .cars-detail-block__container {
    padding: 0 22px;
  }
}
.cars-detail-block__wrap {
  display: flex;
  flex-flow: row wrap;
  margin-left: -10px;
  margin-right: -10px;
}
.cars-detail-block__col {
  width: 33.33333333333333%;
  padding-left: 10px;
  padding-right: 10px;
  margin-left: 50%;
}
.cars-detail-block__slider--closeup {
  margin-top: 60px;
}
.cars-detail-block__socials {
  margin-top: 40px;
}
.cars-detail-block--closeup .cars-detail-block__container {
  padding: 0;
}
.cars-detail-block--gallery {
  opacity: 0;
  transform: translateY(20%);
  transition: transform 0.6s 0s, opacity 0.3s 0s;
}
.cars-detail-block--gallery.is-revealed {
  opacity: 1;
  transform: translateY(0%);
}
.cars-detail-block--quotes .cars-detail-block__col {
  width: 50%;
  padding-left: 10px;
  padding-right: 10px;
  margin-left: 33.33333333333333%;
}
.cars-detail-info__image {
  position: relative;
  width: 100%;
  line-height: 0;
  height: auto;
}
.cars-detail-info__image img {
  width: 100%;
}
.cars-detail-info__image::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #fff;
  transform: scaleX(1);
  transition: transform 0.6s 0s;
  transform-origin: 100% 0;
}
.cars-detail-info__image.is-revealed::before {
  transform: scaleX(0);
}
.cars-detail-info__list {
  display: flex;
  flex-flow: row wrap;
  margin-left: -10px;
  margin-right: -10px;
}
.cars-detail-info__item {
  width: 50%;
  padding-left: 10px;
  padding-right: 10px;
  margin: 46px 0 0;
  opacity: 0;
  transform: translateY(20%);
  transition: transform 0.6s 0s, opacity 0.3s 0s;
}
.cars-detail-info__item dt {
  line-height: 1.125;
  margin-bottom: 1em;
}
.cars-detail-info__item dd {
  font-size: 20px;
  line-height: 1.2;
  margin: 0;
}
.cars-detail-info__item--full {
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
}
.cars-detail-info__item.is-revealed {
  opacity: 1;
  transform: translateY(0%);
}
.cars-detail-quotes {
  position: relative;
  padding-top: 37px;
  font-size: 36px;
  line-height: 1.46;
}
.cars-detail-quotes::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 2px;
  background-color: #fff;
  transform: scale(0);
  transform-origin: 0 0;
  transition: transform 0.6s 0s;
}
.cars-detail-quotes__caption {
  margin-top: 27px;
  font-size: 20px;
  line-height: 1.2;
  color: rgba(0,0,0,0.5);
  opacity: 0;
  transform: translateY(50px);
  transition: transform 0.6s 0s, opacity 0.6s 0s;
}
.cars-detail-quotes__content {
  opacity: 0;
  transform: translateY(20%);
  transition: transform 0.6s 0s, opacity 0.6s 0s;
}
.cars-detail-quotes.is-revealed::before {
  transform: scale(1);
}
.cars-detail-quotes.is-revealed .cars-detail-quotes__content {
  opacity: 1;
  transform: translateY(0%);
}
.cars-detail-quotes.is-revealed .cars-detail-quotes__caption {
  opacity: 1;
  transform: translateY(0%);
}
@media only screen and (max-width: 1199px) {
  .cars-detail-block__col {
    width: 41.66666666666667%;
    padding-left: 10px;
    padding-right: 10px;
    margin-left: 41.66666666666667%;
  }
  .cars-detail-block--quotes .cars-detail-block__col {
    width: 58.333333333333336%;
    padding-left: 10px;
    padding-right: 10px;
    margin-left: 25%;
  }
}
@media only screen and (max-width: 1023px) {
  .cars-detail-block__col {
    width: 58.333333333333336%;
    padding-left: 10px;
    padding-right: 10px;
    margin-left: 41.66666666666667%;
  }
  .cars-detail-block--quotes .cars-detail-block__col {
    width: 75%;
    padding-left: 10px;
    padding-right: 10px;
    margin-left: 25%;
  }
}
@media only screen and (max-width: 767px) {
  .cars-detail__banner {
    margin-bottom: 60px;
  }
  .cars-detail-block {
    margin-bottom: 60px;
  }
  .cars-detail-block__col {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    margin-left: 0%;
  }
  .cars-detail-block__slider--closeup {
    margin-top: 30px;
  }
  .cars-detail-block--quotes .cars-detail-block__col {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    margin-left: 0%;
  }
  .cars-detail-block--closeup .cars-detail-block__wrap {
    padding: 0 22px;
  }
  .cars-detail-info__item {
    margin: 42px 0 0;
  }
  .cars-detail-quotes {
    font-size: 28px;
  }
  .cars-detail-quotes__caption {
    margin-top: 22px;
  }
}
.cars-selection {
  width: 100%;
  height: 100vh;
  position: relative;
  transition: opacity 0.3s;
}
.cars-selection__track {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}
.cars-selection__list {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
}
.cars-selection__item {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s 0.3s ease, opacity 0.3s ease;
}
.cars-selection__item.is-visible {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.3s ease;
}
.cars-selection__item.is-visible .anim-title__col {
  animation-play-state: running;
}
.cars-selection--secondary {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.cars-selection--secondary .cars-selection__next {
  font-family: 'NTF-Grand', Arial, Helvetica, sans-serif;
  font-size: 200px;
  font-weight: 400;
  line-height: 70px;
  margin: 0;
  text-transform: uppercase;
}
.cars-selection--secondary .cars-selection__next span {
  display: block;
  transform: rotate(90deg);
  transition: opacity 0.3s;
}
.cars-selection--secondary .cars-selection__next span:nth-of-type(1) {
  animation: next0 1.5s cubic-bezier(0.4, 0, 0.2, 1) infinite forwards;
}
.cars-selection--secondary .cars-selection__next span:nth-of-type(2) {
  animation: next1 1.5s cubic-bezier(0.4, 0, 0.2, 1) infinite forwards;
}
.cars-selection--secondary .cars-selection__next span:nth-of-type(3) {
  animation: next2 1.5s cubic-bezier(0.4, 0, 0.2, 1) infinite forwards;
}
.cars-selection--secondary .cars-selection__next.is-disabled span {
  opacity: 0;
}
.cars-selection-down {
  display: none;
  position: absolute;
  bottom: 30px;
  left: 50%;
  line-height: 0;
  transform: translateX(-50%);
}
.cars-selection-down .svg-icon {
  fill: currentColor;
}
.cars-selection-progress {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 22px;
  overflow: hidden;
  z-index: 2;
}
.cars-selection-progress span {
  position: absolute;
  right: 100%;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: currentColor;
  transform: translateX(0);
  transition: transform 0.6s;
}
.cars-selection-progress span:nth-child(1) {
  background-color: #83733b;
}
.cars-selection-progress span:nth-child(2) {
  background-color: #5a6e94;
}
.cars-selection-progress span:nth-child(3) {
  background-color: #8a7a61;
}
.cars-selection-progress span:nth-child(4) {
  background-color: #dcaf61;
}
.cars-selection-progress span:nth-child(5) {
  background-color: #9d9874;
}
.cars-selection-progress span:nth-child(6) {
  background-color: #b1ada7;
}
.cars-selection-progress span:nth-child(7) {
  background-color: #ad2f36;
}
.cars-selection-progress span:nth-child(8) {
  background-color: #d88583;
}
.cars-selection-progress span:nth-child(9) {
  background-color: #565d6f;
}
.cars-selection-progress span:nth-child(10) {
  background-color: #9d9a33;
}
.cars-selection-progress span:nth-child(11) {
  background-color: #95aa67;
}
.cars-selection-progress span:nth-child(12) {
  background-color: #cc962d;
}
.cars-selection-arrow {
  display: flex;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  width: 92px;
  height: 92px;
  margin-top: -46px;
  margin-left: -46px;
  border-radius: 50%;
  border: 1px solid rgba(255,255,255,0.5);
  background-color: transparent;
  padding: 0 22px;
  font-size: 14px;
  line-height: 1.2;
  color: #83733b;
  z-index: 3;
  transition: opacity 0.2s;
  will-change: transform;
  pointer-events: none;
  cursor: pointer;
  opacity: 0;
}
.cars-selection-arrow.is-visible {
  pointer-events: auto;
  opacity: 1;
/*.cars-selection-arrow__stroke {
			stroke-dashoffset: 0;
		}*/
}
.cars-selection-arrow__circle {
  position: absolute;
  top: -2px;
  left: -2px;
  bottom: -2px;
  right: -2px;
  transform: rotate(90deg);
}
.cars-selection-arrow__stroke {
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-miterlimit: 10;
  stroke-dashoffset: 290;
  stroke-dasharray: 290;
  transition: stroke-dashoffset 0.8s;
}
.cars-selection-arrow__icon {
  display: inline-block;
  fill: currentColor;
}
.cars-selection-arrow span {
  position: absolute;
  left: 50%;
  margin-left: 7px;
  color: #fff;
}
.cars-selection-card {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  position: relative;
}
.cars-selection-card__container {
  width: 100%;
  margin: 0 auto;
  padding: 0 28px;
}
@media only screen and (max-width: 767px) {
  .cars-selection-card__container {
    padding: 0 22px;
  }
}
.cars-selection-card__content {
  max-width: 990px;
}
.cars-selection-card__title {
  line-height: 0.86;
}
.cars-selection-card__title .brand {
  display: inline;
}
.cars-selection-card__title sup {
  display: inline-block;
  font-size: 38px;
  line-height: 1;
  top: 0em;
}
.cars-selection-card__title .anim-title {
  visibility: visible;
  opacity: 1;
}
.cars-selection-card__title--sm {
  font-size: 120px;
}
.cars-selection-card__title-text {
  line-height: 0.86;
}
.cars-selection-card__info {
  display: none;
  min-width: 280px;
  margin: 20px 0 0;
  font-size: 18px;
  line-height: 1.08;
  letter-spacing: 0.035em;
}
.cars-selection-card__info dd {
  margin: 0;
}
@media only screen and (max-width: 1199px) {
  .cars-selection-card__title sup {
    font-size: 28px;
    top: 0.4em;
  }
  .cars-selection-card__title--sm sup {
    top: 0em;
  }
}
@media only screen and (max-width: 1024px) {
  button.cars-selection-arrow {
    transform: none !important;
    top: 50%;
    margin-left: 0;
  }
  button.cars-selection-arrow--prev {
    left: 22px;
  }
  button.cars-selection-arrow--next {
    left: auto;
    right: 22px;
  }
}
@media only screen and (max-width: 1023px) {
  .cars-selection-card {
    align-items: flex-start;
    padding: 140px 0 0;
  }
  .cars-selection-card__title {
    min-height: 172px;
  }
  .cars-selection-card__title sup {
    font-size: 24px;
    top: 0.1em;
  }
  .cars-selection-card__title--sm {
    font-size: 100px;
  }
  .cars-selection-card__info {
    display: block;
  }
}
@media only screen and (max-width: 767px) {
  .cars-selection-progress {
    height: 12px;
  }
  .cars-selection-down {
    display: block;
  }
  .cars-selection-arrow {
    display: flex;
    align-items: center;
    position: absolute;
    width: 42px;
    height: 42px;
    padding: 12px;
    margin-top: -21px;
  }
  .cars-selection-arrow__circle,
  .cars-selection-arrow__stroke,
  .cars-selection-arrow span {
    display: none;
  }
  .cars-selection-arrow__icon {
    display: inline-block;
    fill: currentColor;
    margin: auto;
  }
  .cars-selection-arrow--prev {
    left: 22px;
  }
  .cars-selection-arrow--next {
    right: 22px;
  }
  .cars-selection-card {
    padding: 116px 0 0;
  }
  .cars-selection-card__title {
    min-height: 122px;
  }
  .cars-selection-card__title sup {
    font-size: 18px;
    top: 0.3em;
  }
  .cars-selection-card__title--sm {
    font-size: 72px;
  }
  .cars-selection-card__info {
    font-size: 14px;
  }
}
@-moz-keyframes next0 {
  0% {
    transform: translateY(0px) rotate(90deg);
  }
  40% {
    transform: translateY(30px) rotate(90deg);
  }
  80% {
    transform: translateY(0px) rotate(90deg);
  }
}
@-webkit-keyframes next0 {
  0% {
    transform: translateY(0px) rotate(90deg);
  }
  40% {
    transform: translateY(30px) rotate(90deg);
  }
  80% {
    transform: translateY(0px) rotate(90deg);
  }
}
@-o-keyframes next0 {
  0% {
    transform: translateY(0px) rotate(90deg);
  }
  40% {
    transform: translateY(30px) rotate(90deg);
  }
  80% {
    transform: translateY(0px) rotate(90deg);
  }
}
@keyframes next0 {
  0% {
    transform: translateY(0px) rotate(90deg);
  }
  40% {
    transform: translateY(30px) rotate(90deg);
  }
  80% {
    transform: translateY(0px) rotate(90deg);
  }
}
@-moz-keyframes next1 {
  10% {
    transform: translateY(0px) rotate(90deg);
  }
  50% {
    transform: translateY(30px) rotate(90deg);
  }
  90% {
    transform: translateY(0px) rotate(90deg);
  }
}
@-webkit-keyframes next1 {
  10% {
    transform: translateY(0px) rotate(90deg);
  }
  50% {
    transform: translateY(30px) rotate(90deg);
  }
  90% {
    transform: translateY(0px) rotate(90deg);
  }
}
@-o-keyframes next1 {
  10% {
    transform: translateY(0px) rotate(90deg);
  }
  50% {
    transform: translateY(30px) rotate(90deg);
  }
  90% {
    transform: translateY(0px) rotate(90deg);
  }
}
@keyframes next1 {
  10% {
    transform: translateY(0px) rotate(90deg);
  }
  50% {
    transform: translateY(30px) rotate(90deg);
  }
  90% {
    transform: translateY(0px) rotate(90deg);
  }
}
@-moz-keyframes next2 {
  20% {
    transform: translateY(0px) rotate(90deg);
  }
  60% {
    transform: translateY(30px) rotate(90deg);
  }
  100% {
    transform: translateY(0px) rotate(90deg);
  }
}
@-webkit-keyframes next2 {
  20% {
    transform: translateY(0px) rotate(90deg);
  }
  60% {
    transform: translateY(30px) rotate(90deg);
  }
  100% {
    transform: translateY(0px) rotate(90deg);
  }
}
@-o-keyframes next2 {
  20% {
    transform: translateY(0px) rotate(90deg);
  }
  60% {
    transform: translateY(30px) rotate(90deg);
  }
  100% {
    transform: translateY(0px) rotate(90deg);
  }
}
@keyframes next2 {
  20% {
    transform: translateY(0px) rotate(90deg);
  }
  60% {
    transform: translateY(30px) rotate(90deg);
  }
  100% {
    transform: translateY(0px) rotate(90deg);
  }
}
.glightbox-cars .gslide-media {
  box-shadow: none;
}
.glightbox-cars .gcontainer {
  display: flex;
}
.glightbox-cars .gcontainer .gslider {
  position: relative;
  padding: 100px 0;
  margin: auto;
}
.glightbox-cars .gcontainer .gslide-image img {
  max-height: calc(100vh - 200px);
}
.glightbox-cars .gcontainer .gpager {
  display: block;
  position: absolute;
  bottom: 40px;
  left: 0;
  width: 100%;
  text-align: center;
  margin-top: 45px;
  font-size: 20px;
  line-height: 1.1;
  color: rgba(0,0,0,0.5);
}
.glightbox-cars .gprev,
.glightbox-cars .gnext,
.glightbox-cars .gclose {
  position: absolute;
}
.glightbox-cars .gprev,
.glightbox-cars .gnext {
  display: flex;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  top: 50%;
  margin-top: -22px;
  background-color: #fff;
  color: #000;
  cursor: pointer;
  transition: background-color 0.3s, color 0.3s;
}
.glightbox-cars .gprev .svg-icon,
.glightbox-cars .gnext .svg-icon {
  width: 16.1px;
  height: 13.9px;
  fill: currentColor;
  margin: auto;
}
.glightbox-cars .gprev {
  left: 80px;
}
.glightbox-cars .gnext {
  right: 80px;
}
.glightbox-cars .gclose {
  width: 73px;
  height: 73px;
  border-radius: 50%;
  top: 24px;
  right: 24px;
  background-color: #565656;
  color: #fff;
  cursor: pointer;
  transition: background-color 0.3s, color 0.3s;
}
.glightbox-cars .gclose .svg-icon {
  width: 22px;
  height: 22px;
  fill: currentColor;
  margin: auto;
}
.glightbox-cars.glightbox-closing .gnext,
.glightbox-cars.glightbox-closing .gprev,
.glightbox-cars.glightbox-closing .gclose,
.glightbox-cars.glightbox-closing .gpager {
  opacity: 0 !important;
}
.gscrollbar-fixer {
  margin: 0 !important;
}
@media only screen and (min-width: 1024px) {
  .glightbox-cars .gprev:hover,
  .glightbox-cars .gnext:hover {
    background-color: #6f6f6f;
    color: #fff;
  }
  .glightbox-cars .gclose:hover {
    background-color: #fff;
    color: #000;
  }
}
@media only screen and (max-width: 1199px) {
  .glightbox-cars .gprev {
    left: 40px;
  }
  .glightbox-cars .gnext {
    right: 40px;
  }
}
@media only screen and (max-width: 1023px) {
  .glightbox-cars .gprev {
    left: 22px;
  }
  .glightbox-cars .gnext {
    right: 22px;
  }
}
.intro {
  pointer-events: none;
  display: block;
  width: 100%;
  height: 100vh;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1;
}
.intro__wrap {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  position: relative;
  z-index: 2;
}
.intro__container {
  width: 100%;
  margin: 0 auto;
  padding: 0 28px;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s 0.3s ease, opacity 0.3s ease;
}
@media only screen and (max-width: 767px) {
  .intro__container {
    padding: 0 22px;
  }
}
.intro__scene {
  pointer-events: auto;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.intro__text {
  font-size: 14px;
  color: #b1aeae;
  max-width: 320px;
  margin: 0 auto;
  margin-top: 20px;
  opacity: 0;
  transition: opacity 0.3s 1s;
}
.intro__text a {
  pointer-events: auto;
  font-weight: bold;
  display: block;
}
.intro__title {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.intro__title-text {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.intro__title-loading {
  position: absolute;
  top: 50%;
  left: 50%;
  right: 0;
  text-align: center;
  transform: translate(-50%, -50%);
}
.intro-button {
  display: flex;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 92px;
  height: 92px;
  margin-top: -46px;
  margin-left: -46px;
  border-radius: 50%;
  border: 1px solid rgba(255,255,255,0.5);
  background-color: transparent;
  padding: 0 22px;
  font-size: 14px;
  line-height: 1.2;
  color: #fff;
  z-index: 3;
  cursor: pointer;
  pointer-events: none;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s 0.3s ease, opacity 0.3s ease;
}
.intro-button__circle {
  position: absolute;
  top: -2px;
  left: -2px;
  bottom: -2px;
  right: -2px;
  transform: rotate(90deg);
}
.intro-button__stroke {
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-miterlimit: 10;
  stroke-dashoffset: 290;
  stroke-dasharray: 290;
  transition: stroke-dashoffset 0.8s;
}
.intro-button__icon {
  display: inline-block;
  fill: currentColor;
}
.intro-button span {
  position: absolute;
  left: 50%;
  margin-left: 7px;
  color: #fff;
}
.intro-button.is-visible {
  pointer-events: auto;
  visibility: visible;
  opacity: 1;
  transition: opacity 0.3s ease;
}
@media only screen and (max-width: 1023px) {
  .intro__title {
    margin-bottom: 16px;
  }
  .intro-button {
    transform: none !important;
    position: static;
    margin: 20px auto 0;
  }
}
@media only screen and (max-width: 767px) {
  .intro__text {
    font-size: 12px;
    line-height: 1.5;
    max-width: 230px;
  }
}
@-moz-keyframes introButton {
  0% {
    pointer-events: none;
  }
  100% {
    pointer-events: all;
  }
}
@-webkit-keyframes introButton {
  0% {
    pointer-events: none;
  }
  100% {
    pointer-events: all;
  }
}
@-o-keyframes introButton {
  0% {
    pointer-events: none;
  }
  100% {
    pointer-events: all;
  }
}
@keyframes introButton {
  0% {
    pointer-events: none;
  }
  100% {
    pointer-events: all;
  }
}
.logo {
  display: flex;
  align-items: center;
  font-family: 'NTF-Grand', Arial, Helvetica, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 26px;
  height: 26px;
  text-transform: uppercase;
}
.logo__num {
  display: flex;
  flex-flow: column nowrap;
  height: 58px;
  transform: skewY(-15deg);
  overflow: hidden;
  margin: 0 0 0 4px;
}
.logo__wrap {
  transform: skewY(15deg);
}
.logo__list {
  display: block;
  text-align: center;
  height: 26px;
  margin-top: -10px;
  transition: transform 0.3s;
}
.logo__list-item {
  transition: color 0.3s;
}
.logo__list-item--brand1 {
  color: #83733b;
}
.logo__list-item--brand2 {
  color: #5a6e94;
}
.logo__list-item--brand3 {
  color: #8a7a61;
}
.logo__list-item--brand4 {
  color: #dcaf61;
}
.logo__list-item--brand5 {
  color: #9d9874;
}
.logo__list-item--brand6 {
  color: #b1ada7;
}
.logo__list-item--brand7 {
  color: #ad2f36;
}
.logo__list-item--brand8 {
  color: #d88583;
}
.logo__list-item--brand9 {
  color: #565d6f;
}
.logo__list-item--brand10 {
  color: #9d9a33;
}
.logo__list-item--brand11 {
  color: #95aa67;
}
.logo__list-item--brand12 {
  color: #cc962d;
}
.logo.is-light .logo__list-item {
  color: #fff !important;
}
@media only screen and (max-width: 767px) {
  .logo {
    font-size: 20px;
    line-height: 22px;
    height: 22px;
  }
  .logo__num {
    height: 49px;
  }
  .logo__list {
    height: 22px;
    margin-top: -9px;
  }
}
.nav {
  position: fixed;
  width: 100%;
  z-index: 99;
}
.nav__back {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  font-family: 'NTF-Grand', Arial, Helvetica, sans-serif;
  font-size: 100px;
  font-weight: 400;
}
.nav__back span {
  transition: color 0.3s, -webkit-text-stroke 0.3s, text-stroke 0.3s;
  color: rgba(255,255,255,0);
  -webkit-text-stroke: 0.5px rgba(255,255,255,0);
  text-stroke: 0.5px rgba(255,255,255,0);
}
.nav__back.is-active span {
  -webkit-text-stroke: 0.5px rgba(255,255,255,0.2);
  text-stroke: 0.5px rgba(255,255,255,0.2);
}
.nav__back.is-active span.is-active {
  color: #fff;
}
.nav__container {
  width: 100%;
  margin: 0 auto;
  padding: 0 28px;
}
@media only screen and (max-width: 767px) {
  .nav__container {
    padding: 0 22px;
  }
}
.nav__wrap {
  display: flex;
  align-items: center;
}
.nav__top {
  pointer-events: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  padding: 40px 0 26px;
}
.nav__logo {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  pointer-events: all;
  visibility: visible;
  opacity: 1;
  transition: opacity 0.3s 0.6s;
}
.nav__link {
  font-size: 14px;
  line-height: 1.2;
  color: #6f6f6f;
  pointer-events: all;
  opacity: 1;
  visibility: visible;
  transition: color 0.3s;
}
.nav__sound {
  display: inline-flex;
  align-items: center;
  background-color: transparent;
  border: none;
  padding: 0;
  color: #fff;
  font-size: 14px;
  line-height: 1.2;
  cursor: pointer;
  transition: color 0.3s, transform 0.3s;
  transform: translateX(-160px);
}
.nav__sound-icon {
  display: inline-flex;
  width: 19px;
  height: 19px;
  border-radius: 50%;
  border: 1px solid #959595;
  margin-right: 11px;
}
.nav__sound-icon .svg-icon {
  margin: auto;
  fill: currentColor;
}
.nav__sound-label {
  color: #6f6f6f;
  margin-right: 11px;
}
.nav__sound-status {
  width: 20px;
}
.nav__sound-off {
  display: none;
}
.nav__sound.is-off .nav__sound-on {
  display: none;
}
.nav__sound.is-off .nav__sound-off {
  display: inline-block;
}
.nav__toggle {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  display: inline-flex;
  align-items: center;
  border: 1px solid rgba(255,255,255,0.5);
  border-radius: 60px;
  background-color: transparent;
  font-size: 14px;
  line-height: 1.2;
  color: #fff;
  padding: 6px 0 6px 6px;
  width: 130px;
  margin-left: 47px;
  opacity: 1;
  overflow: hidden;
  cursor: pointer;
  pointer-events: all;
  visibility: visible;
  transition: border-color 0.3s, opacity 0.3s, width 0.3s, margin-left 0.3s;
/*&-text {
			width: 0;
			padding: 0;
			overflow: hidden;
			padding: 0 25px 0 15px;
		}*/
}
.nav__toggle-icon {
  flex-shrink: 0;
  display: inline-flex;
  width: 44px;
  height: 44px;
  margin-right: 15px;
  border-radius: 50%;
  background-color: #6f6f6f;
  transition: background-color 0.3s;
}
.nav__toggle-icon .svg-icon {
  margin: auto;
  fill: currentColor;
  transition: transform 0.3s;
}
.nav__controls {
  position: relative;
  pointer-events: auto;
  margin-left: auto;
  height: 58px;
  display: flex;
  align-items: center;
  transition: opacity 0.3s;
}
.nav__bottom {
  pointer-events: none;
  position: fixed;
  bottom: 5px;
  left: 0;
  width: 100%;
  padding: 22px 0;
}
.nav__bottom .nav__link {
  pointer-events: auto;
}
.nav__bottom .nav__link:last-child {
  margin-left: auto;
}
.nav__copy {
  position: relative;
  margin-left: auto;
  pointer-events: auto;
}
.nav__copy a {
  cursor: pointer;
  background: none;
  border: none;
  padding: 0;
  color: #848484;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  line-height: 20px;
  transition: opacity 0.3s;
}
.nav__copy a:hover {
  opacity: 0.7;
}
.nav__copy a svg {
  margin-left: 5px;
  width: 100px;
  height: 20px;
}
.nav__copy.is-open .nav-popup {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.3s ease;
}
.nav-share {
  display: flex;
  align-items: center;
  pointer-events: auto;
}
.nav-share a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 34px;
  height: 34px;
  border: 1px solid #fff;
  border-radius: 50%;
  margin-right: 5px;
  transition: opacity 0.3s;
}
.nav-share a:hover {
  opacity: 0.5;
}
.nav-share__label {
  color: #6f6f6f;
  margin-left: 15px;
}
.nav-menu {
  position: fixed;
  top: 0;
  left: 0;
  right: -19px;
  bottom: 0;
  text-align: center;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s 0.3s ease, opacity 0.3s ease;
}
.nav-menu__wrap {
  position: relative;
  z-index: 2;
  height: 100%;
  overflow-y: auto;
}
.nav-menu__list {
  padding-top: 160px;
  padding-bottom: 100px;
}
.nav-menu__item {
  margin-bottom: 20px;
}
.nav-menu__link {
  display: inline-block;
  font-family: 'NTF-Grand', Arial, Helvetica, sans-serif;
  font-size: 60px;
  line-height: 0.86;
  text-transform: uppercase;
  color: #6a6a6a;
  position: relative;
}
.nav-menu__link span {
  font-family: 'Neue Haas Grotesk Display Pro', Arial, Helvetica, sans-serif;
  font-size: 13px;
  position: absolute;
  left: 100%;
  bottom: 80%;
  margin: 0 0 0 5px;
}
.nav-popup {
  position: absolute;
  bottom: 60px;
  right: 0;
  display: flex;
  padding: 20px;
  background-color: #fff;
  border-radius: 8px;
  width: 360px;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s 0.3s ease, opacity 0.3s ease;
}
.nav-popup::before {
  content: '';
  position: absolute;
  right: 15px;
  bottom: -6px;
  width: 14px;
  height: 14px;
  background-color: #fff;
  transform: rotate(45deg);
}
.nav-popup__logo {
  position: absolute;
  top: 5px;
  left: 10px;
  bottom: 0;
  flex-shrink: 0;
}
.nav-popup__logo img {
  width: 120px;
  height: 120px;
}
.nav-popup__description {
  margin-left: 120px;
  font-size: 16px;
  font-weight: bold;
  color: #000;
}
.nav-popup__text {
  line-height: 1.2;
}
.nav-popup__link {
  display: inline-block;
  margin-top: 10px;
  border-radius: 8px;
  padding: 5px 16px;
  text-decoration: none;
  font-size: 14px;
  background-color: #fe490c;
  transition: background-color 0.3s;
}
.nav-popup__link:hover {
  background-color: #ff6d3d;
}
@media only screen and (min-width: 1024px) {
  .nav__link:hover {
    color: #fff;
  }
  .nav__sound:hover {
    color: #b1aeae;
  }
  .nav__toggle:hover {
    border: 1px solid #b1aeae;
  }
  .nav__toggle:hover .nav__toggle-icon {
    background-color: #b1aeae;
  }
  .nav__toggle:hover .nav__toggle-icon .svg-icon {
    transform: rotate(45deg);
  }
  .nav-menu__link:hover {
    color: #83733b;
  }
}
@media only screen and (max-width: 1023px) {
  .nav__sound {
    transform: translateX(-60px);
  }
  .nav__logo,
  .nav__link {
    transition: opacity 0.3s 0.3s;
  }
  .nav__toggle {
    padding: 3px;
    width: 46px !important;
    margin-left: 35px;
  }
  .nav__toggle-text {
    display: none;
  }
  .nav__toggle-icon {
    width: 38px;
    height: 38px;
    margin-right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .nav__top {
    padding: 20px 0;
  }
  .nav__sound {
    position: fixed;
    bottom: 45px;
    left: auto;
    right: 25px;
    text-transform: uppercase;
    transform: translateX(0px);
  }
  .nav__bottom .nav__wrap {
    align-items: flex-end;
    padding-top: 10px;
  }
  .nav__copy {
    font-size: 12px;
    margin-bottom: -5px;
  }
  .nav__copy a svg {
    width: 80px;
  }
  .nav-share__label {
    display: none;
  }
  .nav-popup {
    width: 320px;
  }
  .nav-popup__logo img {
    width: 110px;
    height: 110px;
  }
  .nav-popup__description {
    margin-left: 100px;
  }
  .nav-popup__text {
    font-size: 14px;
  }
  .nav-menu {
    text-align: left;
  }
  .nav-menu__wrap {
    width: 100%;
    margin: 0 auto;
    padding: 0 28px;
  }
  .nav-menu__list {
    padding-top: 102px;
    padding-bottom: 70px;
  }
  .nav-menu__item {
    margin-bottom: 17px;
  }
  .nav-menu__link {
    font-size: 36px;
    letter-spacing: -0.03em;
  }
  .nav-menu__link span {
    font-size: 12px;
    bottom: 60%;
  }
}
@media only screen and (max-width: 767px) and (max-width: 767px) {
  __wrap {
    padding: 0 22px;
  }
}
.scene {
  pointer-events: none;
  display: block;
  width: 100%;
  height: 100vh;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1;
}
.scene__canvas {
  pointer-events: auto;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.scene__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 1;
  transform: translateY(100%);
  transition: opacity 0s 0.3s ease;
}
.scene__bg.is-active {
  transform: translateY(0);
}
.slider {
  width: 100%;
  position: relative;
  height: 0;
  opacity: 0;
  transition: opacity 0.3s;
}
.slider.is-init {
  height: auto;
  opacity: 1;
}
.slider__list {
  display: flex;
  align-items: stretch;
}
.slider__arrows {
  display: flex;
  align-items: center;
}
.slider__arrow {
  display: flex;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background-color: #fff;
  color: #000;
  border: none;
  cursor: pointer;
  pointer-events: all;
  transition: background-color 0.3s, color 0.3s;
}
.slider__arrow:first-child {
  margin-left: 0;
}
.slider__arrow .svg-icon {
  fill: currentColor;
  margin: auto;
}
.slider--gallery {
  height: auto;
  opacity: 1;
}
.slider--gallery .slider__wrap {
  overflow: hidden;
}
.slider--gallery .slider__list {
  overflow-x: auto;
  padding-bottom: 25px;
  margin-bottom: -25px;
}
.slider--gallery .slider__list.is-centered {
  justify-content: center;
}
.slider--gallery .slider__item {
  flex-shrink: 0;
  width: 496px;
  height: 279px;
  padding-left: 10px;
  padding-right: 10px;
}
.slider--gallery .slider__controls {
  width: 100%;
  margin: 0 auto;
  padding: 0 28px;
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 2;
  width: 100%;
  transform: translateY(-50%);
  pointer-events: none;
}
@media only screen and (max-width: 767px) {
  .slider--gallery .slider__controls {
    padding: 0 22px;
  }
}
.slider--gallery .slider__arrows {
  justify-content: space-between;
}
.slider--gallery .slider__arrow {
  background-color: #494747;
  color: #fff;
  visibility: visible;
  opacity: 1;
  transition: opacity 0.3s ease;
  pointer-events: auto;
}
.slider--gallery .slider__arrow:disabled {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s 0.3s ease, opacity 0.3s ease;
}
.slider--gallery .slider-card {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}
.slider--gallery .slider-card__image {
  display: block;
  width: 100%;
  max-width: 496px;
  height: 0;
  padding-bottom: 56.25%;
  position: relative;
  line-height: 0;
  z-index: 1;
}
.slider--gallery .slider-card__image > img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.slider--gallery .slider-card__control {
  display: flex;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  position: absolute;
  z-index: 2;
  top: 16px;
  right: 20px;
  background-color: #494747;
  color: #fff;
  opacity: 0;
  transition: opacity 0.3s;
}
.slider--gallery .slider-card__control .svg-icon {
  fill: currentColor;
  margin: auto;
}
.slider--closeup {
  display: flex;
  width: 100%;
  height: auto;
  opacity: 1;
/*
        grid-row();

        .slider-card {
            font-size: 0;

            img {
                display: block;
                width: 100%;
            }
        }

        .slider {
            &__wrap {
                grid-col(10,12);
            }

            &__controls {
                grid-col(2,12);
                display: flex;
                justify-content: center;
                align-items: center;
            }

            &__arrows {
                display: block;
            }

            &__arrow {
                margin: 26px 0;
            }

            &__pager {
                position: absolute;
                bottom: 20%;
                font-size: 20px;
                color: alpha($textColorDark, .5);

                span {
                    display: inline-block;
                    min-width: 12px;
                    text-align: right;
                }
            }
        }

        .tns-outer {
            margin-left: -28px;
        }*/
}
.slider--closeup .slider__wrap {
  width: calc(100% - 100% / 3);
  padding: 0;
  overflow: hidden;
/* opacity: 0;
                transform: translateX(-20%);
                transition: transform $timeLong $delay, opacity $timeMedium $delay;

                &.is-revealed {
                    opacity: 1;
                    transform: translateX(0%);
                }*/
}
.slider--closeup .slider__list {
  flex-direction: row;
  flex-wrap: nowrap;
  transition: transform 0.3s;
  will-change: transform;
}
.slider--closeup .slider__item {
  width: 100%;
  flex-shrink: 0;
}
.slider--closeup .slider__controls {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.slider--closeup .slider__arrows {
  flex-direction: column;
  opacity: 0;
  transform: translateX(50px);
  transition: transform 0.6s 0s, opacity 0.3s 0s;
}
.slider--closeup .slider__arrows.is-revealed {
  opacity: 1;
  transform: translateX(0%);
}
.slider--closeup .slider__arrow {
  margin: 26px 0;
}
.slider--closeup .slider__pager {
  position: absolute;
  bottom: 20%;
  font-size: 20px;
  color: rgba(0,0,0,0.5);
  opacity: 0;
  transform: translateX(50px);
  transition: transform 0.6s 0s, opacity 0.3s 0s;
}
.slider--closeup .slider__pager.is-revealed {
  opacity: 1;
  transform: translateX(0%);
}
.slider--closeup[data-slide="0"] .slider__list {
  transform: translateX(0%);
}
.slider--closeup[data-slide="1"] .slider__list {
  transform: translateX(-100%);
}
.slider--closeup[data-slide="2"] .slider__list {
  transform: translateX(-200%);
}
.slider--closeup[data-slide="3"] .slider__list {
  transform: translateX(-300%);
}
.slider--closeup[data-slide="4"] .slider__list {
  transform: translateX(-400%);
}
.slider--closeup[data-slide="5"] .slider__list {
  transform: translateX(-500%);
}
.slider--closeup .slider-card img {
  display: block;
  width: 100%;
}
@media only screen and (min-width: 1024px) {
  .slider__arrow:hover {
    background-color: #6f6f6f;
    color: #fff;
  }
  .slider--gallery .slider__arrow:hover {
    background-color: #fff;
    color: #000;
  }
  .slider--gallery .slider-card:hover .slider-card__control {
    opacity: 1;
  }
}
@media only screen and (max-width: 1023px) {
  .slider--gallery .slider__item {
    width: 248px;
    height: 139px;
  }
  .slider--gallery .slider__pager {
    bottom: 0;
  }
}
@media only screen and (max-width: 767px) {
  .slider--gallery .slider__controls {
    position: static;
    margin-top: 24px;
    transform: translateY(0);
    pointer-events: none;
  }
  .slider--gallery .slider__arrows {
    justify-content: center;
  }
  .slider--gallery .slider__arrow {
    margin: 0 10px;
  }
  .slider--gallery .slider-card__control {
    opacity: 1;
    top: 12px;
    right: 12px;
  }
  .slider--closeup {
    flex-direction: column;
  }
  .slider--closeup .slider__wrap {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    padding: 0;
  }
  .slider--closeup .slider__controls {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-top: 22px;
  }
  .slider--closeup .slider__arrows {
    display: flex;
    flex-direction: row;
    align-items: center;
  }
  .slider--closeup .slider__arrow {
    margin: 0 0 0 20px;
  }
  .slider--closeup .slider__pager {
    position: static;
    font-size: 20px;
    color: rgba(0,0,0,0.5);
    order: -1;
  }
  .slider--closeup .slider__pager span {
    display: inline-block;
    min-width: 12px;
    text-align: right;
  }
  .slider--closeup .tns-outer {
    margin: 0 -22px;
  }
}
.socials {
  display: inline-flex;
}
.socials.is-revealed .socials__item {
  opacity: 1;
  transform: translateY(0%);
}
.socials__item {
  opacity: 0;
  transform: translateY(50px);
  margin-right: 12px;
}
.socials__item:nth-of-type(1) {
  transition: transform 0.6s 0.05s, opacity 0.3s 0.05s;
}
.socials__item:nth-of-type(2) {
  transition: transform 0.6s 0.1s, opacity 0.3s 0.1s;
}
.socials__item:nth-of-type(3) {
  transition: transform 0.6s 0.15s, opacity 0.3s 0.15s;
}
.socials__item:nth-of-type(4) {
  transition: transform 0.6s 0.2s, opacity 0.3s 0.2s;
}
.socials__item:nth-of-type(5) {
  transition: transform 0.6s 0.25s, opacity 0.3s 0.25s;
}
.socials__item:last-child {
  margin-right: 0;
}
.socials__link {
  display: flex;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background-color: #fff;
  color: #000;
  transition: background-color 0.3s, color 0.3s;
}
.socials__link .svg-icon {
  fill: currentColor;
  margin: auto;
}
.socials__link img {
  width: 24px;
  height: 24px;
  margin: auto;
}
@media only screen and (min-width: 1024px) {
  .socials__link:hover {
    background-color: #6f6f6f;
    color: #fff;
  }
}
body[data-type="-2"] .section:not(.section--cars-selection) {
  display: none !important;
}
body[data-type="-2"] .nav__toggle,
body[data-type="-2"] .nav__link,
body[data-type="-2"] .nav__text,
body[data-type="-2"] .nav__logo {
  opacity: 0;
  visibility: hidden;
}
body[data-type="-2"] .nav__toggle {
  width: 58px;
  pointer-events: none;
}
body[data-type="-2"] .nav__sound {
  transform: translateX(0px);
}
body[data-type="-2"] .main {
  opacity: 0;
  visibility: hidden;
  transition: visibility 0s 0.3s ease, opacity 0.3s ease;
}
body[data-type="-2"] .intro__container {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.3s;
}
body[data-type="-2"] .anim-title--loading {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.3s ease;
}
body[data-type="-2"] .anim-title--loading .anim-title__col {
  animation-play-state: running;
}
body[data-type="-2"] .author {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s 0.3s ease, opacity 0.3s ease;
}
body[data-type="-2"] .cars-selection-controls {
  display: none;
}
body[data-type="-1"] .section:not(.section--cars-selection) {
  display: none !important;
}
body[data-type="-1"] .nav__sound {
  transform: translateX(0px);
}
body[data-type="-1"] .nav__toggle,
body[data-type="-1"] .nav__link,
body[data-type="-1"] .nav__text,
body[data-type="-1"] .nav__logo {
  opacity: 0;
  visibility: hidden;
}
body[data-type="-1"] .nav__toggle {
  width: 58px;
  pointer-events: none;
}
body[data-type="-1"] .main {
  opacity: 0;
  visibility: hidden;
  transition: visibility 0s 0.3s ease, opacity 0.3s ease;
}
body[data-type="-1"] .intro__container {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.3s;
}
body[data-type="-1"] .intro__text {
  opacity: 1;
}
body[data-type="-1"] .anim-title--intro {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.3s ease;
}
body[data-type="-1"] .anim-title--intro .anim-title__col {
  animation-play-state: running;
}
body[data-type="-1"] .author {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s 0.3s ease, opacity 0.3s ease;
}
body[data-type="-1"] .cars-selection-controls {
  display: none;
}
body[data-type="0"] .logo__list {
  transform: translateY(0);
}
body[data-type="0"] .cars-selection__item:nth-child(1) {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.3s ease;
}
body[data-type="0"] .cars-selection__item:nth-child(1) .anim-title .anim-title__col {
  animation-play-state: running;
}
body[data-type="0"] .cars-selection-arrow--prev {
  pointer-events: none !important;
  opacity: 0 !important;
}
body[data-type="0"] .cars-selection-controls {
  display: block;
}
body[data-type="0"] .cars-selection-progress span:nth-child(1) {
  transform: translateX(100%);
}
body[data-type="0"] .cars-selection-down {
  color: #83733b;
}
body[data-type="0"] .cars-selection-card__title .brand {
  color: #83733b;
}
body[data-type="0"] .cars-detail-info__image::before {
  background-color: #83733b;
}
body[data-type="0"] .cars-selection-arrow {
  color: #83733b;
}
body[data-type="0"] .cars-detail {
  background-color: #83733b;
}
body[data-type="0"] .cars-detail[data-type="0"] {
  display: block;
}
body[data-type="0"] .cars-detail[data-type="0"] .cars-detail__gradient {
  background: #83733b;
  background: -moz-linear-gradient(180deg, #83733b 0%, #5a6e94 100%);
  background: -webkit-linear-gradient(180deg, #83733b 0%, #5a6e94 100%);
  background: linear-gradient(180deg, #83733b 0%, #5a6e94 100%);
}
body[data-type="0"] .scene__bg {
  background-color: #5a6e94;
}
body[data-type="0"] .goverlay {
  background-color: #83733b;
}
body[data-type="0"] .author__name span:nth-child(1) {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.3s ease;
}
body[data-type="0"][data-endless="1"] .scene__bg {
  background-color: #83733b;
}
body[data-type="1"] .logo__list {
  transform: translateY(-100%);
}
body[data-type="1"] .cars-selection__item:nth-child(2) {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.3s ease;
}
body[data-type="1"] .cars-selection__item:nth-child(2) .anim-title .anim-title__col {
  animation-play-state: running;
}
body[data-type="1"] .cars-selection-progress span:nth-last-child(n+11) {
  transform: translateX(100%);
}
body[data-type="1"]__down {
  color: #5a6e94;
}
body[data-type="1"] .cars-selection-card__title .brand {
  color: #5a6e94;
}
body[data-type="1"] .cars-detail-info__image::before {
  background-color: #5a6e94;
}
body[data-type="1"] .cars-selection-arrow {
  color: #5a6e94;
}
body[data-type="1"] .cars-detail {
  background-color: #5a6e94;
}
body[data-type="1"] .cars-detail[data-type="1"] {
  display: block;
}
body[data-type="1"] .cars-detail[data-type="1"] .cars-detail__gradient {
  background: #5a6e94;
  background: -moz-linear-gradient(180deg, #5a6e94 0%, #8a7a61 100%);
  background: -webkit-linear-gradient(180deg, #5a6e94 0%, #8a7a61 100%);
  background: linear-gradient(180deg, #5a6e94 0%, #8a7a61 100%);
}
body[data-type="1"] .scene__bg {
  background-color: #8a7a61;
}
body[data-type="1"] .goverlay {
  background-color: #5a6e94;
}
body[data-type="1"] .author__name span:nth-child(2) {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.3s ease;
}
body[data-type="1"][data-endless="1"] .scene__bg {
  background-color: #5a6e94;
}
body[data-type="2"] .logo__list {
  transform: translateY(-200%);
}
body[data-type="2"] .cars-selection__item:nth-child(3) {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.3s ease;
}
body[data-type="2"] .cars-selection__item:nth-child(3) .anim-title .anim-title__col {
  animation-play-state: running;
}
body[data-type="2"] .cars-selection-progress span:nth-last-child(n+10) {
  transform: translateX(100%);
}
body[data-type="2"]__down {
  color: #8a7a61;
}
body[data-type="2"] .cars-selection-card__title .brand {
  color: #8a7a61;
}
body[data-type="2"] .cars-detail-info__image::before {
  background-color: #8a7a61;
}
body[data-type="2"] .cars-selection-arrow {
  color: #8a7a61;
}
body[data-type="2"] .cars-detail {
  background-color: #8a7a61;
}
body[data-type="2"] .cars-detail[data-type="2"] {
  display: block;
}
body[data-type="2"] .cars-detail[data-type="2"] .cars-detail__gradient {
  background: #8a7a61;
  background: -moz-linear-gradient(180deg, #8a7a61 0%, #dcaf61 100%);
  background: -webkit-linear-gradient(180deg, #8a7a61 0%, #dcaf61 100%);
  background: linear-gradient(180deg, #8a7a61 0%, #dcaf61 100%);
}
body[data-type="2"] .scene__bg {
  background-color: #dcaf61;
}
body[data-type="2"] .goverlay {
  background-color: #8a7a61;
}
body[data-type="2"] .author__name span:nth-child(3) {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.3s ease;
}
body[data-type="2"][data-endless="1"] .scene__bg {
  background-color: #8a7a61;
}
body[data-type="3"] .logo__list {
  transform: translateY(-300%);
}
body[data-type="3"] .cars-selection__item:nth-child(4) {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.3s ease;
}
body[data-type="3"] .cars-selection__item:nth-child(4) .anim-title .anim-title__col {
  animation-play-state: running;
}
body[data-type="3"] .cars-selection-progress span:nth-last-child(n+9) {
  transform: translateX(100%);
}
body[data-type="3"]__down {
  color: #dcaf61;
}
body[data-type="3"] .cars-selection-card__title .brand {
  color: #dcaf61;
}
body[data-type="3"] .cars-detail-info__image::before {
  background-color: #dcaf61;
}
body[data-type="3"] .cars-selection-arrow {
  color: #dcaf61;
}
body[data-type="3"] .cars-detail {
  background-color: #dcaf61;
}
body[data-type="3"] .cars-detail[data-type="3"] {
  display: block;
}
body[data-type="3"] .cars-detail[data-type="3"] .cars-detail__gradient {
  background: #dcaf61;
  background: -moz-linear-gradient(180deg, #dcaf61 0%, #9d9874 100%);
  background: -webkit-linear-gradient(180deg, #dcaf61 0%, #9d9874 100%);
  background: linear-gradient(180deg, #dcaf61 0%, #9d9874 100%);
}
body[data-type="3"] .scene__bg {
  background-color: #9d9874;
}
body[data-type="3"] .goverlay {
  background-color: #dcaf61;
}
body[data-type="3"] .author__name span:nth-child(4) {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.3s ease;
}
body[data-type="3"][data-endless="1"] .scene__bg {
  background-color: #dcaf61;
}
body[data-type="4"] .logo__list {
  transform: translateY(-400%);
}
body[data-type="4"] .cars-selection__item:nth-child(5) {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.3s ease;
}
body[data-type="4"] .cars-selection__item:nth-child(5) .anim-title .anim-title__col {
  animation-play-state: running;
}
body[data-type="4"] .cars-selection-progress span:nth-last-child(n+8) {
  transform: translateX(100%);
}
body[data-type="4"]__down {
  color: #9d9874;
}
body[data-type="4"] .cars-selection-card__title .brand {
  color: #9d9874;
}
body[data-type="4"] .cars-detail-info__image::before {
  background-color: #9d9874;
}
body[data-type="4"] .cars-selection-arrow {
  color: #9d9874;
}
body[data-type="4"] .cars-detail {
  background-color: #9d9874;
}
body[data-type="4"] .cars-detail[data-type="4"] {
  display: block;
}
body[data-type="4"] .cars-detail[data-type="4"] .cars-detail__gradient {
  background: #9d9874;
  background: -moz-linear-gradient(180deg, #9d9874 0%, #b1ada7 100%);
  background: -webkit-linear-gradient(180deg, #9d9874 0%, #b1ada7 100%);
  background: linear-gradient(180deg, #9d9874 0%, #b1ada7 100%);
}
body[data-type="4"] .scene__bg {
  background-color: #b1ada7;
}
body[data-type="4"] .goverlay {
  background-color: #9d9874;
}
body[data-type="4"] .author__name span:nth-child(5) {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.3s ease;
}
body[data-type="4"][data-endless="1"] .scene__bg {
  background-color: #9d9874;
}
body[data-type="5"] .logo__list {
  transform: translateY(-500%);
}
body[data-type="5"] .cars-selection__item:nth-child(6) {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.3s ease;
}
body[data-type="5"] .cars-selection__item:nth-child(6) .anim-title .anim-title__col {
  animation-play-state: running;
}
body[data-type="5"] .cars-selection-progress span:nth-last-child(n+7) {
  transform: translateX(100%);
}
body[data-type="5"]__down {
  color: #b1ada7;
}
body[data-type="5"] .cars-selection-card__title .brand {
  color: #b1ada7;
}
body[data-type="5"] .cars-detail-info__image::before {
  background-color: #b1ada7;
}
body[data-type="5"] .cars-selection-arrow {
  color: #b1ada7;
}
body[data-type="5"] .cars-detail {
  background-color: #b1ada7;
}
body[data-type="5"] .cars-detail[data-type="5"] {
  display: block;
}
body[data-type="5"] .cars-detail[data-type="5"] .cars-detail__gradient {
  background: #b1ada7;
  background: -moz-linear-gradient(180deg, #b1ada7 0%, #ad2f36 100%);
  background: -webkit-linear-gradient(180deg, #b1ada7 0%, #ad2f36 100%);
  background: linear-gradient(180deg, #b1ada7 0%, #ad2f36 100%);
}
body[data-type="5"] .scene__bg {
  background-color: #ad2f36;
}
body[data-type="5"] .goverlay {
  background-color: #b1ada7;
}
body[data-type="5"] .author__name span:nth-child(6) {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.3s ease;
}
body[data-type="5"][data-endless="1"] .scene__bg {
  background-color: #b1ada7;
}
body[data-type="6"] .logo__list {
  transform: translateY(-600%);
}
body[data-type="6"] .cars-selection__item:nth-child(7) {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.3s ease;
}
body[data-type="6"] .cars-selection__item:nth-child(7) .anim-title .anim-title__col {
  animation-play-state: running;
}
body[data-type="6"] .cars-selection-progress span:nth-last-child(n+6) {
  transform: translateX(100%);
}
body[data-type="6"]__down {
  color: #ad2f36;
}
body[data-type="6"] .cars-selection-card__title .brand {
  color: #ad2f36;
}
body[data-type="6"] .cars-detail-info__image::before {
  background-color: #ad2f36;
}
body[data-type="6"] .cars-selection-arrow {
  color: #ad2f36;
}
body[data-type="6"] .cars-detail {
  background-color: #ad2f36;
}
body[data-type="6"] .cars-detail[data-type="6"] {
  display: block;
}
body[data-type="6"] .cars-detail[data-type="6"] .cars-detail__gradient {
  background: #ad2f36;
  background: -moz-linear-gradient(180deg, #ad2f36 0%, #d88583 100%);
  background: -webkit-linear-gradient(180deg, #ad2f36 0%, #d88583 100%);
  background: linear-gradient(180deg, #ad2f36 0%, #d88583 100%);
}
body[data-type="6"] .scene__bg {
  background-color: #d88583;
}
body[data-type="6"] .goverlay {
  background-color: #ad2f36;
}
body[data-type="6"] .author__name span:nth-child(7) {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.3s ease;
}
body[data-type="6"][data-endless="1"] .scene__bg {
  background-color: #ad2f36;
}
body[data-type="7"] .logo__list {
  transform: translateY(-700%);
}
body[data-type="7"] .cars-selection__item:nth-child(8) {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.3s ease;
}
body[data-type="7"] .cars-selection__item:nth-child(8) .anim-title .anim-title__col {
  animation-play-state: running;
}
body[data-type="7"] .cars-selection-progress span:nth-last-child(n+5) {
  transform: translateX(100%);
}
body[data-type="7"]__down {
  color: #d88583;
}
body[data-type="7"] .cars-selection-card__title .brand {
  color: #d88583;
}
body[data-type="7"] .cars-detail-info__image::before {
  background-color: #d88583;
}
body[data-type="7"] .cars-selection-arrow {
  color: #d88583;
}
body[data-type="7"] .cars-detail {
  background-color: #d88583;
}
body[data-type="7"] .cars-detail[data-type="7"] {
  display: block;
}
body[data-type="7"] .cars-detail[data-type="7"] .cars-detail__gradient {
  background: #d88583;
  background: -moz-linear-gradient(180deg, #d88583 0%, #565d6f 100%);
  background: -webkit-linear-gradient(180deg, #d88583 0%, #565d6f 100%);
  background: linear-gradient(180deg, #d88583 0%, #565d6f 100%);
}
body[data-type="7"] .scene__bg {
  background-color: #565d6f;
}
body[data-type="7"] .goverlay {
  background-color: #d88583;
}
body[data-type="7"] .author__name span:nth-child(8) {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.3s ease;
}
body[data-type="7"][data-endless="1"] .scene__bg {
  background-color: #d88583;
}
body[data-type="8"] .logo__list {
  transform: translateY(-800%);
}
body[data-type="8"] .cars-selection__item:nth-child(9) {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.3s ease;
}
body[data-type="8"] .cars-selection__item:nth-child(9) .anim-title .anim-title__col {
  animation-play-state: running;
}
body[data-type="8"] .cars-selection-progress span:nth-last-child(n+4) {
  transform: translateX(100%);
}
body[data-type="8"]__down {
  color: #565d6f;
}
body[data-type="8"] .cars-selection-card__title .brand {
  color: #565d6f;
}
body[data-type="8"] .cars-detail-info__image::before {
  background-color: #565d6f;
}
body[data-type="8"] .cars-selection-arrow {
  color: #565d6f;
}
body[data-type="8"] .cars-detail {
  background-color: #565d6f;
}
body[data-type="8"] .cars-detail[data-type="8"] {
  display: block;
}
body[data-type="8"] .cars-detail[data-type="8"] .cars-detail__gradient {
  background: #565d6f;
  background: -moz-linear-gradient(180deg, #565d6f 0%, #9d9a33 100%);
  background: -webkit-linear-gradient(180deg, #565d6f 0%, #9d9a33 100%);
  background: linear-gradient(180deg, #565d6f 0%, #9d9a33 100%);
}
body[data-type="8"] .scene__bg {
  background-color: #9d9a33;
}
body[data-type="8"] .goverlay {
  background-color: #565d6f;
}
body[data-type="8"] .author__name span:nth-child(9) {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.3s ease;
}
body[data-type="8"][data-endless="1"] .scene__bg {
  background-color: #565d6f;
}
body[data-type="9"] .logo__list {
  transform: translateY(-900%);
}
body[data-type="9"] .cars-selection__item:nth-child(10) {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.3s ease;
}
body[data-type="9"] .cars-selection__item:nth-child(10) .anim-title .anim-title__col {
  animation-play-state: running;
}
body[data-type="9"] .cars-selection-progress span:nth-last-child(n+3) {
  transform: translateX(100%);
}
body[data-type="9"]__down {
  color: #9d9a33;
}
body[data-type="9"] .cars-selection-card__title .brand {
  color: #9d9a33;
}
body[data-type="9"] .cars-detail-info__image::before {
  background-color: #9d9a33;
}
body[data-type="9"] .cars-selection-arrow {
  color: #9d9a33;
}
body[data-type="9"] .cars-detail {
  background-color: #9d9a33;
}
body[data-type="9"] .cars-detail[data-type="9"] {
  display: block;
}
body[data-type="9"] .cars-detail[data-type="9"] .cars-detail__gradient {
  background: #9d9a33;
  background: -moz-linear-gradient(180deg, #9d9a33 0%, #95aa67 100%);
  background: -webkit-linear-gradient(180deg, #9d9a33 0%, #95aa67 100%);
  background: linear-gradient(180deg, #9d9a33 0%, #95aa67 100%);
}
body[data-type="9"] .scene__bg {
  background-color: #95aa67;
}
body[data-type="9"] .goverlay {
  background-color: #9d9a33;
}
body[data-type="9"] .author__name span:nth-child(10) {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.3s ease;
}
body[data-type="9"][data-endless="1"] .scene__bg {
  background-color: #9d9a33;
}
body[data-type="10"] .logo__list {
  transform: translateY(-1000%);
}
body[data-type="10"] .cars-selection__item:nth-child(11) {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.3s ease;
}
body[data-type="10"] .cars-selection__item:nth-child(11) .anim-title .anim-title__col {
  animation-play-state: running;
}
body[data-type="10"] .cars-selection-progress span:nth-last-child(n+2) {
  transform: translateX(100%);
}
body[data-type="10"] .cars-selection-down {
  color: #95aa67;
}
body[data-type="10"] .cars-selection-card__title .brand {
  color: #95aa67;
}
body[data-type="10"] .cars-detail-info__image::before {
  background-color: #95aa67;
}
body[data-type="10"] .cars-selection-arrow {
  color: #95aa67;
}
body[data-type="10"] .cars-detail {
  background-color: #95aa67;
}
body[data-type="10"] .cars-detail[data-type="10"] {
  display: block;
}
body[data-type="10"] .cars-detail[data-type="10"] .cars-detail__gradient {
  background: #95aa67;
  background: -moz-linear-gradient(180deg, #95aa67 0%, #cc962d 100%);
  background: -webkit-linear-gradient(180deg, #95aa67 0%, #cc962d 100%);
  background: linear-gradient(180deg, #95aa67 0%, #cc962d 100%);
}
body[data-type="10"] .scene__bg {
  background-color: #cc962d;
}
body[data-type="10"] .goverlay {
  background-color: #95aa67;
}
body[data-type="10"] .author__name span:nth-child(11) {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.3s ease;
}
body[data-type="10"][data-endless="1"] .scene__bg {
  background-color: #95aa67;
}
body[data-type="11"] .logo__list {
  transform: translateY(-1100%);
}
body[data-type="11"] .cars-selection__item:nth-child(12) {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.3s ease;
}
body[data-type="11"] .cars-selection__item:nth-child(12) .anim-title .anim-title__col {
  animation-play-state: running;
}
body[data-type="11"] .cars-selection-progress span {
  transform: translateX(100%);
}
body[data-type="11"] .cars-selection-down {
  color: #cc962d;
}
body[data-type="11"] .cars-selection-card__title .brand {
  color: #cc962d;
}
body[data-type="11"] .cars-detail-info__image::before {
  background-color: #cc962d;
}
body[data-type="11"] .cars-selection-arrow {
  color: #cc962d;
}
body[data-type="11"] .cars-detail {
  background-color: #cc962d;
}
body[data-type="11"] .cars-detail[data-type="11"] {
  display: block;
}
body[data-type="11"] .cars-detail[data-type="11"] .cars-detail__gradient {
  background: #cc962d;
  background: -moz-linear-gradient(180deg, #cc962d 0%, #83733b 100%);
  background: -webkit-linear-gradient(180deg, #cc962d 0%, #83733b 100%);
  background: linear-gradient(180deg, #cc962d 0%, #83733b 100%);
}
body[data-type="11"] .scene__bg {
  background-color: #83733b;
}
body[data-type="11"] .goverlay {
  background-color: #cc962d;
}
body[data-type="11"] .author__name span:nth-child(12) {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.3s ease;
}
body[data-type="11"][data-endless="1"] .scene__bg {
  background-color: #cc962d;
}
body[data-endless="1"] .section--cars-selection,
body[data-endless="1"] .section--cars-detail {
  height: 0;
  opacity: 0;
  visibility: hidden;
}
body[data-endless="1"] .scene__bg {
  transition: transform 0.6s 0.5s;
}
body[data-endless="1"] .cars-selection-progress span {
  transition: 0s;
}
.section {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s 0.3s ease, opacity 0.3s ease;
}
.section--about {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 4;
}
body[data-page="index"] .section--cars-detail,
body[data-page="index"] .section--cars-selection-secondary,
body[data-page="index"] .section--cars-selection {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.3s ease;
}
body[data-page="about"] .section--cars-selection,
body[data-page="about"] .section--cars-detail,
body[data-page="about"] .section--cars-selection-secondary {
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
}
body[data-page="about"] .section--cars-selection {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s 0.3s ease, opacity 0.3s ease;
}
body[data-page="about"] .section--about {
  height: auto;
  visibility: visible;
  opacity: 1;
  transition: opacity 0.3s ease;
}
body[data-page="about"] .nav__controls {
  pointer-events: none;
  opacity: 0;
}
body[data-page="about"] .nav__controls * {
  pointer-events: none !important;
}
body[data-page="about"] .author {
  opacity: 0;
  transition: opacity 0s 0s ease;
}
body[data-page="about"] .cars-selection-controls {
  display: none;
}
.is-nav .main {
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  transition: visibility 0s 0.3s ease, opacity 0.3s ease;
}
.is-nav .scene__bg {
  opacity: 0;
  transition: opacity 0s 0s ease;
}
.is-nav .nav-menu {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.3s ease;
}
.is-nav .nav__toggle .svg-icon {
  transform: rotate(45deg);
}
.is-nav .cars-selection-arrow {
  opacity: 0;
  pointer-events: none;
}
.is-nav .author {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s 0.3s ease, opacity 0.3s ease;
}
.is-scroll .cars-selection-arrow {
  opacity: 0;
}
.is-scroll .main {
  z-index: 4;
}
body.is-intro .intro {
  pointer-events: auto;
  z-index: 14;
}
@media only screen and (max-width: 767px) {
  body[data-type="0"] .nav__sound {
    display: block;
  }
}
.anim-title {
  display: inline-flex;
  line-height: 150px;
  height: 150px;
  overflow: hidden;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s 0.3s ease, opacity 0.3s ease;
}
.anim-title__col {
  display: flex;
  flex-direction: column;
  animation: move 1s ease 0.1s forwards;
  animation-play-state: paused;
}
.anim-title__col:nth-of-type(1),
.anim-title__col:nth-of-type(6),
.anim-title__col:nth-of-type(11) {
  animation-delay: 0s;
}
.anim-title__col:nth-of-type(2),
.anim-title__col:nth-of-type(7),
.anim-title__col:nth-of-type(12) {
  animation-delay: 0.05s;
}
.anim-title__col:nth-of-type(3),
.anim-title__col:nth-of-type(8),
.anim-title__col:nth-of-type(13) {
  animation-delay: 0.09s;
}
.anim-title__col:nth-of-type(4),
.anim-title__col:nth-of-type(9),
.anim-title__col:nth-of-type(14) {
  animation-delay: 0.12s;
}
.anim-title__col:nth-of-type(5),
.anim-title__col:nth-of-type(10),
.anim-title__col:nth-of-type(15) {
  animation-delay: 0.15s;
}
.anim-title--loading .anim-title__col {
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
  animation-play-state: paused;
}
.anim-title--loading .anim-title__col:nth-of-type(1) {
  animation-delay: 0s;
}
.anim-title--loading .anim-title__col:nth-of-type(2) {
  animation-delay: 0.1s;
}
.anim-title--loading .anim-title__col:nth-of-type(3) {
  animation-delay: 0.18s;
}
.anim-title--loading .anim-title__col:nth-of-type(4) {
  animation-delay: 0.24s;
}
.anim-title--loading .anim-title__col:nth-of-type(5) {
  animation-delay: 0.3s;
}
.anim-title--loading .anim-title__col:nth-of-type(6) {
  animation-delay: 0.38s;
}
.anim-title--loading .anim-title__col:nth-of-type(7) {
  animation-delay: 0.5s;
}
.anim-title--intro {
  display: flex;
}
.anim-title--intro:nth-of-type(2) {
  margin-top: 20px;
}
.anim-title--intro .anim-title__col {
  animation-duration: 1.5s;
}
.anim-title--intro .anim-title__col:nth-of-type(1) {
  animation-delay: 0s;
}
.anim-title--intro .anim-title__col:nth-of-type(2) {
  animation-delay: 0.05s;
}
.anim-title--intro .anim-title__col:nth-of-type(3) {
  animation-delay: 0.09s;
}
.anim-title--intro .anim-title__col:nth-of-type(4) {
  animation-delay: 0.12s;
}
.anim-title--intro .anim-title__col:nth-of-type(5) {
  animation-delay: 0.15s;
}
.anim-title--intro .anim-title__col:nth-of-type(6) {
  animation-delay: 0.15s;
}
.anim-title--intro .anim-title__col:nth-of-type(7) {
  animation-delay: 0.18s;
}
.anim-title--intro .anim-title__col:nth-of-type(8) {
  animation-delay: 0.21s;
}
.anim-title--intro .anim-title__col:nth-of-type(9) {
  animation-delay: 0.24s;
}
.anim-title--intro .anim-title__col:nth-of-type(10) {
  animation-delay: 0.27s;
}
.anim-title--intro .anim-title__col:nth-of-type(11) {
  animation-delay: 0.3s;
}
.anim-title--intro .anim-title__col:nth-of-type(12) {
  animation-delay: 0.33s;
}
.anim-title--intro .anim-title__col:nth-of-type(13) {
  animation-delay: 0.36s;
}
.anim-title--intro .anim-title__col:nth-of-type(14) {
  animation-delay: 0.39s;
}
.anim-title--intro .anim-title__col:nth-of-type(15) {
  animation-delay: 0.42s;
}
.anim-title--intro .anim-title__col:nth-of-type(16) {
  animation-delay: 0.45s;
}
.anim-title--intro .anim-title__col:nth-of-type(17) {
  animation-delay: 0.48s;
}
.anim-title--intro .anim-title__col:nth-of-type(18) {
  animation-delay: 0.51s;
}
.anim-title--intro .anim-title__col:nth-of-type(19) {
  animation-delay: 0.54s;
}
.anim-title--intro .anim-title__col:nth-of-type(20) {
  animation-delay: 0.57s;
}
.anim-title--sm {
  line-height: 90px;
  height: 90px;
}
.anim-title--sup {
  line-height: 38px;
  height: 38px;
}
@media only screen and (max-width: 1199px) {
  .anim-title {
    line-height: 120px;
    height: 120px;
  }
  .anim-title--sm {
    line-height: 90px;
    height: 90px;
  }
  .anim-title--sup {
    line-height: 28px;
    height: 28px;
  }
}
@media only screen and (max-width: 1023px) {
  .anim-title {
    line-height: 80px;
    height: 80px;
  }
  .anim-title--intro:nth-of-type(2) {
    margin-top: 10px;
  }
  .anim-title--sup {
    line-height: 24px;
    height: 24px;
  }
}
@media only screen and (max-width: 767px) {
  .anim-title {
    line-height: 64px;
    height: 64px;
  }
  .anim-title--intro:nth-of-type(2) {
    margin-top: 10px;
  }
  .anim-title--sup {
    line-height: 18px;
    height: 18px;
  }
}
@-moz-keyframes move {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(0, -200%);
  }
}
@-webkit-keyframes move {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(0, -200%);
  }
}
@-o-keyframes move {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(0, -200%);
  }
}
@keyframes move {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(0, -200%);
  }
}
.blog {
  flex-shrink: 0;
  display: flex;
  margin-top: 20px;
}
.blog__wrapper {
  display: flex;
  overflow: hidden;
}
.blog__item {
  display: flex;
  flex-direction: column;
  width: 230px;
  margin-right: 20px;
}
.blog__item:hover .blog__title {
  opacity: 0.6;
}
.blog__img {
  width: 210px;
  height: 140px;
}
.blog__title {
  margin-top: 15px;
  font-family: 'NTF-Grand', Arial, Helvetica, sans-serif;
  font-size: 24px;
  line-height: 1.1;
  color: #ceba96;
  text-transform: uppercase;
  transition: opacity 0.3s;
}
.blog__description {
  margin-top: 10px;
  margin-bottom: 10px;
}
.blog__more {
  margin-top: auto;
  color: #6f6f6f;
}
.blog__more::after {
  content: '';
  display: inline-block;
  width: 7px;
  height: 7px;
  border: 1px solid #6f6f6f;
  border-left: none;
  border-top: none;
  transform: rotate(-45deg);
}
@media only screen and (max-width: 767px) {
  .blog {
    padding-bottom: 30px;
  }
}

/*# sourceMappingURL=styles.css.map */