@charset "UTF-8";
/**
 * disable animations for specific patterns
 *
 * $inactive-animations is a list, if you want e.g. exclude the css animations
 * for the-slider and tile-image-text-link pattern, you would overwrite the
 * $inactive-animations variable by passing from outside with the following value(s)
 *
 * $inactive-animations: 'tile-slider', 'tile-image-text-link'
 */
/**
 * basic hover animation timing (of color and opacity).
 * timing and bezier should be refactored after official Porsche animation guidelines are defined
 */
@-webkit-keyframes animation-rotate-360 {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%; }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%; } }
@keyframes animation-rotate-360 {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%; }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%; } }

@-webkit-keyframes animation-fade-opacity {
  0% {
    opacity: .6; }
  45% {
    opacity: .85; }
  65% {
    opacity: 1; }
  100% {
    opacity: .6; } }

@keyframes animation-fade-opacity {
  0% {
    opacity: .6; }
  45% {
    opacity: .85; }
  65% {
    opacity: 1; }
  100% {
    opacity: .6; } }

/**
 * disable animations for specific patterns
 *
 * $inactive-animations is a list, if you want e.g. exclude the css animations
 * for the-slider and tile-image-text-link pattern, you would overwrite the
 * $inactive-animations variable by passing from outside with the following value(s)
 *
 * $inactive-animations: 'tile-slider', 'tile-image-text-link'
 */
/**
 * basic hover animation timing (of color and opacity).
 * timing and bezier should be refactored after official Porsche animation guidelines are defined
 */
*,
::before,
::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, input, textarea,
select, button {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  vertical-align: baseline; }

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

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

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

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

@font-face {
  font-family: 'Porsche Next';
  font-style: normal;
  font-weight: 200;
  src: url("https://cdn.ui.porsche.com/porsche-design-system/font/v1/porsche-next-latin/PorscheNextWLa-Thin.woff2") format("woff2"), url("https://cdn.ui.porsche.com/porsche-design-system/font/v1/porsche-next-latin/PorscheNextWLa-Thin.woff") format("woff");
  unicode-range: U+0020-007F, U+0080-00FF, U+0100-017F, U+0180-024F, U+0250-02AF, U+02B0-02FF, U+0300-036F, U+0E00-0E7F, U+1E00-1EFF, U+2000-206F, U+2070-209F, U+20A0-20CF, U+2100-214F, U+2150-218F, U+2190-21FF, U+2200-22FF, U+25A0-25FF, U+2600-26FF, U+FB00-FB4F, U+FE70-FEFF;
  font-display: swap; }

@font-face {
  font-family: 'Porsche Next';
  font-style: normal;
  font-weight: 400;
  src: url("https://cdn.ui.porsche.com/porsche-design-system/font/v1/porsche-next-latin/PorscheNextWLa-Regular.woff2") format("woff2"), url("https://cdn.ui.porsche.com/porsche-design-system/font/v1/porsche-next-latin/PorscheNextWLa-Regular.woff") format("woff");
  unicode-range: U+0020-007F, U+0080-00FF, U+0100-017F, U+0180-024F, U+0250-02AF, U+02B0-02FF, U+0300-036F, U+0E00-0E7F, U+1E00-1EFF, U+2000-206F, U+2070-209F, U+20A0-20CF, U+2100-214F, U+2150-218F, U+2190-21FF, U+2200-22FF, U+25A0-25FF, U+2600-26FF, U+FB00-FB4F, U+FE70-FEFF;
  font-display: swap; }

@font-face {
  font-family: 'Porsche Next';
  font-style: normal;
  font-weight: 600;
  src: url("https://cdn.ui.porsche.com/porsche-design-system/font/v1/porsche-next-latin/PorscheNextWLa-Bold.woff2") format("woff2"), url("https://cdn.ui.porsche.com/porsche-design-system/font/v1/porsche-next-latin/PorscheNextWLa-Bold.woff") format("woff");
  unicode-range: U+0020-007F, U+0080-00FF, U+0100-017F, U+0180-024F, U+0250-02AF, U+02B0-02FF, U+0300-036F, U+0E00-0E7F, U+1E00-1EFF, U+2000-206F, U+2070-209F, U+20A0-20CF, U+2100-214F, U+2150-218F, U+2190-21FF, U+2200-22FF, U+25A0-25FF, U+2600-26FF, U+FB00-FB4F, U+FE70-FEFF;
  font-display: swap; }

@font-face {
  font-family: 'Porsche Next';
  font-style: normal;
  font-weight: 200;
  src: url("https://cdn.ui.porsche.com/porsche-design-system/font/v1/porsche-next-greek/PorscheNextWGr-Thin.woff2") format("woff2"), url("https://cdn.ui.porsche.com/porsche-design-system/font/v1/porsche-next-greek/PorscheNextWGr-Thin.woff") format("woff");
  unicode-range: U+0370-03FF;
  font-display: swap; }

@font-face {
  font-family: 'Porsche Next';
  font-style: normal;
  font-weight: 400;
  src: url("https://cdn.ui.porsche.com/porsche-design-system/font/v1/porsche-next-greek/PorscheNextWGr-Regular.woff2") format("woff2"), url("https://cdn.ui.porsche.com/porsche-design-system/font/v1/porsche-next-greek/PorscheNextWGr-Regular.woff") format("woff");
  unicode-range: U+0370-03FF;
  font-display: swap; }

@font-face {
  font-family: 'Porsche Next';
  font-style: normal;
  font-weight: 600;
  src: url("https://cdn.ui.porsche.com/porsche-design-system/font/v1/porsche-next-greek/PorscheNextWGr-Bold.woff2") format("woff2"), url("https://cdn.ui.porsche.com/porsche-design-system/font/v1/porsche-next-greek/PorscheNextWGr-Bold.woff") format("woff");
  unicode-range: U+0370-03FF;
  font-display: swap; }

@font-face {
  font-family: 'Porsche Next';
  font-style: normal;
  font-weight: 200;
  src: url("https://cdn.ui.porsche.com/porsche-design-system/font/v1/porsche-next-cyril/PorscheNextWCy-Thin.woff2") format("woff2"), url("https://cdn.ui.porsche.com/porsche-design-system/font/v1/porsche-next-cyril/PorscheNextWCy-Thin.woff") format("woff");
  unicode-range: U+0400-04FF;
  font-display: swap; }

@font-face {
  font-family: 'Porsche Next';
  font-style: normal;
  font-weight: 400;
  src: url("https://cdn.ui.porsche.com/porsche-design-system/font/v1/porsche-next-cyril/PorscheNextWCy-Regular.woff2") format("woff2"), url("https://cdn.ui.porsche.com/porsche-design-system/font/v1/porsche-next-cyril/PorscheNextWCy-Regular.woff") format("woff");
  unicode-range: U+0400-04FF;
  font-display: swap; }

@font-face {
  font-family: 'Porsche Next';
  font-style: normal;
  font-weight: 600;
  src: url("https://cdn.ui.porsche.com/porsche-design-system/font/v1/porsche-next-cyril/PorscheNextWCy-Bold.woff2") format("woff2"), url("https://cdn.ui.porsche.com/porsche-design-system/font/v1/porsche-next-cyril/PorscheNextWCy-Bold.woff") format("woff");
  unicode-range: U+0400-04FF;
  font-display: swap; }

@font-face {
  font-family: 'Porsche Next Arabic';
  font-style: normal;
  font-weight: 400;
  font-display: fallback;
  src: url("https://cdn.ui.porsche.com/porsche-ui-kit/font/v1/porsche-next-arabic/PorscheNextWAr-Regular.eot");
  src: url("https://cdn.ui.porsche.com/porsche-ui-kit/font/v1/porsche-next-arabic/PorscheNextWAr-Regular.eot?#iefix") format("embedded-opentype"), url("https://cdn.ui.porsche.com/porsche-ui-kit/font/v1/porsche-next-arabic/PorscheNextWAr-Regular.woff2") format("woff2"), url("https://cdn.ui.porsche.com/porsche-ui-kit/font/v1/porsche-next-arabic/PorscheNextWAr-Regular.woff") format("woff"), url("https://cdn.ui.porsche.com/porsche-ui-kit/font/v1/porsche-next-arabic/PorscheNextWAr-Regular.ttf") format("truetype"), url("https://cdn.ui.porsche.com/porsche-ui-kit/font/v1/porsche-next-arabic/PorscheNextWAr-Regular.svg#PorscheNextArabic") format("svg"); }

@font-face {
  font-family: 'Porsche Next Arabic';
  font-style: normal;
  font-weight: 600;
  font-display: fallback;
  src: url("https://cdn.ui.porsche.com/porsche-ui-kit/font/v1/porsche-next-arabic/PorscheNextWAr-Bold.eot");
  src: url("https://cdn.ui.porsche.com/porsche-ui-kit/font/v1/porsche-next-arabic/PorscheNextWAr-Bold.eot?#iefix") format("embedded-opentype"), url("https://cdn.ui.porsche.com/porsche-ui-kit/font/v1/porsche-next-arabic/PorscheNextWAr-Bold.woff2") format("woff2"), url("https://cdn.ui.porsche.com/porsche-ui-kit/font/v1/porsche-next-arabic/PorscheNextWAr-Bold.woff") format("woff"), url("https://cdn.ui.porsche.com/porsche-ui-kit/font/v1/porsche-next-arabic/PorscheNextWAr-Bold.ttf") format("truetype"), url("https://cdn.ui.porsche.com/porsche-ui-kit/font/v1/porsche-next-arabic/PorscheNextWAr-Bold.svg#PorscheNextArabic") format("svg"); }

@font-face {
  font-family: 'Porsche Next Persian';
  font-style: normal;
  font-weight: 400;
  font-display: fallback;
  src: url("https://cdn.ui.porsche.com/porsche-ui-kit/font/v1/porsche-next-persian/PorscheNextWPe-Regular.eot");
  src: url("https://cdn.ui.porsche.com/porsche-ui-kit/font/v1/porsche-next-persian/PorscheNextWPe-Regular.eot?#iefix") format("embedded-opentype"), url("https://cdn.ui.porsche.com/porsche-ui-kit/font/v1/porsche-next-persian/PorscheNextWPe-Regular.woff2") format("woff2"), url("https://cdn.ui.porsche.com/porsche-ui-kit/font/v1/porsche-next-persian/PorscheNextWPe-Regular.woff") format("woff"), url("https://cdn.ui.porsche.com/porsche-ui-kit/font/v1/porsche-next-persian/PorscheNextWPe-Regular.ttf") format("truetype"), url("https://cdn.ui.porsche.com/porsche-ui-kit/font/v1/porsche-next-persian/PorscheNextWPe-Regular.svg#PorscheNextPersian ") format("svg"); }

@font-face {
  font-family: 'Porsche Next Persian';
  font-style: normal;
  font-weight: 600;
  font-display: fallback;
  src: url("https://cdn.ui.porsche.com/porsche-ui-kit/font/v1/porsche-next-persian/PorscheNextWPe-Bold.eot");
  src: url("https://cdn.ui.porsche.com/porsche-ui-kit/font/v1/porsche-next-persian/PorscheNextWPe-Bold.eot?#iefix") format("embedded-opentype"), url("https://cdn.ui.porsche.com/porsche-ui-kit/font/v1/porsche-next-persian/PorscheNextWPe-Bold.woff2") format("woff2"), url("https://cdn.ui.porsche.com/porsche-ui-kit/font/v1/porsche-next-persian/PorscheNextWPe-Bold.woff") format("woff"), url("https://cdn.ui.porsche.com/porsche-ui-kit/font/v1/porsche-next-persian/PorscheNextWPe-Bold.ttf") format("truetype"), url("https://cdn.ui.porsche.com/porsche-ui-kit/font/v1/porsche-next-persian/PorscheNextWPe-Bold.svg#PorscheNextPersian") format("svg"); }

@font-face {
  font-family: 'Porsche Next Pashto';
  font-style: normal;
  font-weight: 400;
  font-display: fallback;
  src: url("https://cdn.ui.porsche.com/porsche-ui-kit/font/v1/porsche-next-pashto/PorscheNextWPa-Regular.eot");
  src: url("https://cdn.ui.porsche.com/porsche-ui-kit/font/v1/porsche-next-pashto/PorscheNextWPa-Regular.eot?#iefix") format("embedded-opentype"), url("https://cdn.ui.porsche.com/porsche-ui-kit/font/v1/porsche-next-pashto/PorscheNextWPa-Regular.woff2") format("woff2"), url("https://cdn.ui.porsche.com/porsche-ui-kit/font/v1/porsche-next-pashto/PorscheNextWPa-Regular.woff") format("woff"), url("https://cdn.ui.porsche.com/porsche-ui-kit/font/v1/porsche-next-pashto/PorscheNextWPa-Regular.ttf") format("truetype"), url("https://cdn.ui.porsche.com/porsche-ui-kit/font/v1/porsche-next-pashto/PorscheNextWPa-Regular.svg#PorscheNextPashto") format("svg"); }

@font-face {
  font-family: 'Porsche Next Pashto';
  font-style: normal;
  font-weight: 600;
  font-display: fallback;
  src: url("https://cdn.ui.porsche.com/porsche-ui-kit/font/v1/porsche-next-pashto/PorscheNextWPa-Bold.eot");
  src: url("https://cdn.ui.porsche.com/porsche-ui-kit/font/v1/porsche-next-pashto/PorscheNextWPa-Bold.eot?#iefix") format("embedded-opentype"), url("https://cdn.ui.porsche.com/porsche-ui-kit/font/v1/porsche-next-pashto/PorscheNextWPa-Bold.woff2") format("woff2"), url("https://cdn.ui.porsche.com/porsche-ui-kit/font/v1/porsche-next-pashto/PorscheNextWPa-Bold.woff") format("woff"), url("https://cdn.ui.porsche.com/porsche-ui-kit/font/v1/porsche-next-pashto/PorscheNextWPa-Bold.ttf") format("truetype"), url("https://cdn.ui.porsche.com/porsche-ui-kit/font/v1/porsche-next-pashto/PorscheNextWPa-Bold.svg#PorscheNextPashto") format("svg"); }

@font-face {
  font-family: 'Porsche Next Urdu';
  font-style: normal;
  font-weight: 400;
  font-display: fallback;
  src: url("https://cdn.ui.porsche.com/porsche-ui-kit/font/v1/porsche-next-urdu/PorscheNextWUr-Regular.eot");
  src: url("https://cdn.ui.porsche.com/porsche-ui-kit/font/v1/porsche-next-urdu/PorscheNextWUr-Regular.eot?#iefix") format("embedded-opentype"), url("https://cdn.ui.porsche.com/porsche-ui-kit/font/v1/porsche-next-urdu/PorscheNextWUr-Regular.woff2") format("woff2"), url("https://cdn.ui.porsche.com/porsche-ui-kit/font/v1/porsche-next-urdu/PorscheNextWUr-Regular.woff") format("woff"), url("https://cdn.ui.porsche.com/porsche-ui-kit/font/v1/porsche-next-urdu/PorscheNextWUr-Regular.ttf") format("truetype"), url("https://cdn.ui.porsche.com/porsche-ui-kit/font/v1/porsche-next-urdu/PorscheNextWUr-Regular.svg#PorscheNextUrdu") format("svg"); }

@font-face {
  font-family: 'Porsche Next Urdu';
  font-style: normal;
  font-weight: 600;
  font-display: fallback;
  src: url("https://cdn.ui.porsche.com/porsche-ui-kit/font/v1/porsche-next-urdu/PorscheNextWUr-Bold.eot");
  src: url("https://cdn.ui.porsche.com/porsche-ui-kit/font/v1/porsche-next-urdu/PorscheNextWUr-Bold.eot?#iefix") format("embedded-opentype"), url("https://cdn.ui.porsche.com/porsche-ui-kit/font/v1/porsche-next-urdu/PorscheNextWUr-Bold.woff2") format("woff2"), url("https://cdn.ui.porsche.com/porsche-ui-kit/font/v1/porsche-next-urdu/PorscheNextWUr-Bold.woff") format("woff"), url("https://cdn.ui.porsche.com/porsche-ui-kit/font/v1/porsche-next-urdu/PorscheNextWUr-Bold.ttf") format("truetype"), url("https://cdn.ui.porsche.com/porsche-ui-kit/font/v1/porsche-next-urdu/PorscheNextWUr-Bold.svg#PorscheNextUrdu") format("svg"); }

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

@keyframes animation-rotate-360 {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%; }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%; } }

@keyframes animation-fade-opacity {
  0% {
    opacity: .6; }
  45% {
    opacity: .85; }
  65% {
    opacity: 1; }
  100% {
    opacity: .6; } }

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

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

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

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

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

.-background-grey-1 {
  background-color: #eff0f1; }

.-background-grey-2 {
  background-color: #e3e4e4; }

.-background-grey-3 {
  background-color: #c8cacb; }

.-background-grey-4 {
  background-color: #afb1b2; }

.-background-grey-5 {
  background-color: #959899; }

.-background-grey-6 {
  background-color: #7b7e80; }

.-background-grey-7 {
  background-color: #626669; }

.-background-grey-8 {
  background-color: #494e51; }

.-background-grey-9 {
  background-color: #313639; }

.-background-grey-9-1 {
  background-color: #1c2225; }

.-background-grey-10 {
  background-color: #191f22; }

.-background-grey-10-1 {
  background-color: #12181c; }

.-background-black {
  background-color: #000; }

.-background-red-1 {
  background-color: #d5001c; }

.-background-red-2 {
  background-color: #960014; }

.-background-blue-1 {
  background-color: #196a99; }

.-background-blue-2 {
  background-color: #15577e; }

.-background-acid-green {
  background-color: #d2eb2d; }

.-background-status-green {
  background-color: #13d246; }

.-background-status-yellow {
  background-color: #ff0; }

.-background-status-orange {
  background-color: #e6950a; }

.-background-status-red {
  background-color: #d5001c; }

.-display-none {
  display: none; }
  @media (min-width: 0) and (max-width: 479px) {
    .-display-none-xxs {
      display: none; } }
  @media (min-width: 480px) and (max-width: 759px) {
    .-display-none-xs {
      display: none; } }
  @media (min-width: 760px) and (max-width: 999px) {
    .-display-none-s {
      display: none; } }
  @media (min-width: 1000px) and (max-width: 1299px) {
    .-display-none-m {
      display: none; } }
  @media (min-width: 1300px) {
    .-display-none-l {
      display: none; } }

.-wrapper-page {
  width: calc(100vw - 7vw * 2);
  max-width: 96rem;
  margin-left: auto;
  margin-right: auto;
  -webkit-box-sizing: content-box;
          box-sizing: content-box; }
  @media (min-width: 1000px) {
    .-wrapper-page {
      padding-left: calc(100vw - 100%); } }
  @media (min-width: 1760px) {
    .-wrapper-page {
      width: calc(100vw - 10vw * 2); } }

.-layer-blocking-lower {
  position: relative;
  z-index: 8999; }

.-layer-blocking-higher {
  position: relative;
  z-index: 9001; }

.layer-blocking {
  background: rgba(28, 34, 37, 0.9);
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 9000; }
  .layer-blocking--sticky {
    position: fixed; }

.-overflow-visible {
  overflow: visible; }

.-overflow-hidden {
  overflow: hidden; }

.-overflow-scroll {
  overflow: scroll; }

.-overflow-auto {
  overflow: auto; }

.-overflow-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block; }

.-font-primary {
  font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif; }
  html[lang='ru'] .-font-primary, html[lang='ru-RU'] .-font-primary {
    font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif; }
  html[lang='zh'] .-font-primary, html[lang='zh-CN'] .-font-primary {
    font-family: "Porsche Next", 黑体, SimHei, 宋体, SimSun, sans-serif; }
  html[lang='ar'] .-font-primary, html[lang='ar-AE'] .-font-primary {
    font-family: "Porsche Next Arabic", "Arial Narrow", Arial, sans-serif; }
  html[lang='ps'] .-font-primary, html[lang='ps-AR'] .-font-primary {
    font-family: "Porsche Next Pashto", "Arial Narrow", Arial, sans-serif; }
  html[lang='fa'] .-font-primary, html[lang='fa-IR'] .-font-primary {
    font-family: "Porsche Next Persian", "Arial Narrow", Arial, sans-serif; }
  html[lang='ur'] .-font-primary, html[lang='ur-PK'] .-font-primary {
    font-family: "Porsche Next Urdu", "Arial Narrow", Arial, sans-serif; }

.-font-default {
  font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif; }
  html[lang='ru'] .-font-default, html[lang='ru-RU'] .-font-default {
    font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif; }
  html[lang='zh'] .-font-default, html[lang='zh-CN'] .-font-default {
    font-family: "Porsche Next", 黑体, SimHei, 宋体, SimSun, sans-serif; }
  html[lang='ar'] .-font-default, html[lang='ar-AE'] .-font-default {
    font-family: "Porsche Next Arabic", "Arial Narrow", Arial, sans-serif; }
  html[lang='ps'] .-font-default, html[lang='ps-AR'] .-font-default {
    font-family: "Porsche Next Pashto", "Arial Narrow", Arial, sans-serif; }
  html[lang='fa'] .-font-default, html[lang='fa-IR'] .-font-default {
    font-family: "Porsche Next Persian", "Arial Narrow", Arial, sans-serif; }
  html[lang='ur'] .-font-default, html[lang='ur-PK'] .-font-default {
    font-family: "Porsche Next Urdu", "Arial Narrow", Arial, sans-serif; }

/**
 * properties for grid parent items
 */
/**
 * properties for grid child items
 */
.grid {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  /**
   * properties to define grid gaps
   */
  /**
   * properties to define grid direction
   */
  /**
   * properties for grid children items (widths and offsets)
   */ }
  @media (min-width: 760px) {
    .grid {
      margin-left: -0.75rem;
      margin-right: -0.75rem; } }
  @media (min-width: 1000px) {
    .grid {
      margin-left: -1.125rem;
      margin-right: -1.125rem; } }
  .grid > .grid__child {
    padding-left: 0.5rem;
    padding-right: 0.5rem; }
    @media (min-width: 760px) {
      .grid > .grid__child {
        padding-left: 0.75rem;
        padding-right: 0.75rem; } }
    @media (min-width: 1000px) {
      .grid > .grid__child {
        padding-left: 1.125rem;
        padding-right: 1.125rem; } }
  .grid--gap-normal {
    margin-left: -0.5rem;
    margin-right: -0.5rem; }
    @media (min-width: 760px) {
      .grid--gap-normal {
        margin-left: -0.75rem;
        margin-right: -0.75rem; } }
    @media (min-width: 1000px) {
      .grid--gap-normal {
        margin-left: -1.125rem;
        margin-right: -1.125rem; } }
    .grid--gap-normal > .grid__child {
      padding-left: 0.5rem;
      padding-right: 0.5rem; }
      @media (min-width: 760px) {
        .grid--gap-normal > .grid__child {
          padding-left: 0.75rem;
          padding-right: 0.75rem; } }
      @media (min-width: 1000px) {
        .grid--gap-normal > .grid__child {
          padding-left: 1.125rem;
          padding-right: 1.125rem; } }
  .grid--gap-zero {
    margin-left: 0;
    margin-right: 0; }
    .grid--gap-zero > .grid__child {
      padding-left: 0;
      padding-right: 0; }
  @media (min-width: 480px) {
    .grid--gap-normal-xs {
      margin-left: -0.5rem;
      margin-right: -0.5rem; } }
  @media (min-width: 480px) and (min-width: 760px) {
    .grid--gap-normal-xs {
      margin-left: -0.75rem;
      margin-right: -0.75rem; } }
  @media (min-width: 480px) and (min-width: 1000px) {
    .grid--gap-normal-xs {
      margin-left: -1.125rem;
      margin-right: -1.125rem; } }
  @media (min-width: 480px) {
      .grid--gap-normal-xs > .grid__child {
        padding-left: 0.5rem;
        padding-right: 0.5rem; } }
    @media (min-width: 480px) and (min-width: 760px) {
      .grid--gap-normal-xs > .grid__child {
        padding-left: 0.75rem;
        padding-right: 0.75rem; } }
    @media (min-width: 480px) and (min-width: 1000px) {
      .grid--gap-normal-xs > .grid__child {
        padding-left: 1.125rem;
        padding-right: 1.125rem; } }
  @media (min-width: 480px) {
    .grid--gap-zero-xs {
      margin-left: 0;
      margin-right: 0; }
      .grid--gap-zero-xs > .grid__child {
        padding-left: 0;
        padding-right: 0; } }
  @media (min-width: 760px) {
    .grid--gap-normal-s {
      margin-left: -0.5rem;
      margin-right: -0.5rem; } }
  @media (min-width: 760px) and (min-width: 760px) {
    .grid--gap-normal-s {
      margin-left: -0.75rem;
      margin-right: -0.75rem; } }
  @media (min-width: 760px) and (min-width: 1000px) {
    .grid--gap-normal-s {
      margin-left: -1.125rem;
      margin-right: -1.125rem; } }
  @media (min-width: 760px) {
      .grid--gap-normal-s > .grid__child {
        padding-left: 0.5rem;
        padding-right: 0.5rem; } }
    @media (min-width: 760px) and (min-width: 760px) {
      .grid--gap-normal-s > .grid__child {
        padding-left: 0.75rem;
        padding-right: 0.75rem; } }
    @media (min-width: 760px) and (min-width: 1000px) {
      .grid--gap-normal-s > .grid__child {
        padding-left: 1.125rem;
        padding-right: 1.125rem; } }
  @media (min-width: 760px) {
    .grid--gap-zero-s {
      margin-left: 0;
      margin-right: 0; }
      .grid--gap-zero-s > .grid__child {
        padding-left: 0;
        padding-right: 0; } }
  @media (min-width: 1000px) {
    .grid--gap-normal-m {
      margin-left: -0.5rem;
      margin-right: -0.5rem; } }
  @media (min-width: 1000px) and (min-width: 760px) {
    .grid--gap-normal-m {
      margin-left: -0.75rem;
      margin-right: -0.75rem; } }
  @media (min-width: 1000px) and (min-width: 1000px) {
    .grid--gap-normal-m {
      margin-left: -1.125rem;
      margin-right: -1.125rem; } }
  @media (min-width: 1000px) {
      .grid--gap-normal-m > .grid__child {
        padding-left: 0.5rem;
        padding-right: 0.5rem; } }
    @media (min-width: 1000px) and (min-width: 760px) {
      .grid--gap-normal-m > .grid__child {
        padding-left: 0.75rem;
        padding-right: 0.75rem; } }
    @media (min-width: 1000px) and (min-width: 1000px) {
      .grid--gap-normal-m > .grid__child {
        padding-left: 1.125rem;
        padding-right: 1.125rem; } }
  @media (min-width: 1000px) {
    .grid--gap-zero-m {
      margin-left: 0;
      margin-right: 0; }
      .grid--gap-zero-m > .grid__child {
        padding-left: 0;
        padding-right: 0; } }
  @media (min-width: 1300px) {
    .grid--gap-normal-l {
      margin-left: -0.5rem;
      margin-right: -0.5rem; } }
  @media (min-width: 1300px) and (min-width: 760px) {
    .grid--gap-normal-l {
      margin-left: -0.75rem;
      margin-right: -0.75rem; } }
  @media (min-width: 1300px) and (min-width: 1000px) {
    .grid--gap-normal-l {
      margin-left: -1.125rem;
      margin-right: -1.125rem; } }
  @media (min-width: 1300px) {
      .grid--gap-normal-l > .grid__child {
        padding-left: 0.5rem;
        padding-right: 0.5rem; } }
    @media (min-width: 1300px) and (min-width: 760px) {
      .grid--gap-normal-l > .grid__child {
        padding-left: 0.75rem;
        padding-right: 0.75rem; } }
    @media (min-width: 1300px) and (min-width: 1000px) {
      .grid--gap-normal-l > .grid__child {
        padding-left: 1.125rem;
        padding-right: 1.125rem; } }
  @media (min-width: 1300px) {
    .grid--gap-zero-l {
      margin-left: 0;
      margin-right: 0; }
      .grid--gap-zero-l > .grid__child {
        padding-left: 0;
        padding-right: 0; } }
  @media (min-width: 1760px) {
    .grid--gap-normal-xl {
      margin-left: -0.5rem;
      margin-right: -0.5rem; } }
  @media (min-width: 1760px) and (min-width: 760px) {
    .grid--gap-normal-xl {
      margin-left: -0.75rem;
      margin-right: -0.75rem; } }
  @media (min-width: 1760px) and (min-width: 1000px) {
    .grid--gap-normal-xl {
      margin-left: -1.125rem;
      margin-right: -1.125rem; } }
  @media (min-width: 1760px) {
      .grid--gap-normal-xl > .grid__child {
        padding-left: 0.5rem;
        padding-right: 0.5rem; } }
    @media (min-width: 1760px) and (min-width: 760px) {
      .grid--gap-normal-xl > .grid__child {
        padding-left: 0.75rem;
        padding-right: 0.75rem; } }
    @media (min-width: 1760px) and (min-width: 1000px) {
      .grid--gap-normal-xl > .grid__child {
        padding-left: 1.125rem;
        padding-right: 1.125rem; } }
  @media (min-width: 1760px) {
    .grid--gap-zero-xl {
      margin-left: 0;
      margin-right: 0; }
      .grid--gap-zero-xl > .grid__child {
        padding-left: 0;
        padding-right: 0; } }
  .grid--direction-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column; }
  .grid--direction-column-reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse; }
  .grid--direction-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row; }
  .grid--direction-row-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse; }
  @media (min-width: 480px) {
    .grid--direction-column-xs {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column; }
    .grid--direction-column-reverse-xs {
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
      -webkit-flex-direction: column-reverse;
          -ms-flex-direction: column-reverse;
              flex-direction: column-reverse; }
    .grid--direction-row-xs {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row; }
    .grid--direction-row-reverse-xs {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
      -webkit-flex-direction: row-reverse;
          -ms-flex-direction: row-reverse;
              flex-direction: row-reverse; } }
  @media (min-width: 760px) {
    .grid--direction-column-s {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column; }
    .grid--direction-column-reverse-s {
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
      -webkit-flex-direction: column-reverse;
          -ms-flex-direction: column-reverse;
              flex-direction: column-reverse; }
    .grid--direction-row-s {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row; }
    .grid--direction-row-reverse-s {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
      -webkit-flex-direction: row-reverse;
          -ms-flex-direction: row-reverse;
              flex-direction: row-reverse; } }
  @media (min-width: 1000px) {
    .grid--direction-column-m {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column; }
    .grid--direction-column-reverse-m {
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
      -webkit-flex-direction: column-reverse;
          -ms-flex-direction: column-reverse;
              flex-direction: column-reverse; }
    .grid--direction-row-m {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row; }
    .grid--direction-row-reverse-m {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
      -webkit-flex-direction: row-reverse;
          -ms-flex-direction: row-reverse;
              flex-direction: row-reverse; } }
  @media (min-width: 1300px) {
    .grid--direction-column-l {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column; }
    .grid--direction-column-reverse-l {
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
      -webkit-flex-direction: column-reverse;
          -ms-flex-direction: column-reverse;
              flex-direction: column-reverse; }
    .grid--direction-row-l {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row; }
    .grid--direction-row-reverse-l {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
      -webkit-flex-direction: row-reverse;
          -ms-flex-direction: row-reverse;
              flex-direction: row-reverse; } }
  @media (min-width: 1760px) {
    .grid--direction-column-xl {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column; }
    .grid--direction-column-reverse-xl {
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
      -webkit-flex-direction: column-reverse;
          -ms-flex-direction: column-reverse;
              flex-direction: column-reverse; }
    .grid--direction-row-xl {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row; }
    .grid--direction-row-reverse-xl {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
      -webkit-flex-direction: row-reverse;
          -ms-flex-direction: row-reverse;
              flex-direction: row-reverse; } }
  .grid__child--size-1 {
    width: 8.33333%; }
  .grid__child--size-2 {
    width: 16.66667%; }
  .grid__child--size-3 {
    width: 25%; }
  .grid__child--size-4 {
    width: 33.33333%; }
  .grid__child--size-5 {
    width: 41.66667%; }
  .grid__child--size-6 {
    width: 50%; }
  .grid__child--size-7 {
    width: 58.33333%; }
  .grid__child--size-8 {
    width: 66.66667%; }
  .grid__child--size-9 {
    width: 75%; }
  .grid__child--size-10 {
    width: 83.33333%; }
  .grid__child--size-11 {
    width: 91.66667%; }
  .grid__child--size-12 {
    width: 100%; }
  @media (min-width: 480px) {
    .grid__child--size-1-xs {
      width: 8.33333%; }
    .grid__child--size-2-xs {
      width: 16.66667%; }
    .grid__child--size-3-xs {
      width: 25%; }
    .grid__child--size-4-xs {
      width: 33.33333%; }
    .grid__child--size-5-xs {
      width: 41.66667%; }
    .grid__child--size-6-xs {
      width: 50%; }
    .grid__child--size-7-xs {
      width: 58.33333%; }
    .grid__child--size-8-xs {
      width: 66.66667%; }
    .grid__child--size-9-xs {
      width: 75%; }
    .grid__child--size-10-xs {
      width: 83.33333%; }
    .grid__child--size-11-xs {
      width: 91.66667%; }
    .grid__child--size-12-xs {
      width: 100%; } }
  @media (min-width: 760px) {
    .grid__child--size-1-s {
      width: 8.33333%; }
    .grid__child--size-2-s {
      width: 16.66667%; }
    .grid__child--size-3-s {
      width: 25%; }
    .grid__child--size-4-s {
      width: 33.33333%; }
    .grid__child--size-5-s {
      width: 41.66667%; }
    .grid__child--size-6-s {
      width: 50%; }
    .grid__child--size-7-s {
      width: 58.33333%; }
    .grid__child--size-8-s {
      width: 66.66667%; }
    .grid__child--size-9-s {
      width: 75%; }
    .grid__child--size-10-s {
      width: 83.33333%; }
    .grid__child--size-11-s {
      width: 91.66667%; }
    .grid__child--size-12-s {
      width: 100%; } }
  @media (min-width: 1000px) {
    .grid__child--size-1-m {
      width: 8.33333%; }
    .grid__child--size-2-m {
      width: 16.66667%; }
    .grid__child--size-3-m {
      width: 25%; }
    .grid__child--size-4-m {
      width: 33.33333%; }
    .grid__child--size-5-m {
      width: 41.66667%; }
    .grid__child--size-6-m {
      width: 50%; }
    .grid__child--size-7-m {
      width: 58.33333%; }
    .grid__child--size-8-m {
      width: 66.66667%; }
    .grid__child--size-9-m {
      width: 75%; }
    .grid__child--size-10-m {
      width: 83.33333%; }
    .grid__child--size-11-m {
      width: 91.66667%; }
    .grid__child--size-12-m {
      width: 100%; } }
  @media (min-width: 1300px) {
    .grid__child--size-1-l {
      width: 8.33333%; }
    .grid__child--size-2-l {
      width: 16.66667%; }
    .grid__child--size-3-l {
      width: 25%; }
    .grid__child--size-4-l {
      width: 33.33333%; }
    .grid__child--size-5-l {
      width: 41.66667%; }
    .grid__child--size-6-l {
      width: 50%; }
    .grid__child--size-7-l {
      width: 58.33333%; }
    .grid__child--size-8-l {
      width: 66.66667%; }
    .grid__child--size-9-l {
      width: 75%; }
    .grid__child--size-10-l {
      width: 83.33333%; }
    .grid__child--size-11-l {
      width: 91.66667%; }
    .grid__child--size-12-l {
      width: 100%; } }
  @media (min-width: 1760px) {
    .grid__child--size-1-xl {
      width: 8.33333%; }
    .grid__child--size-2-xl {
      width: 16.66667%; }
    .grid__child--size-3-xl {
      width: 25%; }
    .grid__child--size-4-xl {
      width: 33.33333%; }
    .grid__child--size-5-xl {
      width: 41.66667%; }
    .grid__child--size-6-xl {
      width: 50%; }
    .grid__child--size-7-xl {
      width: 58.33333%; }
    .grid__child--size-8-xl {
      width: 66.66667%; }
    .grid__child--size-9-xl {
      width: 75%; }
    .grid__child--size-10-xl {
      width: 83.33333%; }
    .grid__child--size-11-xl {
      width: 91.66667%; }
    .grid__child--size-12-xl {
      width: 100%; } }
  .grid__child--offset-0 {
    margin-left: 0%; }
  .grid__child--offset-1 {
    margin-left: 8.33333%; }
  .grid__child--offset-2 {
    margin-left: 16.66667%; }
  .grid__child--offset-3 {
    margin-left: 25%; }
  .grid__child--offset-4 {
    margin-left: 33.33333%; }
  .grid__child--offset-5 {
    margin-left: 41.66667%; }
  .grid__child--offset-6 {
    margin-left: 50%; }
  .grid__child--offset-7 {
    margin-left: 58.33333%; }
  .grid__child--offset-8 {
    margin-left: 66.66667%; }
  .grid__child--offset-9 {
    margin-left: 75%; }
  .grid__child--offset-10 {
    margin-left: 83.33333%; }
  .grid__child--offset-11 {
    margin-left: 91.66667%; }
  @media (min-width: 480px) {
    .grid__child--offset-0-xs {
      margin-left: 0%; }
    .grid__child--offset-1-xs {
      margin-left: 8.33333%; }
    .grid__child--offset-2-xs {
      margin-left: 16.66667%; }
    .grid__child--offset-3-xs {
      margin-left: 25%; }
    .grid__child--offset-4-xs {
      margin-left: 33.33333%; }
    .grid__child--offset-5-xs {
      margin-left: 41.66667%; }
    .grid__child--offset-6-xs {
      margin-left: 50%; }
    .grid__child--offset-7-xs {
      margin-left: 58.33333%; }
    .grid__child--offset-8-xs {
      margin-left: 66.66667%; }
    .grid__child--offset-9-xs {
      margin-left: 75%; }
    .grid__child--offset-10-xs {
      margin-left: 83.33333%; }
    .grid__child--offset-11-xs {
      margin-left: 91.66667%; } }
  @media (min-width: 760px) {
    .grid__child--offset-0-s {
      margin-left: 0%; }
    .grid__child--offset-1-s {
      margin-left: 8.33333%; }
    .grid__child--offset-2-s {
      margin-left: 16.66667%; }
    .grid__child--offset-3-s {
      margin-left: 25%; }
    .grid__child--offset-4-s {
      margin-left: 33.33333%; }
    .grid__child--offset-5-s {
      margin-left: 41.66667%; }
    .grid__child--offset-6-s {
      margin-left: 50%; }
    .grid__child--offset-7-s {
      margin-left: 58.33333%; }
    .grid__child--offset-8-s {
      margin-left: 66.66667%; }
    .grid__child--offset-9-s {
      margin-left: 75%; }
    .grid__child--offset-10-s {
      margin-left: 83.33333%; }
    .grid__child--offset-11-s {
      margin-left: 91.66667%; } }
  @media (min-width: 1000px) {
    .grid__child--offset-0-m {
      margin-left: 0%; }
    .grid__child--offset-1-m {
      margin-left: 8.33333%; }
    .grid__child--offset-2-m {
      margin-left: 16.66667%; }
    .grid__child--offset-3-m {
      margin-left: 25%; }
    .grid__child--offset-4-m {
      margin-left: 33.33333%; }
    .grid__child--offset-5-m {
      margin-left: 41.66667%; }
    .grid__child--offset-6-m {
      margin-left: 50%; }
    .grid__child--offset-7-m {
      margin-left: 58.33333%; }
    .grid__child--offset-8-m {
      margin-left: 66.66667%; }
    .grid__child--offset-9-m {
      margin-left: 75%; }
    .grid__child--offset-10-m {
      margin-left: 83.33333%; }
    .grid__child--offset-11-m {
      margin-left: 91.66667%; } }
  @media (min-width: 1300px) {
    .grid__child--offset-0-l {
      margin-left: 0%; }
    .grid__child--offset-1-l {
      margin-left: 8.33333%; }
    .grid__child--offset-2-l {
      margin-left: 16.66667%; }
    .grid__child--offset-3-l {
      margin-left: 25%; }
    .grid__child--offset-4-l {
      margin-left: 33.33333%; }
    .grid__child--offset-5-l {
      margin-left: 41.66667%; }
    .grid__child--offset-6-l {
      margin-left: 50%; }
    .grid__child--offset-7-l {
      margin-left: 58.33333%; }
    .grid__child--offset-8-l {
      margin-left: 66.66667%; }
    .grid__child--offset-9-l {
      margin-left: 75%; }
    .grid__child--offset-10-l {
      margin-left: 83.33333%; }
    .grid__child--offset-11-l {
      margin-left: 91.66667%; } }
  @media (min-width: 1760px) {
    .grid__child--offset-0-xl {
      margin-left: 0%; }
    .grid__child--offset-1-xl {
      margin-left: 8.33333%; }
    .grid__child--offset-2-xl {
      margin-left: 16.66667%; }
    .grid__child--offset-3-xl {
      margin-left: 25%; }
    .grid__child--offset-4-xl {
      margin-left: 33.33333%; }
    .grid__child--offset-5-xl {
      margin-left: 41.66667%; }
    .grid__child--offset-6-xl {
      margin-left: 50%; }
    .grid__child--offset-7-xl {
      margin-left: 58.33333%; }
    .grid__child--offset-8-xl {
      margin-left: 66.66667%; }
    .grid__child--offset-9-xl {
      margin-left: 75%; }
    .grid__child--offset-10-xl {
      margin-left: 83.33333%; }
    .grid__child--offset-11-xl {
      margin-left: 91.66667%; } }

/**
 * disable animations for specific patterns
 *
 * $inactive-animations is a list, if you want e.g. exclude the css animations
 * for the-slider and tile-image-text-link pattern, you would overwrite the
 * $inactive-animations variable by passing from outside with the following value(s)
 *
 * $inactive-animations: 'tile-slider', 'tile-image-text-link'
 */
/**
 * basic hover animation timing (of color and opacity).
 * timing and bezier should be refactored after official Porsche animation guidelines are defined
 */
.icon {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  width: 1em;
  height: 1em;
  fill: currentColor;
  vertical-align: top;
  /* fixes invisible spacing to next element of inline elements */
  -webkit-transition: fill 0.24s ease;
  transition: fill 0.24s ease; }
  .icon--x-small {
    width: 1.125rem;
    height: 1.125rem; }
  .icon--small {
    width: 1.5rem;
    height: 1.5rem; }
  .icon--medium {
    width: 1.875rem;
    height: 1.875rem; }
  .icon--large {
    width: 2.625rem;
    height: 2.625rem; }
  .icon--x-large {
    width: 3.75rem;
    height: 3.75rem; }

/**
 * properties for flex container
 */
/**
 * properties for flex child items
 */
.flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  /**
   * properties for flex parent
   */
  /**
   * properties for flex children items
   */ }
  .flex--inline {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex; }
  @media (min-width: 480px) {
    .flex-xs {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; }
    .flex--inline-xs {
      display: -webkit-inline-box;
      display: -webkit-inline-flex;
      display: -ms-inline-flexbox;
      display: inline-flex; } }
  @media (min-width: 760px) {
    .flex-s {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; }
    .flex--inline-s {
      display: -webkit-inline-box;
      display: -webkit-inline-flex;
      display: -ms-inline-flexbox;
      display: inline-flex; } }
  @media (min-width: 1000px) {
    .flex-m {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; }
    .flex--inline-m {
      display: -webkit-inline-box;
      display: -webkit-inline-flex;
      display: -ms-inline-flexbox;
      display: inline-flex; } }
  @media (min-width: 1300px) {
    .flex-l {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; }
    .flex--inline-l {
      display: -webkit-inline-box;
      display: -webkit-inline-flex;
      display: -ms-inline-flexbox;
      display: inline-flex; } }
  @media (min-width: 1760px) {
    .flex-xl {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; }
    .flex--inline-xl {
      display: -webkit-inline-box;
      display: -webkit-inline-flex;
      display: -ms-inline-flexbox;
      display: inline-flex; } }
  .flex--wrap {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
    .flex--wrap-no {
      -webkit-flex-wrap: nowrap;
          -ms-flex-wrap: nowrap;
              flex-wrap: nowrap; }
    .flex--wrap-reverse {
      -webkit-flex-wrap: wrap-reverse;
          -ms-flex-wrap: wrap-reverse;
              flex-wrap: wrap-reverse; }
    @media (min-width: 480px) {
      .flex--wrap-xs {
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap; }
      .flex--wrap-no-xs {
        -webkit-flex-wrap: nowrap;
            -ms-flex-wrap: nowrap;
                flex-wrap: nowrap; }
      .flex--wrap-reverse-xs {
        -webkit-flex-wrap: wrap-reverse;
            -ms-flex-wrap: wrap-reverse;
                flex-wrap: wrap-reverse; } }
    @media (min-width: 760px) {
      .flex--wrap-s {
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap; }
      .flex--wrap-no-s {
        -webkit-flex-wrap: nowrap;
            -ms-flex-wrap: nowrap;
                flex-wrap: nowrap; }
      .flex--wrap-reverse-s {
        -webkit-flex-wrap: wrap-reverse;
            -ms-flex-wrap: wrap-reverse;
                flex-wrap: wrap-reverse; } }
    @media (min-width: 1000px) {
      .flex--wrap-m {
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap; }
      .flex--wrap-no-m {
        -webkit-flex-wrap: nowrap;
            -ms-flex-wrap: nowrap;
                flex-wrap: nowrap; }
      .flex--wrap-reverse-m {
        -webkit-flex-wrap: wrap-reverse;
            -ms-flex-wrap: wrap-reverse;
                flex-wrap: wrap-reverse; } }
    @media (min-width: 1300px) {
      .flex--wrap-l {
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap; }
      .flex--wrap-no-l {
        -webkit-flex-wrap: nowrap;
            -ms-flex-wrap: nowrap;
                flex-wrap: nowrap; }
      .flex--wrap-reverse-l {
        -webkit-flex-wrap: wrap-reverse;
            -ms-flex-wrap: wrap-reverse;
                flex-wrap: wrap-reverse; } }
    @media (min-width: 1760px) {
      .flex--wrap-xl {
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap; }
      .flex--wrap-no-xl {
        -webkit-flex-wrap: nowrap;
            -ms-flex-wrap: nowrap;
                flex-wrap: nowrap; }
      .flex--wrap-reverse-xl {
        -webkit-flex-wrap: wrap-reverse;
            -ms-flex-wrap: wrap-reverse;
                flex-wrap: wrap-reverse; } }
  .flex--direction-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column; }
  .flex--direction-column-reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse; }
  .flex--direction-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row; }
  .flex--direction-row-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse; }
  @media (min-width: 480px) {
    .flex--direction-column-xs {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column; }
    .flex--direction-column-reverse-xs {
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
      -webkit-flex-direction: column-reverse;
          -ms-flex-direction: column-reverse;
              flex-direction: column-reverse; }
    .flex--direction-row-xs {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row; }
    .flex--direction-row-reverse-xs {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
      -webkit-flex-direction: row-reverse;
          -ms-flex-direction: row-reverse;
              flex-direction: row-reverse; } }
  @media (min-width: 760px) {
    .flex--direction-column-s {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column; }
    .flex--direction-column-reverse-s {
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
      -webkit-flex-direction: column-reverse;
          -ms-flex-direction: column-reverse;
              flex-direction: column-reverse; }
    .flex--direction-row-s {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row; }
    .flex--direction-row-reverse-s {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
      -webkit-flex-direction: row-reverse;
          -ms-flex-direction: row-reverse;
              flex-direction: row-reverse; } }
  @media (min-width: 1000px) {
    .flex--direction-column-m {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column; }
    .flex--direction-column-reverse-m {
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
      -webkit-flex-direction: column-reverse;
          -ms-flex-direction: column-reverse;
              flex-direction: column-reverse; }
    .flex--direction-row-m {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row; }
    .flex--direction-row-reverse-m {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
      -webkit-flex-direction: row-reverse;
          -ms-flex-direction: row-reverse;
              flex-direction: row-reverse; } }
  @media (min-width: 1300px) {
    .flex--direction-column-l {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column; }
    .flex--direction-column-reverse-l {
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
      -webkit-flex-direction: column-reverse;
          -ms-flex-direction: column-reverse;
              flex-direction: column-reverse; }
    .flex--direction-row-l {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row; }
    .flex--direction-row-reverse-l {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
      -webkit-flex-direction: row-reverse;
          -ms-flex-direction: row-reverse;
              flex-direction: row-reverse; } }
  @media (min-width: 1760px) {
    .flex--direction-column-xl {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column; }
    .flex--direction-column-reverse-xl {
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
      -webkit-flex-direction: column-reverse;
          -ms-flex-direction: column-reverse;
              flex-direction: column-reverse; }
    .flex--direction-row-xl {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row; }
    .flex--direction-row-reverse-xl {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
      -webkit-flex-direction: row-reverse;
          -ms-flex-direction: row-reverse;
              flex-direction: row-reverse; } }
  .flex--main-axis-start {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
  .flex--main-axis-end {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
  .flex--main-axis-center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .flex--main-axis-space-between {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .flex--main-axis-space-around {
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around; }
  .flex--main-axis-space-evenly {
    -webkit-box-pack: space-evenly;
    -webkit-justify-content: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly; }
  @media (min-width: 480px) {
    .flex--main-axis-start-xs {
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
          -ms-flex-pack: start;
              justify-content: flex-start; }
    .flex--main-axis-end-xs {
      -webkit-box-pack: end;
      -webkit-justify-content: flex-end;
          -ms-flex-pack: end;
              justify-content: flex-end; }
    .flex--main-axis-center-xs {
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center; }
    .flex--main-axis-space-between-xs {
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between; }
    .flex--main-axis-space-around-xs {
      -webkit-justify-content: space-around;
          -ms-flex-pack: distribute;
              justify-content: space-around; }
    .flex--main-axis-space-evenly-xs {
      -webkit-box-pack: space-evenly;
      -webkit-justify-content: space-evenly;
          -ms-flex-pack: space-evenly;
              justify-content: space-evenly; } }
  @media (min-width: 760px) {
    .flex--main-axis-start-s {
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
          -ms-flex-pack: start;
              justify-content: flex-start; }
    .flex--main-axis-end-s {
      -webkit-box-pack: end;
      -webkit-justify-content: flex-end;
          -ms-flex-pack: end;
              justify-content: flex-end; }
    .flex--main-axis-center-s {
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center; }
    .flex--main-axis-space-between-s {
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between; }
    .flex--main-axis-space-around-s {
      -webkit-justify-content: space-around;
          -ms-flex-pack: distribute;
              justify-content: space-around; }
    .flex--main-axis-space-evenly-s {
      -webkit-box-pack: space-evenly;
      -webkit-justify-content: space-evenly;
          -ms-flex-pack: space-evenly;
              justify-content: space-evenly; } }
  @media (min-width: 1000px) {
    .flex--main-axis-start-m {
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
          -ms-flex-pack: start;
              justify-content: flex-start; }
    .flex--main-axis-end-m {
      -webkit-box-pack: end;
      -webkit-justify-content: flex-end;
          -ms-flex-pack: end;
              justify-content: flex-end; }
    .flex--main-axis-center-m {
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center; }
    .flex--main-axis-space-between-m {
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between; }
    .flex--main-axis-space-around-m {
      -webkit-justify-content: space-around;
          -ms-flex-pack: distribute;
              justify-content: space-around; }
    .flex--main-axis-space-evenly-m {
      -webkit-box-pack: space-evenly;
      -webkit-justify-content: space-evenly;
          -ms-flex-pack: space-evenly;
              justify-content: space-evenly; } }
  @media (min-width: 1300px) {
    .flex--main-axis-start-l {
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
          -ms-flex-pack: start;
              justify-content: flex-start; }
    .flex--main-axis-end-l {
      -webkit-box-pack: end;
      -webkit-justify-content: flex-end;
          -ms-flex-pack: end;
              justify-content: flex-end; }
    .flex--main-axis-center-l {
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center; }
    .flex--main-axis-space-between-l {
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between; }
    .flex--main-axis-space-around-l {
      -webkit-justify-content: space-around;
          -ms-flex-pack: distribute;
              justify-content: space-around; }
    .flex--main-axis-space-evenly-l {
      -webkit-box-pack: space-evenly;
      -webkit-justify-content: space-evenly;
          -ms-flex-pack: space-evenly;
              justify-content: space-evenly; } }
  @media (min-width: 1760px) {
    .flex--main-axis-start-xl {
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
          -ms-flex-pack: start;
              justify-content: flex-start; }
    .flex--main-axis-end-xl {
      -webkit-box-pack: end;
      -webkit-justify-content: flex-end;
          -ms-flex-pack: end;
              justify-content: flex-end; }
    .flex--main-axis-center-xl {
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center; }
    .flex--main-axis-space-between-xl {
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between; }
    .flex--main-axis-space-around-xl {
      -webkit-justify-content: space-around;
          -ms-flex-pack: distribute;
              justify-content: space-around; }
    .flex--main-axis-space-evenly-xl {
      -webkit-box-pack: space-evenly;
      -webkit-justify-content: space-evenly;
          -ms-flex-pack: space-evenly;
              justify-content: space-evenly; } }
  .flex--cross-axis-start {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start; }
  .flex--cross-axis-end {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end; }
  .flex--cross-axis-center {
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
  .flex--cross-axis-stretch {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
        -ms-flex-align: stretch;
            align-items: stretch; }
  .flex--cross-axis-baseline {
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
        -ms-flex-align: baseline;
            align-items: baseline; }
  @media (min-width: 480px) {
    .flex--cross-axis-start-xs {
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
          -ms-flex-align: start;
              align-items: flex-start; }
    .flex--cross-axis-end-xs {
      -webkit-box-align: end;
      -webkit-align-items: flex-end;
          -ms-flex-align: end;
              align-items: flex-end; }
    .flex--cross-axis-center-xs {
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center; }
    .flex--cross-axis-stretch-xs {
      -webkit-box-align: stretch;
      -webkit-align-items: stretch;
          -ms-flex-align: stretch;
              align-items: stretch; }
    .flex--cross-axis-baseline-xs {
      -webkit-box-align: baseline;
      -webkit-align-items: baseline;
          -ms-flex-align: baseline;
              align-items: baseline; } }
  @media (min-width: 760px) {
    .flex--cross-axis-start-s {
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
          -ms-flex-align: start;
              align-items: flex-start; }
    .flex--cross-axis-end-s {
      -webkit-box-align: end;
      -webkit-align-items: flex-end;
          -ms-flex-align: end;
              align-items: flex-end; }
    .flex--cross-axis-center-s {
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center; }
    .flex--cross-axis-stretch-s {
      -webkit-box-align: stretch;
      -webkit-align-items: stretch;
          -ms-flex-align: stretch;
              align-items: stretch; }
    .flex--cross-axis-baseline-s {
      -webkit-box-align: baseline;
      -webkit-align-items: baseline;
          -ms-flex-align: baseline;
              align-items: baseline; } }
  @media (min-width: 1000px) {
    .flex--cross-axis-start-m {
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
          -ms-flex-align: start;
              align-items: flex-start; }
    .flex--cross-axis-end-m {
      -webkit-box-align: end;
      -webkit-align-items: flex-end;
          -ms-flex-align: end;
              align-items: flex-end; }
    .flex--cross-axis-center-m {
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center; }
    .flex--cross-axis-stretch-m {
      -webkit-box-align: stretch;
      -webkit-align-items: stretch;
          -ms-flex-align: stretch;
              align-items: stretch; }
    .flex--cross-axis-baseline-m {
      -webkit-box-align: baseline;
      -webkit-align-items: baseline;
          -ms-flex-align: baseline;
              align-items: baseline; } }
  @media (min-width: 1300px) {
    .flex--cross-axis-start-l {
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
          -ms-flex-align: start;
              align-items: flex-start; }
    .flex--cross-axis-end-l {
      -webkit-box-align: end;
      -webkit-align-items: flex-end;
          -ms-flex-align: end;
              align-items: flex-end; }
    .flex--cross-axis-center-l {
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center; }
    .flex--cross-axis-stretch-l {
      -webkit-box-align: stretch;
      -webkit-align-items: stretch;
          -ms-flex-align: stretch;
              align-items: stretch; }
    .flex--cross-axis-baseline-l {
      -webkit-box-align: baseline;
      -webkit-align-items: baseline;
          -ms-flex-align: baseline;
              align-items: baseline; } }
  @media (min-width: 1760px) {
    .flex--cross-axis-start-xl {
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
          -ms-flex-align: start;
              align-items: flex-start; }
    .flex--cross-axis-end-xl {
      -webkit-box-align: end;
      -webkit-align-items: flex-end;
          -ms-flex-align: end;
              align-items: flex-end; }
    .flex--cross-axis-center-xl {
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center; }
    .flex--cross-axis-stretch-xl {
      -webkit-box-align: stretch;
      -webkit-align-items: stretch;
          -ms-flex-align: stretch;
              align-items: stretch; }
    .flex--cross-axis-baseline-xl {
      -webkit-box-align: baseline;
      -webkit-align-items: baseline;
          -ms-flex-align: baseline;
              align-items: baseline; } }
  .flex--align-content-start {
    -webkit-align-content: flex-start;
        -ms-flex-line-pack: start;
            align-content: flex-start; }
  .flex--align-content-end {
    -webkit-align-content: flex-end;
        -ms-flex-line-pack: end;
            align-content: flex-end; }
  .flex--align-content-center {
    -webkit-align-content: center;
        -ms-flex-line-pack: center;
            align-content: center; }
  .flex--align-content-stretch {
    -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
            align-content: stretch; }
  .flex--align-content-space-between {
    -webkit-align-content: space-between;
        -ms-flex-line-pack: justify;
            align-content: space-between; }
  .flex--align-content-space-around {
    -webkit-align-content: space-around;
        -ms-flex-line-pack: distribute;
            align-content: space-around; }
  @media (min-width: 480px) {
    .flex--align-content-start-xs {
      -webkit-align-content: flex-start;
          -ms-flex-line-pack: start;
              align-content: flex-start; }
    .flex--align-content-end-xs {
      -webkit-align-content: flex-end;
          -ms-flex-line-pack: end;
              align-content: flex-end; }
    .flex--align-content-center-xs {
      -webkit-align-content: center;
          -ms-flex-line-pack: center;
              align-content: center; }
    .flex--align-content-stretch-xs {
      -webkit-align-content: stretch;
          -ms-flex-line-pack: stretch;
              align-content: stretch; }
    .flex--align-content-space-between-xs {
      -webkit-align-content: space-between;
          -ms-flex-line-pack: justify;
              align-content: space-between; }
    .flex--align-content-space-around-xs {
      -webkit-align-content: space-around;
          -ms-flex-line-pack: distribute;
              align-content: space-around; } }
  @media (min-width: 760px) {
    .flex--align-content-start-s {
      -webkit-align-content: flex-start;
          -ms-flex-line-pack: start;
              align-content: flex-start; }
    .flex--align-content-end-s {
      -webkit-align-content: flex-end;
          -ms-flex-line-pack: end;
              align-content: flex-end; }
    .flex--align-content-center-s {
      -webkit-align-content: center;
          -ms-flex-line-pack: center;
              align-content: center; }
    .flex--align-content-stretch-s {
      -webkit-align-content: stretch;
          -ms-flex-line-pack: stretch;
              align-content: stretch; }
    .flex--align-content-space-between-s {
      -webkit-align-content: space-between;
          -ms-flex-line-pack: justify;
              align-content: space-between; }
    .flex--align-content-space-around-s {
      -webkit-align-content: space-around;
          -ms-flex-line-pack: distribute;
              align-content: space-around; } }
  @media (min-width: 1000px) {
    .flex--align-content-start-m {
      -webkit-align-content: flex-start;
          -ms-flex-line-pack: start;
              align-content: flex-start; }
    .flex--align-content-end-m {
      -webkit-align-content: flex-end;
          -ms-flex-line-pack: end;
              align-content: flex-end; }
    .flex--align-content-center-m {
      -webkit-align-content: center;
          -ms-flex-line-pack: center;
              align-content: center; }
    .flex--align-content-stretch-m {
      -webkit-align-content: stretch;
          -ms-flex-line-pack: stretch;
              align-content: stretch; }
    .flex--align-content-space-between-m {
      -webkit-align-content: space-between;
          -ms-flex-line-pack: justify;
              align-content: space-between; }
    .flex--align-content-space-around-m {
      -webkit-align-content: space-around;
          -ms-flex-line-pack: distribute;
              align-content: space-around; } }
  @media (min-width: 1300px) {
    .flex--align-content-start-l {
      -webkit-align-content: flex-start;
          -ms-flex-line-pack: start;
              align-content: flex-start; }
    .flex--align-content-end-l {
      -webkit-align-content: flex-end;
          -ms-flex-line-pack: end;
              align-content: flex-end; }
    .flex--align-content-center-l {
      -webkit-align-content: center;
          -ms-flex-line-pack: center;
              align-content: center; }
    .flex--align-content-stretch-l {
      -webkit-align-content: stretch;
          -ms-flex-line-pack: stretch;
              align-content: stretch; }
    .flex--align-content-space-between-l {
      -webkit-align-content: space-between;
          -ms-flex-line-pack: justify;
              align-content: space-between; }
    .flex--align-content-space-around-l {
      -webkit-align-content: space-around;
          -ms-flex-line-pack: distribute;
              align-content: space-around; } }
  @media (min-width: 1760px) {
    .flex--align-content-start-xl {
      -webkit-align-content: flex-start;
          -ms-flex-line-pack: start;
              align-content: flex-start; }
    .flex--align-content-end-xl {
      -webkit-align-content: flex-end;
          -ms-flex-line-pack: end;
              align-content: flex-end; }
    .flex--align-content-center-xl {
      -webkit-align-content: center;
          -ms-flex-line-pack: center;
              align-content: center; }
    .flex--align-content-stretch-xl {
      -webkit-align-content: stretch;
          -ms-flex-line-pack: stretch;
              align-content: stretch; }
    .flex--align-content-space-between-xl {
      -webkit-align-content: space-between;
          -ms-flex-line-pack: justify;
              align-content: space-between; }
    .flex--align-content-space-around-xl {
      -webkit-align-content: space-around;
          -ms-flex-line-pack: distribute;
              align-content: space-around; } }
  .flex__child--grow-0 {
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
            flex-grow: 0; }
  .flex__child--grow-1 {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }
  .flex__child--shrink-0 {
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0; }
  .flex__child--shrink-1 {
    -webkit-flex-shrink: 1;
        -ms-flex-negative: 1;
            flex-shrink: 1; }
  .flex__child--initial {
    -webkit-box-flex: initial;
    -webkit-flex: initial;
        -ms-flex: initial;
            flex: initial; }
  .flex__child--auto {
    -webkit-box-flex: 1;
    -webkit-flex: auto;
        -ms-flex: auto;
            flex: auto; }
  .flex__child--equal {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0;
        -ms-flex: 1 1 0px;
            flex: 1 1 0; }
  .flex__child--none {
    -webkit-box-flex: 0;
    -webkit-flex: none;
        -ms-flex: none;
            flex: none; }
  @media (min-width: 480px) {
    .flex__child--grow-0-xs {
      -webkit-box-flex: 0;
      -webkit-flex-grow: 0;
          -ms-flex-positive: 0;
              flex-grow: 0; }
    .flex__child--grow-1-xs {
      -webkit-box-flex: 1;
      -webkit-flex-grow: 1;
          -ms-flex-positive: 1;
              flex-grow: 1; }
    .flex__child--shrink-0-xs {
      -webkit-flex-shrink: 0;
          -ms-flex-negative: 0;
              flex-shrink: 0; }
    .flex__child--shrink-1-xs {
      -webkit-flex-shrink: 1;
          -ms-flex-negative: 1;
              flex-shrink: 1; }
    .flex__child--initial-xs {
      -webkit-box-flex: initial;
      -webkit-flex: initial;
          -ms-flex: initial;
              flex: initial; }
    .flex__child--auto-xs {
      -webkit-box-flex: 1;
      -webkit-flex: auto;
          -ms-flex: auto;
              flex: auto; }
    .flex__child--equal-xs {
      -webkit-box-flex: 1;
      -webkit-flex: 1 1 0;
          -ms-flex: 1 1 0px;
              flex: 1 1 0; }
    .flex__child--none-xs {
      -webkit-box-flex: 0;
      -webkit-flex: none;
          -ms-flex: none;
              flex: none; } }
  @media (min-width: 760px) {
    .flex__child--grow-0-s {
      -webkit-box-flex: 0;
      -webkit-flex-grow: 0;
          -ms-flex-positive: 0;
              flex-grow: 0; }
    .flex__child--grow-1-s {
      -webkit-box-flex: 1;
      -webkit-flex-grow: 1;
          -ms-flex-positive: 1;
              flex-grow: 1; }
    .flex__child--shrink-0-s {
      -webkit-flex-shrink: 0;
          -ms-flex-negative: 0;
              flex-shrink: 0; }
    .flex__child--shrink-1-s {
      -webkit-flex-shrink: 1;
          -ms-flex-negative: 1;
              flex-shrink: 1; }
    .flex__child--initial-s {
      -webkit-box-flex: initial;
      -webkit-flex: initial;
          -ms-flex: initial;
              flex: initial; }
    .flex__child--auto-s {
      -webkit-box-flex: 1;
      -webkit-flex: auto;
          -ms-flex: auto;
              flex: auto; }
    .flex__child--equal-s {
      -webkit-box-flex: 1;
      -webkit-flex: 1 1 0;
          -ms-flex: 1 1 0px;
              flex: 1 1 0; }
    .flex__child--none-s {
      -webkit-box-flex: 0;
      -webkit-flex: none;
          -ms-flex: none;
              flex: none; } }
  @media (min-width: 1000px) {
    .flex__child--grow-0-m {
      -webkit-box-flex: 0;
      -webkit-flex-grow: 0;
          -ms-flex-positive: 0;
              flex-grow: 0; }
    .flex__child--grow-1-m {
      -webkit-box-flex: 1;
      -webkit-flex-grow: 1;
          -ms-flex-positive: 1;
              flex-grow: 1; }
    .flex__child--shrink-0-m {
      -webkit-flex-shrink: 0;
          -ms-flex-negative: 0;
              flex-shrink: 0; }
    .flex__child--shrink-1-m {
      -webkit-flex-shrink: 1;
          -ms-flex-negative: 1;
              flex-shrink: 1; }
    .flex__child--initial-m {
      -webkit-box-flex: initial;
      -webkit-flex: initial;
          -ms-flex: initial;
              flex: initial; }
    .flex__child--auto-m {
      -webkit-box-flex: 1;
      -webkit-flex: auto;
          -ms-flex: auto;
              flex: auto; }
    .flex__child--equal-m {
      -webkit-box-flex: 1;
      -webkit-flex: 1 1 0;
          -ms-flex: 1 1 0px;
              flex: 1 1 0; }
    .flex__child--none-m {
      -webkit-box-flex: 0;
      -webkit-flex: none;
          -ms-flex: none;
              flex: none; } }
  @media (min-width: 1300px) {
    .flex__child--grow-0-l {
      -webkit-box-flex: 0;
      -webkit-flex-grow: 0;
          -ms-flex-positive: 0;
              flex-grow: 0; }
    .flex__child--grow-1-l {
      -webkit-box-flex: 1;
      -webkit-flex-grow: 1;
          -ms-flex-positive: 1;
              flex-grow: 1; }
    .flex__child--shrink-0-l {
      -webkit-flex-shrink: 0;
          -ms-flex-negative: 0;
              flex-shrink: 0; }
    .flex__child--shrink-1-l {
      -webkit-flex-shrink: 1;
          -ms-flex-negative: 1;
              flex-shrink: 1; }
    .flex__child--initial-l {
      -webkit-box-flex: initial;
      -webkit-flex: initial;
          -ms-flex: initial;
              flex: initial; }
    .flex__child--auto-l {
      -webkit-box-flex: 1;
      -webkit-flex: auto;
          -ms-flex: auto;
              flex: auto; }
    .flex__child--equal-l {
      -webkit-box-flex: 1;
      -webkit-flex: 1 1 0;
          -ms-flex: 1 1 0px;
              flex: 1 1 0; }
    .flex__child--none-l {
      -webkit-box-flex: 0;
      -webkit-flex: none;
          -ms-flex: none;
              flex: none; } }
  @media (min-width: 1760px) {
    .flex__child--grow-0-xl {
      -webkit-box-flex: 0;
      -webkit-flex-grow: 0;
          -ms-flex-positive: 0;
              flex-grow: 0; }
    .flex__child--grow-1-xl {
      -webkit-box-flex: 1;
      -webkit-flex-grow: 1;
          -ms-flex-positive: 1;
              flex-grow: 1; }
    .flex__child--shrink-0-xl {
      -webkit-flex-shrink: 0;
          -ms-flex-negative: 0;
              flex-shrink: 0; }
    .flex__child--shrink-1-xl {
      -webkit-flex-shrink: 1;
          -ms-flex-negative: 1;
              flex-shrink: 1; }
    .flex__child--initial-xl {
      -webkit-box-flex: initial;
      -webkit-flex: initial;
          -ms-flex: initial;
              flex: initial; }
    .flex__child--auto-xl {
      -webkit-box-flex: 1;
      -webkit-flex: auto;
          -ms-flex: auto;
              flex: auto; }
    .flex__child--equal-xl {
      -webkit-box-flex: 1;
      -webkit-flex: 1 1 0;
          -ms-flex: 1 1 0px;
              flex: 1 1 0; }
    .flex__child--none-xl {
      -webkit-box-flex: 0;
      -webkit-flex: none;
          -ms-flex: none;
              flex: none; } }
  .flex__child--cross-axis-auto {
    -webkit-align-self: auto;
        -ms-flex-item-align: auto;
            align-self: auto; }
  .flex__child--cross-axis-start {
    -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
            align-self: flex-start; }
  .flex__child--cross-axis-end {
    -webkit-align-self: flex-end;
        -ms-flex-item-align: end;
            align-self: flex-end; }
  .flex__child--cross-axis-center {
    -webkit-align-self: center;
        -ms-flex-item-align: center;
            align-self: center; }
  .flex__child--cross-axis-stretch {
    -webkit-align-self: stretch;
        -ms-flex-item-align: stretch;
            align-self: stretch; }
  .flex__child--cross-axis-baseline {
    -webkit-align-self: baseline;
        -ms-flex-item-align: baseline;
            align-self: baseline; }
  @media (min-width: 480px) {
    .flex__child--cross-axis-auto-xs {
      -webkit-align-self: auto;
          -ms-flex-item-align: auto;
              align-self: auto; }
    .flex__child--cross-axis-start-xs {
      -webkit-align-self: flex-start;
          -ms-flex-item-align: start;
              align-self: flex-start; }
    .flex__child--cross-axis-end-xs {
      -webkit-align-self: flex-end;
          -ms-flex-item-align: end;
              align-self: flex-end; }
    .flex__child--cross-axis-center-xs {
      -webkit-align-self: center;
          -ms-flex-item-align: center;
              align-self: center; }
    .flex__child--cross-axis-stretch-xs {
      -webkit-align-self: stretch;
          -ms-flex-item-align: stretch;
              align-self: stretch; }
    .flex__child--cross-axis-baseline-xs {
      -webkit-align-self: baseline;
          -ms-flex-item-align: baseline;
              align-self: baseline; } }
  @media (min-width: 760px) {
    .flex__child--cross-axis-auto-s {
      -webkit-align-self: auto;
          -ms-flex-item-align: auto;
              align-self: auto; }
    .flex__child--cross-axis-start-s {
      -webkit-align-self: flex-start;
          -ms-flex-item-align: start;
              align-self: flex-start; }
    .flex__child--cross-axis-end-s {
      -webkit-align-self: flex-end;
          -ms-flex-item-align: end;
              align-self: flex-end; }
    .flex__child--cross-axis-center-s {
      -webkit-align-self: center;
          -ms-flex-item-align: center;
              align-self: center; }
    .flex__child--cross-axis-stretch-s {
      -webkit-align-self: stretch;
          -ms-flex-item-align: stretch;
              align-self: stretch; }
    .flex__child--cross-axis-baseline-s {
      -webkit-align-self: baseline;
          -ms-flex-item-align: baseline;
              align-self: baseline; } }
  @media (min-width: 1000px) {
    .flex__child--cross-axis-auto-m {
      -webkit-align-self: auto;
          -ms-flex-item-align: auto;
              align-self: auto; }
    .flex__child--cross-axis-start-m {
      -webkit-align-self: flex-start;
          -ms-flex-item-align: start;
              align-self: flex-start; }
    .flex__child--cross-axis-end-m {
      -webkit-align-self: flex-end;
          -ms-flex-item-align: end;
              align-self: flex-end; }
    .flex__child--cross-axis-center-m {
      -webkit-align-self: center;
          -ms-flex-item-align: center;
              align-self: center; }
    .flex__child--cross-axis-stretch-m {
      -webkit-align-self: stretch;
          -ms-flex-item-align: stretch;
              align-self: stretch; }
    .flex__child--cross-axis-baseline-m {
      -webkit-align-self: baseline;
          -ms-flex-item-align: baseline;
              align-self: baseline; } }
  @media (min-width: 1300px) {
    .flex__child--cross-axis-auto-l {
      -webkit-align-self: auto;
          -ms-flex-item-align: auto;
              align-self: auto; }
    .flex__child--cross-axis-start-l {
      -webkit-align-self: flex-start;
          -ms-flex-item-align: start;
              align-self: flex-start; }
    .flex__child--cross-axis-end-l {
      -webkit-align-self: flex-end;
          -ms-flex-item-align: end;
              align-self: flex-end; }
    .flex__child--cross-axis-center-l {
      -webkit-align-self: center;
          -ms-flex-item-align: center;
              align-self: center; }
    .flex__child--cross-axis-stretch-l {
      -webkit-align-self: stretch;
          -ms-flex-item-align: stretch;
              align-self: stretch; }
    .flex__child--cross-axis-baseline-l {
      -webkit-align-self: baseline;
          -ms-flex-item-align: baseline;
              align-self: baseline; } }
  @media (min-width: 1760px) {
    .flex__child--cross-axis-auto-xl {
      -webkit-align-self: auto;
          -ms-flex-item-align: auto;
              align-self: auto; }
    .flex__child--cross-axis-start-xl {
      -webkit-align-self: flex-start;
          -ms-flex-item-align: start;
              align-self: flex-start; }
    .flex__child--cross-axis-end-xl {
      -webkit-align-self: flex-end;
          -ms-flex-item-align: end;
              align-self: flex-end; }
    .flex__child--cross-axis-center-xl {
      -webkit-align-self: center;
          -ms-flex-item-align: center;
              align-self: center; }
    .flex__child--cross-axis-stretch-xl {
      -webkit-align-self: stretch;
          -ms-flex-item-align: stretch;
              align-self: stretch; }
    .flex__child--cross-axis-baseline-xl {
      -webkit-align-self: baseline;
          -ms-flex-item-align: baseline;
              align-self: baseline; } }

.-spacing-0 {
  margin-top: 0rem; }

.-spacing-3 {
  margin-top: 0.1875rem; }

.-spacing-6 {
  margin-top: 0.375rem; }

.-spacing-12 {
  margin-top: 0.75rem; }

.-spacing-18 {
  margin-top: 1.125rem; }

.-spacing-24 {
  margin-top: 1.5rem; }

.-spacing-30 {
  margin-top: 1.875rem; }

.-spacing-36 {
  margin-top: 2.25rem; }

.-spacing-42 {
  margin-top: 2.625rem; }

.-spacing-48 {
  margin-top: 3rem; }

.-spacing-54 {
  margin-top: 3.375rem; }

.-spacing-60 {
  margin-top: 3.75rem; }

.-spacing-a {
  margin-top: 0.75rem; }
  @media (min-width: 760px) and (max-width: 1299px) {
    .-spacing-a {
      margin-top: 1.125rem; } }
  @media (min-width: 1300px) {
    .-spacing-a {
      margin-top: 1.125rem; } }

.-spacing-b {
  margin-top: 1.125rem; }
  @media (min-width: 760px) and (max-width: 1299px) {
    .-spacing-b {
      margin-top: 1.5rem; } }
  @media (min-width: 1300px) {
    .-spacing-b {
      margin-top: 1.5rem; } }

.-spacing-c {
  margin-top: 1.125rem; }
  @media (min-width: 760px) and (max-width: 1299px) {
    .-spacing-c {
      margin-top: 1.5rem; } }
  @media (min-width: 1300px) {
    .-spacing-c {
      margin-top: 1.875rem; } }

.-spacing-d {
  margin-top: 1.5rem; }
  @media (min-width: 760px) and (max-width: 1299px) {
    .-spacing-d {
      margin-top: 1.875rem; } }
  @media (min-width: 1300px) {
    .-spacing-d {
      margin-top: 2.25rem; } }

.-spacing-e {
  margin-top: 1.875rem; }
  @media (min-width: 760px) and (max-width: 1299px) {
    .-spacing-e {
      margin-top: 2.25rem; } }
  @media (min-width: 1300px) {
    .-spacing-e {
      margin-top: 3rem; } }

.-spacing-f {
  margin-top: 1.875rem; }
  @media (min-width: 760px) and (max-width: 1299px) {
    .-spacing-f {
      margin-top: 3rem; } }
  @media (min-width: 1300px) {
    .-spacing-f {
      margin-top: 3.75rem; } }

.-spacing-zero {
  margin-top: 0; }
  @media (min-width: 480px) {
    .-spacing-zero-xs {
      margin-top: 0; } }
  @media (min-width: 760px) {
    .-spacing-zero-s {
      margin-top: 0; } }
  @media (min-width: 1000px) {
    .-spacing-zero-m {
      margin-top: 0; } }
  @media (min-width: 1300px) {
    .-spacing-zero-l {
      margin-top: 0; } }

.-spacing-inner-a {
  padding: 1.125rem 1.125rem; }
  @media (min-width: 760px) {
    .-spacing-inner-a {
      padding: 1.5rem 1.5rem; } }
  @media (min-width: 1300px) {
    .-spacing-inner-a {
      padding: 1.875rem 1.875rem; } }

.-spacing-inner-b {
  padding: 0.75rem 1.125rem; }
  @media (min-width: 760px) {
    .-spacing-inner-b {
      padding: 1.125rem 1.5rem; } }
  @media (min-width: 1300px) {
    .-spacing-inner-b {
      padding: 1.125rem 1.875rem; } }

.-spacing-inner-c {
  padding: 1.125rem 1.125rem; }
  @media (min-width: 760px) {
    .-spacing-inner-c {
      padding: 1.5rem 1.5rem; } }
  @media (min-width: 1000px) {
    .-spacing-inner-c {
      padding: 1.125rem 1.125rem; } }
  @media (min-width: 1300px) {
    .-spacing-inner-c {
      padding: 2.625rem 3.75rem; } }

.-spacing-inner-d {
  padding: 1.125rem 1.125rem; }
  @media (min-width: 760px) {
    .-spacing-inner-d {
      padding: 1.875rem 1.875rem; } }
  @media (min-width: 1300px) {
    .-spacing-inner-d {
      padding: 2.625rem 2.625rem; } }

.-spacing-inner-e {
  padding: 1.875rem 1.875rem; }

.-text-color-white {
  color: #fff; }

.-text-color-grey-1 {
  color: #eff0f1; }

.-text-color-grey-2 {
  color: #e3e4e4; }

.-text-color-grey-3 {
  color: #c8cacb; }

.-text-color-grey-4 {
  color: #afb1b2; }

.-text-color-grey-5 {
  color: #959899; }

.-text-color-grey-6 {
  color: #7b7e80; }

.-text-color-grey-7 {
  color: #626669; }

.-text-color-grey-8 {
  color: #494e51; }

.-text-color-grey-9 {
  color: #313639; }

.-text-color-grey-9-1 {
  color: #1c2225; }

.-text-color-grey-10 {
  color: #191f22; }

.-text-color-grey-10-1 {
  color: #12181c; }

.-text-color-black {
  color: #000; }

.-text-color-red-1 {
  color: #d5001c; }

.-text-color-red-2 {
  color: #960014; }

.-text-color-blue-1 {
  color: #196a99; }

.-text-color-blue-2 {
  color: #15577e; }

.-text-color-acid-green {
  color: #d2eb2d; }

.-text-color-status-green {
  color: #13d246; }

.-text-color-status-yellow {
  color: #ff0; }

.-text-color-status-orange {
  color: #e6950a; }

.-text-color-status-red {
  color: #d5001c; }

.-text-size-1-thin {
  font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif;
  font-weight: 400;
  font-size: 1.75rem;
  line-height: 2.25rem;
  font-weight: 200; }
  html[lang='ru'] .-text-size-1-thin, html[lang='ru-RU'] .-text-size-1-thin {
    font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif; }
  html[lang='zh'] .-text-size-1-thin, html[lang='zh-CN'] .-text-size-1-thin {
    font-family: "Porsche Next", 黑体, SimHei, 宋体, SimSun, sans-serif; }
  html[lang='ar'] .-text-size-1-thin, html[lang='ar-AE'] .-text-size-1-thin {
    font-family: "Porsche Next Arabic", "Arial Narrow", Arial, sans-serif; }
  html[lang='ps'] .-text-size-1-thin, html[lang='ps-AR'] .-text-size-1-thin {
    font-family: "Porsche Next Pashto", "Arial Narrow", Arial, sans-serif; }
  html[lang='fa'] .-text-size-1-thin, html[lang='fa-IR'] .-text-size-1-thin {
    font-family: "Porsche Next Persian", "Arial Narrow", Arial, sans-serif; }
  html[lang='ur'] .-text-size-1-thin, html[lang='ur-PK'] .-text-size-1-thin {
    font-family: "Porsche Next Urdu", "Arial Narrow", Arial, sans-serif; }
  @media (min-width: 1000px) and (max-width: 1759px) {
    .-text-size-1-thin {
      font-size: 2.5rem;
      line-height: 3.25rem; } }
  @media (min-width: 1760px) {
    .-text-size-1-thin {
      font-size: 3.75rem;
      line-height: 4.5rem; } }

.-text-size-1-regular {
  font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif;
  font-weight: 400;
  font-size: 1.75rem;
  line-height: 2.25rem; }
  html[lang='ru'] .-text-size-1-regular, html[lang='ru-RU'] .-text-size-1-regular {
    font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif; }
  html[lang='zh'] .-text-size-1-regular, html[lang='zh-CN'] .-text-size-1-regular {
    font-family: "Porsche Next", 黑体, SimHei, 宋体, SimSun, sans-serif; }
  html[lang='ar'] .-text-size-1-regular, html[lang='ar-AE'] .-text-size-1-regular {
    font-family: "Porsche Next Arabic", "Arial Narrow", Arial, sans-serif; }
  html[lang='ps'] .-text-size-1-regular, html[lang='ps-AR'] .-text-size-1-regular {
    font-family: "Porsche Next Pashto", "Arial Narrow", Arial, sans-serif; }
  html[lang='fa'] .-text-size-1-regular, html[lang='fa-IR'] .-text-size-1-regular {
    font-family: "Porsche Next Persian", "Arial Narrow", Arial, sans-serif; }
  html[lang='ur'] .-text-size-1-regular, html[lang='ur-PK'] .-text-size-1-regular {
    font-family: "Porsche Next Urdu", "Arial Narrow", Arial, sans-serif; }
  @media (min-width: 1000px) and (max-width: 1759px) {
    .-text-size-1-regular {
      font-size: 2.5rem;
      line-height: 3.25rem; } }
  @media (min-width: 1760px) {
    .-text-size-1-regular {
      font-size: 3.75rem;
      line-height: 4.5rem; } }

.-text-size-2-thin {
  font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif;
  font-weight: 400;
  font-size: 1.625rem;
  line-height: 2.125rem;
  font-weight: 200; }
  html[lang='ru'] .-text-size-2-thin, html[lang='ru-RU'] .-text-size-2-thin {
    font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif; }
  html[lang='zh'] .-text-size-2-thin, html[lang='zh-CN'] .-text-size-2-thin {
    font-family: "Porsche Next", 黑体, SimHei, 宋体, SimSun, sans-serif; }
  html[lang='ar'] .-text-size-2-thin, html[lang='ar-AE'] .-text-size-2-thin {
    font-family: "Porsche Next Arabic", "Arial Narrow", Arial, sans-serif; }
  html[lang='ps'] .-text-size-2-thin, html[lang='ps-AR'] .-text-size-2-thin {
    font-family: "Porsche Next Pashto", "Arial Narrow", Arial, sans-serif; }
  html[lang='fa'] .-text-size-2-thin, html[lang='fa-IR'] .-text-size-2-thin {
    font-family: "Porsche Next Persian", "Arial Narrow", Arial, sans-serif; }
  html[lang='ur'] .-text-size-2-thin, html[lang='ur-PK'] .-text-size-2-thin {
    font-family: "Porsche Next Urdu", "Arial Narrow", Arial, sans-serif; }
  @media (min-width: 1000px) and (max-width: 1759px) {
    .-text-size-2-thin {
      font-size: 2rem;
      line-height: 2.5rem; } }
  @media (min-width: 1760px) {
    .-text-size-2-thin {
      font-size: 2.25rem;
      line-height: 2.75rem; } }

.-text-size-2-regular {
  font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif;
  font-weight: 400;
  font-size: 1.625rem;
  line-height: 2.125rem; }
  html[lang='ru'] .-text-size-2-regular, html[lang='ru-RU'] .-text-size-2-regular {
    font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif; }
  html[lang='zh'] .-text-size-2-regular, html[lang='zh-CN'] .-text-size-2-regular {
    font-family: "Porsche Next", 黑体, SimHei, 宋体, SimSun, sans-serif; }
  html[lang='ar'] .-text-size-2-regular, html[lang='ar-AE'] .-text-size-2-regular {
    font-family: "Porsche Next Arabic", "Arial Narrow", Arial, sans-serif; }
  html[lang='ps'] .-text-size-2-regular, html[lang='ps-AR'] .-text-size-2-regular {
    font-family: "Porsche Next Pashto", "Arial Narrow", Arial, sans-serif; }
  html[lang='fa'] .-text-size-2-regular, html[lang='fa-IR'] .-text-size-2-regular {
    font-family: "Porsche Next Persian", "Arial Narrow", Arial, sans-serif; }
  html[lang='ur'] .-text-size-2-regular, html[lang='ur-PK'] .-text-size-2-regular {
    font-family: "Porsche Next Urdu", "Arial Narrow", Arial, sans-serif; }
  @media (min-width: 1000px) and (max-width: 1759px) {
    .-text-size-2-regular {
      font-size: 2rem;
      line-height: 2.5rem; } }
  @media (min-width: 1760px) {
    .-text-size-2-regular {
      font-size: 2.25rem;
      line-height: 2.75rem; } }

.-text-size-3-thin {
  font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif;
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 1.875rem;
  font-weight: 200; }
  html[lang='ru'] .-text-size-3-thin, html[lang='ru-RU'] .-text-size-3-thin {
    font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif; }
  html[lang='zh'] .-text-size-3-thin, html[lang='zh-CN'] .-text-size-3-thin {
    font-family: "Porsche Next", 黑体, SimHei, 宋体, SimSun, sans-serif; }
  html[lang='ar'] .-text-size-3-thin, html[lang='ar-AE'] .-text-size-3-thin {
    font-family: "Porsche Next Arabic", "Arial Narrow", Arial, sans-serif; }
  html[lang='ps'] .-text-size-3-thin, html[lang='ps-AR'] .-text-size-3-thin {
    font-family: "Porsche Next Pashto", "Arial Narrow", Arial, sans-serif; }
  html[lang='fa'] .-text-size-3-thin, html[lang='fa-IR'] .-text-size-3-thin {
    font-family: "Porsche Next Persian", "Arial Narrow", Arial, sans-serif; }
  html[lang='ur'] .-text-size-3-thin, html[lang='ur-PK'] .-text-size-3-thin {
    font-family: "Porsche Next Urdu", "Arial Narrow", Arial, sans-serif; }
  @media (min-width: 1000px) and (max-width: 1759px) {
    .-text-size-3-thin {
      font-size: 1.625rem;
      line-height: 2rem; } }
  @media (min-width: 1760px) {
    .-text-size-3-thin {
      font-size: 1.75rem;
      line-height: 2.25rem; } }

.-text-size-3-regular {
  font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif;
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 1.875rem; }
  html[lang='ru'] .-text-size-3-regular, html[lang='ru-RU'] .-text-size-3-regular {
    font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif; }
  html[lang='zh'] .-text-size-3-regular, html[lang='zh-CN'] .-text-size-3-regular {
    font-family: "Porsche Next", 黑体, SimHei, 宋体, SimSun, sans-serif; }
  html[lang='ar'] .-text-size-3-regular, html[lang='ar-AE'] .-text-size-3-regular {
    font-family: "Porsche Next Arabic", "Arial Narrow", Arial, sans-serif; }
  html[lang='ps'] .-text-size-3-regular, html[lang='ps-AR'] .-text-size-3-regular {
    font-family: "Porsche Next Pashto", "Arial Narrow", Arial, sans-serif; }
  html[lang='fa'] .-text-size-3-regular, html[lang='fa-IR'] .-text-size-3-regular {
    font-family: "Porsche Next Persian", "Arial Narrow", Arial, sans-serif; }
  html[lang='ur'] .-text-size-3-regular, html[lang='ur-PK'] .-text-size-3-regular {
    font-family: "Porsche Next Urdu", "Arial Narrow", Arial, sans-serif; }
  @media (min-width: 1000px) and (max-width: 1759px) {
    .-text-size-3-regular {
      font-size: 1.625rem;
      line-height: 2rem; } }
  @media (min-width: 1760px) {
    .-text-size-3-regular {
      font-size: 1.75rem;
      line-height: 2.25rem; } }

.-text-size-4-thin {
  font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif;
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 200; }
  html[lang='ru'] .-text-size-4-thin, html[lang='ru-RU'] .-text-size-4-thin {
    font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif; }
  html[lang='zh'] .-text-size-4-thin, html[lang='zh-CN'] .-text-size-4-thin {
    font-family: "Porsche Next", 黑体, SimHei, 宋体, SimSun, sans-serif; }
  html[lang='ar'] .-text-size-4-thin, html[lang='ar-AE'] .-text-size-4-thin {
    font-family: "Porsche Next Arabic", "Arial Narrow", Arial, sans-serif; }
  html[lang='ps'] .-text-size-4-thin, html[lang='ps-AR'] .-text-size-4-thin {
    font-family: "Porsche Next Pashto", "Arial Narrow", Arial, sans-serif; }
  html[lang='fa'] .-text-size-4-thin, html[lang='fa-IR'] .-text-size-4-thin {
    font-family: "Porsche Next Persian", "Arial Narrow", Arial, sans-serif; }
  html[lang='ur'] .-text-size-4-thin, html[lang='ur-PK'] .-text-size-4-thin {
    font-family: "Porsche Next Urdu", "Arial Narrow", Arial, sans-serif; }
  @media (min-width: 1000px) and (max-width: 1759px) {
    .-text-size-4-thin {
      font-size: 1.375rem;
      line-height: 1.875rem; } }
  @media (min-width: 1760px) {
    .-text-size-4-thin {
      font-size: 1.5rem;
      line-height: 1.875rem; } }

.-text-size-4-regular {
  font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif;
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 1.75rem; }
  html[lang='ru'] .-text-size-4-regular, html[lang='ru-RU'] .-text-size-4-regular {
    font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif; }
  html[lang='zh'] .-text-size-4-regular, html[lang='zh-CN'] .-text-size-4-regular {
    font-family: "Porsche Next", 黑体, SimHei, 宋体, SimSun, sans-serif; }
  html[lang='ar'] .-text-size-4-regular, html[lang='ar-AE'] .-text-size-4-regular {
    font-family: "Porsche Next Arabic", "Arial Narrow", Arial, sans-serif; }
  html[lang='ps'] .-text-size-4-regular, html[lang='ps-AR'] .-text-size-4-regular {
    font-family: "Porsche Next Pashto", "Arial Narrow", Arial, sans-serif; }
  html[lang='fa'] .-text-size-4-regular, html[lang='fa-IR'] .-text-size-4-regular {
    font-family: "Porsche Next Persian", "Arial Narrow", Arial, sans-serif; }
  html[lang='ur'] .-text-size-4-regular, html[lang='ur-PK'] .-text-size-4-regular {
    font-family: "Porsche Next Urdu", "Arial Narrow", Arial, sans-serif; }
  @media (min-width: 1000px) and (max-width: 1759px) {
    .-text-size-4-regular {
      font-size: 1.375rem;
      line-height: 1.875rem; } }
  @media (min-width: 1760px) {
    .-text-size-4-regular {
      font-size: 1.5rem;
      line-height: 1.875rem; } }

.-text-size-5-thin {
  font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif;
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 200; }
  html[lang='ru'] .-text-size-5-thin, html[lang='ru-RU'] .-text-size-5-thin {
    font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif; }
  html[lang='zh'] .-text-size-5-thin, html[lang='zh-CN'] .-text-size-5-thin {
    font-family: "Porsche Next", 黑体, SimHei, 宋体, SimSun, sans-serif; }
  html[lang='ar'] .-text-size-5-thin, html[lang='ar-AE'] .-text-size-5-thin {
    font-family: "Porsche Next Arabic", "Arial Narrow", Arial, sans-serif; }
  html[lang='ps'] .-text-size-5-thin, html[lang='ps-AR'] .-text-size-5-thin {
    font-family: "Porsche Next Pashto", "Arial Narrow", Arial, sans-serif; }
  html[lang='fa'] .-text-size-5-thin, html[lang='fa-IR'] .-text-size-5-thin {
    font-family: "Porsche Next Persian", "Arial Narrow", Arial, sans-serif; }
  html[lang='ur'] .-text-size-5-thin, html[lang='ur-PK'] .-text-size-5-thin {
    font-family: "Porsche Next Urdu", "Arial Narrow", Arial, sans-serif; }

.-text-size-5-regular {
  font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif;
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 1.75rem; }
  html[lang='ru'] .-text-size-5-regular, html[lang='ru-RU'] .-text-size-5-regular {
    font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif; }
  html[lang='zh'] .-text-size-5-regular, html[lang='zh-CN'] .-text-size-5-regular {
    font-family: "Porsche Next", 黑体, SimHei, 宋体, SimSun, sans-serif; }
  html[lang='ar'] .-text-size-5-regular, html[lang='ar-AE'] .-text-size-5-regular {
    font-family: "Porsche Next Arabic", "Arial Narrow", Arial, sans-serif; }
  html[lang='ps'] .-text-size-5-regular, html[lang='ps-AR'] .-text-size-5-regular {
    font-family: "Porsche Next Pashto", "Arial Narrow", Arial, sans-serif; }
  html[lang='fa'] .-text-size-5-regular, html[lang='fa-IR'] .-text-size-5-regular {
    font-family: "Porsche Next Persian", "Arial Narrow", Arial, sans-serif; }
  html[lang='ur'] .-text-size-5-regular, html[lang='ur-PK'] .-text-size-5-regular {
    font-family: "Porsche Next Urdu", "Arial Narrow", Arial, sans-serif; }

.-text-size-copy {
  font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem; }
  html[lang='ru'] .-text-size-copy, html[lang='ru-RU'] .-text-size-copy {
    font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif; }
  html[lang='zh'] .-text-size-copy, html[lang='zh-CN'] .-text-size-copy {
    font-family: "Porsche Next", 黑体, SimHei, 宋体, SimSun, sans-serif; }
  html[lang='ar'] .-text-size-copy, html[lang='ar-AE'] .-text-size-copy {
    font-family: "Porsche Next Arabic", "Arial Narrow", Arial, sans-serif; }
  html[lang='ps'] .-text-size-copy, html[lang='ps-AR'] .-text-size-copy {
    font-family: "Porsche Next Pashto", "Arial Narrow", Arial, sans-serif; }
  html[lang='fa'] .-text-size-copy, html[lang='fa-IR'] .-text-size-copy {
    font-family: "Porsche Next Persian", "Arial Narrow", Arial, sans-serif; }
  html[lang='ur'] .-text-size-copy, html[lang='ur-PK'] .-text-size-copy {
    font-family: "Porsche Next Urdu", "Arial Narrow", Arial, sans-serif; }

.-text-size-small {
  font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.25rem; }
  html[lang='ru'] .-text-size-small, html[lang='ru-RU'] .-text-size-small {
    font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif; }
  html[lang='zh'] .-text-size-small, html[lang='zh-CN'] .-text-size-small {
    font-family: "Porsche Next", 黑体, SimHei, 宋体, SimSun, sans-serif; }
  html[lang='ar'] .-text-size-small, html[lang='ar-AE'] .-text-size-small {
    font-family: "Porsche Next Arabic", "Arial Narrow", Arial, sans-serif; }
  html[lang='ps'] .-text-size-small, html[lang='ps-AR'] .-text-size-small {
    font-family: "Porsche Next Pashto", "Arial Narrow", Arial, sans-serif; }
  html[lang='fa'] .-text-size-small, html[lang='fa-IR'] .-text-size-small {
    font-family: "Porsche Next Persian", "Arial Narrow", Arial, sans-serif; }
  html[lang='ur'] .-text-size-small, html[lang='ur-PK'] .-text-size-small {
    font-family: "Porsche Next Urdu", "Arial Narrow", Arial, sans-serif; }

.-text-size-micro {
  font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1.125rem; }
  html[lang='ru'] .-text-size-micro, html[lang='ru-RU'] .-text-size-micro {
    font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif; }
  html[lang='zh'] .-text-size-micro, html[lang='zh-CN'] .-text-size-micro {
    font-family: "Porsche Next", 黑体, SimHei, 宋体, SimSun, sans-serif; }
  html[lang='ar'] .-text-size-micro, html[lang='ar-AE'] .-text-size-micro {
    font-family: "Porsche Next Arabic", "Arial Narrow", Arial, sans-serif; }
  html[lang='ps'] .-text-size-micro, html[lang='ps-AR'] .-text-size-micro {
    font-family: "Porsche Next Pashto", "Arial Narrow", Arial, sans-serif; }
  html[lang='fa'] .-text-size-micro, html[lang='fa-IR'] .-text-size-micro {
    font-family: "Porsche Next Persian", "Arial Narrow", Arial, sans-serif; }
  html[lang='ur'] .-text-size-micro, html[lang='ur-PK'] .-text-size-micro {
    font-family: "Porsche Next Urdu", "Arial Narrow", Arial, sans-serif; }

.-position-relative {
  position: relative; }

.-position-absolute {
  position: absolute; }

.-position-static {
  position: static; }

.-position-fixed {
  position: fixed; }

.-position-sticky {
  position: -webkit-sticky;
  position: sticky; }

.-position-inherit {
  position: inherit; }

.-position-initial {
  position: initial; }

.column {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  float: left;
  max-width: 100%;
  min-height: 1px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  @media (min-width: 480px) and (max-width: 759px) {
    .column {
      padding-left: 0.5rem;
      padding-right: 0.5rem; } }
  @media (min-width: 760px) and (max-width: 999px) {
    .column {
      padding-left: 0.75rem;
      padding-right: 0.75rem; } }
  @media (min-width: 1000px) and (max-width: 1299px) {
    .column {
      padding-left: 1.125rem;
      padding-right: 1.125rem; } }
  @media (min-width: 1300px) and (max-width: 1759px) {
    .column {
      padding-left: 1.125rem;
      padding-right: 1.125rem; } }
  @media (min-width: 1760px) {
    .column {
      padding-left: 1.125rem;
      padding-right: 1.125rem; } }
  .column--auto {
    width: auto; }
  .column--1 {
    width: 8.33333%; }
  .column--2 {
    width: 16.66667%; }
  .column--3 {
    width: 25%; }
  .column--4 {
    width: 33.33333%; }
  .column--5 {
    width: 41.66667%; }
  .column--6 {
    width: 50%; }
  .column--7 {
    width: 58.33333%; }
  .column--8 {
    width: 66.66667%; }
  .column--9 {
    width: 75%; }
  .column--10 {
    width: 83.33333%; }
  .column--11 {
    width: 91.66667%; }
  .column--12 {
    width: 100%; }
  @media (min-width: 480px) {
    .column--auto-xs {
      width: auto; }
    .column--1-xs {
      width: 8.33333%; }
    .column--2-xs {
      width: 16.66667%; }
    .column--3-xs {
      width: 25%; }
    .column--4-xs {
      width: 33.33333%; }
    .column--5-xs {
      width: 41.66667%; }
    .column--6-xs {
      width: 50%; }
    .column--7-xs {
      width: 58.33333%; }
    .column--8-xs {
      width: 66.66667%; }
    .column--9-xs {
      width: 75%; }
    .column--10-xs {
      width: 83.33333%; }
    .column--11-xs {
      width: 91.66667%; }
    .column--12-xs {
      width: 100%; } }
  @media (min-width: 760px) {
    .column--auto-s {
      width: auto; }
    .column--1-s {
      width: 8.33333%; }
    .column--2-s {
      width: 16.66667%; }
    .column--3-s {
      width: 25%; }
    .column--4-s {
      width: 33.33333%; }
    .column--5-s {
      width: 41.66667%; }
    .column--6-s {
      width: 50%; }
    .column--7-s {
      width: 58.33333%; }
    .column--8-s {
      width: 66.66667%; }
    .column--9-s {
      width: 75%; }
    .column--10-s {
      width: 83.33333%; }
    .column--11-s {
      width: 91.66667%; }
    .column--12-s {
      width: 100%; } }
  @media (min-width: 1000px) {
    .column--auto-m {
      width: auto; }
    .column--1-m {
      width: 8.33333%; }
    .column--2-m {
      width: 16.66667%; }
    .column--3-m {
      width: 25%; }
    .column--4-m {
      width: 33.33333%; }
    .column--5-m {
      width: 41.66667%; }
    .column--6-m {
      width: 50%; }
    .column--7-m {
      width: 58.33333%; }
    .column--8-m {
      width: 66.66667%; }
    .column--9-m {
      width: 75%; }
    .column--10-m {
      width: 83.33333%; }
    .column--11-m {
      width: 91.66667%; }
    .column--12-m {
      width: 100%; } }
  @media (min-width: 1300px) {
    .column--auto-l {
      width: auto; }
    .column--1-l {
      width: 8.33333%; }
    .column--2-l {
      width: 16.66667%; }
    .column--3-l {
      width: 25%; }
    .column--4-l {
      width: 33.33333%; }
    .column--5-l {
      width: 41.66667%; }
    .column--6-l {
      width: 50%; }
    .column--7-l {
      width: 58.33333%; }
    .column--8-l {
      width: 66.66667%; }
    .column--9-l {
      width: 75%; }
    .column--10-l {
      width: 83.33333%; }
    .column--11-l {
      width: 91.66667%; }
    .column--12-l {
      width: 100%; } }
  @media (min-width: 1760px) {
    .column--auto-xl {
      width: auto; }
    .column--1-xl {
      width: 8.33333%; }
    .column--2-xl {
      width: 16.66667%; }
    .column--3-xl {
      width: 25%; }
    .column--4-xl {
      width: 33.33333%; }
    .column--5-xl {
      width: 41.66667%; }
    .column--6-xl {
      width: 50%; }
    .column--7-xl {
      width: 58.33333%; }
    .column--8-xl {
      width: 66.66667%; }
    .column--9-xl {
      width: 75%; }
    .column--10-xl {
      width: 83.33333%; }
    .column--11-xl {
      width: 91.66667%; }
    .column--12-xl {
      width: 100%; } }
  .column--direction-normal {
    float: left; }
  .column--direction-reverse {
    float: right; }
  @media (min-width: 480px) {
    .column--direction-normal-xs {
      float: left; }
    .column--direction-reverse-xs {
      float: right; } }
  @media (min-width: 760px) {
    .column--direction-normal-s {
      float: left; }
    .column--direction-reverse-s {
      float: right; } }
  @media (min-width: 1000px) {
    .column--direction-normal-m {
      float: left; }
    .column--direction-reverse-m {
      float: right; } }
  @media (min-width: 1300px) {
    .column--direction-normal-l {
      float: left; }
    .column--direction-reverse-l {
      float: right; } }
  @media (min-width: 1760px) {
    .column--direction-normal-xl {
      float: left; }
    .column--direction-reverse-xl {
      float: right; } }
  .column--gap-normal {
    padding-left: 0.5rem;
    padding-right: 0.5rem; }
    @media (min-width: 480px) and (max-width: 759px) {
      .column--gap-normal {
        padding-left: 0.5rem;
        padding-right: 0.5rem; } }
    @media (min-width: 760px) and (max-width: 999px) {
      .column--gap-normal {
        padding-left: 0.75rem;
        padding-right: 0.75rem; } }
    @media (min-width: 1000px) and (max-width: 1299px) {
      .column--gap-normal {
        padding-left: 1.125rem;
        padding-right: 1.125rem; } }
    @media (min-width: 1300px) and (max-width: 1759px) {
      .column--gap-normal {
        padding-left: 1.125rem;
        padding-right: 1.125rem; } }
    @media (min-width: 1760px) {
      .column--gap-normal {
        padding-left: 1.125rem;
        padding-right: 1.125rem; } }
  .column--gap-small {
    padding-left: 0.1875rem;
    padding-right: 0.1875rem; }
  .column--gap-zero {
    padding-left: 0;
    padding-right: 0; }
  @media (min-width: 480px) {
    .column--gap-normal-xs {
      padding-left: 0.5rem;
      padding-right: 0.5rem; } }
  @media (min-width: 480px) and (min-width: 480px) and (max-width: 759px) {
    .column--gap-normal-xs {
      padding-left: 0.5rem;
      padding-right: 0.5rem; } }
  @media (min-width: 480px) and (min-width: 760px) and (max-width: 999px) {
    .column--gap-normal-xs {
      padding-left: 0.75rem;
      padding-right: 0.75rem; } }
  @media (min-width: 480px) and (min-width: 1000px) and (max-width: 1299px) {
    .column--gap-normal-xs {
      padding-left: 1.125rem;
      padding-right: 1.125rem; } }
  @media (min-width: 480px) and (min-width: 1300px) and (max-width: 1759px) {
    .column--gap-normal-xs {
      padding-left: 1.125rem;
      padding-right: 1.125rem; } }
  @media (min-width: 480px) and (min-width: 1760px) {
    .column--gap-normal-xs {
      padding-left: 1.125rem;
      padding-right: 1.125rem; } }
  @media (min-width: 480px) {
    .column--gap-small-xs {
      padding-left: 0.1875rem;
      padding-right: 0.1875rem; }
    .column--gap-zero-xs {
      padding-left: 0;
      padding-right: 0; } }
  @media (min-width: 760px) {
    .column--gap-normal-s {
      padding-left: 0.5rem;
      padding-right: 0.5rem; } }
  @media (min-width: 760px) and (min-width: 480px) and (max-width: 759px) {
    .column--gap-normal-s {
      padding-left: 0.5rem;
      padding-right: 0.5rem; } }
  @media (min-width: 760px) and (min-width: 760px) and (max-width: 999px) {
    .column--gap-normal-s {
      padding-left: 0.75rem;
      padding-right: 0.75rem; } }
  @media (min-width: 760px) and (min-width: 1000px) and (max-width: 1299px) {
    .column--gap-normal-s {
      padding-left: 1.125rem;
      padding-right: 1.125rem; } }
  @media (min-width: 760px) and (min-width: 1300px) and (max-width: 1759px) {
    .column--gap-normal-s {
      padding-left: 1.125rem;
      padding-right: 1.125rem; } }
  @media (min-width: 760px) and (min-width: 1760px) {
    .column--gap-normal-s {
      padding-left: 1.125rem;
      padding-right: 1.125rem; } }
  @media (min-width: 760px) {
    .column--gap-small-s {
      padding-left: 0.1875rem;
      padding-right: 0.1875rem; }
    .column--gap-zero-s {
      padding-left: 0;
      padding-right: 0; } }
  @media (min-width: 1000px) {
    .column--gap-normal-m {
      padding-left: 0.5rem;
      padding-right: 0.5rem; } }
  @media (min-width: 1000px) and (min-width: 480px) and (max-width: 759px) {
    .column--gap-normal-m {
      padding-left: 0.5rem;
      padding-right: 0.5rem; } }
  @media (min-width: 1000px) and (min-width: 760px) and (max-width: 999px) {
    .column--gap-normal-m {
      padding-left: 0.75rem;
      padding-right: 0.75rem; } }
  @media (min-width: 1000px) and (min-width: 1000px) and (max-width: 1299px) {
    .column--gap-normal-m {
      padding-left: 1.125rem;
      padding-right: 1.125rem; } }
  @media (min-width: 1000px) and (min-width: 1300px) and (max-width: 1759px) {
    .column--gap-normal-m {
      padding-left: 1.125rem;
      padding-right: 1.125rem; } }
  @media (min-width: 1000px) and (min-width: 1760px) {
    .column--gap-normal-m {
      padding-left: 1.125rem;
      padding-right: 1.125rem; } }
  @media (min-width: 1000px) {
    .column--gap-small-m {
      padding-left: 0.1875rem;
      padding-right: 0.1875rem; }
    .column--gap-zero-m {
      padding-left: 0;
      padding-right: 0; } }
  @media (min-width: 1300px) {
    .column--gap-normal-l {
      padding-left: 0.5rem;
      padding-right: 0.5rem; } }
  @media (min-width: 1300px) and (min-width: 480px) and (max-width: 759px) {
    .column--gap-normal-l {
      padding-left: 0.5rem;
      padding-right: 0.5rem; } }
  @media (min-width: 1300px) and (min-width: 760px) and (max-width: 999px) {
    .column--gap-normal-l {
      padding-left: 0.75rem;
      padding-right: 0.75rem; } }
  @media (min-width: 1300px) and (min-width: 1000px) and (max-width: 1299px) {
    .column--gap-normal-l {
      padding-left: 1.125rem;
      padding-right: 1.125rem; } }
  @media (min-width: 1300px) and (min-width: 1300px) and (max-width: 1759px) {
    .column--gap-normal-l {
      padding-left: 1.125rem;
      padding-right: 1.125rem; } }
  @media (min-width: 1300px) and (min-width: 1760px) {
    .column--gap-normal-l {
      padding-left: 1.125rem;
      padding-right: 1.125rem; } }
  @media (min-width: 1300px) {
    .column--gap-small-l {
      padding-left: 0.1875rem;
      padding-right: 0.1875rem; }
    .column--gap-zero-l {
      padding-left: 0;
      padding-right: 0; } }
  @media (min-width: 1760px) {
    .column--gap-normal-xl {
      padding-left: 0.5rem;
      padding-right: 0.5rem; } }
  @media (min-width: 1760px) and (min-width: 480px) and (max-width: 759px) {
    .column--gap-normal-xl {
      padding-left: 0.5rem;
      padding-right: 0.5rem; } }
  @media (min-width: 1760px) and (min-width: 760px) and (max-width: 999px) {
    .column--gap-normal-xl {
      padding-left: 0.75rem;
      padding-right: 0.75rem; } }
  @media (min-width: 1760px) and (min-width: 1000px) and (max-width: 1299px) {
    .column--gap-normal-xl {
      padding-left: 1.125rem;
      padding-right: 1.125rem; } }
  @media (min-width: 1760px) and (min-width: 1300px) and (max-width: 1759px) {
    .column--gap-normal-xl {
      padding-left: 1.125rem;
      padding-right: 1.125rem; } }
  @media (min-width: 1760px) and (min-width: 1760px) {
    .column--gap-normal-xl {
      padding-left: 1.125rem;
      padding-right: 1.125rem; } }
  @media (min-width: 1760px) {
    .column--gap-small-xl {
      padding-left: 0.1875rem;
      padding-right: 0.1875rem; }
    .column--gap-zero-xl {
      padding-left: 0;
      padding-right: 0; } }

.row {
  margin-left: -0.5rem;
  margin-right: -0.5rem; }
  @media (min-width: 480px) and (max-width: 759px) {
    .row {
      margin-left: -0.5rem;
      margin-right: -0.5rem; } }
  @media (min-width: 760px) and (max-width: 999px) {
    .row {
      margin-left: -0.75rem;
      margin-right: -0.75rem; } }
  @media (min-width: 1000px) and (max-width: 1299px) {
    .row {
      margin-left: -1.125rem;
      margin-right: -1.125rem; } }
  @media (min-width: 1300px) and (max-width: 1759px) {
    .row {
      margin-left: -1.125rem;
      margin-right: -1.125rem; } }
  @media (min-width: 1760px) {
    .row {
      margin-left: -1.125rem;
      margin-right: -1.125rem; } }
  .row--gap-normal {
    margin-left: -0.5rem;
    margin-right: -0.5rem; }
    @media (min-width: 480px) and (max-width: 759px) {
      .row--gap-normal {
        margin-left: -0.5rem;
        margin-right: -0.5rem; } }
    @media (min-width: 760px) and (max-width: 999px) {
      .row--gap-normal {
        margin-left: -0.75rem;
        margin-right: -0.75rem; } }
    @media (min-width: 1000px) and (max-width: 1299px) {
      .row--gap-normal {
        margin-left: -1.125rem;
        margin-right: -1.125rem; } }
    @media (min-width: 1300px) and (max-width: 1759px) {
      .row--gap-normal {
        margin-left: -1.125rem;
        margin-right: -1.125rem; } }
    @media (min-width: 1760px) {
      .row--gap-normal {
        margin-left: -1.125rem;
        margin-right: -1.125rem; } }
  .row--gap-small {
    margin-left: -0.1875rem;
    margin-right: -0.1875rem; }
  .row--gap-zero {
    margin-left: 0;
    margin-right: 0; }
  @media (min-width: 480px) {
    .row--gap-normal-xs {
      margin-left: -0.5rem;
      margin-right: -0.5rem; } }
  @media (min-width: 480px) and (min-width: 480px) and (max-width: 759px) {
    .row--gap-normal-xs {
      margin-left: -0.5rem;
      margin-right: -0.5rem; } }
  @media (min-width: 480px) and (min-width: 760px) and (max-width: 999px) {
    .row--gap-normal-xs {
      margin-left: -0.75rem;
      margin-right: -0.75rem; } }
  @media (min-width: 480px) and (min-width: 1000px) and (max-width: 1299px) {
    .row--gap-normal-xs {
      margin-left: -1.125rem;
      margin-right: -1.125rem; } }
  @media (min-width: 480px) and (min-width: 1300px) and (max-width: 1759px) {
    .row--gap-normal-xs {
      margin-left: -1.125rem;
      margin-right: -1.125rem; } }
  @media (min-width: 480px) and (min-width: 1760px) {
    .row--gap-normal-xs {
      margin-left: -1.125rem;
      margin-right: -1.125rem; } }
  @media (min-width: 480px) {
    .row--gap-small-xs {
      margin-left: -0.1875rem;
      margin-right: -0.1875rem; }
    .row--gap-zero-xs {
      margin-left: 0;
      margin-right: 0; } }
  @media (min-width: 760px) {
    .row--gap-normal-s {
      margin-left: -0.5rem;
      margin-right: -0.5rem; } }
  @media (min-width: 760px) and (min-width: 480px) and (max-width: 759px) {
    .row--gap-normal-s {
      margin-left: -0.5rem;
      margin-right: -0.5rem; } }
  @media (min-width: 760px) and (min-width: 760px) and (max-width: 999px) {
    .row--gap-normal-s {
      margin-left: -0.75rem;
      margin-right: -0.75rem; } }
  @media (min-width: 760px) and (min-width: 1000px) and (max-width: 1299px) {
    .row--gap-normal-s {
      margin-left: -1.125rem;
      margin-right: -1.125rem; } }
  @media (min-width: 760px) and (min-width: 1300px) and (max-width: 1759px) {
    .row--gap-normal-s {
      margin-left: -1.125rem;
      margin-right: -1.125rem; } }
  @media (min-width: 760px) and (min-width: 1760px) {
    .row--gap-normal-s {
      margin-left: -1.125rem;
      margin-right: -1.125rem; } }
  @media (min-width: 760px) {
    .row--gap-small-s {
      margin-left: -0.1875rem;
      margin-right: -0.1875rem; }
    .row--gap-zero-s {
      margin-left: 0;
      margin-right: 0; } }
  @media (min-width: 1000px) {
    .row--gap-normal-m {
      margin-left: -0.5rem;
      margin-right: -0.5rem; } }
  @media (min-width: 1000px) and (min-width: 480px) and (max-width: 759px) {
    .row--gap-normal-m {
      margin-left: -0.5rem;
      margin-right: -0.5rem; } }
  @media (min-width: 1000px) and (min-width: 760px) and (max-width: 999px) {
    .row--gap-normal-m {
      margin-left: -0.75rem;
      margin-right: -0.75rem; } }
  @media (min-width: 1000px) and (min-width: 1000px) and (max-width: 1299px) {
    .row--gap-normal-m {
      margin-left: -1.125rem;
      margin-right: -1.125rem; } }
  @media (min-width: 1000px) and (min-width: 1300px) and (max-width: 1759px) {
    .row--gap-normal-m {
      margin-left: -1.125rem;
      margin-right: -1.125rem; } }
  @media (min-width: 1000px) and (min-width: 1760px) {
    .row--gap-normal-m {
      margin-left: -1.125rem;
      margin-right: -1.125rem; } }
  @media (min-width: 1000px) {
    .row--gap-small-m {
      margin-left: -0.1875rem;
      margin-right: -0.1875rem; }
    .row--gap-zero-m {
      margin-left: 0;
      margin-right: 0; } }
  @media (min-width: 1300px) {
    .row--gap-normal-l {
      margin-left: -0.5rem;
      margin-right: -0.5rem; } }
  @media (min-width: 1300px) and (min-width: 480px) and (max-width: 759px) {
    .row--gap-normal-l {
      margin-left: -0.5rem;
      margin-right: -0.5rem; } }
  @media (min-width: 1300px) and (min-width: 760px) and (max-width: 999px) {
    .row--gap-normal-l {
      margin-left: -0.75rem;
      margin-right: -0.75rem; } }
  @media (min-width: 1300px) and (min-width: 1000px) and (max-width: 1299px) {
    .row--gap-normal-l {
      margin-left: -1.125rem;
      margin-right: -1.125rem; } }
  @media (min-width: 1300px) and (min-width: 1300px) and (max-width: 1759px) {
    .row--gap-normal-l {
      margin-left: -1.125rem;
      margin-right: -1.125rem; } }
  @media (min-width: 1300px) and (min-width: 1760px) {
    .row--gap-normal-l {
      margin-left: -1.125rem;
      margin-right: -1.125rem; } }
  @media (min-width: 1300px) {
    .row--gap-small-l {
      margin-left: -0.1875rem;
      margin-right: -0.1875rem; }
    .row--gap-zero-l {
      margin-left: 0;
      margin-right: 0; } }
  @media (min-width: 1760px) {
    .row--gap-normal-xl {
      margin-left: -0.5rem;
      margin-right: -0.5rem; } }
  @media (min-width: 1760px) and (min-width: 480px) and (max-width: 759px) {
    .row--gap-normal-xl {
      margin-left: -0.5rem;
      margin-right: -0.5rem; } }
  @media (min-width: 1760px) and (min-width: 760px) and (max-width: 999px) {
    .row--gap-normal-xl {
      margin-left: -0.75rem;
      margin-right: -0.75rem; } }
  @media (min-width: 1760px) and (min-width: 1000px) and (max-width: 1299px) {
    .row--gap-normal-xl {
      margin-left: -1.125rem;
      margin-right: -1.125rem; } }
  @media (min-width: 1760px) and (min-width: 1300px) and (max-width: 1759px) {
    .row--gap-normal-xl {
      margin-left: -1.125rem;
      margin-right: -1.125rem; } }
  @media (min-width: 1760px) and (min-width: 1760px) {
    .row--gap-normal-xl {
      margin-left: -1.125rem;
      margin-right: -1.125rem; } }
  @media (min-width: 1760px) {
    .row--gap-small-xl {
      margin-left: -0.1875rem;
      margin-right: -0.1875rem; }
    .row--gap-zero-xl {
      margin-left: 0;
      margin-right: 0; } }
  .row::after {
    content: '';
    display: block;
    clear: both; }

.column {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  float: left;
  max-width: 100%;
  min-height: 1px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  @media (min-width: 480px) and (max-width: 759px) {
    .column {
      padding-left: 0.5rem;
      padding-right: 0.5rem; } }
  @media (min-width: 760px) and (max-width: 999px) {
    .column {
      padding-left: 0.75rem;
      padding-right: 0.75rem; } }
  @media (min-width: 1000px) and (max-width: 1299px) {
    .column {
      padding-left: 1.125rem;
      padding-right: 1.125rem; } }
  @media (min-width: 1300px) and (max-width: 1759px) {
    .column {
      padding-left: 1.125rem;
      padding-right: 1.125rem; } }
  @media (min-width: 1760px) {
    .column {
      padding-left: 1.125rem;
      padding-right: 1.125rem; } }
  .column--auto {
    width: auto; }
  .column--1 {
    width: 8.33333%; }
  .column--2 {
    width: 16.66667%; }
  .column--3 {
    width: 25%; }
  .column--4 {
    width: 33.33333%; }
  .column--5 {
    width: 41.66667%; }
  .column--6 {
    width: 50%; }
  .column--7 {
    width: 58.33333%; }
  .column--8 {
    width: 66.66667%; }
  .column--9 {
    width: 75%; }
  .column--10 {
    width: 83.33333%; }
  .column--11 {
    width: 91.66667%; }
  .column--12 {
    width: 100%; }
  @media (min-width: 480px) {
    .column--auto-xs {
      width: auto; }
    .column--1-xs {
      width: 8.33333%; }
    .column--2-xs {
      width: 16.66667%; }
    .column--3-xs {
      width: 25%; }
    .column--4-xs {
      width: 33.33333%; }
    .column--5-xs {
      width: 41.66667%; }
    .column--6-xs {
      width: 50%; }
    .column--7-xs {
      width: 58.33333%; }
    .column--8-xs {
      width: 66.66667%; }
    .column--9-xs {
      width: 75%; }
    .column--10-xs {
      width: 83.33333%; }
    .column--11-xs {
      width: 91.66667%; }
    .column--12-xs {
      width: 100%; } }
  @media (min-width: 760px) {
    .column--auto-s {
      width: auto; }
    .column--1-s {
      width: 8.33333%; }
    .column--2-s {
      width: 16.66667%; }
    .column--3-s {
      width: 25%; }
    .column--4-s {
      width: 33.33333%; }
    .column--5-s {
      width: 41.66667%; }
    .column--6-s {
      width: 50%; }
    .column--7-s {
      width: 58.33333%; }
    .column--8-s {
      width: 66.66667%; }
    .column--9-s {
      width: 75%; }
    .column--10-s {
      width: 83.33333%; }
    .column--11-s {
      width: 91.66667%; }
    .column--12-s {
      width: 100%; } }
  @media (min-width: 1000px) {
    .column--auto-m {
      width: auto; }
    .column--1-m {
      width: 8.33333%; }
    .column--2-m {
      width: 16.66667%; }
    .column--3-m {
      width: 25%; }
    .column--4-m {
      width: 33.33333%; }
    .column--5-m {
      width: 41.66667%; }
    .column--6-m {
      width: 50%; }
    .column--7-m {
      width: 58.33333%; }
    .column--8-m {
      width: 66.66667%; }
    .column--9-m {
      width: 75%; }
    .column--10-m {
      width: 83.33333%; }
    .column--11-m {
      width: 91.66667%; }
    .column--12-m {
      width: 100%; } }
  @media (min-width: 1300px) {
    .column--auto-l {
      width: auto; }
    .column--1-l {
      width: 8.33333%; }
    .column--2-l {
      width: 16.66667%; }
    .column--3-l {
      width: 25%; }
    .column--4-l {
      width: 33.33333%; }
    .column--5-l {
      width: 41.66667%; }
    .column--6-l {
      width: 50%; }
    .column--7-l {
      width: 58.33333%; }
    .column--8-l {
      width: 66.66667%; }
    .column--9-l {
      width: 75%; }
    .column--10-l {
      width: 83.33333%; }
    .column--11-l {
      width: 91.66667%; }
    .column--12-l {
      width: 100%; } }
  @media (min-width: 1760px) {
    .column--auto-xl {
      width: auto; }
    .column--1-xl {
      width: 8.33333%; }
    .column--2-xl {
      width: 16.66667%; }
    .column--3-xl {
      width: 25%; }
    .column--4-xl {
      width: 33.33333%; }
    .column--5-xl {
      width: 41.66667%; }
    .column--6-xl {
      width: 50%; }
    .column--7-xl {
      width: 58.33333%; }
    .column--8-xl {
      width: 66.66667%; }
    .column--9-xl {
      width: 75%; }
    .column--10-xl {
      width: 83.33333%; }
    .column--11-xl {
      width: 91.66667%; }
    .column--12-xl {
      width: 100%; } }
  .column--direction-normal {
    float: left; }
  .column--direction-reverse {
    float: right; }
  @media (min-width: 480px) {
    .column--direction-normal-xs {
      float: left; }
    .column--direction-reverse-xs {
      float: right; } }
  @media (min-width: 760px) {
    .column--direction-normal-s {
      float: left; }
    .column--direction-reverse-s {
      float: right; } }
  @media (min-width: 1000px) {
    .column--direction-normal-m {
      float: left; }
    .column--direction-reverse-m {
      float: right; } }
  @media (min-width: 1300px) {
    .column--direction-normal-l {
      float: left; }
    .column--direction-reverse-l {
      float: right; } }
  @media (min-width: 1760px) {
    .column--direction-normal-xl {
      float: left; }
    .column--direction-reverse-xl {
      float: right; } }
  .column--gap-normal {
    padding-left: 0.5rem;
    padding-right: 0.5rem; }
    @media (min-width: 480px) and (max-width: 759px) {
      .column--gap-normal {
        padding-left: 0.5rem;
        padding-right: 0.5rem; } }
    @media (min-width: 760px) and (max-width: 999px) {
      .column--gap-normal {
        padding-left: 0.75rem;
        padding-right: 0.75rem; } }
    @media (min-width: 1000px) and (max-width: 1299px) {
      .column--gap-normal {
        padding-left: 1.125rem;
        padding-right: 1.125rem; } }
    @media (min-width: 1300px) and (max-width: 1759px) {
      .column--gap-normal {
        padding-left: 1.125rem;
        padding-right: 1.125rem; } }
    @media (min-width: 1760px) {
      .column--gap-normal {
        padding-left: 1.125rem;
        padding-right: 1.125rem; } }
  .column--gap-small {
    padding-left: 0.1875rem;
    padding-right: 0.1875rem; }
  .column--gap-zero {
    padding-left: 0;
    padding-right: 0; }
  @media (min-width: 480px) {
    .column--gap-normal-xs {
      padding-left: 0.5rem;
      padding-right: 0.5rem; } }
  @media (min-width: 480px) and (min-width: 480px) and (max-width: 759px) {
    .column--gap-normal-xs {
      padding-left: 0.5rem;
      padding-right: 0.5rem; } }
  @media (min-width: 480px) and (min-width: 760px) and (max-width: 999px) {
    .column--gap-normal-xs {
      padding-left: 0.75rem;
      padding-right: 0.75rem; } }
  @media (min-width: 480px) and (min-width: 1000px) and (max-width: 1299px) {
    .column--gap-normal-xs {
      padding-left: 1.125rem;
      padding-right: 1.125rem; } }
  @media (min-width: 480px) and (min-width: 1300px) and (max-width: 1759px) {
    .column--gap-normal-xs {
      padding-left: 1.125rem;
      padding-right: 1.125rem; } }
  @media (min-width: 480px) and (min-width: 1760px) {
    .column--gap-normal-xs {
      padding-left: 1.125rem;
      padding-right: 1.125rem; } }
  @media (min-width: 480px) {
    .column--gap-small-xs {
      padding-left: 0.1875rem;
      padding-right: 0.1875rem; }
    .column--gap-zero-xs {
      padding-left: 0;
      padding-right: 0; } }
  @media (min-width: 760px) {
    .column--gap-normal-s {
      padding-left: 0.5rem;
      padding-right: 0.5rem; } }
  @media (min-width: 760px) and (min-width: 480px) and (max-width: 759px) {
    .column--gap-normal-s {
      padding-left: 0.5rem;
      padding-right: 0.5rem; } }
  @media (min-width: 760px) and (min-width: 760px) and (max-width: 999px) {
    .column--gap-normal-s {
      padding-left: 0.75rem;
      padding-right: 0.75rem; } }
  @media (min-width: 760px) and (min-width: 1000px) and (max-width: 1299px) {
    .column--gap-normal-s {
      padding-left: 1.125rem;
      padding-right: 1.125rem; } }
  @media (min-width: 760px) and (min-width: 1300px) and (max-width: 1759px) {
    .column--gap-normal-s {
      padding-left: 1.125rem;
      padding-right: 1.125rem; } }
  @media (min-width: 760px) and (min-width: 1760px) {
    .column--gap-normal-s {
      padding-left: 1.125rem;
      padding-right: 1.125rem; } }
  @media (min-width: 760px) {
    .column--gap-small-s {
      padding-left: 0.1875rem;
      padding-right: 0.1875rem; }
    .column--gap-zero-s {
      padding-left: 0;
      padding-right: 0; } }
  @media (min-width: 1000px) {
    .column--gap-normal-m {
      padding-left: 0.5rem;
      padding-right: 0.5rem; } }
  @media (min-width: 1000px) and (min-width: 480px) and (max-width: 759px) {
    .column--gap-normal-m {
      padding-left: 0.5rem;
      padding-right: 0.5rem; } }
  @media (min-width: 1000px) and (min-width: 760px) and (max-width: 999px) {
    .column--gap-normal-m {
      padding-left: 0.75rem;
      padding-right: 0.75rem; } }
  @media (min-width: 1000px) and (min-width: 1000px) and (max-width: 1299px) {
    .column--gap-normal-m {
      padding-left: 1.125rem;
      padding-right: 1.125rem; } }
  @media (min-width: 1000px) and (min-width: 1300px) and (max-width: 1759px) {
    .column--gap-normal-m {
      padding-left: 1.125rem;
      padding-right: 1.125rem; } }
  @media (min-width: 1000px) and (min-width: 1760px) {
    .column--gap-normal-m {
      padding-left: 1.125rem;
      padding-right: 1.125rem; } }
  @media (min-width: 1000px) {
    .column--gap-small-m {
      padding-left: 0.1875rem;
      padding-right: 0.1875rem; }
    .column--gap-zero-m {
      padding-left: 0;
      padding-right: 0; } }
  @media (min-width: 1300px) {
    .column--gap-normal-l {
      padding-left: 0.5rem;
      padding-right: 0.5rem; } }
  @media (min-width: 1300px) and (min-width: 480px) and (max-width: 759px) {
    .column--gap-normal-l {
      padding-left: 0.5rem;
      padding-right: 0.5rem; } }
  @media (min-width: 1300px) and (min-width: 760px) and (max-width: 999px) {
    .column--gap-normal-l {
      padding-left: 0.75rem;
      padding-right: 0.75rem; } }
  @media (min-width: 1300px) and (min-width: 1000px) and (max-width: 1299px) {
    .column--gap-normal-l {
      padding-left: 1.125rem;
      padding-right: 1.125rem; } }
  @media (min-width: 1300px) and (min-width: 1300px) and (max-width: 1759px) {
    .column--gap-normal-l {
      padding-left: 1.125rem;
      padding-right: 1.125rem; } }
  @media (min-width: 1300px) and (min-width: 1760px) {
    .column--gap-normal-l {
      padding-left: 1.125rem;
      padding-right: 1.125rem; } }
  @media (min-width: 1300px) {
    .column--gap-small-l {
      padding-left: 0.1875rem;
      padding-right: 0.1875rem; }
    .column--gap-zero-l {
      padding-left: 0;
      padding-right: 0; } }
  @media (min-width: 1760px) {
    .column--gap-normal-xl {
      padding-left: 0.5rem;
      padding-right: 0.5rem; } }
  @media (min-width: 1760px) and (min-width: 480px) and (max-width: 759px) {
    .column--gap-normal-xl {
      padding-left: 0.5rem;
      padding-right: 0.5rem; } }
  @media (min-width: 1760px) and (min-width: 760px) and (max-width: 999px) {
    .column--gap-normal-xl {
      padding-left: 0.75rem;
      padding-right: 0.75rem; } }
  @media (min-width: 1760px) and (min-width: 1000px) and (max-width: 1299px) {
    .column--gap-normal-xl {
      padding-left: 1.125rem;
      padding-right: 1.125rem; } }
  @media (min-width: 1760px) and (min-width: 1300px) and (max-width: 1759px) {
    .column--gap-normal-xl {
      padding-left: 1.125rem;
      padding-right: 1.125rem; } }
  @media (min-width: 1760px) and (min-width: 1760px) {
    .column--gap-normal-xl {
      padding-left: 1.125rem;
      padding-right: 1.125rem; } }
  @media (min-width: 1760px) {
    .column--gap-small-xl {
      padding-left: 0.1875rem;
      padding-right: 0.1875rem; }
    .column--gap-zero-xl {
      padding-left: 0;
      padding-right: 0; } }

.row {
  margin-left: -0.5rem;
  margin-right: -0.5rem; }
  @media (min-width: 480px) and (max-width: 759px) {
    .row {
      margin-left: -0.5rem;
      margin-right: -0.5rem; } }
  @media (min-width: 760px) and (max-width: 999px) {
    .row {
      margin-left: -0.75rem;
      margin-right: -0.75rem; } }
  @media (min-width: 1000px) and (max-width: 1299px) {
    .row {
      margin-left: -1.125rem;
      margin-right: -1.125rem; } }
  @media (min-width: 1300px) and (max-width: 1759px) {
    .row {
      margin-left: -1.125rem;
      margin-right: -1.125rem; } }
  @media (min-width: 1760px) {
    .row {
      margin-left: -1.125rem;
      margin-right: -1.125rem; } }
  .row--gap-normal {
    margin-left: -0.5rem;
    margin-right: -0.5rem; }
    @media (min-width: 480px) and (max-width: 759px) {
      .row--gap-normal {
        margin-left: -0.5rem;
        margin-right: -0.5rem; } }
    @media (min-width: 760px) and (max-width: 999px) {
      .row--gap-normal {
        margin-left: -0.75rem;
        margin-right: -0.75rem; } }
    @media (min-width: 1000px) and (max-width: 1299px) {
      .row--gap-normal {
        margin-left: -1.125rem;
        margin-right: -1.125rem; } }
    @media (min-width: 1300px) and (max-width: 1759px) {
      .row--gap-normal {
        margin-left: -1.125rem;
        margin-right: -1.125rem; } }
    @media (min-width: 1760px) {
      .row--gap-normal {
        margin-left: -1.125rem;
        margin-right: -1.125rem; } }
  .row--gap-small {
    margin-left: -0.1875rem;
    margin-right: -0.1875rem; }
  .row--gap-zero {
    margin-left: 0;
    margin-right: 0; }
  @media (min-width: 480px) {
    .row--gap-normal-xs {
      margin-left: -0.5rem;
      margin-right: -0.5rem; } }
  @media (min-width: 480px) and (min-width: 480px) and (max-width: 759px) {
    .row--gap-normal-xs {
      margin-left: -0.5rem;
      margin-right: -0.5rem; } }
  @media (min-width: 480px) and (min-width: 760px) and (max-width: 999px) {
    .row--gap-normal-xs {
      margin-left: -0.75rem;
      margin-right: -0.75rem; } }
  @media (min-width: 480px) and (min-width: 1000px) and (max-width: 1299px) {
    .row--gap-normal-xs {
      margin-left: -1.125rem;
      margin-right: -1.125rem; } }
  @media (min-width: 480px) and (min-width: 1300px) and (max-width: 1759px) {
    .row--gap-normal-xs {
      margin-left: -1.125rem;
      margin-right: -1.125rem; } }
  @media (min-width: 480px) and (min-width: 1760px) {
    .row--gap-normal-xs {
      margin-left: -1.125rem;
      margin-right: -1.125rem; } }
  @media (min-width: 480px) {
    .row--gap-small-xs {
      margin-left: -0.1875rem;
      margin-right: -0.1875rem; }
    .row--gap-zero-xs {
      margin-left: 0;
      margin-right: 0; } }
  @media (min-width: 760px) {
    .row--gap-normal-s {
      margin-left: -0.5rem;
      margin-right: -0.5rem; } }
  @media (min-width: 760px) and (min-width: 480px) and (max-width: 759px) {
    .row--gap-normal-s {
      margin-left: -0.5rem;
      margin-right: -0.5rem; } }
  @media (min-width: 760px) and (min-width: 760px) and (max-width: 999px) {
    .row--gap-normal-s {
      margin-left: -0.75rem;
      margin-right: -0.75rem; } }
  @media (min-width: 760px) and (min-width: 1000px) and (max-width: 1299px) {
    .row--gap-normal-s {
      margin-left: -1.125rem;
      margin-right: -1.125rem; } }
  @media (min-width: 760px) and (min-width: 1300px) and (max-width: 1759px) {
    .row--gap-normal-s {
      margin-left: -1.125rem;
      margin-right: -1.125rem; } }
  @media (min-width: 760px) and (min-width: 1760px) {
    .row--gap-normal-s {
      margin-left: -1.125rem;
      margin-right: -1.125rem; } }
  @media (min-width: 760px) {
    .row--gap-small-s {
      margin-left: -0.1875rem;
      margin-right: -0.1875rem; }
    .row--gap-zero-s {
      margin-left: 0;
      margin-right: 0; } }
  @media (min-width: 1000px) {
    .row--gap-normal-m {
      margin-left: -0.5rem;
      margin-right: -0.5rem; } }
  @media (min-width: 1000px) and (min-width: 480px) and (max-width: 759px) {
    .row--gap-normal-m {
      margin-left: -0.5rem;
      margin-right: -0.5rem; } }
  @media (min-width: 1000px) and (min-width: 760px) and (max-width: 999px) {
    .row--gap-normal-m {
      margin-left: -0.75rem;
      margin-right: -0.75rem; } }
  @media (min-width: 1000px) and (min-width: 1000px) and (max-width: 1299px) {
    .row--gap-normal-m {
      margin-left: -1.125rem;
      margin-right: -1.125rem; } }
  @media (min-width: 1000px) and (min-width: 1300px) and (max-width: 1759px) {
    .row--gap-normal-m {
      margin-left: -1.125rem;
      margin-right: -1.125rem; } }
  @media (min-width: 1000px) and (min-width: 1760px) {
    .row--gap-normal-m {
      margin-left: -1.125rem;
      margin-right: -1.125rem; } }
  @media (min-width: 1000px) {
    .row--gap-small-m {
      margin-left: -0.1875rem;
      margin-right: -0.1875rem; }
    .row--gap-zero-m {
      margin-left: 0;
      margin-right: 0; } }
  @media (min-width: 1300px) {
    .row--gap-normal-l {
      margin-left: -0.5rem;
      margin-right: -0.5rem; } }
  @media (min-width: 1300px) and (min-width: 480px) and (max-width: 759px) {
    .row--gap-normal-l {
      margin-left: -0.5rem;
      margin-right: -0.5rem; } }
  @media (min-width: 1300px) and (min-width: 760px) and (max-width: 999px) {
    .row--gap-normal-l {
      margin-left: -0.75rem;
      margin-right: -0.75rem; } }
  @media (min-width: 1300px) and (min-width: 1000px) and (max-width: 1299px) {
    .row--gap-normal-l {
      margin-left: -1.125rem;
      margin-right: -1.125rem; } }
  @media (min-width: 1300px) and (min-width: 1300px) and (max-width: 1759px) {
    .row--gap-normal-l {
      margin-left: -1.125rem;
      margin-right: -1.125rem; } }
  @media (min-width: 1300px) and (min-width: 1760px) {
    .row--gap-normal-l {
      margin-left: -1.125rem;
      margin-right: -1.125rem; } }
  @media (min-width: 1300px) {
    .row--gap-small-l {
      margin-left: -0.1875rem;
      margin-right: -0.1875rem; }
    .row--gap-zero-l {
      margin-left: 0;
      margin-right: 0; } }
  @media (min-width: 1760px) {
    .row--gap-normal-xl {
      margin-left: -0.5rem;
      margin-right: -0.5rem; } }
  @media (min-width: 1760px) and (min-width: 480px) and (max-width: 759px) {
    .row--gap-normal-xl {
      margin-left: -0.5rem;
      margin-right: -0.5rem; } }
  @media (min-width: 1760px) and (min-width: 760px) and (max-width: 999px) {
    .row--gap-normal-xl {
      margin-left: -0.75rem;
      margin-right: -0.75rem; } }
  @media (min-width: 1760px) and (min-width: 1000px) and (max-width: 1299px) {
    .row--gap-normal-xl {
      margin-left: -1.125rem;
      margin-right: -1.125rem; } }
  @media (min-width: 1760px) and (min-width: 1300px) and (max-width: 1759px) {
    .row--gap-normal-xl {
      margin-left: -1.125rem;
      margin-right: -1.125rem; } }
  @media (min-width: 1760px) and (min-width: 1760px) {
    .row--gap-normal-xl {
      margin-left: -1.125rem;
      margin-right: -1.125rem; } }
  @media (min-width: 1760px) {
    .row--gap-small-xl {
      margin-left: -0.1875rem;
      margin-right: -0.1875rem; }
    .row--gap-zero-xl {
      margin-left: 0;
      margin-right: 0; } }
  .row::after {
    content: '';
    display: block;
    clear: both; }

.icon-font {
  font-family: 'pag-iconfont' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  .icon-font--e-route::before {
    content: '\e96d'; }
  .icon-font--delivery-adress::before {
    content: '\e96c'; }
  .icon-font--advisor-not-available::before {
    content: '\e980'; }
  .icon-font--arrow-back::before {
    content: '\e981'; }
  .icon-font--replacement-car::before {
    content: '\e982'; }
  .icon-font--replacement-car-not-available::before {
    content: '\e983'; }
  .icon-font--rfid-card::before {
    content: '\e97f'; }
  .icon-font--limousine-pcm::before {
    content: '\e967'; }
  .icon-font--limousine-engine-pcm::before {
    content: '\e968'; }
  .icon-font--limousine-hood-pcm::before {
    content: '\e969'; }
  .icon-font--limousine-sunroof-pcm::before {
    content: '\e96a'; }
  .icon-font--limousine-trunk-pcm::before {
    content: '\e96b'; }
  .icon-font--sport-pcm::before {
    content: '\e970'; }
  .icon-font--sport-engine-pcm::before {
    content: '\e971'; }
  .icon-font--sport-hood-pcm::before {
    content: '\e972'; }
  .icon-font--sport-sunroof-pcm::before {
    content: '\e973'; }
  .icon-font--sport-trunk-pcm::before {
    content: '\e974'; }
  .icon-font--suv-pcm::before {
    content: '\e979'; }
  .icon-font--suv-engine-pcm::before {
    content: '\e97a'; }
  .icon-font--send-code::before {
    content: '\e966'; }
  .icon-font--leaf::before {
    content: '\e965'; }
  .icon-font--favorite-next::before {
    content: '\e964'; }
  .icon-font--broadcast::before {
    content: '\e963'; }
  .icon-font--basket-next::before {
    content: '\e960'; }
  .icon-font--car-next::before {
    content: '\e961'; }
  .icon-font--car-connect-next::before {
    content: '\e962'; }
  .icon-font--360-degree::before {
    content: '\e95f'; }
  .icon-font--work-next::before {
    content: '\e95e'; }
  .icon-font--home-next::before {
    content: '\e95d'; }
  .icon-font--heater-next::before {
    content: '\e95c'; }
  .icon-font--climate-next::before {
    content: '\e95b'; }
  .icon-font--morning-afternoon-next::before {
    content: '\e95a'; }
  .icon-font--evening-next::before {
    content: '\e959'; }
  .icon-font--emission-next::before {
    content: '\e958'; }
  .icon-font--electricity-consumption-next::before {
    content: '\e957'; }
  .icon-font--early-morning-next::before {
    content: '\e956'; }
  .icon-font--early-afternoon-next::before {
    content: '\e955'; }
  .icon-font--all-day-next::before {
    content: '\e954'; }
  .icon-font--arrow-slider-left-next::before {
    content: '\e951'; }
  .icon-font--arrow-slider-right-next::before {
    content: '\e952'; }
  .icon-font--details-next::before {
    content: '\e953'; }
  .icon-font--telegram::before {
    content: '\e94f'; }
  .icon-font--viber::before {
    content: '\e950'; }
  .icon-font--duration-next::before {
    content: '\e94b'; }
  .icon-font--e-fuel-next::before {
    content: '\e94c'; }
  .icon-font--route-next::before {
    content: '\e94d'; }
  .icon-font--speed-next::before {
    content: '\e94e'; }
  .icon-font--door-left2-next::before {
    content: '\e943'; }
  .icon-font--door-left1-next::before {
    content: '\e944'; }
  .icon-font--door-right2-next::before {
    content: '\e945'; }
  .icon-font--door-right1-next::before {
    content: '\e946'; }
  .icon-font--suv-hood-pcm::before {
    content: '\e947'; }
  .icon-font--suv-sunroof-pcm::before {
    content: '\e948'; }
  .icon-font--suv-trunk-pcm::before {
    content: '\e949'; }
  .icon-font--window-next::before {
    content: '\e94a'; }
  .icon-font--battery-next::before {
    content: '\e939'; }
  .icon-font--flash-next::before {
    content: '\e93a'; }
  .icon-font--fuel-next::before {
    content: '\e93b'; }
  .icon-font--horn-next::before {
    content: '\e93c'; }
  .icon-font--lock-next::before {
    content: '\e93d'; }
  .icon-font--mileage-next::before {
    content: '\e93e'; }
  .icon-font--oil-next::before {
    content: '\e93f'; }
  .icon-font--park-next::before {
    content: '\e940'; }
  .icon-font--parklight-next::before {
    content: '\e941'; }
  .icon-font--unlock-next::before {
    content: '\e942'; }
  .icon-font--crosshair::before {
    content: '\e937'; }
  .icon-font--wrench::before {
    content: '\e938'; }
  .icon-font--xing::before {
    content: '\e936'; }
  .icon-font--timer-pcm::before {
    content: '\e935'; }
  .icon-font--energy::before {
    content: '\e932'; }
  .icon-font--error::before {
    content: '\e933'; }
  .icon-font--plug-pcm::before {
    content: '\e934'; }
  .icon-font--settings::before {
    content: '\e931'; }
  .icon-font--double-arrow-down-thin::before {
    content: '\e92e'; }
  .icon-font--gebrauchtwagensuche::before {
    content: '\e92f'; }
  .icon-font--porsche-driving-experience::before {
    content: '\e930'; }
  .icon-font--desktop::before {
    content: '\e92c'; }
  .icon-font--tablet::before {
    content: '\e92d'; }
  .icon-font--whatsapp::before {
    content: '\e92b'; }
  .icon-font--add-user::before {
    content: '\e92a'; }
  .icon-font--vertical-line::before {
    content: '\e929'; }
  .icon-font--consumption::before {
    content: '\e921'; }
  .icon-font--cubic-capacity::before {
    content: '\e922'; }
  .icon-font--cw-value::before {
    content: '\e923'; }
  .icon-font--pcm::before {
    content: '\e924'; }
  .icon-font--photo::before {
    content: '\e925'; }
  .icon-font--picture::before {
    content: '\e926'; }
  .icon-font--weight-2::before {
    content: '\e927'; }
  .icon-font--wind-tunnel::before {
    content: '\e928'; }
  .icon-font--afternoon::before {
    content: '\e90f'; }
  .icon-font--callback::before {
    content: '\e910'; }
  .icon-font--code-active::before {
    content: '\e911'; }
  .icon-font--code-inactive::before {
    content: '\e912'; }
  .icon-font--customer-administration::before {
    content: '\e913'; }
  .icon-font--document::before {
    content: '\e914'; }
  .icon-font--evening::before {
    content: '\e915'; }
  .icon-font--list-view::before {
    content: '\e916'; }
  .icon-font--mail-request::before {
    content: '\e917'; }
  .icon-font--mailbox::before {
    content: '\e918'; }
  .icon-font--map-view::before {
    content: '\e919'; }
  .icon-font--mark-as-read::before {
    content: '\e91a'; }
  .icon-font--morning::before {
    content: '\e91b'; }
  .icon-font--reset::before {
    content: '\e91c'; }
  .icon-font--smartphone::before {
    content: '\e91d'; }
  .icon-font--tutorial::before {
    content: '\e91e'; }
  .icon-font--update-in-car::before {
    content: '\e91f'; }
  .icon-font--upload::before {
    content: '\e920'; }
  .icon-font--max-efficiency::before {
    content: '\e90e'; }
  .icon-font--acceleration::before {
    content: '\e904'; }
  .icon-font--car-connect::before {
    content: '\e905'; }
  .icon-font--concept::before {
    content: '\e906'; }
  .icon-font--e-power::before {
    content: '\e907'; }
  .icon-font--e-performance::before {
    content: '\e908'; }
  .icon-font--highspeed::before {
    content: '\e909'; }
  .icon-font--idea::before {
    content: '\e90a'; }
  .icon-font--performance::before {
    content: '\e90b'; }
  .icon-font--sound-of-porsche::before {
    content: '\e90c'; }
  .icon-font--weight::before {
    content: '\e90d'; }
  .icon-font--locked::before {
    content: '\e903'; }
  .icon-font--info::before {
    content: '\e902'; }
  .icon-font--teq-finder-01::before {
    content: '\e900'; }
  .icon-font--teq-finder-02::before {
    content: '\e901'; }
  .icon-font--logout::before {
    content: '\e647'; }
  .icon-font--move-inbox::before {
    content: '\e646'; }
  .icon-font--archive::before {
    content: '\e645'; }
  .icon-font--send::before {
    content: '\e644'; }
  .icon-font--sort::before {
    content: '\e640'; }
  .icon-font--deactivate::before {
    content: '\e641'; }
  .icon-font--menu-dots::before {
    content: '\e642'; }
  .icon-font--extend-duration::before {
    content: '\e643'; }
  .icon-font--exclamation-mark::before {
    content: '\e63f'; }
  .icon-font--help-and-contact::before {
    content: '\e637'; }
  .icon-font--closed-eye::before {
    content: '\e638'; }
  .icon-font--eye::before {
    content: '\e639'; }
  .icon-font--forgot-password::before {
    content: '\e63a'; }
  .icon-font--question-mark::before {
    content: '\e63c'; }
  .icon-font--registration::before {
    content: '\e63d'; }
  .icon-font--standard-features::before {
    content: '\e63e'; }
  .icon-font--expire::before {
    content: '\e636'; }
  .icon-font--payment::before {
    content: '\e634'; }
  .icon-font--home::before {
    content: '\e635'; }
  .icon-font--arrow-left-thin-first::before {
    content: '\e632'; }
  .icon-font--arrow-right-thin-last::before {
    content: '\e633'; }
  .icon-font--double-arrow-left-thin::before {
    content: '\e62a'; }
  .icon-font--double-arrow-right-thin::before {
    content: '\e62b'; }
  .icon-font--giftbox::before {
    content: '\e631'; }
  .icon-font--basket::before {
    content: '\e629'; }
  .icon-font--article::before {
    content: '\e62f'; }
  .icon-font--slideshow::before {
    content: '\e630'; }
  .icon-font--corporate-sales::before {
    content: '\e62e'; }
  .icon-font--check-small::before {
    content: '\e62d'; }
  .icon-font--menu2::before {
    content: '\e62c'; }
  .icon-font--car::before {
    content: '\e628'; }
  .icon-font--foursquare::before {
    content: '\e623'; }
  .icon-font--contact::before {
    content: '\e621'; }
  .icon-font--radio-button::before {
    content: '\e622'; }
  .icon-font--check::before {
    content: '\e615'; }
  .icon-font--list-view2::before {
    content: '\e616'; }
  .icon-font--grid-view::before {
    content: '\e617'; }
  .icon-font--print::before {
    content: '\e618'; }
  .icon-font--testdrive::before {
    content: '\e619'; }
  .icon-font--fax::before {
    content: '\e61a'; }
  .icon-font--email::before {
    content: '\e61b'; }
  .icon-font--ownerservice::before {
    content: '\e61c'; }
  .icon-font--twitter-favorite::before {
    content: '\e612'; }
  .icon-font--twitter-reply::before {
    content: '\e613'; }
  .icon-font--twitter-retweet::before {
    content: '\e614'; }
  .icon-font--delicious::before {
    content: '\e60e'; }
  .icon-font--gmail::before {
    content: '\e60f'; }
  .icon-font--igoogle::before {
    content: '\e610'; }
  .icon-font--tumblr::before {
    content: '\e611'; }
  .icon-font--hatena-bookmark::before {
    content: '\e608'; }
  .icon-font--qq-share::before {
    content: '\e609'; }
  .icon-font--skyrock::before {
    content: '\e60a'; }
  .icon-font--tecent::before {
    content: '\e60b'; }
  .icon-font--vk::before {
    content: '\e60c'; }
  .icon-font--wechat::before {
    content: '\e60d'; }
  .icon-font--baidu::before {
    content: '\e605'; }
  .icon-font--kaixin::before {
    content: '\e606'; }
  .icon-font--sohu::before {
    content: '\e607'; }
  .icon-font--yahoo::before {
    content: '\e603'; }
  .icon-font--digg::before {
    content: '\e604'; }
  .icon-font--twitter::before {
    content: '\e001'; }
  .icon-font--linkedin::before {
    content: '\e602'; }
  .icon-font--pinterest::before {
    content: '\e006'; }
  .icon-font--youku::before {
    content: '\e600'; }
  .icon-font--google::before {
    content: '\e008'; }
  .icon-font--facebook::before {
    content: '\e009'; }
  .icon-font--search::before {
    content: '\e003'; }
  .icon-font--plus::before {
    content: '\e004'; }
  .icon-font--overview::before {
    content: '\e007'; }
  .icon-font--download::before {
    content: '\e00a'; }
  .icon-font--close::before {
    content: '\e00b'; }
  .icon-font--pin::before {
    content: '\e010'; }
  .icon-font--locate::before {
    content: '\e012'; }
  .icon-font--play::before {
    content: '\e005'; }
  .icon-font--video-quali::before {
    content: '\e018'; }
  .icon-font--sound::before {
    content: '\e019'; }
  .icon-font--zoom-out::before {
    content: '\e01a'; }
  .icon-font--zoom-in::before {
    content: '\e01b'; }
  .icon-font--next-modul::before {
    content: '\e017'; }
  .icon-font--pref-modul::before {
    content: '\e01c'; }
  .icon-font--sub-menue::before {
    content: '\e01d'; }
  .icon-font--pause::before {
    content: '\e013'; }
  .icon-font--replay::before {
    content: '\e014'; }
  .icon-font--share::before {
    content: '\e002'; }
  .icon-font--mute::before {
    content: '\e016'; }
  .icon-font--arrow-up::before {
    content: '\e00c'; }
  .icon-font--arrow-right::before {
    content: '\e00d'; }
  .icon-font--arrow-left::before {
    content: '\e00e'; }
  .icon-font--arrow-down::before {
    content: '\e00f'; }
  .icon-font--arrow-up-hair::before {
    content: '\e022'; }
  .icon-font--arrow-right-hair::before {
    content: '\e024'; }
  .icon-font--arrow-left-hair::before {
    content: '\e025'; }
  .icon-font--arrow-down-hair::before {
    content: '\e026'; }
  .icon-font--weibo::before {
    content: '\e027'; }
  .icon-font--qq::before {
    content: '\e028'; }
  .icon-font--renren::before {
    content: '\e029'; }
  .icon-font--video::before {
    content: '\e02a'; }
  .icon-font--save::before {
    content: '\e02b'; }
  .icon-font--minus::before {
    content: '\e02d'; }
  .icon-font--configurator::before {
    content: '\e02e'; }
  .icon-font--arrow-up-thin::before {
    content: '\e01e'; }
  .icon-font--arrow-left-thin::before {
    content: '\e020'; }
  .icon-font--arrow-right-thin::before {
    content: '\e01f'; }
  .icon-font--arrow-down-thin::before {
    content: '\e021'; }
  .icon-font--download-02::before {
    content: '\e023'; }
  .icon-font--read-more::before {
    content: '\e02f'; }
  .icon-font--phone::before {
    content: '\e031'; }
  .icon-font--globe::before {
    content: '\e032'; }
  .icon-font--informationen-anfordern::before {
    content: '\e033'; }
  .icon-font--dealer::before {
    content: '\e034'; }
  .icon-font--compare::before {
    content: '\e035'; }
  .icon-font--youtube::before {
    content: '\f000'; }
  .icon-font--scrollbar::before {
    content: '\e050'; }
  .icon-font--menue::before {
    content: '\e011'; }
  .icon-font--breadcrumb::before {
    content: '\e015'; }
  .icon-font--highlight::before {
    content: '\e037'; }
  .icon-font--loader::before {
    content: '\e036'; }
  .icon-font--payment-calculator::before {
    content: '\e02c'; }
  .icon-font--instagram::before {
    content: '\e601'; }
  .icon-font--timer::before {
    content: '\e61d'; }
  .icon-font--gps::before {
    content: '\e61e'; }
  .icon-font--microphone::before {
    content: '\e61f'; }
  .icon-font--play2::before {
    content: '\e620'; }
  .icon-font--delete::before {
    content: '\e624'; }
  .icon-font--edit::before {
    content: '\e625'; }
  .icon-font--filter::before {
    content: '\e626'; }
  .icon-font--rss::before {
    content: '\e627'; }

@keyframes animation-rotate-360 {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%; }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%; } }

@keyframes animation-fade-opacity {
  0% {
    opacity: .6; }
  45% {
    opacity: .85; }
  65% {
    opacity: 1; }
  100% {
    opacity: .6; } }

/**
 * disable animations for specific patterns
 *
 * $inactive-animations is a list, if you want e.g. exclude the css animations
 * for the-slider and tile-image-text-link pattern, you would overwrite the
 * $inactive-animations variable by passing from outside with the following value(s)
 *
 * $inactive-animations: 'tile-slider', 'tile-image-text-link'
 */
/**
 * basic hover animation timing (of color and opacity).
 * timing and bezier should be refactored after official Porsche animation guidelines are defined
 */
.loader-base {
  -webkit-animation: animation-rotate-360 2s linear 0s infinite normal;
          animation: animation-rotate-360 2s linear 0s infinite normal;
  display: block;
  width: 3.75rem;
  height: 3.75rem;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg%20id%3D%22Ebene_1%22%20data-name%3D%22Ebene%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20100%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Aurl(%23Unbenannter_Verlauf_11)%7D.cls-2%7Bfill%3A%23fff%7D.cls-3%7Bfill%3Aurl(%23Unbenannter_Verlauf_18)%7D.cls-4%7Bfill%3Aurl(%23Unbenannter_Verlauf_14)%7D%3C%2Fstyle%3E%3ClinearGradient%20id%3D%22Unbenannter_Verlauf_11%22%20y1%3D%2225%22%20x2%3D%2250%22%20y2%3D%2225%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23fff%22%20stop-opacity%3D%22.6%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fff%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22Unbenannter_Verlauf_18%22%20x1%3D%2250%22%20y1%3D%2275%22%20x2%3D%22100%22%20y2%3D%2275%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23fff%22%20stop-opacity%3D%22.4%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fff%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22Unbenannter_Verlauf_14%22%20y1%3D%2275%22%20x2%3D%2250%22%20y2%3D%2275%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23fff%22%20stop-opacity%3D%22.6%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fff%22%20stop-opacity%3D%22.4%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M50%208V0A50%2050%200%200%200%200%2050h8A42%2042%200%200%201%2050%208z%22%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M92%2050h8A49.75%2049.75%200%200%200%2050%200v8a42.15%2042.15%200%200%201%2042%2042z%22%2F%3E%3Cpath%20class%3D%22cls-3%22%20d%3D%22M50%2092v8a49.51%2049.51%200%200%200%2050-50h-8a42.25%2042.25%200%200%201-42%2042z%22%2F%3E%3Cpath%20class%3D%22cls-4%22%20d%3D%22M8%2050H0a49.51%2049.51%200%200%200%2050%2050v-8A42.25%2042.25%200%200%201%208%2050z%22%2F%3E%3C%2Fsvg%3E%0A"); }
  .loader-base--dark {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIGlkPSJFYmVuZV8xIiB4PSIwIiB5PSIwIiB3aWR0aD0iNjBweCIgaGVpZ2h0PSI2MHB4IiBkYXRhLW5hbWU9IkViZW5lIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj4gIDxkZWZzPiAgICA8c3R5bGU+ICAgICAgLmNscy0xe2ZpbGw6dXJsKCNVbmJlbmFubnRlcl9WZXJsYXVmXzExKTt9ICAgICAgLmNscy0ye2ZpbGw6I2ZmZjt9ICAgICAgLmNscy0ze2ZpbGw6dXJsKCNVbmJlbmFubnRlcl9WZXJsYXVmXzE4KTt9ICAgICAgLmNscy00e2ZpbGw6dXJsKCNVbmJlbmFubnRlcl9WZXJsYXVmXzE0KTt9ICAgIDwvc3R5bGU+ICAgIDxsaW5lYXJHcmFkaWVudCBpZD0iVW5iZW5hbm50ZXJfVmVybGF1Zl8xMSIgeTE9IjI1IiB4Mj0iNTAiIHkyPSIyNSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPiAgICAgIDxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iIzI5MmEyZSAiIHN0b3Atb3BhY2l0eT0iMC42Ii8+ICAgICAgPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMjkyYTJlICIvPiAgICA8L2xpbmVhckdyYWRpZW50PiAgICA8bGluZWFyR3JhZGllbnQgaWQ9IlVuYmVuYW5udGVyX1ZlcmxhdWZfMTgiIHgxPSI1MCIgeTE9Ijc1IiB4Mj0iMTAwIiB5Mj0iNzUiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4gICAgICA8c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiMyOTJhMmUgIiBzdG9wLW9wYWNpdHk9IjAuNCIvPiAgICAgIDxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzI5MmEyZSAiIHN0b3Atb3BhY2l0eT0iMCIvPiAgICA8L2xpbmVhckdyYWRpZW50PiAgICA8bGluZWFyR3JhZGllbnQgaWQ9IlVuYmVuYW5udGVyX1ZlcmxhdWZfMTQiIHkxPSI3NSIgeDI9IjUwIiB5Mj0iNzUiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4gICAgICA8c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiMyOTJhMmUgIiBzdG9wLW9wYWNpdHk9IjAuNiIvPiAgICAgIDxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzI5MmEyZSAiIHN0b3Atb3BhY2l0eT0iMC40Ii8+ICAgIDwvbGluZWFyR3JhZGllbnQ+ICA8L2RlZnM+ICA8cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik01MCw4VjBBNTAsNTAsMCwwLDAsMCw1MEg4QTQyLDQyLDAsMCwxLDUwLDhaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwKSIvPiAgPHBhdGggY2xhc3M9ImNscy0yIiBkPSJNOTIsNTBoOEE0OS43NSw0OS43NSwwLDAsMCw1MCwwVjhBNDIuMTUsNDIuMTUsMCwwLDEsOTIsNTBaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwKSIvPiAgPHBhdGggY2xhc3M9ImNscy0zIiBkPSJNNTAsOTJ2OGE0OS41MSw0OS41MSwwLDAsMCw1MC01MEg5MkE0Mi4yNSw0Mi4yNSwwLDAsMSw1MCw5MloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDApIi8+ICA8cGF0aCBjbGFzcz0iY2xzLTQiIGQ9Ik04LDUwSDBhNDkuNTEsNDkuNTEsMCwwLDAsNTAsNTBWOTJBNDIuMjUsNDIuMjUsMCwwLDEsOCw1MFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDApIi8+PC9zdmc+"); }

/**
 * properties for flex container
 */
/**
 * properties for flex child items
 */
.button-primary {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: left;
  font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
  padding-left: 1.125rem;
  padding-right: 1.125rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  position: relative;
  width: auto;
  max-width: 100%;
  border-radius: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: none;
  cursor: pointer;
  text-decoration: none;
  background-color: #626669;
  border: 1px solid #626669;
  color: #fff; }
  html[lang='ru'] .button-primary, html[lang='ru-RU'] .button-primary {
    font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif; }
  html[lang='zh'] .button-primary, html[lang='zh-CN'] .button-primary {
    font-family: "Porsche Next", 黑体, SimHei, 宋体, SimSun, sans-serif; }
  html[lang='ar'] .button-primary, html[lang='ar-AE'] .button-primary {
    font-family: "Porsche Next Arabic", "Arial Narrow", Arial, sans-serif; }
  html[lang='ps'] .button-primary, html[lang='ps-AR'] .button-primary {
    font-family: "Porsche Next Pashto", "Arial Narrow", Arial, sans-serif; }
  html[lang='fa'] .button-primary, html[lang='fa-IR'] .button-primary {
    font-family: "Porsche Next Persian", "Arial Narrow", Arial, sans-serif; }
  html[lang='ur'] .button-primary, html[lang='ur-PK'] .button-primary {
    font-family: "Porsche Next Urdu", "Arial Narrow", Arial, sans-serif; }
  @media (min-width: 760px) and (max-width: 1299px) {
    .button-primary {
      padding-left: 1.5rem; } }
  @media (min-width: 1300px) {
    .button-primary {
      padding-left: 1.875rem; } }
  @media (min-width: 760px) and (max-width: 1299px) {
    .button-primary {
      padding-right: 1.5rem; } }
  @media (min-width: 1300px) {
    .button-primary {
      padding-right: 1.875rem; } }
  .button-primary::-moz-focus-inner {
    border: 0; }
  @media (min-width: 0) and (max-width: 479px) {
    .button-primary {
      width: 100%; } }
  .button-primary:not([disabled]):hover, .button-primary:not([disabled]):focus, .button-primary:not([disabled]):active {
    background-color: #d5001c;
    border-color: #d5001c;
    text-decoration: none; }
  .button-primary[disabled] {
    cursor: default;
    pointer-events: none;
    background-color: #494e51;
    border-color: #494e51;
    color: #959899; }
  .button-primary--stretch {
    width: 100%; }
  .button-primary--button-group {
    margin-left: 0.75rem; }
  .button-primary--black {
    background-color: #000;
    border-color: #000; }
    .button-primary--black:not([disabled]):hover, .button-primary--black:not([disabled]):focus, .button-primary--black:not([disabled]):active {
      background: #d5001c;
      border-color: #d5001c;
      text-decoration: none; }
  .button-primary--red {
    background-color: #d5001c;
    border-color: #d5001c; }
    .button-primary--red:not([disabled]):hover, .button-primary--red:not([disabled]):focus, .button-primary--red:not([disabled]):active {
      background: #960014;
      border-color: #960014;
      text-decoration: none; }
  .button-primary--acid-green {
    background-color: #d2eb2d;
    border-color: #d2eb2d;
    color: #000; }
    .button-primary--acid-green:not([disabled]):hover, .button-primary--acid-green:not([disabled]):focus, .button-primary--acid-green:not([disabled]):active {
      background: #494e51;
      border-color: #494e51;
      color: #fff;
      text-decoration: none; }
  .button-primary--error {
    background-color: #313639;
    border-color: #d5001c;
    color: #fff; }
  .button-primary__icon {
    position: absolute;
    display: block;
    font-size: 1rem;
    line-height: inherit; }
    .button-primary__icon--loading::before {
      visibility: hidden; }
    .button-primary__icon--loading .button-primary__loader {
      visibility: visible; }
  .button-primary__loader {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -0.5rem;
    margin-left: -0.5rem;
    width: 1rem;
    height: 1rem;
    visibility: hidden; }
  .button-primary__label {
    padding-left: 1.5rem;
    display: block;
    width: 100%; }

@-moz-document url-prefix() {
  .button-primary__label {
    height: 100%; } }

/**
 * properties for flex container
 */
/**
 * properties for flex child items
 */
.button-ghost {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: left;
  font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
  padding-left: 1.125rem;
  padding-right: 1.125rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  position: relative;
  width: auto;
  max-width: 100%;
  border-radius: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: none;
  cursor: pointer;
  text-decoration: none;
  background-color: transparent;
  border: 1px solid #626669;
  color: #000; }
  html[lang='ru'] .button-ghost, html[lang='ru-RU'] .button-ghost {
    font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif; }
  html[lang='zh'] .button-ghost, html[lang='zh-CN'] .button-ghost {
    font-family: "Porsche Next", 黑体, SimHei, 宋体, SimSun, sans-serif; }
  html[lang='ar'] .button-ghost, html[lang='ar-AE'] .button-ghost {
    font-family: "Porsche Next Arabic", "Arial Narrow", Arial, sans-serif; }
  html[lang='ps'] .button-ghost, html[lang='ps-AR'] .button-ghost {
    font-family: "Porsche Next Pashto", "Arial Narrow", Arial, sans-serif; }
  html[lang='fa'] .button-ghost, html[lang='fa-IR'] .button-ghost {
    font-family: "Porsche Next Persian", "Arial Narrow", Arial, sans-serif; }
  html[lang='ur'] .button-ghost, html[lang='ur-PK'] .button-ghost {
    font-family: "Porsche Next Urdu", "Arial Narrow", Arial, sans-serif; }
  @media (min-width: 760px) and (max-width: 1299px) {
    .button-ghost {
      padding-left: 1.5rem; } }
  @media (min-width: 1300px) {
    .button-ghost {
      padding-left: 1.875rem; } }
  @media (min-width: 760px) and (max-width: 1299px) {
    .button-ghost {
      padding-right: 1.5rem; } }
  @media (min-width: 1300px) {
    .button-ghost {
      padding-right: 1.875rem; } }
  .button-ghost::-moz-focus-inner {
    border: 0; }
  @media (min-width: 0) and (max-width: 479px) {
    .button-ghost {
      width: 100%; } }
  .button-ghost:not([disabled]):hover, .button-ghost:not([disabled]):focus, .button-ghost:not([disabled]):active {
    border-color: #d5001c;
    color: #d5001c;
    text-decoration: none; }
  .button-ghost[disabled] {
    cursor: default;
    pointer-events: none;
    border-color: #494e51;
    color: #959899; }
  .button-ghost--stretch {
    width: 100%; }
  .button-ghost--inverted {
    border-color: #626669;
    color: #fff; }
  .button-ghost--error {
    border-color: #d5001c; }
  .button-ghost__icon {
    position: absolute;
    display: block;
    font-size: 1rem;
    line-height: inherit; }
    .button-ghost__icon--loading::before {
      visibility: hidden; }
    .button-ghost__icon--loading .button-ghost__loader {
      visibility: visible; }
  .button-ghost__loader {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -0.5rem;
    margin-left: -0.5rem;
    width: 1rem;
    height: 1rem;
    visibility: hidden; }
  .button-ghost__label {
    padding-left: 1.5rem;
    display: block;
    width: 100%; }

@-moz-document url-prefix() {
  .button-ghost__label {
    height: 100%; } }

/**
 * properties for flex container
 */
/**
 * properties for flex child items
 */
.button-notification {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.25rem;
  position: relative;
  height: 1.875rem;
  max-width: 100%;
  padding-top: 0;
  padding-right: 1.125rem;
  padding-bottom: 0;
  padding-left: 0.75rem;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: none;
  border: 1px solid #fff;
  border-radius: 0;
  background: transparent;
  color: #fff;
  cursor: pointer;
  line-height: calc( 1.875rem - 1px * 2); }
  html[lang='ru'] .button-notification, html[lang='ru-RU'] .button-notification {
    font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif; }
  html[lang='zh'] .button-notification, html[lang='zh-CN'] .button-notification {
    font-family: "Porsche Next", 黑体, SimHei, 宋体, SimSun, sans-serif; }
  html[lang='ar'] .button-notification, html[lang='ar-AE'] .button-notification {
    font-family: "Porsche Next Arabic", "Arial Narrow", Arial, sans-serif; }
  html[lang='ps'] .button-notification, html[lang='ps-AR'] .button-notification {
    font-family: "Porsche Next Pashto", "Arial Narrow", Arial, sans-serif; }
  html[lang='fa'] .button-notification, html[lang='fa-IR'] .button-notification {
    font-family: "Porsche Next Persian", "Arial Narrow", Arial, sans-serif; }
  html[lang='ur'] .button-notification, html[lang='ur-PK'] .button-notification {
    font-family: "Porsche Next Urdu", "Arial Narrow", Arial, sans-serif; }
  .button-notification:hover {
    background: #fff;
    color: #196a99;
    text-decoration: none; }
  .button-notification--error:hover {
    color: #d5001c; }
  .button-notification--cookie:hover {
    color: #313639; }
  .button-notification::after {
    position: absolute;
    top: -0.375rem;
    right: -0.375rem;
    bottom: -0.375rem;
    left: -0.375rem;
    content: ''; }
  .button-notification__icon {
    line-height: inherit; }
  .button-notification__label {
    line-height: inherit;
    margin-left: 0.75rem; }

.button-icon {
  position: relative;
  display: inline-block;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: none;
  border: 0;
  border-radius: 0;
  padding: 0;
  background: transparent;
  color: #d5001c;
  cursor: pointer;
  font-size: 1.375rem; }
  .button-icon:hover {
    color: #960014;
    text-decoration: none; }
  .button-icon[disabled] {
    color: #959899;
    cursor: default;
    pointer-events: none; }
  .button-icon--invert {
    color: #fff; }
  .button-icon::after {
    content: '';
    position: absolute;
    top: -0.5625rem;
    right: -0.5625rem;
    bottom: -0.5625rem;
    left: -0.5625rem; }

.button-inline {
  border: 0;
  background: #626669;
  color: #fff;
  text-align: center;
  position: relative;
  height: 3rem;
  min-width: 3.4375rem;
  max-width: 100%;
  padding: 0 0.75rem;
  display: inline-block;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  line-height: 3rem;
  border-radius: 0; }
  .button-inline:hover {
    background: #494e51; }
  .button-inline[disabled], .button-inline[disabled]:hover {
    background-color: #494e51;
    color: #959899;
    cursor: default;
    pointer-events: none;
    text-decoration: none; }
  .button-inline--multi-lines-centered {
    text-align: left;
    height: 100%;
    display: block;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    width: 100%; }
  .button-inline--multiline {
    text-align: left;
    height: 100%;
    display: block;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem; }
  .button-inline--stretch {
    text-align: left;
    padding: 1.125rem 1.125rem;
    background-color: #626669;
    width: 100%;
    display: block;
    color: #fff; }
    @media (min-width: 760px) {
      .button-inline--stretch {
        padding: 1.5rem 1.5rem; } }
    @media (min-width: 1300px) {
      .button-inline--stretch {
        padding: 1.875rem 1.875rem; } }
    @media (min-width: 0) {
      .button-inline--stretch {
        padding-top: 0;
        padding-bottom: 0; } }
    .button-inline--stretch:hover {
      background: #494e51;
      text-decoration: none; }
    .button-inline--stretch[disabled], .button-inline--stretch[disabled]:hover {
      background-color: #494e51;
      color: #959899;
      cursor: default;
      pointer-events: none;
      text-decoration: none; }
  .button-inline--center {
    text-align: center; }
  .button-inline--active {
    background-color: #d5001c;
    color: #fff; }
    .button-inline--active:hover {
      background: #960014; }
  .button-inline--seamless {
    background: transparent;
    color: #fff;
    padding: 0;
    min-width: 0;
    height: 1.3125rem;
    line-height: 1.3125rem; }
    .button-inline--seamless:hover {
      color: #d5001c;
      background: transparent; }
    .button-inline--seamless[disabled], .button-inline--seamless[disabled]:hover {
      background: transparent; }
    .button-inline--seamless__label--icon {
      background: transparent; }
  .button-inline--ghost {
    background: transparent;
    border: 0.0625rem solid #626669; }
    .button-inline--ghost:hover {
      background: #626669; }
  .button-inline--ghost-dark {
    background: transparent;
    border: 0.0625rem solid #626669;
    color: #000; }
    .button-inline--ghost-dark:hover {
      background: #626669;
      color: #fff; }
  .button-inline--ghost-small-only {
    background: transparent;
    border: 0.0625rem solid #626669; }
    .button-inline--ghost-small-only:hover {
      background: #626669; }
    @media (min-width: 760px) {
      .button-inline--ghost-small-only {
        border: 0;
        background: #626669;
        color: #fff; }
        .button-inline--ghost-small-only:hover {
          background: #494e51; } }
  .button-inline__icon {
    position: relative;
    float: left;
    font-size: 1rem;
    line-height: inherit; }
    .button-inline__icon--center {
      float: none; }
    .button-inline__icon--large {
      font-size: 1.875rem;
      margin-right: 0.5rem; }
    .button-inline__icon--multi-lines-centered {
      font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif;
      font-weight: 400;
      font-size: 0.875rem;
      line-height: 1.25rem; }
      html[lang='ru'] .button-inline__icon--multi-lines-centered, html[lang='ru-RU'] .button-inline__icon--multi-lines-centered {
        font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif; }
      html[lang='zh'] .button-inline__icon--multi-lines-centered, html[lang='zh-CN'] .button-inline__icon--multi-lines-centered {
        font-family: "Porsche Next", 黑体, SimHei, 宋体, SimSun, sans-serif; }
      html[lang='ar'] .button-inline__icon--multi-lines-centered, html[lang='ar-AE'] .button-inline__icon--multi-lines-centered {
        font-family: "Porsche Next Arabic", "Arial Narrow", Arial, sans-serif; }
      html[lang='ps'] .button-inline__icon--multi-lines-centered, html[lang='ps-AR'] .button-inline__icon--multi-lines-centered {
        font-family: "Porsche Next Pashto", "Arial Narrow", Arial, sans-serif; }
      html[lang='fa'] .button-inline__icon--multi-lines-centered, html[lang='fa-IR'] .button-inline__icon--multi-lines-centered {
        font-family: "Porsche Next Persian", "Arial Narrow", Arial, sans-serif; }
      html[lang='ur'] .button-inline__icon--multi-lines-centered, html[lang='ur-PK'] .button-inline__icon--multi-lines-centered {
        font-family: "Porsche Next Urdu", "Arial Narrow", Arial, sans-serif; }
    .button-inline__icon--loading::before {
      visibility: hidden; }
    .button-inline__icon--loading .button-inline__loader {
      visibility: visible; }
  .button-inline__loader {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -10px;
    margin-left: -10px;
    width: 20px;
    height: 20px;
    visibility: hidden; }
  .button-inline__label {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5rem;
    line-height: inherit;
    display: block; }
    html[lang='ru'] .button-inline__label, html[lang='ru-RU'] .button-inline__label {
      font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif; }
    html[lang='zh'] .button-inline__label, html[lang='zh-CN'] .button-inline__label {
      font-family: "Porsche Next", 黑体, SimHei, 宋体, SimSun, sans-serif; }
    html[lang='ar'] .button-inline__label, html[lang='ar-AE'] .button-inline__label {
      font-family: "Porsche Next Arabic", "Arial Narrow", Arial, sans-serif; }
    html[lang='ps'] .button-inline__label, html[lang='ps-AR'] .button-inline__label {
      font-family: "Porsche Next Pashto", "Arial Narrow", Arial, sans-serif; }
    html[lang='fa'] .button-inline__label, html[lang='fa-IR'] .button-inline__label {
      font-family: "Porsche Next Persian", "Arial Narrow", Arial, sans-serif; }
    html[lang='ur'] .button-inline__label, html[lang='ur-PK'] .button-inline__label {
      font-family: "Porsche Next Urdu", "Arial Narrow", Arial, sans-serif; }
    .button-inline__label--icon {
      margin-left: 1.625rem; }
    .button-inline__label--multi-lines-centered {
      line-height: 1.25rem;
      white-space: normal; }
    .button-inline__label--multiline {
      font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif;
      font-weight: 400;
      font-size: 1.25rem;
      line-height: 1.75rem;
      font-weight: 200;
      line-height: 3rem; }
      html[lang='ru'] .button-inline__label--multiline, html[lang='ru-RU'] .button-inline__label--multiline {
        font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif; }
      html[lang='zh'] .button-inline__label--multiline, html[lang='zh-CN'] .button-inline__label--multiline {
        font-family: "Porsche Next", 黑体, SimHei, 宋体, SimSun, sans-serif; }
      html[lang='ar'] .button-inline__label--multiline, html[lang='ar-AE'] .button-inline__label--multiline {
        font-family: "Porsche Next Arabic", "Arial Narrow", Arial, sans-serif; }
      html[lang='ps'] .button-inline__label--multiline, html[lang='ps-AR'] .button-inline__label--multiline {
        font-family: "Porsche Next Pashto", "Arial Narrow", Arial, sans-serif; }
      html[lang='fa'] .button-inline__label--multiline, html[lang='fa-IR'] .button-inline__label--multiline {
        font-family: "Porsche Next Persian", "Arial Narrow", Arial, sans-serif; }
      html[lang='ur'] .button-inline__label--multiline, html[lang='ur-PK'] .button-inline__label--multiline {
        font-family: "Porsche Next Urdu", "Arial Narrow", Arial, sans-serif; }
  .button-inline__label-subline {
    display: block;
    line-height: 1.25rem;
    white-space: normal;
    margin-top: calc(1rem * .5 * -1);
    margin-bottom: 1rem; }

.symbol-marker {
  font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif;
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 200;
  display: table; }
  html[lang='ru'] .symbol-marker, html[lang='ru-RU'] .symbol-marker {
    font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif; }
  html[lang='zh'] .symbol-marker, html[lang='zh-CN'] .symbol-marker {
    font-family: "Porsche Next", 黑体, SimHei, 宋体, SimSun, sans-serif; }
  html[lang='ar'] .symbol-marker, html[lang='ar-AE'] .symbol-marker {
    font-family: "Porsche Next Arabic", "Arial Narrow", Arial, sans-serif; }
  html[lang='ps'] .symbol-marker, html[lang='ps-AR'] .symbol-marker {
    font-family: "Porsche Next Pashto", "Arial Narrow", Arial, sans-serif; }
  html[lang='fa'] .symbol-marker, html[lang='fa-IR'] .symbol-marker {
    font-family: "Porsche Next Persian", "Arial Narrow", Arial, sans-serif; }
  html[lang='ur'] .symbol-marker, html[lang='ur-PK'] .symbol-marker {
    font-family: "Porsche Next Urdu", "Arial Narrow", Arial, sans-serif; }
  @media (min-width: 1000px) and (max-width: 1759px) {
    .symbol-marker {
      font-size: 1.375rem;
      line-height: 1.875rem; } }
  @media (min-width: 1760px) {
    .symbol-marker {
      font-size: 1.5rem;
      line-height: 1.875rem; } }
  @media (min-width: 760px) {
    .symbol-marker {
      font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif;
      font-weight: 400;
      font-size: 1rem;
      line-height: 1.5rem;
      text-align: center;
      width: 2.25rem;
      height: 2.8125rem;
      line-height: 2rem;
      background-repeat: no-repeat;
      background-position: center;
      background-image: url("data:image/svg+xml;base64,PHN2Zw0KICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIg0KICAgeG1sbnM6Y2M9Imh0dHA6Ly9jcmVhdGl2ZWNvbW1vbnMub3JnL25zIyINCiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyINCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciDQogICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciDQogICB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiDQogICB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSINCiAgIHZlcnNpb249IjEuMSINCiAgIGlkPSJFYmVuZV8xIg0KICAgeD0iMHB4Ig0KICAgeT0iMHB4Ig0KICAgdmlld0JveD0iMCAwIDM2IDQ1Ig0KICAgeG1sOnNwYWNlPSJwcmVzZXJ2ZSINCiAgIGlua3NjYXBlOnZlcnNpb249IjAuOTEgcjEzNzI1Ig0KICAgc29kaXBvZGk6ZG9jbmFtZT0icGluLW51bWJlcmVkX2Nyb3BwZWQuc3ZnIg0KICAgd2lkdGg9IjM2Ig0KICAgaGVpZ2h0PSI0NSI+PG1ldGFkYXRhDQogICAgIGlkPSJtZXRhZGF0YTEyIj48cmRmOlJERj48Y2M6V29yaw0KICAgICAgICAgcmRmOmFib3V0PSIiPjxkYzpmb3JtYXQ+aW1hZ2Uvc3ZnK3htbDwvZGM6Zm9ybWF0PjxkYzp0eXBlDQogICAgICAgICAgIHJkZjpyZXNvdXJjZT0iaHR0cDovL3B1cmwub3JnL2RjL2RjbWl0eXBlL1N0aWxsSW1hZ2UiIC8+PGRjOnRpdGxlPjwvZGM6dGl0bGU+PC9jYzpXb3JrPjwvcmRmOlJERj48L21ldGFkYXRhPjxkZWZzDQogICAgIGlkPSJkZWZzMTAiIC8+PHNvZGlwb2RpOm5hbWVkdmlldw0KICAgICBwYWdlY29sb3I9IiNmZmZmZmYiDQogICAgIGJvcmRlcmNvbG9yPSIjNjY2NjY2Ig0KICAgICBib3JkZXJvcGFjaXR5PSIxIg0KICAgICBvYmplY3R0b2xlcmFuY2U9IjEwIg0KICAgICBncmlkdG9sZXJhbmNlPSIxMCINCiAgICAgZ3VpZGV0b2xlcmFuY2U9IjEwIg0KICAgICBpbmtzY2FwZTpwYWdlb3BhY2l0eT0iMCINCiAgICAgaW5rc2NhcGU6cGFnZXNoYWRvdz0iMiINCiAgICAgaW5rc2NhcGU6d2luZG93LXdpZHRoPSIxMjAxIg0KICAgICBpbmtzY2FwZTp3aW5kb3ctaGVpZ2h0PSI5MjciDQogICAgIGlkPSJuYW1lZHZpZXc4Ig0KICAgICBzaG93Z3JpZD0iZmFsc2UiDQogICAgIGlua3NjYXBlOnpvb209IjEuODQzNzUiDQogICAgIGlua3NjYXBlOmN4PSItMjkuODMwNTA4Ig0KICAgICBpbmtzY2FwZTpjeT0iMjAuNjEwMTY5Ig0KICAgICBpbmtzY2FwZTp3aW5kb3cteD0iMjk0Ig0KICAgICBpbmtzY2FwZTp3aW5kb3cteT0iNDUiDQogICAgIGlua3NjYXBlOndpbmRvdy1tYXhpbWl6ZWQ9IjAiDQogICAgIGlua3NjYXBlOmN1cnJlbnQtbGF5ZXI9IkViZW5lXzEiIC8+PHN0eWxlDQogICAgIHR5cGU9InRleHQvY3NzIg0KICAgICBpZD0ic3R5bGUzIj4NCgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9DQo8L3N0eWxlPjxlbGxpcHNlDQogICAgIHN0eWxlPSJmaWxsOiNmZmZmZmY7ZmlsbC1vcGFjaXR5OjEiDQogICAgIGlkPSJwYXRoNDE0OCINCiAgICAgY3g9IjE4LjMzODk4NCINCiAgICAgY3k9IjE2LjU5MzIyMiINCiAgICAgcng9IjE0LjM3Mjg4MSINCiAgICAgcnk9IjE0LjY0NDA2OCIgLz48Zw0KICAgICBpZD0iRWJlbmVfMV8xXyINCiAgICAgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCwtODMpIiAvPjxwYXRoDQogICAgIGNsYXNzPSJzdDAiDQogICAgIGQ9Ik0gMTgsMCBDIDcuODcyLDAgMCw3LjE1ODA5OSAwLDE2LjM2NzYwNCAwLDI3LjYyODUyIDE4LDQ1IDE4LDQ1IDE4LDQ1IDM2LDI3LjYyODUyIDM2LDE2LjM2NzYwNCAzNiw3LjE1ODA5OSAyOC4xMjgsMCAxOCwwIG0gMCwyOS40MTgwNCBDIDEwLjA4LDI5LjQxODA0IDMuNjQ4LDIzLjU2OTM1IDMuNjQ4LDE2LjM2NzYwNCAzLjY0OCw5LjE2NTg1OCAxMC4wOCwzLjMxNzE2OCAxOCwzLjMxNzE2OCBjIDcuOTIsMCAxNC4zNTIsNS44NDg2OSAxNC4zNTIsMTMuMDUwNDM2IEMgMzIuMzUyLDIzLjU2OTM1IDI1LjkyLDI5LjQxODA0IDE4LDI5LjQxODA0Ig0KICAgICBpZD0icGF0aDYiDQogICAgIHN0eWxlPSJmaWxsOiNjYTA4MTM7ZmlsbC1vcGFjaXR5OjEiDQogICAgIGlua3NjYXBlOmNvbm5lY3Rvci1jdXJ2YXR1cmU9IjAiIC8+PC9zdmc+"); }
      html[lang='ru'] .symbol-marker, html[lang='ru-RU'] .symbol-marker {
        font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif; }
      html[lang='zh'] .symbol-marker, html[lang='zh-CN'] .symbol-marker {
        font-family: "Porsche Next", 黑体, SimHei, 宋体, SimSun, sans-serif; }
      html[lang='ar'] .symbol-marker, html[lang='ar-AE'] .symbol-marker {
        font-family: "Porsche Next Arabic", "Arial Narrow", Arial, sans-serif; }
      html[lang='ps'] .symbol-marker, html[lang='ps-AR'] .symbol-marker {
        font-family: "Porsche Next Pashto", "Arial Narrow", Arial, sans-serif; }
      html[lang='fa'] .symbol-marker, html[lang='fa-IR'] .symbol-marker {
        font-family: "Porsche Next Persian", "Arial Narrow", Arial, sans-serif; }
      html[lang='ur'] .symbol-marker, html[lang='ur-PK'] .symbol-marker {
        font-family: "Porsche Next Urdu", "Arial Narrow", Arial, sans-serif; } }

.symbol-menu-dots {
  font-family: 'pag-iconfont' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  display: table;
  cursor: pointer;
  font-size: 1.5rem;
  color: #d5001c; }
  .symbol-menu-dots:hover {
    color: #960014; }
  .symbol-menu-dots::before {
    content: '\e642'; }
  .symbol-menu-dots::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 2.5rem;
    height: 2.5rem;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }
    @media (min-width: 760px) {
      .symbol-menu-dots::after {
        width: 2.8125rem;
        height: 2.8125rem; } }

.symbol-diamond {
  width: 1rem;
  height: 1rem;
  display: table;
  background-color: #eff0f1;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg); }

.loader {
  display: block;
  position: relative;
  width: 50px;
  height: 50px;
  stroke-width: 2px;
  -webkit-animation: rotate 2s linear infinite;
          animation: rotate 2s linear infinite; }
  .loader__image {
    display: block;
    position: relative;
    fill: none;
    stroke-width: inherit;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  .loader__fg {
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-animation: rotate 2s linear infinite, dash 2s ease-in-out infinite;
            animation: rotate 2s linear infinite, dash 2s ease-in-out infinite;
    stroke: #313639;
    stroke-dasharray: 100, 200;
    stroke-dashoffset: 0;
    stroke-linecap: round; }
  .loader__bg {
    stroke: #313639;
    opacity: .4; }
  .loader--theme-inverted .loader__fg {
    stroke: #fff; }
  .loader--theme-inverted .loader__bg {
    stroke: #fff; }
  .loader--x-small {
    width: 1rem;
    height: 1rem;
    stroke-width: 5px; }
  .loader--small {
    width: 1.5rem;
    height: 1.5rem;
    stroke-width: 4px; }
  .loader--medium {
    width: 2.25rem;
    height: 2.25rem;
    stroke-width: 3px; }
  .loader--large {
    width: 2.625rem;
    height: 2.625rem; }
    @media (min-width: 1300px) {
      .loader--large {
        width: 3.75rem;
        height: 3.75rem; } }
  .loader--x-large {
    width: 2.625rem;
    height: 2.625rem; }
    @media (min-width: 1000px) {
      .loader--x-large {
        width: 3.375rem;
        height: 3.375rem; } }
    @media (min-width: 1300px) {
      .loader--x-large {
        width: 4.125rem;
        height: 4.125rem; } }
    @media (min-width: 1760px) {
      .loader--x-large {
        width: 5.25rem;
        height: 5.25rem; } }

@-webkit-keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@-webkit-keyframes dash {
  0% {
    stroke-dasharray: 1, 1000;
    stroke-dashoffset: 0; }
  50% {
    stroke-dasharray: 160, 1000;
    stroke-dashoffset: -40; }
  100% {
    stroke-dasharray: 0, 1000;
    stroke-dashoffset: -124.33; } }

@keyframes dash {
  0% {
    stroke-dasharray: 1, 1000;
    stroke-dashoffset: 0; }
  50% {
    stroke-dasharray: 160, 1000;
    stroke-dashoffset: -40; }
  100% {
    stroke-dasharray: 0, 1000;
    stroke-dashoffset: -124.33; } }

/**
 * properties for flex container
 */
/**
 * properties for flex child items
 */
.loader-application {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1.125rem 1.125rem;
  padding-top: 4.5rem;
  padding-bottom: 4.5rem; }
  @media (min-width: 760px) {
    .loader-application {
      padding: 1.5rem 1.5rem; } }
  @media (min-width: 1300px) {
    .loader-application {
      padding: 1.875rem 1.875rem; } }
  @media (min-width: 760px) {
    .loader-application {
      padding-top: 7.875rem;
      padding-bottom: 7.875rem; } }
  .loader-application__label {
    font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif;
    font-weight: 400;
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 200;
    color: #fff;
    text-align: center;
    margin-top: 1.125rem; }
    html[lang='ru'] .loader-application__label, html[lang='ru-RU'] .loader-application__label {
      font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif; }
    html[lang='zh'] .loader-application__label, html[lang='zh-CN'] .loader-application__label {
      font-family: "Porsche Next", 黑体, SimHei, 宋体, SimSun, sans-serif; }
    html[lang='ar'] .loader-application__label, html[lang='ar-AE'] .loader-application__label {
      font-family: "Porsche Next Arabic", "Arial Narrow", Arial, sans-serif; }
    html[lang='ps'] .loader-application__label, html[lang='ps-AR'] .loader-application__label {
      font-family: "Porsche Next Pashto", "Arial Narrow", Arial, sans-serif; }
    html[lang='fa'] .loader-application__label, html[lang='fa-IR'] .loader-application__label {
      font-family: "Porsche Next Persian", "Arial Narrow", Arial, sans-serif; }
    html[lang='ur'] .loader-application__label, html[lang='ur-PK'] .loader-application__label {
      font-family: "Porsche Next Urdu", "Arial Narrow", Arial, sans-serif; }
    @media (min-width: 760px) and (max-width: 1299px) {
      .loader-application__label {
        margin-top: 1.5rem; } }
    @media (min-width: 1300px) {
      .loader-application__label {
        margin-top: 1.5rem; } }

/**
 * properties for flex container
 */
/**
 * properties for flex child items
 */
.loader-fullpage {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1.125rem 1.125rem;
  z-index: 9001;
  background: rgba(28, 34, 37, 0.9); }
  @media (min-width: 760px) {
    .loader-fullpage {
      padding: 1.5rem 1.5rem; } }
  @media (min-width: 1300px) {
    .loader-fullpage {
      padding: 1.875rem 1.875rem; } }
  .loader-fullpage--sticky {
    position: fixed; }
  .loader-fullpage__label {
    font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif;
    font-weight: 400;
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 200;
    color: #fff;
    text-align: center;
    margin-top: 1.125rem; }
    html[lang='ru'] .loader-fullpage__label, html[lang='ru-RU'] .loader-fullpage__label {
      font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif; }
    html[lang='zh'] .loader-fullpage__label, html[lang='zh-CN'] .loader-fullpage__label {
      font-family: "Porsche Next", 黑体, SimHei, 宋体, SimSun, sans-serif; }
    html[lang='ar'] .loader-fullpage__label, html[lang='ar-AE'] .loader-fullpage__label {
      font-family: "Porsche Next Arabic", "Arial Narrow", Arial, sans-serif; }
    html[lang='ps'] .loader-fullpage__label, html[lang='ps-AR'] .loader-fullpage__label {
      font-family: "Porsche Next Pashto", "Arial Narrow", Arial, sans-serif; }
    html[lang='fa'] .loader-fullpage__label, html[lang='fa-IR'] .loader-fullpage__label {
      font-family: "Porsche Next Persian", "Arial Narrow", Arial, sans-serif; }
    html[lang='ur'] .loader-fullpage__label, html[lang='ur-PK'] .loader-fullpage__label {
      font-family: "Porsche Next Urdu", "Arial Narrow", Arial, sans-serif; }
    @media (min-width: 760px) and (max-width: 1299px) {
      .loader-fullpage__label {
        margin-top: 1.5rem; } }
    @media (min-width: 1300px) {
      .loader-fullpage__label {
        margin-top: 1.5rem; } }

/**
 * properties for flex container
 */
/**
 * properties for flex child items
 */
.loader-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: 3rem;
  padding-bottom: 3rem; }
  @media (min-width: 760px) {
    .loader-list {
      padding-top: 6.25rem;
      padding-bottom: 6.25rem; } }

/**
 * properties for flex container
 */
/**
 * properties for flex child items
 */
.loader-module {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 1.125rem 1.125rem;
  background-color: #12181c; }
  @media (min-width: 760px) {
    .loader-module {
      padding: 1.5rem 1.5rem; } }
  @media (min-width: 1300px) {
    .loader-module {
      padding: 1.875rem 1.875rem; } }

@keyframes animation-rotate-360 {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%; }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%; } }

@keyframes animation-fade-opacity {
  0% {
    opacity: .6; }
  45% {
    opacity: .85; }
  65% {
    opacity: 1; }
  100% {
    opacity: .6; } }

/**
 * disable animations for specific patterns
 *
 * $inactive-animations is a list, if you want e.g. exclude the css animations
 * for the-slider and tile-image-text-link pattern, you would overwrite the
 * $inactive-animations variable by passing from outside with the following value(s)
 *
 * $inactive-animations: 'tile-slider', 'tile-image-text-link'
 */
/**
 * basic hover animation timing (of color and opacity).
 * timing and bezier should be refactored after official Porsche animation guidelines are defined
 */
.loader-text {
  display: inline-block; }
  .loader-text__dot {
    -webkit-animation: animation-fade-opacity 1s linear 0s infinite normal;
            animation: animation-fade-opacity 1s linear 0s infinite normal;
    width: 0.25rem;
    height: 0.25rem;
    float: left;
    border-radius: 50%;
    background-color: #959899;
    margin-right: 0.375rem;
    opacity: 0.6; }
    .loader-text__dot:nth-child(2) {
      -webkit-animation-delay: 0.2s;
              animation-delay: 0.2s; }
    .loader-text__dot:nth-child(3) {
      margin-right: 0;
      -webkit-animation-delay: 0.5s;
              animation-delay: 0.5s; }
    .loader-text__dot--dark {
      background-color: #494e51; }
    .loader-text__dot--light {
      background-color: #fff; }

/**
 * properties for flex container
 */
/**
 * properties for flex child items
 */
/**
 * disable animations for specific patterns
 *
 * $inactive-animations is a list, if you want e.g. exclude the css animations
 * for the-slider and tile-image-text-link pattern, you would overwrite the
 * $inactive-animations variable by passing from outside with the following value(s)
 *
 * $inactive-animations: 'tile-slider', 'tile-image-text-link'
 */
/**
 * basic hover animation timing (of color and opacity).
 * timing and bezier should be refactored after official Porsche animation guidelines are defined
 */
.button-regular {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: left;
  font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 1.0625rem;
  padding-right: 1.0625rem;
  position: relative;
  max-width: 100%;
  border-radius: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: none;
  cursor: pointer;
  text-decoration: none;
  background-color: #313639;
  border: 1px solid #313639;
  color: #fff;
  -webkit-transition: background-color 0.24s ease, border-color 0.24s ease, color 0.24s ease;
  transition: background-color 0.24s ease, border-color 0.24s ease, color 0.24s ease; }
  html[lang='ru'] .button-regular, html[lang='ru-RU'] .button-regular {
    font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif; }
  html[lang='zh'] .button-regular, html[lang='zh-CN'] .button-regular {
    font-family: "Porsche Next", 黑体, SimHei, 宋体, SimSun, sans-serif; }
  html[lang='ar'] .button-regular, html[lang='ar-AE'] .button-regular {
    font-family: "Porsche Next Arabic", "Arial Narrow", Arial, sans-serif; }
  html[lang='ps'] .button-regular, html[lang='ps-AR'] .button-regular {
    font-family: "Porsche Next Pashto", "Arial Narrow", Arial, sans-serif; }
  html[lang='fa'] .button-regular, html[lang='fa-IR'] .button-regular {
    font-family: "Porsche Next Persian", "Arial Narrow", Arial, sans-serif; }
  html[lang='ur'] .button-regular, html[lang='ur-PK'] .button-regular {
    font-family: "Porsche Next Urdu", "Arial Narrow", Arial, sans-serif; }
  .button-regular::-moz-focus-inner {
    border: 0; }
  .button-regular--theme-inverted {
    color: #000;
    background-color: #fff;
    border-color: #fff; }
  .button-regular:enabled:hover, .button-regular:enabled:focus, .button-regular:enabled:active, .button-regular:not([disabled]):hover, .button-regular:not([disabled]):focus, .button-regular:not([disabled]):active {
    background-color: #191f22;
    border-color: #191f22;
    text-decoration: none; }
    .button-regular:enabled:hover.button-regular--theme-inverted, .button-regular:enabled:focus.button-regular--theme-inverted, .button-regular:enabled:active.button-regular--theme-inverted, .button-regular:not([disabled]):hover.button-regular--theme-inverted, .button-regular:not([disabled]):focus.button-regular--theme-inverted, .button-regular:not([disabled]):active.button-regular--theme-inverted {
      background-color: #e3e4e4;
      border-color: #e3e4e4; }
  .button-regular:disabled, .button-regular[disabled], .button-regular[aria-disabled='true'] {
    cursor: default;
    pointer-events: none;
    background-color: #989b9c;
    border-color: #989b9c; }
    .button-regular:disabled .button-regular__icon, .button-regular[disabled] .button-regular__icon, .button-regular[aria-disabled='true'] .button-regular__icon {
      opacity: .55; }
    .button-regular:disabled .button-regular__label, .button-regular[disabled] .button-regular__label, .button-regular[aria-disabled='true'] .button-regular__label {
      opacity: .55; }
    .button-regular:disabled .button-regular__icon-loader, .button-regular[disabled] .button-regular__icon-loader, .button-regular[aria-disabled='true'] .button-regular__icon-loader {
      opacity: 1; }
    .button-regular:disabled.button-regular--theme-inverted, .button-regular[disabled].button-regular--theme-inverted, .button-regular[aria-disabled='true'].button-regular--theme-inverted {
      color: #000;
      background-color: #8c8f91;
      border-color: #8c8f91; }
      .button-regular:disabled.button-regular--theme-inverted .button-regular__icon, .button-regular[disabled].button-regular--theme-inverted .button-regular__icon, .button-regular[aria-disabled='true'].button-regular--theme-inverted .button-regular__icon {
        opacity: .35; }
      .button-regular:disabled.button-regular--theme-inverted .button-regular__label, .button-regular[disabled].button-regular--theme-inverted .button-regular__label, .button-regular[aria-disabled='true'].button-regular--theme-inverted .button-regular__label {
        opacity: .35; }
      .button-regular:disabled.button-regular--theme-inverted .button-regular__icon-loader, .button-regular[disabled].button-regular--theme-inverted .button-regular__icon-loader, .button-regular[aria-disabled='true'].button-regular--theme-inverted .button-regular__icon-loader {
        opacity: 1; }
  .button-regular--ghost {
    color: #000;
    background-color: transparent;
    border-color: #313639; }
    .button-regular--ghost.button-regular--theme-inverted {
      color: #fff;
      border-color: #fff; }
    .button-regular--ghost:enabled:hover, .button-regular--ghost:enabled:focus, .button-regular--ghost:enabled:active, .button-regular--ghost:not([disabled]):hover, .button-regular--ghost:not([disabled]):focus, .button-regular--ghost:not([disabled]):active {
      color: #fff;
      background-color: #313639;
      border-color: #313639; }
      .button-regular--ghost:enabled:hover.button-regular--theme-inverted, .button-regular--ghost:enabled:focus.button-regular--theme-inverted, .button-regular--ghost:enabled:active.button-regular--theme-inverted, .button-regular--ghost:not([disabled]):hover.button-regular--theme-inverted, .button-regular--ghost:not([disabled]):focus.button-regular--theme-inverted, .button-regular--ghost:not([disabled]):active.button-regular--theme-inverted {
        color: #000;
        background-color: #fff;
        border-color: #fff; }
    .button-regular--ghost:disabled, .button-regular--ghost[disabled], .button-regular--ghost[aria-disabled='true'] {
      color: #adafb0;
      background-color: transparent;
      border-color: #adafb0; }
      .button-regular--ghost:disabled .button-regular__icon, .button-regular--ghost[disabled] .button-regular__icon, .button-regular--ghost[aria-disabled='true'] .button-regular__icon {
        opacity: 1; }
      .button-regular--ghost:disabled .button-regular__label, .button-regular--ghost[disabled] .button-regular__label, .button-regular--ghost[aria-disabled='true'] .button-regular__label {
        opacity: 1; }
      .button-regular--ghost:disabled.button-regular--theme-inverted, .button-regular--ghost[disabled].button-regular--theme-inverted, .button-regular--ghost[aria-disabled='true'].button-regular--theme-inverted {
        color: #5e6264;
        background-color: transparent;
        border-color: #5e6264; }
        .button-regular--ghost:disabled.button-regular--theme-inverted .button-regular__icon, .button-regular--ghost[disabled].button-regular--theme-inverted .button-regular__icon, .button-regular--ghost[aria-disabled='true'].button-regular--theme-inverted .button-regular__icon {
          opacity: 1; }
        .button-regular--ghost:disabled.button-regular--theme-inverted .button-regular__label, .button-regular--ghost[disabled].button-regular--theme-inverted .button-regular__label, .button-regular--ghost[aria-disabled='true'].button-regular--theme-inverted .button-regular__label {
          opacity: 1; }
  .button-regular--highlight {
    color: #fff;
    background-color: #d5001c;
    border-color: #d5001c; }
    .button-regular--highlight:enabled:hover, .button-regular--highlight:enabled:focus, .button-regular--highlight:enabled:active, .button-regular--highlight:not([disabled]):hover, .button-regular--highlight:not([disabled]):focus, .button-regular--highlight:not([disabled]):active {
      background-color: #960014;
      border-color: #960014;
      text-decoration: none; }
      .button-regular--highlight:enabled:hover.button-regular--theme-inverted, .button-regular--highlight:enabled:focus.button-regular--theme-inverted, .button-regular--highlight:enabled:active.button-regular--theme-inverted, .button-regular--highlight:not([disabled]):hover.button-regular--theme-inverted, .button-regular--highlight:not([disabled]):focus.button-regular--theme-inverted, .button-regular--highlight:not([disabled]):active.button-regular--theme-inverted {
        background-color: #960014;
        border-color: #960014; }
    .button-regular--highlight:disabled, .button-regular--highlight[disabled], .button-regular--highlight[aria-disabled='true'] {
      background-color: #ea808e;
      border-color: #ea808e; }
      .button-regular--highlight:disabled .button-regular__icon, .button-regular--highlight[disabled] .button-regular__icon, .button-regular--highlight[aria-disabled='true'] .button-regular__icon {
        opacity: .6; }
      .button-regular--highlight:disabled .button-regular__label, .button-regular--highlight[disabled] .button-regular__label, .button-regular--highlight[aria-disabled='true'] .button-regular__label {
        opacity: .6; }
      .button-regular--highlight:disabled .button-regular__icon-loader, .button-regular--highlight[disabled] .button-regular__icon-loader, .button-regular--highlight[aria-disabled='true'] .button-regular__icon-loader {
        opacity: 1; }
      .button-regular--highlight:disabled.button-regular--theme-inverted, .button-regular--highlight[disabled].button-regular--theme-inverted, .button-regular--highlight[aria-disabled='true'].button-regular--theme-inverted {
        color: #fff;
        background-color: #5b1420;
        border-color: #5b1420; }
        .button-regular--highlight:disabled.button-regular--theme-inverted .button-regular__icon, .button-regular--highlight[disabled].button-regular--theme-inverted .button-regular__icon, .button-regular--highlight[aria-disabled='true'].button-regular--theme-inverted .button-regular__icon {
          opacity: .35; }
        .button-regular--highlight:disabled.button-regular--theme-inverted .button-regular__label, .button-regular--highlight[disabled].button-regular--theme-inverted .button-regular__label, .button-regular--highlight[aria-disabled='true'].button-regular--theme-inverted .button-regular__label {
          opacity: .35; }
        .button-regular--highlight:disabled.button-regular--theme-inverted .button-regular__icon-loader, .button-regular--highlight[disabled].button-regular--theme-inverted .button-regular__icon-loader, .button-regular--highlight[aria-disabled='true'].button-regular--theme-inverted .button-regular__icon-loader {
          opacity: 1; }
  .button-regular--sales {
    color: #fff;
    background-color: #196a99;
    border-color: #196a99; }
    .button-regular--sales:enabled:hover, .button-regular--sales:enabled:focus, .button-regular--sales:enabled:active, .button-regular--sales:not([disabled]):hover, .button-regular--sales:not([disabled]):focus, .button-regular--sales:not([disabled]):active {
      background-color: #15577e;
      border-color: #15577e;
      text-decoration: none; }
      .button-regular--sales:enabled:hover.button-regular--theme-inverted, .button-regular--sales:enabled:focus.button-regular--theme-inverted, .button-regular--sales:enabled:active.button-regular--theme-inverted, .button-regular--sales:not([disabled]):hover.button-regular--theme-inverted, .button-regular--sales:not([disabled]):focus.button-regular--theme-inverted, .button-regular--sales:not([disabled]):active.button-regular--theme-inverted {
        background-color: #15577e;
        border-color: #15577e; }
    .button-regular--sales:disabled, .button-regular--sales[disabled], .button-regular--sales[aria-disabled='true'] {
      background-color: #8cb5cc;
      border-color: #8cb5cc; }
      .button-regular--sales:disabled .button-regular__icon, .button-regular--sales[disabled] .button-regular__icon, .button-regular--sales[aria-disabled='true'] .button-regular__icon {
        opacity: .6; }
      .button-regular--sales:disabled .button-regular__label, .button-regular--sales[disabled] .button-regular__label, .button-regular--sales[aria-disabled='true'] .button-regular__label {
        opacity: .6; }
      .button-regular--sales:disabled .button-regular__icon-loader, .button-regular--sales[disabled] .button-regular__icon-loader, .button-regular--sales[aria-disabled='true'] .button-regular__icon-loader {
        opacity: 1; }
      .button-regular--sales:disabled.button-regular--theme-inverted, .button-regular--sales[disabled].button-regular--theme-inverted, .button-regular--sales[aria-disabled='true'].button-regular--theme-inverted {
        color: #fff;
        background-color: #193646;
        border-color: #193646; }
        .button-regular--sales:disabled.button-regular--theme-inverted .button-regular__icon, .button-regular--sales[disabled].button-regular--theme-inverted .button-regular__icon, .button-regular--sales[aria-disabled='true'].button-regular--theme-inverted .button-regular__icon {
          opacity: .35; }
        .button-regular--sales:disabled.button-regular--theme-inverted .button-regular__label, .button-regular--sales[disabled].button-regular--theme-inverted .button-regular__label, .button-regular--sales[aria-disabled='true'].button-regular--theme-inverted .button-regular__label {
          opacity: .35; }
        .button-regular--sales:disabled.button-regular--theme-inverted .button-regular__icon-loader, .button-regular--sales[disabled].button-regular--theme-inverted .button-regular__icon-loader, .button-regular--sales[aria-disabled='true'].button-regular--theme-inverted .button-regular__icon-loader {
          opacity: 1; }
  .button-regular--sales-ghost {
    color: #196a99;
    background-color: transparent;
    border-color: #196a99; }
    .button-regular--sales-ghost.button-regular--theme-inverted {
      color: #2da6d5;
      background-color: transparent;
      border-color: #2da6d5; }
    .button-regular--sales-ghost:enabled:hover, .button-regular--sales-ghost:enabled:focus, .button-regular--sales-ghost:enabled:active, .button-regular--sales-ghost:not([disabled]):hover, .button-regular--sales-ghost:not([disabled]):focus, .button-regular--sales-ghost:not([disabled]):active {
      color: #fff;
      background-color: #196a99;
      border-color: #196a99; }
      .button-regular--sales-ghost:enabled:hover.button-regular--theme-inverted, .button-regular--sales-ghost:enabled:focus.button-regular--theme-inverted, .button-regular--sales-ghost:enabled:active.button-regular--theme-inverted, .button-regular--sales-ghost:not([disabled]):hover.button-regular--theme-inverted, .button-regular--sales-ghost:not([disabled]):focus.button-regular--theme-inverted, .button-regular--sales-ghost:not([disabled]):active.button-regular--theme-inverted {
        color: #fff;
        background-color: #2088c5;
        border-color: #2088c5; }
    .button-regular--sales-ghost:disabled, .button-regular--sales-ghost[disabled], .button-regular--sales-ghost[aria-disabled='true'] {
      color: #a3c3d6;
      background-color: transparent;
      border-color: #a3c3d6; }
      .button-regular--sales-ghost:disabled .button-regular__icon, .button-regular--sales-ghost[disabled] .button-regular__icon, .button-regular--sales-ghost[aria-disabled='true'] .button-regular__icon {
        opacity: 1; }
      .button-regular--sales-ghost:disabled .button-regular__label, .button-regular--sales-ghost[disabled] .button-regular__label, .button-regular--sales-ghost[aria-disabled='true'] .button-regular__label {
        opacity: 1; }
      .button-regular--sales-ghost:disabled.button-regular--theme-inverted, .button-regular--sales-ghost[disabled].button-regular--theme-inverted, .button-regular--sales-ghost[aria-disabled='true'].button-regular--theme-inverted {
        color: #21556a;
        background-color: transparent;
        border-color: #21556a; }
        .button-regular--sales-ghost:disabled.button-regular--theme-inverted .button-regular__icon, .button-regular--sales-ghost[disabled].button-regular--theme-inverted .button-regular__icon, .button-regular--sales-ghost[aria-disabled='true'].button-regular--theme-inverted .button-regular__icon {
          opacity: 1; }
        .button-regular--sales-ghost:disabled.button-regular--theme-inverted .button-regular__label, .button-regular--sales-ghost[disabled].button-regular--theme-inverted .button-regular__label, .button-regular--sales-ghost[aria-disabled='true'].button-regular--theme-inverted .button-regular__label {
          opacity: 1; }
  .button-regular--small {
    padding: 0.125rem 0.6875rem; }
    .button-regular--small .button-regular__label {
      padding-left: 1.5rem; }
  .button-regular__icon, .button-regular__icon-loader {
    position: absolute;
    margin-top: .1875em; }
  .button-regular__label {
    padding-left: 1.5rem;
    display: block;
    width: 100%; }
  .button-regular--loading {
    cursor: default;
    pointer-events: none; }
  .button-regular--stretch {
    width: 100%; }

@-moz-document url-prefix() {
  .button-regular__label {
    height: 100%; } }

.button-group {
  margin-left: -0.375rem;
  margin-right: -0.375rem; }
  .button-group > .button-regular,
  .button-group > .button-icon {
    margin: 0 0.375rem; }
  .button-group--horizontal {
    margin-left: -0.375rem;
    margin-right: -0.375rem; }
    .button-group--horizontal > .button-regular,
    .button-group--horizontal > .button-icon {
      margin: 0 0.375rem; }
  .button-group--vertical {
    margin-left: 0;
    margin-right: 0; }
    .button-group--vertical > .button-regular,
    .button-group--vertical > .button-icon {
      margin: 0.75rem 0 0; }
      .button-group--vertical > .button-regular:first-of-type,
      .button-group--vertical > .button-icon:first-of-type {
        margin-top: 0; }
  @media (min-width: 480px) {
    .button-group--horizontal-xs {
      margin-left: -0.375rem;
      margin-right: -0.375rem; }
      .button-group--horizontal-xs > .button-regular,
      .button-group--horizontal-xs > .button-icon {
        margin: 0 0.375rem; }
    .button-group--vertical-xs {
      margin-left: 0;
      margin-right: 0; }
      .button-group--vertical-xs > .button-regular,
      .button-group--vertical-xs > .button-icon {
        margin: 0.75rem 0 0; }
        .button-group--vertical-xs > .button-regular:first-of-type,
        .button-group--vertical-xs > .button-icon:first-of-type {
          margin-top: 0; } }
  @media (min-width: 760px) {
    .button-group--horizontal-s {
      margin-left: -0.375rem;
      margin-right: -0.375rem; }
      .button-group--horizontal-s > .button-regular,
      .button-group--horizontal-s > .button-icon {
        margin: 0 0.375rem; }
    .button-group--vertical-s {
      margin-left: 0;
      margin-right: 0; }
      .button-group--vertical-s > .button-regular,
      .button-group--vertical-s > .button-icon {
        margin: 0.75rem 0 0; }
        .button-group--vertical-s > .button-regular:first-of-type,
        .button-group--vertical-s > .button-icon:first-of-type {
          margin-top: 0; } }
  @media (min-width: 1000px) {
    .button-group--horizontal-m {
      margin-left: -0.375rem;
      margin-right: -0.375rem; }
      .button-group--horizontal-m > .button-regular,
      .button-group--horizontal-m > .button-icon {
        margin: 0 0.375rem; }
    .button-group--vertical-m {
      margin-left: 0;
      margin-right: 0; }
      .button-group--vertical-m > .button-regular,
      .button-group--vertical-m > .button-icon {
        margin: 0.75rem 0 0; }
        .button-group--vertical-m > .button-regular:first-of-type,
        .button-group--vertical-m > .button-icon:first-of-type {
          margin-top: 0; } }
  @media (min-width: 1300px) {
    .button-group--horizontal-l {
      margin-left: -0.375rem;
      margin-right: -0.375rem; }
      .button-group--horizontal-l > .button-regular,
      .button-group--horizontal-l > .button-icon {
        margin: 0 0.375rem; }
    .button-group--vertical-l {
      margin-left: 0;
      margin-right: 0; }
      .button-group--vertical-l > .button-regular,
      .button-group--vertical-l > .button-icon {
        margin: 0.75rem 0 0; }
        .button-group--vertical-l > .button-regular:first-of-type,
        .button-group--vertical-l > .button-icon:first-of-type {
          margin-top: 0; } }
  @media (min-width: 1760px) {
    .button-group--horizontal-xl {
      margin-left: -0.375rem;
      margin-right: -0.375rem; }
      .button-group--horizontal-xl > .button-regular,
      .button-group--horizontal-xl > .button-icon {
        margin: 0 0.375rem; }
    .button-group--vertical-xl {
      margin-left: 0;
      margin-right: 0; }
      .button-group--vertical-xl > .button-regular,
      .button-group--vertical-xl > .button-icon {
        margin: 0.75rem 0 0; }
        .button-group--vertical-xl > .button-regular:first-of-type,
        .button-group--vertical-xl > .button-icon:first-of-type {
          margin-top: 0; } }

.divider {
  width: 100%;
  height: 0;
  max-height: 0;
  margin-bottom: 0;
  display: block;
  clear: both;
  border: 0;
  border-top: 1px solid #c8cacb; }
  .divider--gray {
    border-top: 1px solid #494e51; }

.checkbox {
  position: relative;
  display: inline-block;
  min-width: 1.625rem;
  min-height: 1.625rem;
  max-width: 100%;
  vertical-align: top; }
  .checkbox__field {
    display: none; }
  .checkbox__icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 1.625rem;
    height: 1.625rem;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border: 0.125rem solid #626669;
    cursor: pointer; }
    .checkbox__icon--inverted {
      border-color: #fff; }
    .checkbox__icon--error {
      border-color: #d5001c; }
    .checkbox__icon::before {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      visibility: hidden;
      color: #626669; }
    .checkbox__icon::after {
      position: absolute;
      content: '';
      top: -0.5625rem;
      right: -0.5625rem;
      bottom: -0.5625rem;
      left: -0.5625rem; }
  .checkbox__label {
    font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5rem;
    display: block;
    padding: 0.0625rem 0 0 2.375rem;
    color: #000;
    min-height: 1.625rem;
    cursor: pointer; }
    html[lang='ru'] .checkbox__label, html[lang='ru-RU'] .checkbox__label {
      font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif; }
    html[lang='zh'] .checkbox__label, html[lang='zh-CN'] .checkbox__label {
      font-family: "Porsche Next", 黑体, SimHei, 宋体, SimSun, sans-serif; }
    html[lang='ar'] .checkbox__label, html[lang='ar-AE'] .checkbox__label {
      font-family: "Porsche Next Arabic", "Arial Narrow", Arial, sans-serif; }
    html[lang='ps'] .checkbox__label, html[lang='ps-AR'] .checkbox__label {
      font-family: "Porsche Next Pashto", "Arial Narrow", Arial, sans-serif; }
    html[lang='fa'] .checkbox__label, html[lang='fa-IR'] .checkbox__label {
      font-family: "Porsche Next Persian", "Arial Narrow", Arial, sans-serif; }
    html[lang='ur'] .checkbox__label, html[lang='ur-PK'] .checkbox__label {
      font-family: "Porsche Next Urdu", "Arial Narrow", Arial, sans-serif; }
    .checkbox__label--inverted {
      color: #fff; }
    .checkbox__label--error {
      color: #d5001c; }
  .checkbox__label-icon {
    font-size: 1.5rem;
    line-height: inherit;
    vertical-align: top; }
    .checkbox__label-icon::before {
      vertical-align: top; }
  .checkbox__label-link {
    color: #000; }
    .checkbox__label-link:active, .checkbox__label-link:focus, .checkbox__label-link:hover {
      color: #d5001c;
      text-decoration: none; }
    .checkbox__label-link--inverted {
      color: #fff; }
      .checkbox__label-link--inverted:active, .checkbox__label-link--inverted:focus, .checkbox__label-link--inverted:hover {
        color: #d5001c; }
    .checkbox__label-link--error {
      color: #d5001c; }
      .checkbox__label-link--error:active, .checkbox__label-link--error:focus, .checkbox__label-link--error:hover {
        color: #d5001c; }
  .checkbox:hover .checkbox__field:not(:checked):not(:disabled) ~ .checkbox__icon {
    border-color: #959899; }
    .checkbox:hover .checkbox__field:not(:checked):not(:disabled) ~ .checkbox__icon--inverted {
      border-color: #959899; }
    .checkbox:hover .checkbox__field:not(:checked):not(:disabled) ~ .checkbox__icon--error {
      border-color: #d5001c; }
  .checkbox__field:checked ~ .checkbox__icon::before {
    visibility: visible;
    color: #626669; }
  .checkbox__field:checked ~ .checkbox__icon--inverted::before {
    color: #fff; }
  .checkbox__field:checked ~ .checkbox__icon--error::before {
    color: #d5001c; }
  .checkbox:hover .checkbox__field:checked:not(:disabled) ~ .checkbox__icon {
    background-color: #626669; }
    .checkbox:hover .checkbox__field:checked:not(:disabled) ~ .checkbox__icon--inverted {
      background-color: #fff; }
    .checkbox:hover .checkbox__field:checked:not(:disabled) ~ .checkbox__icon::before {
      background-color: #626669;
      color: #fff; }
    .checkbox:hover .checkbox__field:checked:not(:disabled) ~ .checkbox__icon--inverted::before {
      background-color: transparent;
      color: #000; }
    .checkbox:hover .checkbox__field:checked:not(:disabled) ~ .checkbox__icon--error {
      background-color: #d5001c; }
    .checkbox:hover .checkbox__field:checked:not(:disabled) ~ .checkbox__icon--error::before {
      background-color: transparent;
      color: #fff; }
  .checkbox__field:disabled:checked ~ .checkbox__icon, .checkbox__field:disabled:not(:checked) ~ .checkbox__icon {
    cursor: default;
    border-color: #959899;
    background: transparent; }
    .checkbox__field:disabled:checked ~ .checkbox__icon--inverted, .checkbox__field:disabled:not(:checked) ~ .checkbox__icon--inverted {
      border-color: #959899;
      background: transparent; }
    .checkbox__field:disabled:checked ~ .checkbox__icon::before, .checkbox__field:disabled:not(:checked) ~ .checkbox__icon::before {
      color: #959899; }
    .checkbox__field:disabled:checked ~ .checkbox__icon--inverted::before, .checkbox__field:disabled:not(:checked) ~ .checkbox__icon--inverted::before {
      background-color: transparent;
      color: #959899; }
  .checkbox__field:disabled:checked ~ .checkbox__label, .checkbox__field:disabled:not(:checked) ~ .checkbox__label {
    cursor: default;
    color: #959899; }
    .checkbox__field:disabled:checked ~ .checkbox__label--inverted, .checkbox__field:disabled:not(:checked) ~ .checkbox__label--inverted {
      color: #959899; }
    .checkbox__field:disabled:checked ~ .checkbox__label .checkbox__label-link, .checkbox__field:disabled:not(:checked) ~ .checkbox__label .checkbox__label-link {
      cursor: pointer;
      color: #959899; }
      .checkbox__field:disabled:checked ~ .checkbox__label .checkbox__label-link--inverted, .checkbox__field:disabled:not(:checked) ~ .checkbox__label .checkbox__label-link--inverted {
        color: #959899; }
      .checkbox__field:disabled:checked ~ .checkbox__label .checkbox__label-link:active, .checkbox__field:disabled:checked ~ .checkbox__label .checkbox__label-link:focus, .checkbox__field:disabled:checked ~ .checkbox__label .checkbox__label-link:hover, .checkbox__field:disabled:not(:checked) ~ .checkbox__label .checkbox__label-link:active, .checkbox__field:disabled:not(:checked) ~ .checkbox__label .checkbox__label-link:focus, .checkbox__field:disabled:not(:checked) ~ .checkbox__label .checkbox__label-link:hover {
        color: #d5001c; }
      .checkbox__field:disabled:checked ~ .checkbox__label .checkbox__label-link--inverted:active, .checkbox__field:disabled:checked ~ .checkbox__label .checkbox__label-link--inverted:focus, .checkbox__field:disabled:checked ~ .checkbox__label .checkbox__label-link--inverted:hover, .checkbox__field:disabled:not(:checked) ~ .checkbox__label .checkbox__label-link--inverted:active, .checkbox__field:disabled:not(:checked) ~ .checkbox__label .checkbox__label-link--inverted:focus, .checkbox__field:disabled:not(:checked) ~ .checkbox__label .checkbox__label-link--inverted:hover {
        color: #d5001c; }

@keyframes animation-rotate-360 {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%; }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%; } }

@keyframes animation-fade-opacity {
  0% {
    opacity: .6; }
  45% {
    opacity: .85; }
  65% {
    opacity: 1; }
  100% {
    opacity: .6; } }

/**
 * disable animations for specific patterns
 *
 * $inactive-animations is a list, if you want e.g. exclude the css animations
 * for the-slider and tile-image-text-link pattern, you would overwrite the
 * $inactive-animations variable by passing from outside with the following value(s)
 *
 * $inactive-animations: 'tile-slider', 'tile-image-text-link'
 */
/**
 * basic hover animation timing (of color and opacity).
 * timing and bezier should be refactored after official Porsche animation guidelines are defined
 */
.input {
  position: relative;
  display: block; }
  .input__icon {
    position: absolute;
    top: 50%;
    right: calc(1.125rem + 1px);
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
    font-size: 1.25rem;
    color: #626669;
    cursor: pointer; }
    .input__icon:hover {
      color: #d5001c; }
    .input__icon ~ .input__field {
      padding-right: calc(1.125rem * 2 + 1.25rem); }
    .input__icon ~ .input__field--error {
      padding-right: calc(1.125rem * 2 + 1.25rem - ( 2px - 1px )); }
    .input__icon ~ .input__label {
      right: calc(1.125rem * 2 + 1.25rem + 1px); }
  .input__field {
    font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif;
    width: 100%;
    height: 3.125rem;
    display: block;
    padding: 1.0625rem 1.125rem;
    outline: none;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border: 1px solid #c8cacb;
    background: #fff;
    font-size: 1rem;
    line-height: normal;
    font-weight: normal;
    color: #000; }
    html[lang='ru'] .input__field, html[lang='ru-RU'] .input__field {
      font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif; }
    html[lang='zh'] .input__field, html[lang='zh-CN'] .input__field {
      font-family: "Porsche Next", 黑体, SimHei, 宋体, SimSun, sans-serif; }
    html[lang='ar'] .input__field, html[lang='ar-AE'] .input__field {
      font-family: "Porsche Next Arabic", "Arial Narrow", Arial, sans-serif; }
    html[lang='ps'] .input__field, html[lang='ps-AR'] .input__field {
      font-family: "Porsche Next Pashto", "Arial Narrow", Arial, sans-serif; }
    html[lang='fa'] .input__field, html[lang='fa-IR'] .input__field {
      font-family: "Porsche Next Persian", "Arial Narrow", Arial, sans-serif; }
    html[lang='ur'] .input__field, html[lang='ur-PK'] .input__field {
      font-family: "Porsche Next Urdu", "Arial Narrow", Arial, sans-serif; }
    .input__field::-webkit-input-placeholder {
      color: #000; }
    .input__field:-ms-input-placeholder {
      color: #000; }
    .input__field::-ms-input-placeholder {
      color: #000; }
    .input__field::placeholder {
      color: #000; }
    .input__field::-ms-clear {
      width: 0;
      height: 0; }
    .input__field[type='number'] {
      -webkit-appearance: textfield;
         -moz-appearance: textfield;
              appearance: textfield; }
      .input__field[type='number']::-webkit-outer-spin-button, .input__field[type='number']::-webkit-inner-spin-button {
        -webkit-appearance: none;
                appearance: none; }
    .input__field:focus::-webkit-input-placeholder {
      opacity: 0; }
    .input__field:focus:-ms-input-placeholder {
      opacity: 0; }
    .input__field:focus::-ms-input-placeholder {
      opacity: 0; }
    .input__field:focus::placeholder {
      opacity: 0; }
    .input__field:focus, .input__field:not(:placeholder-shown) {
      padding-top: 1.25rem;
      padding-bottom: 0.5rem; }
      .input__field:focus + .input__label, .input__field:not(:placeholder-shown) + .input__label {
        top: 0.9375rem;
        opacity: 1; }
    .input__field:disabled {
      color: #494e51; }
      .input__field:disabled::-webkit-input-placeholder {
        color: #494e51; }
      .input__field:disabled:-ms-input-placeholder {
        color: #494e51; }
      .input__field:disabled::-ms-input-placeholder {
        color: #494e51; }
      .input__field:disabled::placeholder {
        color: #494e51; }
    .input__field--error {
      color: #d5001c;
      border-color: #d5001c;
      border-width: 2px;
      padding-top: calc(1.0625rem - ( 2px - 1px ));
      padding-right: calc(1.125rem - ( 2px - 1px ));
      padding-bottom: calc(1.0625rem - ( 2px - 1px ));
      padding-left: calc(1.125rem - ( 2px - 1px )); }
      .input__field--error:focus, .input__field--error:not(:placeholder-shown) {
        padding-top: calc(1.25rem - ( 2px - 1px ));
        padding-bottom: calc(0.5rem - ( 2px - 1px )); }
  .input__label {
    font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    -webkit-transition: top 0.4s ease, opacity 0.4s ease;
    transition: top 0.4s ease, opacity 0.4s ease;
    position: absolute;
    top: 50%;
    left: calc(1.125rem + 1px);
    right: calc(1.125rem + 1px);
    display: inline-block;
    opacity: 0;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
    font-size: 0.75rem;
    line-height: 1.25;
    font-weight: normal;
    color: #959899; }
    html[lang='ru'] .input__label, html[lang='ru-RU'] .input__label {
      font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif; }
    html[lang='zh'] .input__label, html[lang='zh-CN'] .input__label {
      font-family: "Porsche Next", 黑体, SimHei, 宋体, SimSun, sans-serif; }
    html[lang='ar'] .input__label, html[lang='ar-AE'] .input__label {
      font-family: "Porsche Next Arabic", "Arial Narrow", Arial, sans-serif; }
    html[lang='ps'] .input__label, html[lang='ps-AR'] .input__label {
      font-family: "Porsche Next Pashto", "Arial Narrow", Arial, sans-serif; }
    html[lang='fa'] .input__label, html[lang='fa-IR'] .input__label {
      font-family: "Porsche Next Persian", "Arial Narrow", Arial, sans-serif; }
    html[lang='ur'] .input__label, html[lang='ur-PK'] .input__label {
      font-family: "Porsche Next Urdu", "Arial Narrow", Arial, sans-serif; }

.input__field:focus, .input__field.placeholder-not-shown {
  padding-top: 1.25rem;
  padding-bottom: 0.5rem; }
  .input__field:focus + .input__label, .input__field.placeholder-not-shown + .input__label {
    top: 0.9375rem;
    opacity: 1; }

.input__field--error:focus, .input__field--error.placeholder-not-shown {
  padding-top: calc(1.25rem - ( 2px - 1px ));
  padding-bottom: calc(0.5rem - ( 2px - 1px )); }

.ng-submitted .input__field.ng-invalid:focus, .ng-submitted .input__field.ng-invalid.placeholder-not-shown {
  padding-top: calc(1.25rem - ( 2px - 1px ));
  padding-bottom: calc(0.5rem - ( 2px - 1px )); }

/* ******  radio default  ***** */
/* ******  radio button inverted  ***** */
.radio {
  position: relative;
  display: inline-block;
  min-width: 1.625rem;
  min-height: 1.625rem;
  max-width: 100%;
  vertical-align: top; }
  .radio__field {
    display: none; }
  .radio__icon {
    position: absolute;
    top: -0.125rem;
    left: -0.125rem;
    width: 1.875rem;
    height: 1.875rem;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border: 0.125rem solid #626669;
    border-radius: 50%;
    cursor: pointer; }
    .radio__icon--inverted {
      border-color: #fff; }
    .radio__icon--error {
      border-color: #d5001c; }
    .radio__icon::before {
      position: absolute;
      content: '';
      top: 50%;
      left: 50%;
      width: 0.75rem;
      height: 0.75rem;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      border-radius: 50%;
      visibility: hidden; }
    .radio__icon::after {
      position: absolute;
      content: '';
      top: -0.4375rem;
      right: -0.4375rem;
      bottom: -0.4375rem;
      left: -0.4375rem; }
  .radio__label {
    font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5rem;
    display: block;
    min-height: 1.625rem;
    padding: 0.0625rem 0 0 2.375rem;
    color: #000;
    cursor: pointer; }
    html[lang='ru'] .radio__label, html[lang='ru-RU'] .radio__label {
      font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif; }
    html[lang='zh'] .radio__label, html[lang='zh-CN'] .radio__label {
      font-family: "Porsche Next", 黑体, SimHei, 宋体, SimSun, sans-serif; }
    html[lang='ar'] .radio__label, html[lang='ar-AE'] .radio__label {
      font-family: "Porsche Next Arabic", "Arial Narrow", Arial, sans-serif; }
    html[lang='ps'] .radio__label, html[lang='ps-AR'] .radio__label {
      font-family: "Porsche Next Pashto", "Arial Narrow", Arial, sans-serif; }
    html[lang='fa'] .radio__label, html[lang='fa-IR'] .radio__label {
      font-family: "Porsche Next Persian", "Arial Narrow", Arial, sans-serif; }
    html[lang='ur'] .radio__label, html[lang='ur-PK'] .radio__label {
      font-family: "Porsche Next Urdu", "Arial Narrow", Arial, sans-serif; }
    .radio__label--inverted {
      color: #fff; }
    .radio__label--error {
      color: #d5001c; }
  .radio__label-link {
    color: #000; }
    .radio__label-link:active, .radio__label-link:focus, .radio__label-link:hover {
      color: #d5001c;
      text-decoration: none; }
    .radio__label-link--inverted {
      color: #fff; }
      .radio__label-link--inverted:active, .radio__label-link--inverted:focus, .radio__label-link--inverted:hover {
        color: #d5001c; }
    .radio__label-link--error {
      color: #d5001c; }
      .radio__label-link--error:active, .radio__label-link--error:focus, .radio__label-link--error:hover {
        color: #d5001c; }
  .radio:hover .radio__field:not(:checked):not(:disabled) ~ .radio__icon {
    border-color: #959899; }
    .radio:hover .radio__field:not(:checked):not(:disabled) ~ .radio__icon--inverted {
      border-color: #959899; }
    .radio:hover .radio__field:not(:checked):not(:disabled) ~ .radio__icon--error {
      border-color: #d5001c; }
  .radio__field:checked ~ .radio__icon::before {
    background: #626669;
    visibility: visible; }
  .radio__field:checked ~ .radio__icon--inverted::before {
    background: #fff; }
  .radio__field:checked ~ .radio__icon--error::before {
    background: #d5001c; }
  .radio:hover .radio__field:checked:not(:disabled) ~ .radio__icon {
    border-color: #626669;
    background-color: #626669; }
    .radio:hover .radio__field:checked:not(:disabled) ~ .radio__icon--inverted {
      border-color: #fff;
      background-color: #fff; }
    .radio:hover .radio__field:checked:not(:disabled) ~ .radio__icon--error {
      border-color: #d5001c;
      background-color: #d5001c; }
    .radio:hover .radio__field:checked:not(:disabled) ~ .radio__icon::before {
      background-color: #fff; }
    .radio:hover .radio__field:checked:not(:disabled) ~ .radio__icon--inverted::before {
      background-color: #000; }
    .radio:hover .radio__field:checked:not(:disabled) ~ .radio__icon--error::before {
      background-color: #fff; }
  .radio__field:disabled:checked ~ .radio__icon, .radio__field:disabled:not(:checked) ~ .radio__icon {
    cursor: default;
    border-color: #959899; }
    .radio__field:disabled:checked ~ .radio__icon--inverted, .radio__field:disabled:not(:checked) ~ .radio__icon--inverted {
      border-color: #959899; }
    .radio__field:disabled:checked ~ .radio__icon::before, .radio__field:disabled:not(:checked) ~ .radio__icon::before {
      background-color: #959899; }
    .radio__field:disabled:checked ~ .radio__icon--inverted::before, .radio__field:disabled:not(:checked) ~ .radio__icon--inverted::before {
      background-color: #959899; }
  .radio__field:disabled:checked ~ .radio__label, .radio__field:disabled:not(:checked) ~ .radio__label {
    cursor: default;
    color: #959899; }
    .radio__field:disabled:checked ~ .radio__label--inverted, .radio__field:disabled:not(:checked) ~ .radio__label--inverted {
      color: #959899; }
    .radio__field:disabled:checked ~ .radio__label .radio__label-link, .radio__field:disabled:not(:checked) ~ .radio__label .radio__label-link {
      cursor: pointer;
      color: #959899; }
      .radio__field:disabled:checked ~ .radio__label .radio__label-link--inverted, .radio__field:disabled:not(:checked) ~ .radio__label .radio__label-link--inverted {
        color: #959899; }
      .radio__field:disabled:checked ~ .radio__label .radio__label-link:active, .radio__field:disabled:checked ~ .radio__label .radio__label-link:focus, .radio__field:disabled:checked ~ .radio__label .radio__label-link:hover, .radio__field:disabled:not(:checked) ~ .radio__label .radio__label-link:active, .radio__field:disabled:not(:checked) ~ .radio__label .radio__label-link:focus, .radio__field:disabled:not(:checked) ~ .radio__label .radio__label-link:hover {
        color: #d5001c; }
      .radio__field:disabled:checked ~ .radio__label .radio__label-link--inverted:active, .radio__field:disabled:checked ~ .radio__label .radio__label-link--inverted:focus, .radio__field:disabled:checked ~ .radio__label .radio__label-link--inverted:hover, .radio__field:disabled:not(:checked) ~ .radio__label .radio__label-link--inverted:active, .radio__field:disabled:not(:checked) ~ .radio__label .radio__label-link--inverted:focus, .radio__field:disabled:not(:checked) ~ .radio__label .radio__label-link--inverted:hover {
        color: #d5001c; }

.select {
  position: relative;
  display: block; }
  .select__field {
    font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif;
    width: 100%;
    height: 3.75rem;
    display: block;
    padding: 0.375rem 1.125rem;
    outline: none;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border: 1px solid #eff0f1;
    background: #eff0f1;
    cursor: pointer;
    font-weight: normal;
    font-size: 0.875rem;
    line-height: normal;
    color: #000; }
    html[lang='ru'] .select__field, html[lang='ru-RU'] .select__field {
      font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif; }
    html[lang='zh'] .select__field, html[lang='zh-CN'] .select__field {
      font-family: "Porsche Next", 黑体, SimHei, 宋体, SimSun, sans-serif; }
    html[lang='ar'] .select__field, html[lang='ar-AE'] .select__field {
      font-family: "Porsche Next Arabic", "Arial Narrow", Arial, sans-serif; }
    html[lang='ps'] .select__field, html[lang='ps-AR'] .select__field {
      font-family: "Porsche Next Pashto", "Arial Narrow", Arial, sans-serif; }
    html[lang='fa'] .select__field, html[lang='fa-IR'] .select__field {
      font-family: "Porsche Next Persian", "Arial Narrow", Arial, sans-serif; }
    html[lang='ur'] .select__field, html[lang='ur-PK'] .select__field {
      font-family: "Porsche Next Urdu", "Arial Narrow", Arial, sans-serif; }
  .select__icon {
    position: absolute;
    top: 50%;
    right: 1.1875rem;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%); }

.textarea {
  position: relative;
  display: block; }
  .textarea__field {
    font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif;
    font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5rem;
    width: 100%;
    height: 6.25rem;
    padding-top: 1.8125rem;
    padding-left: 1.125rem;
    padding-right: 1.125rem;
    outline: none;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    resize: none;
    border: 1px solid #c8cacb;
    background: #fff;
    font-size: 0.875rem;
    color: #000; }
    html[lang='ru'] .textarea__field, html[lang='ru-RU'] .textarea__field {
      font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif; }
    html[lang='zh'] .textarea__field, html[lang='zh-CN'] .textarea__field {
      font-family: "Porsche Next", 黑体, SimHei, 宋体, SimSun, sans-serif; }
    html[lang='ar'] .textarea__field, html[lang='ar-AE'] .textarea__field {
      font-family: "Porsche Next Arabic", "Arial Narrow", Arial, sans-serif; }
    html[lang='ps'] .textarea__field, html[lang='ps-AR'] .textarea__field {
      font-family: "Porsche Next Pashto", "Arial Narrow", Arial, sans-serif; }
    html[lang='fa'] .textarea__field, html[lang='fa-IR'] .textarea__field {
      font-family: "Porsche Next Persian", "Arial Narrow", Arial, sans-serif; }
    html[lang='ur'] .textarea__field, html[lang='ur-PK'] .textarea__field {
      font-family: "Porsche Next Urdu", "Arial Narrow", Arial, sans-serif; }
    html[lang='ru'] .textarea__field, html[lang='ru-RU'] .textarea__field {
      font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif; }
    html[lang='zh'] .textarea__field, html[lang='zh-CN'] .textarea__field {
      font-family: "Porsche Next", 黑体, SimHei, 宋体, SimSun, sans-serif; }
    html[lang='ar'] .textarea__field, html[lang='ar-AE'] .textarea__field {
      font-family: "Porsche Next Arabic", "Arial Narrow", Arial, sans-serif; }
    html[lang='ps'] .textarea__field, html[lang='ps-AR'] .textarea__field {
      font-family: "Porsche Next Pashto", "Arial Narrow", Arial, sans-serif; }
    html[lang='fa'] .textarea__field, html[lang='fa-IR'] .textarea__field {
      font-family: "Porsche Next Persian", "Arial Narrow", Arial, sans-serif; }
    html[lang='ur'] .textarea__field, html[lang='ur-PK'] .textarea__field {
      font-family: "Porsche Next Urdu", "Arial Narrow", Arial, sans-serif; }
    .textarea__field--error {
      border: 2px solid #d5001c; }
    .textarea__field--error + .textarea__label {
      left: 2px;
      top: 2px;
      padding-left: calc($textarea-label-inner-spacing-horizontal - 1px);
      padding-top: calc($textarea-label-inner-spacing-top - 1px); }
    .textarea__field::-webkit-input-placeholder {
      color: #fff; }
    .textarea__field:-ms-input-placeholder {
      color: #fff; }
    .textarea__field::-ms-input-placeholder {
      color: #fff; }
    .textarea__field::placeholder {
      color: #fff; }
    .textarea__field:disabled::-webkit-input-placeholder {
      -webkit-user-select: none;
              user-select: none; }
    .textarea__field:disabled:-ms-input-placeholder {
      -ms-user-select: none;
          user-select: none; }
    .textarea__field:disabled::-ms-input-placeholder {
      -ms-user-select: none;
          user-select: none; }
    .textarea__field:disabled::placeholder {
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none; }
    .textarea__field:focus + .textarea__label {
      color: #959899; }
    .textarea__field:not(:placeholder-shown) + .textarea__label {
      color: #959899; }
  .textarea__label {
    font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif;
    font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    position: absolute;
    background: #fff;
    top: 1px;
    left: 1px;
    right: 1.125rem;
    font-size: 0.875rem;
    color: #000;
    padding-top: 0.5625rem;
    padding-left: 1.125rem;
    padding-right: 1.125rem; }
    html[lang='ru'] .textarea__label, html[lang='ru-RU'] .textarea__label {
      font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif; }
    html[lang='zh'] .textarea__label, html[lang='zh-CN'] .textarea__label {
      font-family: "Porsche Next", 黑体, SimHei, 宋体, SimSun, sans-serif; }
    html[lang='ar'] .textarea__label, html[lang='ar-AE'] .textarea__label {
      font-family: "Porsche Next Arabic", "Arial Narrow", Arial, sans-serif; }
    html[lang='ps'] .textarea__label, html[lang='ps-AR'] .textarea__label {
      font-family: "Porsche Next Pashto", "Arial Narrow", Arial, sans-serif; }
    html[lang='fa'] .textarea__label, html[lang='fa-IR'] .textarea__label {
      font-family: "Porsche Next Persian", "Arial Narrow", Arial, sans-serif; }
    html[lang='ur'] .textarea__label, html[lang='ur-PK'] .textarea__label {
      font-family: "Porsche Next Urdu", "Arial Narrow", Arial, sans-serif; }
    html[lang='ru'] .textarea__label, html[lang='ru-RU'] .textarea__label {
      font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif; }
    html[lang='zh'] .textarea__label, html[lang='zh-CN'] .textarea__label {
      font-family: "Porsche Next", 黑体, SimHei, 宋体, SimSun, sans-serif; }
    html[lang='ar'] .textarea__label, html[lang='ar-AE'] .textarea__label {
      font-family: "Porsche Next Arabic", "Arial Narrow", Arial, sans-serif; }
    html[lang='ps'] .textarea__label, html[lang='ps-AR'] .textarea__label {
      font-family: "Porsche Next Pashto", "Arial Narrow", Arial, sans-serif; }
    html[lang='fa'] .textarea__label, html[lang='fa-IR'] .textarea__label {
      font-family: "Porsche Next Persian", "Arial Narrow", Arial, sans-serif; }
    html[lang='ur'] .textarea__label, html[lang='ur-PK'] .textarea__label {
      font-family: "Porsche Next Urdu", "Arial Narrow", Arial, sans-serif; }

/**
 * properties for flex container
 */
/**
 * properties for flex child items
 */
.form-button-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: column-reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse; }
  @media (min-width: 760px) {
    .form-button-group {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row; } }
  .form-button-group__buttons-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -webkit-flex-shrink: 1;
        -ms-flex-negative: 1;
            flex-shrink: 1;
    -webkit-flex-basis: auto;
        -ms-flex-preferred-size: auto;
            flex-basis: auto;
    height: auto; }

@keyframes animation-rotate-360 {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%; }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%; } }

@keyframes animation-fade-opacity {
  0% {
    opacity: .6; }
  45% {
    opacity: .85; }
  65% {
    opacity: 1; }
  100% {
    opacity: .6; } }

/**
 * disable animations for specific patterns
 *
 * $inactive-animations is a list, if you want e.g. exclude the css animations
 * for the-slider and tile-image-text-link pattern, you would overwrite the
 * $inactive-animations variable by passing from outside with the following value(s)
 *
 * $inactive-animations: 'tile-slider', 'tile-image-text-link'
 */
/**
 * basic hover animation timing (of color and opacity).
 * timing and bezier should be refactored after official Porsche animation guidelines are defined
 */
/**
 * properties for flex container
 */
/**
 * properties for flex child items
 */
.toggle {
  position: relative;
  width: 3rem;
  height: 1.5rem;
  display: inline-block; }
  .toggle:hover .toggle__slider {
    background-color: #c8cacb; }
    .toggle:hover .toggle__slider--inverted {
      background-color: #626669; }
    .toggle:hover .toggle__slider .toggle__icon {
      color: #fff; }
  .toggle__checkbox {
    display: none; }
    .toggle__checkbox:checked ~ .toggle__slider {
      border-color: #13d246;
      background-color: #13d246; }
      .toggle__checkbox:checked ~ .toggle__slider::after {
        border-color: #13d246;
        -webkit-transform: translateX(1.5rem);
                transform: translateX(1.5rem); }
      .toggle__checkbox:checked ~ .toggle__slider .toggle__icon {
        color: #fff; }
    .toggle__checkbox:disabled ~ .toggle__slider {
      cursor: default;
      pointer-events: none; }
    .toggle__checkbox:disabled:not(:checked) ~ .toggle__slider {
      background-color: transparent; }
      .toggle__checkbox:disabled:not(:checked) ~ .toggle__slider .toggle__icon {
        color: #c8cacb; }
        .toggle__checkbox:disabled:not(:checked) ~ .toggle__slider .toggle__icon--inverted {
          color: #fff; }
  .toggle__slider {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    border: 1px solid #c8cacb;
    border-radius: 0.75rem;
    background-color: transparent;
    cursor: pointer; }
    .toggle__slider::after {
      -webkit-transition: 0.2s;
      transition: 0.2s;
      content: '';
      display: block;
      position: absolute;
      width: 1.5rem;
      height: 1.5rem;
      left: -1px;
      top: -1px;
      border: 1px solid #c8cacb;
      border-radius: 50%;
      background-color: #fff;
      -webkit-transform: translate(0, 0);
              transform: translate(0, 0); }
    .toggle__slider--inverted {
      border-color: #626669; }
      .toggle__slider--inverted::after {
        border-color: #626669; }
  .toggle__icon {
    font-family: 'pag-iconfont' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-align: center;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    display: inline-block;
    width: 50%;
    font-size: 0.875rem;
    color: #c8cacb; }
    .toggle__icon--inverted {
      color: #fff; }
    .toggle__icon--inactive {
      -webkit-box-ordinal-group: 3;
      -webkit-order: 2;
          -ms-flex-order: 2;
              order: 2; }
      .toggle__icon--inactive::before {
        content: '\e02d'; }
    .toggle__icon--active {
      -webkit-box-ordinal-group: 2;
      -webkit-order: 1;
          -ms-flex-order: 1;
              order: 1; }
      .toggle__icon--active::before {
        content: '\e615'; }

.image {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  display: block; }
  .image--fullwidth {
    width: 100%;
    height: auto; }

.image-cover {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% + 1px);
  height: calc(100% + 1px);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat; }
  @media (min-width: 0) {
    .image-cover__gradient {
      display: none; } }
  @media (min-width: 760px) {
    .image-cover__gradient {
      display: block;
      width: 100%;
      height: 50%;
      position: absolute;
      bottom: 0;
      background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#12181c));
      background: -webkit-linear-gradient(top, transparent, #12181c);
      background: linear-gradient(to bottom, transparent, #12181c); } }
  @media (min-width: 0) {
    .image-cover__gradient-banner {
      display: none; } }
  @media (min-width: 1000px) {
    .image-cover__gradient-banner {
      display: block;
      width: 100%;
      height: 50%;
      position: absolute;
      bottom: 0;
      background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#12181c));
      background: -webkit-linear-gradient(top, transparent, #12181c);
      background: linear-gradient(to bottom, transparent, #12181c); } }

.dropdown-multi-function {
  position: relative;
  width: 15.5625rem;
  margin-top: 0.70711rem;
  margin-right: -1.25rem;
  z-index: 1;
  visibility: hidden;
  -webkit-box-shadow: 0 0.1875rem 1.25rem 0.125rem rgba(0, 0, 0, 0.25);
          box-shadow: 0 0.1875rem 1.25rem 0.125rem rgba(0, 0, 0, 0.25); }
  @media (min-width: 480px) {
    .dropdown-multi-function {
      width: 16.875rem; } }
  .dropdown-multi-function::before {
    content: '';
    position: absolute;
    top: -2.5rem;
    bottom: -0.5rem;
    left: -0.5rem;
    right: -0.5rem; }
  .dropdown-multi-function--visible {
    visibility: visible; }
  .dropdown-multi-function--above {
    margin-top: 0;
    margin-bottom: 0.70711rem; }
    .dropdown-multi-function--above::before {
      top: -0.5rem;
      bottom: -2.5rem; }
  .dropdown-multi-function__diamond {
    position: absolute;
    top: -0.5rem;
    right: 0.75rem;
    -webkit-box-shadow: -0.0625rem -0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1);
            box-shadow: -0.0625rem -0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1); }
    .dropdown-multi-function__diamond--above {
      top: auto;
      bottom: -0.5rem;
      -webkit-box-shadow: 0.0625rem 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1);
              box-shadow: 0.0625rem 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1); }
  .dropdown-multi-function__item {
    font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5rem;
    text-align: left;
    position: relative;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    cursor: pointer;
    background-color: #eff0f1;
    color: #000; }
    html[lang='ru'] .dropdown-multi-function__item, html[lang='ru-RU'] .dropdown-multi-function__item {
      font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif; }
    html[lang='zh'] .dropdown-multi-function__item, html[lang='zh-CN'] .dropdown-multi-function__item {
      font-family: "Porsche Next", 黑体, SimHei, 宋体, SimSun, sans-serif; }
    html[lang='ar'] .dropdown-multi-function__item, html[lang='ar-AE'] .dropdown-multi-function__item {
      font-family: "Porsche Next Arabic", "Arial Narrow", Arial, sans-serif; }
    html[lang='ps'] .dropdown-multi-function__item, html[lang='ps-AR'] .dropdown-multi-function__item {
      font-family: "Porsche Next Pashto", "Arial Narrow", Arial, sans-serif; }
    html[lang='fa'] .dropdown-multi-function__item, html[lang='fa-IR'] .dropdown-multi-function__item {
      font-family: "Porsche Next Persian", "Arial Narrow", Arial, sans-serif; }
    html[lang='ur'] .dropdown-multi-function__item, html[lang='ur-PK'] .dropdown-multi-function__item {
      font-family: "Porsche Next Urdu", "Arial Narrow", Arial, sans-serif; }
    .dropdown-multi-function__item:hover {
      background-color: #d5001c;
      color: #fff; }
      .dropdown-multi-function__item:hover::after,
      .dropdown-multi-function__item:hover + .dropdown-multi-function__item::after {
        visibility: hidden; }
    .dropdown-multi-function__item ~ .dropdown-multi-function__item::after {
      content: '';
      display: block;
      position: absolute;
      top: 0;
      left: 1.5rem;
      right: 1.5rem;
      height: 1px;
      background-color: #c8cacb; }

.list-expanded {
  position: relative;
  min-height: 5rem;
  background: #fff; }
  .list-expanded__close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 1rem;
    margin: calc(1.125rem - 1rem) calc(1.125rem - 1rem);
    cursor: pointer;
    font-size: 1.25rem;
    color: #626669; }
    @media (min-width: 760px) {
      .list-expanded__close {
        margin: calc(1.5rem - 1rem) calc(1.5rem - 1rem); } }
    @media (min-width: 1300px) {
      .list-expanded__close {
        margin: calc(1.875rem - 1rem) calc(1.875rem - 1rem); } }
    .list-expanded__close:hover {
      color: #d5001c; }

.list-detail {
  background-color: #fff; }

.list-view {
  /* prevent sass render from removing empty selectors */ }
  .list-view__item {
    position: relative;
    background-color: #fff;
    border-left: 0.375rem solid #afb1b2; }
    @media (min-width: 480px) {
      .list-view__item {
        border-left-width: 0.75rem; } }
    .list-view__item:not(:first-child) {
      margin-top: 0.1875rem; }
    .list-view__item--active {
      border-left-color: #d5001c; }
    .list-view__item--active-e-mobility {
      border-left-color: #d2eb2d; }
    .list-view__item--expanded {
      border-left-width: 0; }
      .list-view__item--expanded .list-view__content,
      .list-view__item--expanded .list-view__checkbox,
      .list-view__item--expanded .list-view__menu {
        display: none; }
  .list-view__content {
    min-height: 4.125rem;
    padding-left: 0.75rem;
    padding-right: 3rem;
    padding-top: 1.125rem;
    padding-bottom: 1.125rem;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    color: #959899; }
    @media (min-width: 480px) {
      .list-view__content {
        padding-left: 1.125rem;
        padding-right: 3.75rem; } }
    @media (min-width: 760px) {
      .list-view__content {
        min-height: 4.5rem;
        padding-right: 5rem; } }
    @media (min-width: 1300px) {
      .list-view__content {
        padding-left: 1.875rem; } }
    .list-view__content--checkable {
      padding-left: 3.125rem; }
      @media (min-width: 480px) {
        .list-view__content--checkable {
          padding-left: 4rem; } }
      @media (min-width: 1000px) {
        .list-view__content--checkable {
          padding-left: 5.625rem; } }
    .list-view__content--hoverable {
      cursor: pointer; }
      .list-view__content--hoverable:hover {
        background-color: #eff0f1; }
    .list-view__content--active {
      color: #000; }
  .list-view__title {
    font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif;
    font-weight: 400;
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 200; }
    html[lang='ru'] .list-view__title, html[lang='ru-RU'] .list-view__title {
      font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif; }
    html[lang='zh'] .list-view__title, html[lang='zh-CN'] .list-view__title {
      font-family: "Porsche Next", 黑体, SimHei, 宋体, SimSun, sans-serif; }
    html[lang='ar'] .list-view__title, html[lang='ar-AE'] .list-view__title {
      font-family: "Porsche Next Arabic", "Arial Narrow", Arial, sans-serif; }
    html[lang='ps'] .list-view__title, html[lang='ps-AR'] .list-view__title {
      font-family: "Porsche Next Pashto", "Arial Narrow", Arial, sans-serif; }
    html[lang='fa'] .list-view__title, html[lang='fa-IR'] .list-view__title {
      font-family: "Porsche Next Persian", "Arial Narrow", Arial, sans-serif; }
    html[lang='ur'] .list-view__title, html[lang='ur-PK'] .list-view__title {
      font-family: "Porsche Next Urdu", "Arial Narrow", Arial, sans-serif; }
    @media (min-width: 1000px) and (max-width: 1759px) {
      .list-view__title {
        font-size: 1.375rem;
        line-height: 1.875rem; } }
    @media (min-width: 1760px) {
      .list-view__title {
        font-size: 1.5rem;
        line-height: 1.875rem; } }
  .list-view__tags {
    font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5rem; }
    html[lang='ru'] .list-view__tags, html[lang='ru-RU'] .list-view__tags {
      font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif; }
    html[lang='zh'] .list-view__tags, html[lang='zh-CN'] .list-view__tags {
      font-family: "Porsche Next", 黑体, SimHei, 宋体, SimSun, sans-serif; }
    html[lang='ar'] .list-view__tags, html[lang='ar-AE'] .list-view__tags {
      font-family: "Porsche Next Arabic", "Arial Narrow", Arial, sans-serif; }
    html[lang='ps'] .list-view__tags, html[lang='ps-AR'] .list-view__tags {
      font-family: "Porsche Next Pashto", "Arial Narrow", Arial, sans-serif; }
    html[lang='fa'] .list-view__tags, html[lang='fa-IR'] .list-view__tags {
      font-family: "Porsche Next Persian", "Arial Narrow", Arial, sans-serif; }
    html[lang='ur'] .list-view__tags, html[lang='ur-PK'] .list-view__tags {
      font-family: "Porsche Next Urdu", "Arial Narrow", Arial, sans-serif; }
  .list-view__tag {
    margin-top: 0.1875rem;
    position: relative; }
    @media (min-width: 760px) {
      .list-view__tag {
        display: inline-block; }
        .list-view__tag:not(:last-child) {
          margin-right: 0.375rem;
          padding-right: 0.375rem; } }
    @media (min-width: 760px) and (min-width: 1000px) {
      .list-view__tag:not(:last-child) {
        margin-right: 0.75rem;
        padding-right: 0.75rem; } }
    @media (min-width: 760px) {
      .list-view__tag--divider:not(:last-child) {
        margin-right: 0.75rem;
        padding-right: 0.75rem;
        border-right: 1px solid #c8cacb; } }
    @media (min-width: 1000px) {
      .list-view__tag--divider:not(:last-child) {
        margin-right: 1.5rem;
        padding-right: 1.5rem; } }
    .list-view__tag--icon {
      padding-left: 1.75rem; }
  .list-view__icon {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
    font-size: 1.25rem; }
    .list-view__icon--active {
      color: #959899; }
  .list-view__checkbox {
    position: absolute;
    top: 1.125rem;
    left: 0.75rem; }
    @media (min-width: 480px) {
      .list-view__checkbox {
        left: 1.1875rem; } }
    @media (min-width: 760px) {
      .list-view__checkbox {
        top: 50%;
        -webkit-transform: translate(0, -50%);
                transform: translate(0, -50%); } }
    @media (min-width: 1000px) {
      .list-view__checkbox {
        left: 2rem; } }
  .list-view__menu {
    text-align: center;
    position: absolute;
    top: 18px;
    right: 0.75rem;
    width: 1.875rem;
    height: 1.875rem;
    display: table;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-radius: 50%;
    background-color: transparent;
    border: 0.125rem solid #626669;
    cursor: pointer; }
    @media (min-width: 480px) {
      .list-view__menu {
        right: 1.125rem; } }
    @media (min-width: 760px) {
      .list-view__menu {
        width: 2.25rem;
        height: 2.25rem;
        top: 50%;
        -webkit-transform: translate(0, -50%);
                transform: translate(0, -50%); } }
    @media (min-width: 1300px) {
      .list-view__menu {
        right: 1.875rem; } }
    .list-view__menu::before {
      vertical-align: middle;
      color: #626669;
      display: table-cell; }
      @media (min-width: 760px) {
        .list-view__menu::before {
          font-size: 1.125rem; } }
    .list-view__menu::after {
      content: '';
      position: absolute;
      top: -0.4375rem;
      right: -0.4375rem;
      bottom: -0.4375rem;
      left: -0.4375rem; }
    .list-view__menu:hover {
      background-color: #626669;
      border-color: #626669; }
      .list-view__menu:hover::before {
        color: #fff; }

/**
 * properties for flex container
 */
/**
 * properties for flex child items
 */
.list-violation {
  /* prevent sass render from removing empty selectors */ }
  .list-violation__item {
    padding: 1.125rem 1.125rem;
    background-color: #fff; }
    @media (min-width: 760px) {
      .list-violation__item {
        padding: 1.5rem 1.5rem; } }
    @media (min-width: 1300px) {
      .list-violation__item {
        padding: 1.875rem 1.875rem; } }
    @media (min-width: 760px) {
      .list-violation__item {
        padding-top: 1.125rem;
        padding-bottom: 1.125rem; } }
    .list-violation__item:not(:first-child) {
      margin-top: 0.1875rem; }
  .list-violation__row {
    position: relative; }
    @media (min-width: 760px) {
      .list-violation__row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex; } }
  .list-violation__title {
    font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif;
    font-weight: 400;
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 200; }
    html[lang='ru'] .list-violation__title, html[lang='ru-RU'] .list-violation__title {
      font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif; }
    html[lang='zh'] .list-violation__title, html[lang='zh-CN'] .list-violation__title {
      font-family: "Porsche Next", 黑体, SimHei, 宋体, SimSun, sans-serif; }
    html[lang='ar'] .list-violation__title, html[lang='ar-AE'] .list-violation__title {
      font-family: "Porsche Next Arabic", "Arial Narrow", Arial, sans-serif; }
    html[lang='ps'] .list-violation__title, html[lang='ps-AR'] .list-violation__title {
      font-family: "Porsche Next Pashto", "Arial Narrow", Arial, sans-serif; }
    html[lang='fa'] .list-violation__title, html[lang='fa-IR'] .list-violation__title {
      font-family: "Porsche Next Persian", "Arial Narrow", Arial, sans-serif; }
    html[lang='ur'] .list-violation__title, html[lang='ur-PK'] .list-violation__title {
      font-family: "Porsche Next Urdu", "Arial Narrow", Arial, sans-serif; }
    @media (min-width: 1000px) and (max-width: 1759px) {
      .list-violation__title {
        font-size: 1.375rem;
        line-height: 1.875rem; } }
    @media (min-width: 1760px) {
      .list-violation__title {
        font-size: 1.5rem;
        line-height: 1.875rem; } }
  .list-violation__content {
    font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5rem; }
    html[lang='ru'] .list-violation__content, html[lang='ru-RU'] .list-violation__content {
      font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif; }
    html[lang='zh'] .list-violation__content, html[lang='zh-CN'] .list-violation__content {
      font-family: "Porsche Next", 黑体, SimHei, 宋体, SimSun, sans-serif; }
    html[lang='ar'] .list-violation__content, html[lang='ar-AE'] .list-violation__content {
      font-family: "Porsche Next Arabic", "Arial Narrow", Arial, sans-serif; }
    html[lang='ps'] .list-violation__content, html[lang='ps-AR'] .list-violation__content {
      font-family: "Porsche Next Pashto", "Arial Narrow", Arial, sans-serif; }
    html[lang='fa'] .list-violation__content, html[lang='fa-IR'] .list-violation__content {
      font-family: "Porsche Next Persian", "Arial Narrow", Arial, sans-serif; }
    html[lang='ur'] .list-violation__content, html[lang='ur-PK'] .list-violation__content {
      font-family: "Porsche Next Urdu", "Arial Narrow", Arial, sans-serif; }
    @media (min-width: 760px) {
      .list-violation__content--left {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-transform: translate(-1px, 0);
                transform: translate(-1px, 0); } }
    @media (min-width: 760px) {
      .list-violation__content--right {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-transform: translate(-1px, 0);
                transform: translate(-1px, 0);
        padding-left: 1.5rem;
        border-left: 1px solid #c8cacb; } }
  .list-violation__tags {
    margin-top: 0.1875rem;
    font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5rem; }
    html[lang='ru'] .list-violation__tags, html[lang='ru-RU'] .list-violation__tags {
      font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif; }
    html[lang='zh'] .list-violation__tags, html[lang='zh-CN'] .list-violation__tags {
      font-family: "Porsche Next", 黑体, SimHei, 宋体, SimSun, sans-serif; }
    html[lang='ar'] .list-violation__tags, html[lang='ar-AE'] .list-violation__tags {
      font-family: "Porsche Next Arabic", "Arial Narrow", Arial, sans-serif; }
    html[lang='ps'] .list-violation__tags, html[lang='ps-AR'] .list-violation__tags {
      font-family: "Porsche Next Pashto", "Arial Narrow", Arial, sans-serif; }
    html[lang='fa'] .list-violation__tags, html[lang='fa-IR'] .list-violation__tags {
      font-family: "Porsche Next Persian", "Arial Narrow", Arial, sans-serif; }
    html[lang='ur'] .list-violation__tags, html[lang='ur-PK'] .list-violation__tags {
      font-family: "Porsche Next Urdu", "Arial Narrow", Arial, sans-serif; }
    @media (min-width: 760px) {
      .list-violation__tags li {
        display: inline-block; }
        .list-violation__tags li:not(:first-child)::before {
          content: '|';
          padding-left: 0.625rem;
          padding-right: 0.625rem;
          color: #c8cacb; } }

/**
 * properties for flex container
 */
/**
 * properties for flex child items
 */
.list-orders__item {
  padding: 1.125rem 1.125rem;
  background-color: #fff;
  border-left: 0.125rem solid #7b7e80; }
  @media (min-width: 760px) {
    .list-orders__item {
      padding: 1.5rem 1.5rem; } }
  @media (min-width: 1300px) {
    .list-orders__item {
      padding: 1.875rem 1.875rem; } }
  @media (min-width: 760px) {
    .list-orders__item {
      padding-top: 1.125rem;
      padding-bottom: 1.5rem; } }
  .list-orders__item:not(:first-child) {
    margin-top: 0.1875rem; }
  .list-orders__item--active {
    border-left-color: #d5001c; }

.list-orders__row {
  position: relative;
  display: block; }
  @media (min-width: 760px) {
    .list-orders__row {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; } }

.list-orders__order-number {
  font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif;
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 1.75rem; }
  html[lang='ru'] .list-orders__order-number, html[lang='ru-RU'] .list-orders__order-number {
    font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif; }
  html[lang='zh'] .list-orders__order-number, html[lang='zh-CN'] .list-orders__order-number {
    font-family: "Porsche Next", 黑体, SimHei, 宋体, SimSun, sans-serif; }
  html[lang='ar'] .list-orders__order-number, html[lang='ar-AE'] .list-orders__order-number {
    font-family: "Porsche Next Arabic", "Arial Narrow", Arial, sans-serif; }
  html[lang='ps'] .list-orders__order-number, html[lang='ps-AR'] .list-orders__order-number {
    font-family: "Porsche Next Pashto", "Arial Narrow", Arial, sans-serif; }
  html[lang='fa'] .list-orders__order-number, html[lang='fa-IR'] .list-orders__order-number {
    font-family: "Porsche Next Persian", "Arial Narrow", Arial, sans-serif; }
  html[lang='ur'] .list-orders__order-number, html[lang='ur-PK'] .list-orders__order-number {
    font-family: "Porsche Next Urdu", "Arial Narrow", Arial, sans-serif; }
  @media (min-width: 1000px) and (max-width: 1759px) {
    .list-orders__order-number {
      font-size: 1.375rem;
      line-height: 1.875rem; } }
  @media (min-width: 1760px) {
    .list-orders__order-number {
      font-size: 1.5rem;
      line-height: 1.875rem; } }

.list-orders__content {
  font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem; }
  html[lang='ru'] .list-orders__content, html[lang='ru-RU'] .list-orders__content {
    font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif; }
  html[lang='zh'] .list-orders__content, html[lang='zh-CN'] .list-orders__content {
    font-family: "Porsche Next", 黑体, SimHei, 宋体, SimSun, sans-serif; }
  html[lang='ar'] .list-orders__content, html[lang='ar-AE'] .list-orders__content {
    font-family: "Porsche Next Arabic", "Arial Narrow", Arial, sans-serif; }
  html[lang='ps'] .list-orders__content, html[lang='ps-AR'] .list-orders__content {
    font-family: "Porsche Next Pashto", "Arial Narrow", Arial, sans-serif; }
  html[lang='fa'] .list-orders__content, html[lang='fa-IR'] .list-orders__content {
    font-family: "Porsche Next Persian", "Arial Narrow", Arial, sans-serif; }
  html[lang='ur'] .list-orders__content, html[lang='ur-PK'] .list-orders__content {
    font-family: "Porsche Next Urdu", "Arial Narrow", Arial, sans-serif; }
  @media (min-width: 760px) {
    .list-orders__content--left {
      border-right: 1px solid #7b7e80; } }
  @media (min-width: 760px) {
    .list-orders__content--right {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      padding-left: 1.5rem;
      -webkit-transform: translate(-1px, 0);
              transform: translate(-1px, 0);
      border-left: 1px solid #7b7e80; } }

.list-orders__details {
  margin-top: 0.1875rem;
  font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
  padding-left: 0;
  list-style: none; }
  html[lang='ru'] .list-orders__details, html[lang='ru-RU'] .list-orders__details {
    font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif; }
  html[lang='zh'] .list-orders__details, html[lang='zh-CN'] .list-orders__details {
    font-family: "Porsche Next", 黑体, SimHei, 宋体, SimSun, sans-serif; }
  html[lang='ar'] .list-orders__details, html[lang='ar-AE'] .list-orders__details {
    font-family: "Porsche Next Arabic", "Arial Narrow", Arial, sans-serif; }
  html[lang='ps'] .list-orders__details, html[lang='ps-AR'] .list-orders__details {
    font-family: "Porsche Next Pashto", "Arial Narrow", Arial, sans-serif; }
  html[lang='fa'] .list-orders__details, html[lang='fa-IR'] .list-orders__details {
    font-family: "Porsche Next Persian", "Arial Narrow", Arial, sans-serif; }
  html[lang='ur'] .list-orders__details, html[lang='ur-PK'] .list-orders__details {
    font-family: "Porsche Next Urdu", "Arial Narrow", Arial, sans-serif; }
  @media (min-width: 760px) {
    .list-orders__details-info-item {
      display: inline-block; } }

.list-orders__menu {
  text-align: center;
  position: absolute;
  top: 0;
  right: 0;
  bottom: auto;
  left: auto;
  display: table;
  cursor: pointer;
  border-radius: 50%;
  background-color: transparent;
  border: 2px solid #d5001c;
  width: 2.5rem;
  height: 2.5rem; }
  .list-orders__menu::before {
    vertical-align: middle;
    color: #d5001c;
    display: table-cell; }
  .list-orders__menu:hover {
    background-color: #d5001c;
    border-color: #d5001c; }
    .list-orders__menu:hover::before {
      color: #fff; }
  .list-orders__menu.icon--download-02 {
    top: 0.625rem;
    text-decoration: none; }
    .list-orders__menu.icon--download-02:hover::before {
      color: #fff; }
    .list-orders__menu.icon--download-02::before {
      text-align: center;
      color: #d5001c;
      display: block;
      width: 100%;
      font-size: 1.25rem;
      line-height: 2.3125rem; }

.list-orders__list-separator {
  color: #7b7e80;
  display: none;
  padding: 0 10px; }
  @media (min-width: 760px) {
    .list-orders__list-separator {
      display: inline-block; } }

.list-menu {
  text-align: center;
  position: absolute;
  top: 1.125rem;
  right: 0.75rem;
  width: 1.875rem;
  height: 1.875rem;
  display: table;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 50%;
  background-color: transparent;
  border: 0.125rem solid #626669;
  cursor: pointer; }
  @media (min-width: 480px) {
    .list-menu {
      right: 1.125rem; } }
  @media (min-width: 760px) {
    .list-menu {
      width: 2.25rem;
      height: 2.25rem;
      top: 50%;
      -webkit-transform: translate(0, -50%);
              transform: translate(0, -50%); } }
  @media (min-width: 1300px) {
    .list-menu {
      right: 1.875rem; } }
  .list-menu::before {
    vertical-align: middle;
    color: #626669;
    display: table-cell; }
    @media (min-width: 760px) {
      .list-menu::before {
        font-size: 1.125rem; } }
  .list-menu::after {
    content: '';
    position: absolute;
    top: -0.4375rem;
    right: -0.4375rem;
    bottom: -0.4375rem;
    left: -0.4375rem; }
  .list-menu:hover {
    background-color: #626669;
    border-color: #626669; }
    .list-menu:hover::before {
      color: #fff; }
  .list-menu--open {
    -webkit-transform: rotate(180deg) translate(0, 50%);
            transform: rotate(180deg) translate(0, 50%);
    top: 3.3125rem; }

/**
 * properties for flex container
 */
/**
 * properties for flex child items
 */
.list-message {
  /* prevent sass render from removing empty selectors */ }
  .list-message__item {
    padding: 1.125rem 1.125rem;
    background-color: #fff;
    border-left: 0.375rem solid #196a99;
    position: relative;
    padding-left: 2.8125rem; }
    @media (min-width: 760px) {
      .list-message__item {
        padding: 1.5rem 1.5rem; } }
    @media (min-width: 1300px) {
      .list-message__item {
        padding: 1.875rem 1.875rem; } }
    @media (min-width: 480px) {
      .list-message__item {
        border-left-width: 0.75rem;
        padding-left: 5.9375rem; } }
    @media (min-width: 760px) {
      .list-message__item {
        padding-top: 1.125rem;
        padding-bottom: 1.125rem; } }
    .list-message__item:not(:first-child) {
      margin-top: 0.1875rem; }
    .list-message__item--open {
      position: relative;
      z-index: 9001;
      padding: 1.125rem 1.125rem;
      border-left: 0; }
      @media (min-width: 760px) {
        .list-message__item--open {
          padding: 1.5rem 1.5rem; } }
      @media (min-width: 1300px) {
        .list-message__item--open {
          padding: 1.875rem 1.875rem; } }
  .list-message__row {
    position: relative; }
    @media (min-width: 1000px) {
      .list-message__row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex; } }
  .list-message__title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif;
    font-weight: 400;
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 200; }
    html[lang='ru'] .list-message__title, html[lang='ru-RU'] .list-message__title {
      font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif; }
    html[lang='zh'] .list-message__title, html[lang='zh-CN'] .list-message__title {
      font-family: "Porsche Next", 黑体, SimHei, 宋体, SimSun, sans-serif; }
    html[lang='ar'] .list-message__title, html[lang='ar-AE'] .list-message__title {
      font-family: "Porsche Next Arabic", "Arial Narrow", Arial, sans-serif; }
    html[lang='ps'] .list-message__title, html[lang='ps-AR'] .list-message__title {
      font-family: "Porsche Next Pashto", "Arial Narrow", Arial, sans-serif; }
    html[lang='fa'] .list-message__title, html[lang='fa-IR'] .list-message__title {
      font-family: "Porsche Next Persian", "Arial Narrow", Arial, sans-serif; }
    html[lang='ur'] .list-message__title, html[lang='ur-PK'] .list-message__title {
      font-family: "Porsche Next Urdu", "Arial Narrow", Arial, sans-serif; }
  .list-message__content {
    font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5rem; }
    html[lang='ru'] .list-message__content, html[lang='ru-RU'] .list-message__content {
      font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif; }
    html[lang='zh'] .list-message__content, html[lang='zh-CN'] .list-message__content {
      font-family: "Porsche Next", 黑体, SimHei, 宋体, SimSun, sans-serif; }
    html[lang='ar'] .list-message__content, html[lang='ar-AE'] .list-message__content {
      font-family: "Porsche Next Arabic", "Arial Narrow", Arial, sans-serif; }
    html[lang='ps'] .list-message__content, html[lang='ps-AR'] .list-message__content {
      font-family: "Porsche Next Pashto", "Arial Narrow", Arial, sans-serif; }
    html[lang='fa'] .list-message__content, html[lang='fa-IR'] .list-message__content {
      font-family: "Porsche Next Persian", "Arial Narrow", Arial, sans-serif; }
    html[lang='ur'] .list-message__content, html[lang='ur-PK'] .list-message__content {
      font-family: "Porsche Next Urdu", "Arial Narrow", Arial, sans-serif; }
    @media (min-width: 1000px) {
      .list-message__content--left {
        border-right: 1px solid #c8cacb; } }
    @media (min-width: 1000px) {
      .list-message__content--right {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-transform: translate(-1px, 0);
                transform: translate(-1px, 0);
        padding-left: 1.5rem;
        border-left: 1px solid #c8cacb; } }
  .list-message__tags {
    margin-top: 0.1875rem;
    font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5rem; }
    html[lang='ru'] .list-message__tags, html[lang='ru-RU'] .list-message__tags {
      font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif; }
    html[lang='zh'] .list-message__tags, html[lang='zh-CN'] .list-message__tags {
      font-family: "Porsche Next", 黑体, SimHei, 宋体, SimSun, sans-serif; }
    html[lang='ar'] .list-message__tags, html[lang='ar-AE'] .list-message__tags {
      font-family: "Porsche Next Arabic", "Arial Narrow", Arial, sans-serif; }
    html[lang='ps'] .list-message__tags, html[lang='ps-AR'] .list-message__tags {
      font-family: "Porsche Next Pashto", "Arial Narrow", Arial, sans-serif; }
    html[lang='fa'] .list-message__tags, html[lang='fa-IR'] .list-message__tags {
      font-family: "Porsche Next Persian", "Arial Narrow", Arial, sans-serif; }
    html[lang='ur'] .list-message__tags, html[lang='ur-PK'] .list-message__tags {
      font-family: "Porsche Next Urdu", "Arial Narrow", Arial, sans-serif; }
    @media (min-width: 760px) {
      .list-message__tags li {
        display: inline-block; } }
  .list-message__icon {
    position: absolute;
    top: 0.9375rem;
    left: 0.5rem;
    font-size: 2rem; }
    @media (min-width: 480px) {
      .list-message__icon {
        left: 1.1875rem;
        top: 0.8125rem;
        font-size: 3.25rem; } }
    @media (min-width: 1000px) {
      .list-message__icon {
        left: 1rem; } }
    .list-message__icon--error {
      color: #d5001c; }
    .list-message__icon--open {
      display: none; }
  .list-message__date-time {
    padding-right: 2.625rem; }
  .list-message__date-title {
    display: none; }
    @media (min-width: 760px) {
      .list-message__date-title {
        display: inline-block;
        margin-right: 0.1875rem; } }
  .list-message__date-icon {
    margin-right: 0.4375rem;
    vertical-align: middle; }
  .list-message__detail {
    display: none; }
    .list-message__detail--open {
      display: block; }

.list-tag {
  font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
  color: #fff; }
  html[lang='ru'] .list-tag, html[lang='ru-RU'] .list-tag {
    font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif; }
  html[lang='zh'] .list-tag, html[lang='zh-CN'] .list-tag {
    font-family: "Porsche Next", 黑体, SimHei, 宋体, SimSun, sans-serif; }
  html[lang='ar'] .list-tag, html[lang='ar-AE'] .list-tag {
    font-family: "Porsche Next Arabic", "Arial Narrow", Arial, sans-serif; }
  html[lang='ps'] .list-tag, html[lang='ps-AR'] .list-tag {
    font-family: "Porsche Next Pashto", "Arial Narrow", Arial, sans-serif; }
  html[lang='fa'] .list-tag, html[lang='fa-IR'] .list-tag {
    font-family: "Porsche Next Persian", "Arial Narrow", Arial, sans-serif; }
  html[lang='ur'] .list-tag, html[lang='ur-PK'] .list-tag {
    font-family: "Porsche Next Urdu", "Arial Narrow", Arial, sans-serif; }
  .list-tag__item {
    display: inline-block; }
    .list-tag__item::after {
      margin-left: 0.75rem;
      margin-right: 0.75rem;
      color: #494e51;
      content: '|'; }
    .list-tag__item:last-child::after {
      margin: 0;
      content: ''; }

.list-bullet {
  font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
  color: #d5001c; }
  html[lang='ru'] .list-bullet, html[lang='ru-RU'] .list-bullet {
    font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif; }
  html[lang='zh'] .list-bullet, html[lang='zh-CN'] .list-bullet {
    font-family: "Porsche Next", 黑体, SimHei, 宋体, SimSun, sans-serif; }
  html[lang='ar'] .list-bullet, html[lang='ar-AE'] .list-bullet {
    font-family: "Porsche Next Arabic", "Arial Narrow", Arial, sans-serif; }
  html[lang='ps'] .list-bullet, html[lang='ps-AR'] .list-bullet {
    font-family: "Porsche Next Pashto", "Arial Narrow", Arial, sans-serif; }
  html[lang='fa'] .list-bullet, html[lang='fa-IR'] .list-bullet {
    font-family: "Porsche Next Persian", "Arial Narrow", Arial, sans-serif; }
  html[lang='ur'] .list-bullet, html[lang='ur-PK'] .list-bullet {
    font-family: "Porsche Next Urdu", "Arial Narrow", Arial, sans-serif; }
  .list-bullet__item {
    position: relative;
    list-style-type: disc;
    margin-left: 1.125rem; }
  .list-bullet__item--square {
    list-style-type: none;
    margin-left: auto;
    padding-left: calc(0.25rem + 0.75rem); }
    .list-bullet__item--square::before {
      position: absolute;
      background-color: #d5001c;
      content: '';
      display: block;
      width: 0.25rem;
      height: 0.25rem;
      top: 0.5625rem;
      left: 0; }
  .list-bullet__item--square-black {
    list-style-type: none;
    margin-left: auto;
    padding-left: calc(0.25rem + 0.75rem); }
    .list-bullet__item--square-black::before {
      position: absolute;
      background-color: #000;
      content: '';
      display: block;
      width: 0.25rem;
      height: 0.25rem;
      top: 0.5625rem;
      left: 0; }
  .list-bullet__label {
    color: #000; }

/**
 * properties for flex container
 */
/**
 * properties for flex child items
 */
.list-striped__item:nth-child(odd) {
  background-color: #494e51;
  color: #fff; }

.list-striped__item:nth-child(even) {
  background-color: #313639;
  color: #fff; }

.list-striped__item-label {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1.125rem 1.125rem; }
  @media (min-width: 0) and (max-width: 479px) {
    .list-striped__item-label {
      padding-bottom: 0; } }
  .list-striped__item-label-text {
    font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5rem;
    margin-right: 0.1875rem;
    line-height: 2rem; }
    html[lang='ru'] .list-striped__item-label-text, html[lang='ru-RU'] .list-striped__item-label-text {
      font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif; }
    html[lang='zh'] .list-striped__item-label-text, html[lang='zh-CN'] .list-striped__item-label-text {
      font-family: "Porsche Next", 黑体, SimHei, 宋体, SimSun, sans-serif; }
    html[lang='ar'] .list-striped__item-label-text, html[lang='ar-AE'] .list-striped__item-label-text {
      font-family: "Porsche Next Arabic", "Arial Narrow", Arial, sans-serif; }
    html[lang='ps'] .list-striped__item-label-text, html[lang='ps-AR'] .list-striped__item-label-text {
      font-family: "Porsche Next Pashto", "Arial Narrow", Arial, sans-serif; }
    html[lang='fa'] .list-striped__item-label-text, html[lang='fa-IR'] .list-striped__item-label-text {
      font-family: "Porsche Next Persian", "Arial Narrow", Arial, sans-serif; }
    html[lang='ur'] .list-striped__item-label-text, html[lang='ur-PK'] .list-striped__item-label-text {
      font-family: "Porsche Next Urdu", "Arial Narrow", Arial, sans-serif; }
  .list-striped__item-label-icon {
    color: #959899;
    font-size: 1.25rem; }

.list-striped__item-value {
  font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
  padding: 1.125rem 1.125rem;
  line-height: 2rem;
  font-weight: 600; }
  html[lang='ru'] .list-striped__item-value, html[lang='ru-RU'] .list-striped__item-value {
    font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif; }
  html[lang='zh'] .list-striped__item-value, html[lang='zh-CN'] .list-striped__item-value {
    font-family: "Porsche Next", 黑体, SimHei, 宋体, SimSun, sans-serif; }
  html[lang='ar'] .list-striped__item-value, html[lang='ar-AE'] .list-striped__item-value {
    font-family: "Porsche Next Arabic", "Arial Narrow", Arial, sans-serif; }
  html[lang='ps'] .list-striped__item-value, html[lang='ps-AR'] .list-striped__item-value {
    font-family: "Porsche Next Pashto", "Arial Narrow", Arial, sans-serif; }
  html[lang='fa'] .list-striped__item-value, html[lang='fa-IR'] .list-striped__item-value {
    font-family: "Porsche Next Persian", "Arial Narrow", Arial, sans-serif; }
  html[lang='ur'] .list-striped__item-value, html[lang='ur-PK'] .list-striped__item-value {
    font-family: "Porsche Next Urdu", "Arial Narrow", Arial, sans-serif; }
  @media (min-width: 0) and (max-width: 479px) {
    .list-striped__item-value {
      padding-top: 0; } }

.list-empty {
  padding: 1.125rem 1.125rem;
  background-color: #fff; }
  @media (min-width: 760px) {
    .list-empty {
      padding: 1.5rem 1.5rem; } }
  @media (min-width: 1300px) {
    .list-empty {
      padding: 1.875rem 1.875rem; } }
  @media (min-width: 760px) {
    .list-empty {
      padding-top: 1.125rem;
      padding-bottom: 1.125rem; } }
  .list-empty__label {
    font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5rem;
    color: #000; }
    html[lang='ru'] .list-empty__label, html[lang='ru-RU'] .list-empty__label {
      font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif; }
    html[lang='zh'] .list-empty__label, html[lang='zh-CN'] .list-empty__label {
      font-family: "Porsche Next", 黑体, SimHei, 宋体, SimSun, sans-serif; }
    html[lang='ar'] .list-empty__label, html[lang='ar-AE'] .list-empty__label {
      font-family: "Porsche Next Arabic", "Arial Narrow", Arial, sans-serif; }
    html[lang='ps'] .list-empty__label, html[lang='ps-AR'] .list-empty__label {
      font-family: "Porsche Next Pashto", "Arial Narrow", Arial, sans-serif; }
    html[lang='fa'] .list-empty__label, html[lang='fa-IR'] .list-empty__label {
      font-family: "Porsche Next Persian", "Arial Narrow", Arial, sans-serif; }
    html[lang='ur'] .list-empty__label, html[lang='ur-PK'] .list-empty__label {
      font-family: "Porsche Next Urdu", "Arial Narrow", Arial, sans-serif; }

.list-unordered {
  font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
  color: #000;
  list-style-type: none; }
  html[lang='ru'] .list-unordered, html[lang='ru-RU'] .list-unordered {
    font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif; }
  html[lang='zh'] .list-unordered, html[lang='zh-CN'] .list-unordered {
    font-family: "Porsche Next", 黑体, SimHei, 宋体, SimSun, sans-serif; }
  html[lang='ar'] .list-unordered, html[lang='ar-AE'] .list-unordered {
    font-family: "Porsche Next Arabic", "Arial Narrow", Arial, sans-serif; }
  html[lang='ps'] .list-unordered, html[lang='ps-AR'] .list-unordered {
    font-family: "Porsche Next Pashto", "Arial Narrow", Arial, sans-serif; }
  html[lang='fa'] .list-unordered, html[lang='fa-IR'] .list-unordered {
    font-family: "Porsche Next Persian", "Arial Narrow", Arial, sans-serif; }
  html[lang='ur'] .list-unordered, html[lang='ur-PK'] .list-unordered {
    font-family: "Porsche Next Urdu", "Arial Narrow", Arial, sans-serif; }
  .list-unordered--inverted {
    color: #fff; }
  .list-unordered__item {
    margin-top: 0.375rem;
    position: relative;
    padding-left: 1rem; }
    .list-unordered__item:first-child {
      margin-top: 0; }
    .list-unordered__item::before {
      background-color: #000;
      position: absolute;
      content: '';
      width: 0.25rem;
      height: 0.25rem;
      left: 0;
      top: 0.625rem; }
    .list-unordered__item--inverted::before {
      background-color: #fff; }

.map-overview {
  position: relative;
  height: 18.75rem; }
  @media (min-width: 480px) {
    .map-overview {
      height: 21.875rem; } }
  @media (min-width: 760px) {
    .map-overview {
      height: 28.125rem; } }
  @media (min-width: 1000px) {
    .map-overview {
      height: 31.25rem; } }
  @media (min-width: 1300px) {
    .map-overview {
      height: 37.5rem; } }

.icon-close {
  text-align: center;
  padding: 1.125rem 1.125rem;
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer; }
  @media (min-width: 760px) {
    .icon-close {
      padding: 1.5rem 1.5rem; } }
  @media (min-width: 1300px) {
    .icon-close {
      padding: 1.875rem 1.875rem; } }
  .icon-close--notification {
    padding: 0.75rem; }
    @media (min-width: 760px) {
      .icon-close--notification {
        position: static;
        margin-right: -0.75rem; } }
  .icon-close__icon {
    color: #fff;
    font-size: 1.125rem; }
    .icon-close__icon--dark {
      color: #313639; }
    .icon-close__icon--notification {
      font-size: 1rem; }
  .icon-close:hover .icon-close__icon {
    color: #d5001c; }
    .icon-close:hover .icon-close__icon--notification {
      color: rgba(255, 255, 255, 0.7); }

/**
 * properties for flex container
 */
/**
 * properties for flex child items
 */
/** Flyout **/
/** Flyout Items **/
/** Overlay **/
.navigation-topbar-desktop {
  position: relative;
  background-color: #eff0f1;
  height: 2.375rem;
  z-index: 1000; }
  @media only screen and (max-width: "${scope.breakpoints.mobile}") {
    .navigation-topbar-desktop {
      display: none; } }
  .navigation-topbar-desktop__limiter {
    width: calc(100vw - 7vw * 2);
    max-width: 96rem;
    margin-left: auto;
    margin-right: auto;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
    position: relative;
    height: 2.375rem; }
    @media (min-width: 1000px) {
      .navigation-topbar-desktop__limiter {
        padding-left: calc(100vw - 100%); } }
    @media (min-width: 1760px) {
      .navigation-topbar-desktop__limiter {
        width: calc(100vw - 10vw * 2); } }
  .navigation-topbar-desktop__left {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    float: left;
    height: 100%;
    margin-left: -0.9375rem; }
  .navigation-topbar-desktop__right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    float: right;
    height: 100%;
    margin-right: -0.9375rem; }
  .navigation-topbar-desktop__link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    position: relative;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    text-decoration: none;
    color: #000;
    height: 100%;
    cursor: pointer; }
    .navigation-topbar-desktop__link:hover {
      color: #d5001c; }
    .navigation-topbar-desktop__link-icon {
      font-size: 1.25rem;
      margin-right: 0.3125rem;
      margin-left: 0.3125rem; }
    .navigation-topbar-desktop__link-title {
      font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif;
      font-weight: 400;
      font-size: 1rem;
      line-height: 1.5rem; }
      html[lang='ru'] .navigation-topbar-desktop__link-title, html[lang='ru-RU'] .navigation-topbar-desktop__link-title {
        font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif; }
      html[lang='zh'] .navigation-topbar-desktop__link-title, html[lang='zh-CN'] .navigation-topbar-desktop__link-title {
        font-family: "Porsche Next", 黑体, SimHei, 宋体, SimSun, sans-serif; }
      html[lang='ar'] .navigation-topbar-desktop__link-title, html[lang='ar-AE'] .navigation-topbar-desktop__link-title {
        font-family: "Porsche Next Arabic", "Arial Narrow", Arial, sans-serif; }
      html[lang='ps'] .navigation-topbar-desktop__link-title, html[lang='ps-AR'] .navigation-topbar-desktop__link-title {
        font-family: "Porsche Next Pashto", "Arial Narrow", Arial, sans-serif; }
      html[lang='fa'] .navigation-topbar-desktop__link-title, html[lang='fa-IR'] .navigation-topbar-desktop__link-title {
        font-family: "Porsche Next Persian", "Arial Narrow", Arial, sans-serif; }
      html[lang='ur'] .navigation-topbar-desktop__link-title, html[lang='ur-PK'] .navigation-topbar-desktop__link-title {
        font-family: "Porsche Next Urdu", "Arial Narrow", Arial, sans-serif; }
    .navigation-topbar-desktop__link--active::after {
      content: '';
      width: 0.5rem;
      height: 0;
      bottom: 0;
      position: absolute;
      right: 50%;
      -webkit-transform: translateX(50%);
              transform: translateX(50%);
      border-style: solid;
      border-width: 0 0.5rem 0.5rem 0.5rem;
      border-color: transparent transparent #fff transparent; }
    .navigation-topbar-desktop__link--highlight {
      color: #d5001c; }
  .navigation-topbar-desktop__flyout {
    position: absolute;
    right: 0;
    top: 2.375rem;
    background: #fff;
    z-index: 1000;
    padding: 0 1.5rem;
    /*
      The `$item` variable is not intended to be changed!  It's only added for
      a shorter line for the selectors.  Therefore it's not extracted to
      the setup file.
    */ }
    .navigation-topbar-desktop__flyout-menu {
      min-width: 16.875rem;
      padding: 0; }
    .navigation-topbar-desktop__flyout-item:not(.navigation-topbar-desktop__flyout-item--hidden) ~ .navigation-topbar-desktop__flyout-item:not(.navigation-topbar-desktop__flyout-item--hidden) {
      border-top: 1px solid #c8cacb; }
    .navigation-topbar-desktop__flyout-link-icon {
      font-size: 0.75rem;
      color: #d5001c; }
    .navigation-topbar-desktop__flyout-headline {
      font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif;
      font-weight: 400;
      font-size: 1.25rem;
      line-height: 1.75rem;
      font-weight: 200; }
      html[lang='ru'] .navigation-topbar-desktop__flyout-headline, html[lang='ru-RU'] .navigation-topbar-desktop__flyout-headline {
        font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif; }
      html[lang='zh'] .navigation-topbar-desktop__flyout-headline, html[lang='zh-CN'] .navigation-topbar-desktop__flyout-headline {
        font-family: "Porsche Next", 黑体, SimHei, 宋体, SimSun, sans-serif; }
      html[lang='ar'] .navigation-topbar-desktop__flyout-headline, html[lang='ar-AE'] .navigation-topbar-desktop__flyout-headline {
        font-family: "Porsche Next Arabic", "Arial Narrow", Arial, sans-serif; }
      html[lang='ps'] .navigation-topbar-desktop__flyout-headline, html[lang='ps-AR'] .navigation-topbar-desktop__flyout-headline {
        font-family: "Porsche Next Pashto", "Arial Narrow", Arial, sans-serif; }
      html[lang='fa'] .navigation-topbar-desktop__flyout-headline, html[lang='fa-IR'] .navigation-topbar-desktop__flyout-headline {
        font-family: "Porsche Next Persian", "Arial Narrow", Arial, sans-serif; }
      html[lang='ur'] .navigation-topbar-desktop__flyout-headline, html[lang='ur-PK'] .navigation-topbar-desktop__flyout-headline {
        font-family: "Porsche Next Urdu", "Arial Narrow", Arial, sans-serif; }
      @media (min-width: 1000px) and (max-width: 1759px) {
        .navigation-topbar-desktop__flyout-headline {
          font-size: 1.375rem;
          line-height: 1.875rem; } }
      @media (min-width: 1760px) {
        .navigation-topbar-desktop__flyout-headline {
          font-size: 1.5rem;
          line-height: 1.875rem; } }
    .navigation-topbar-desktop__flyout-link {
      text-decoration: none;
      display: block;
      color: #000;
      padding: 1.125rem 0; }
      .navigation-topbar-desktop__flyout-link:hover {
        color: #d5001c; }
    .navigation-topbar-desktop__flyout-link-title {
      font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif;
      font-weight: 400;
      font-size: 1rem;
      line-height: 1.5rem; }
      html[lang='ru'] .navigation-topbar-desktop__flyout-link-title, html[lang='ru-RU'] .navigation-topbar-desktop__flyout-link-title {
        font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif; }
      html[lang='zh'] .navigation-topbar-desktop__flyout-link-title, html[lang='zh-CN'] .navigation-topbar-desktop__flyout-link-title {
        font-family: "Porsche Next", 黑体, SimHei, 宋体, SimSun, sans-serif; }
      html[lang='ar'] .navigation-topbar-desktop__flyout-link-title, html[lang='ar-AE'] .navigation-topbar-desktop__flyout-link-title {
        font-family: "Porsche Next Arabic", "Arial Narrow", Arial, sans-serif; }
      html[lang='ps'] .navigation-topbar-desktop__flyout-link-title, html[lang='ps-AR'] .navigation-topbar-desktop__flyout-link-title {
        font-family: "Porsche Next Pashto", "Arial Narrow", Arial, sans-serif; }
      html[lang='fa'] .navigation-topbar-desktop__flyout-link-title, html[lang='fa-IR'] .navigation-topbar-desktop__flyout-link-title {
        font-family: "Porsche Next Persian", "Arial Narrow", Arial, sans-serif; }
      html[lang='ur'] .navigation-topbar-desktop__flyout-link-title, html[lang='ur-PK'] .navigation-topbar-desktop__flyout-link-title {
        font-family: "Porsche Next Urdu", "Arial Narrow", Arial, sans-serif; }
  .navigation-topbar-desktop__overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 999; }
    .navigation-topbar-desktop__overlay--hidden {
      display: none; }

/**
 * properties for flex container
 */
/**
 * properties for flex child items
 */
.navigation-topbar-mobile {
  background-color: #fff;
  height: 4rem;
  padding-left: 3%;
  padding-right: 3%; }
  .navigation-topbar-mobile__headline {
    font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5rem;
    font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif;
    color: #000;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%; }
    html[lang='ru'] .navigation-topbar-mobile__headline, html[lang='ru-RU'] .navigation-topbar-mobile__headline {
      font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif; }
    html[lang='zh'] .navigation-topbar-mobile__headline, html[lang='zh-CN'] .navigation-topbar-mobile__headline {
      font-family: "Porsche Next", 黑体, SimHei, 宋体, SimSun, sans-serif; }
    html[lang='ar'] .navigation-topbar-mobile__headline, html[lang='ar-AE'] .navigation-topbar-mobile__headline {
      font-family: "Porsche Next Arabic", "Arial Narrow", Arial, sans-serif; }
    html[lang='ps'] .navigation-topbar-mobile__headline, html[lang='ps-AR'] .navigation-topbar-mobile__headline {
      font-family: "Porsche Next Pashto", "Arial Narrow", Arial, sans-serif; }
    html[lang='fa'] .navigation-topbar-mobile__headline, html[lang='fa-IR'] .navigation-topbar-mobile__headline {
      font-family: "Porsche Next Persian", "Arial Narrow", Arial, sans-serif; }
    html[lang='ur'] .navigation-topbar-mobile__headline, html[lang='ur-PK'] .navigation-topbar-mobile__headline {
      font-family: "Porsche Next Urdu", "Arial Narrow", Arial, sans-serif; }
    html[lang='ru'] .navigation-topbar-mobile__headline, html[lang='ru-RU'] .navigation-topbar-mobile__headline {
      font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif; }
    html[lang='zh'] .navigation-topbar-mobile__headline, html[lang='zh-CN'] .navigation-topbar-mobile__headline {
      font-family: "Porsche Next", 黑体, SimHei, 宋体, SimSun, sans-serif; }
    html[lang='ar'] .navigation-topbar-mobile__headline, html[lang='ar-AE'] .navigation-topbar-mobile__headline {
      font-family: "Porsche Next Arabic", "Arial Narrow", Arial, sans-serif; }
    html[lang='ps'] .navigation-topbar-mobile__headline, html[lang='ps-AR'] .navigation-topbar-mobile__headline {
      font-family: "Porsche Next Pashto", "Arial Narrow", Arial, sans-serif; }
    html[lang='fa'] .navigation-topbar-mobile__headline, html[lang='fa-IR'] .navigation-topbar-mobile__headline {
      font-family: "Porsche Next Persian", "Arial Narrow", Arial, sans-serif; }
    html[lang='ur'] .navigation-topbar-mobile__headline, html[lang='ur-PK'] .navigation-topbar-mobile__headline {
      font-family: "Porsche Next Urdu", "Arial Narrow", Arial, sans-serif; }
  .navigation-topbar-mobile__crest {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: absolute;
    top: 0;
    left: 0.375rem;
    width: 6.375rem;
    height: 5rem;
    background: #fff;
    z-index: 1;
    -webkit-box-shadow: 0 0 0.4375rem rgba(0, 0, 0, 0.15);
            box-shadow: 0 0 0.4375rem rgba(0, 0, 0, 0.15); }
  .navigation-topbar-mobile__logo {
    display: block; }
  .navigation-topbar-mobile__image {
    width: 6.375rem;
    height: 3.875rem; }
  .navigation-topbar-mobile__items {
    float: right;
    height: 100%; }
  .navigation-topbar-mobile__item {
    display: inline-block;
    position: relative;
    padding-left: 1.125rem;
    padding-right: 1.125rem; }
    .navigation-topbar-mobile__item::after {
      content: '';
      height: 1.875rem;
      width: 1px;
      background: #626669;
      position: absolute;
      top: 50%;
      right: 0;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%); }
    .navigation-topbar-mobile__item:first-child {
      padding-left: 0; }
    .navigation-topbar-mobile__item:last-child {
      padding-right: 0; }
      .navigation-topbar-mobile__item:last-child::after {
        display: none; }
  .navigation-topbar-mobile__link {
    font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif;
    font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5rem;
    color: #000;
    text-decoration: none;
    display: block;
    line-height: 4rem; }
    html[lang='ru'] .navigation-topbar-mobile__link, html[lang='ru-RU'] .navigation-topbar-mobile__link {
      font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif; }
    html[lang='zh'] .navigation-topbar-mobile__link, html[lang='zh-CN'] .navigation-topbar-mobile__link {
      font-family: "Porsche Next", 黑体, SimHei, 宋体, SimSun, sans-serif; }
    html[lang='ar'] .navigation-topbar-mobile__link, html[lang='ar-AE'] .navigation-topbar-mobile__link {
      font-family: "Porsche Next Arabic", "Arial Narrow", Arial, sans-serif; }
    html[lang='ps'] .navigation-topbar-mobile__link, html[lang='ps-AR'] .navigation-topbar-mobile__link {
      font-family: "Porsche Next Pashto", "Arial Narrow", Arial, sans-serif; }
    html[lang='fa'] .navigation-topbar-mobile__link, html[lang='fa-IR'] .navigation-topbar-mobile__link {
      font-family: "Porsche Next Persian", "Arial Narrow", Arial, sans-serif; }
    html[lang='ur'] .navigation-topbar-mobile__link, html[lang='ur-PK'] .navigation-topbar-mobile__link {
      font-family: "Porsche Next Urdu", "Arial Narrow", Arial, sans-serif; }
    html[lang='ru'] .navigation-topbar-mobile__link, html[lang='ru-RU'] .navigation-topbar-mobile__link {
      font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif; }
    html[lang='zh'] .navigation-topbar-mobile__link, html[lang='zh-CN'] .navigation-topbar-mobile__link {
      font-family: "Porsche Next", 黑体, SimHei, 宋体, SimSun, sans-serif; }
    html[lang='ar'] .navigation-topbar-mobile__link, html[lang='ar-AE'] .navigation-topbar-mobile__link {
      font-family: "Porsche Next Arabic", "Arial Narrow", Arial, sans-serif; }
    html[lang='ps'] .navigation-topbar-mobile__link, html[lang='ps-AR'] .navigation-topbar-mobile__link {
      font-family: "Porsche Next Pashto", "Arial Narrow", Arial, sans-serif; }
    html[lang='fa'] .navigation-topbar-mobile__link, html[lang='fa-IR'] .navigation-topbar-mobile__link {
      font-family: "Porsche Next Persian", "Arial Narrow", Arial, sans-serif; }
    html[lang='ur'] .navigation-topbar-mobile__link, html[lang='ur-PK'] .navigation-topbar-mobile__link {
      font-family: "Porsche Next Urdu", "Arial Narrow", Arial, sans-serif; }
    .navigation-topbar-mobile__link:hover {
      color: #d5001c; }
  .navigation-topbar-mobile__icon {
    font-size: 1.125rem;
    vertical-align: middle;
    cursor: pointer; }
    .navigation-topbar-mobile__icon:hover {
      color: #d5001c; }
    .navigation-topbar-mobile__icon--active {
      color: #d5001c; }
  .navigation-topbar-mobile__link-title--active {
    color: #d5001c; }
  .navigation-topbar-mobile__flyout {
    background-color: #fff;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    overflow-y: auto; }
    .navigation-topbar-mobile__flyout-header {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row;
      background-color: #eff0f1;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      width: 100%;
      height: 4rem;
      padding-left: 3%;
      padding-right: 3%; }
    .navigation-topbar-mobile__flyout-menu {
      padding: 0; }
      .navigation-topbar-mobile__flyout-menu--porscheid {
        margin-top: 1.875rem; }
    .navigation-topbar-mobile__flyout-item {
      position: relative; }
      .navigation-topbar-mobile__flyout-item::after {
        content: '';
        width: 94%;
        height: 1px;
        background: #c8cacb;
        position: absolute;
        bottom: 0;
        left: 3%; }
    .navigation-topbar-mobile__flyout-link {
      color: #000;
      font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif;
      font-weight: 400;
      font-size: 1rem;
      line-height: 1.5rem;
      font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif;
      text-decoration: none;
      display: block;
      padding: 1.25rem 3%; }
      html[lang='ru'] .navigation-topbar-mobile__flyout-link, html[lang='ru-RU'] .navigation-topbar-mobile__flyout-link {
        font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif; }
      html[lang='zh'] .navigation-topbar-mobile__flyout-link, html[lang='zh-CN'] .navigation-topbar-mobile__flyout-link {
        font-family: "Porsche Next", 黑体, SimHei, 宋体, SimSun, sans-serif; }
      html[lang='ar'] .navigation-topbar-mobile__flyout-link, html[lang='ar-AE'] .navigation-topbar-mobile__flyout-link {
        font-family: "Porsche Next Arabic", "Arial Narrow", Arial, sans-serif; }
      html[lang='ps'] .navigation-topbar-mobile__flyout-link, html[lang='ps-AR'] .navigation-topbar-mobile__flyout-link {
        font-family: "Porsche Next Pashto", "Arial Narrow", Arial, sans-serif; }
      html[lang='fa'] .navigation-topbar-mobile__flyout-link, html[lang='fa-IR'] .navigation-topbar-mobile__flyout-link {
        font-family: "Porsche Next Persian", "Arial Narrow", Arial, sans-serif; }
      html[lang='ur'] .navigation-topbar-mobile__flyout-link, html[lang='ur-PK'] .navigation-topbar-mobile__flyout-link {
        font-family: "Porsche Next Urdu", "Arial Narrow", Arial, sans-serif; }
      html[lang='ru'] .navigation-topbar-mobile__flyout-link, html[lang='ru-RU'] .navigation-topbar-mobile__flyout-link {
        font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif; }
      html[lang='zh'] .navigation-topbar-mobile__flyout-link, html[lang='zh-CN'] .navigation-topbar-mobile__flyout-link {
        font-family: "Porsche Next", 黑体, SimHei, 宋体, SimSun, sans-serif; }
      html[lang='ar'] .navigation-topbar-mobile__flyout-link, html[lang='ar-AE'] .navigation-topbar-mobile__flyout-link {
        font-family: "Porsche Next Arabic", "Arial Narrow", Arial, sans-serif; }
      html[lang='ps'] .navigation-topbar-mobile__flyout-link, html[lang='ps-AR'] .navigation-topbar-mobile__flyout-link {
        font-family: "Porsche Next Pashto", "Arial Narrow", Arial, sans-serif; }
      html[lang='fa'] .navigation-topbar-mobile__flyout-link, html[lang='fa-IR'] .navigation-topbar-mobile__flyout-link {
        font-family: "Porsche Next Persian", "Arial Narrow", Arial, sans-serif; }
      html[lang='ur'] .navigation-topbar-mobile__flyout-link, html[lang='ur-PK'] .navigation-topbar-mobile__flyout-link {
        font-family: "Porsche Next Urdu", "Arial Narrow", Arial, sans-serif; }
    .navigation-topbar-mobile__flyout-link:hover .navigation-topbar-mobile__flyout-link-title,
    .navigation-topbar-mobile__flyout-link:hover .navigation-topbar-mobile__flyout-icon {
      color: #d5001c; }
    .navigation-topbar-mobile__flyout-link-title {
      color: #000; }
      .navigation-topbar-mobile__flyout-link-title--active {
        color: #d5001c; }
    .navigation-topbar-mobile__flyout-icon {
      vertical-align: middle; }
      .navigation-topbar-mobile__flyout-icon--left {
        font-size: 1.375rem; }
      .navigation-topbar-mobile__flyout-icon--right {
        color: #d5001c;
        float: right;
        margin-top: 0.1875rem;
        font-size: 0.875rem; }
      .navigation-topbar-mobile__flyout-icon--highlight {
        color: #d5001c; }
    .navigation-topbar-mobile__flyout-badge--highlight {
      color: #d5001c; }
    .navigation-topbar-mobile__flyout-footer {
      background-color: #196a99;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      position: fixed;
      bottom: 0;
      width: 100%;
      height: 8.75rem; }
    .navigation-topbar-mobile__flyout-footer-nav {
      width: 100%;
      height: 100%; }
    .navigation-topbar-mobile__flyout-footer-item {
      text-align: center;
      width: 33.33333%;
      height: 100%;
      display: inline-block;
      float: left; }
    .navigation-topbar-mobile__flyout-footer-icon {
      color: #fff;
      font-size: 1.375rem;
      display: block; }
    .navigation-topbar-mobile__flyout-footer-link {
      color: #fff;
      font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      flex-direction: column;
      height: 100%;
      text-decoration: none; }
      html[lang='ru'] .navigation-topbar-mobile__flyout-footer-link, html[lang='ru-RU'] .navigation-topbar-mobile__flyout-footer-link {
        font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif; }
      html[lang='zh'] .navigation-topbar-mobile__flyout-footer-link, html[lang='zh-CN'] .navigation-topbar-mobile__flyout-footer-link {
        font-family: "Porsche Next", 黑体, SimHei, 宋体, SimSun, sans-serif; }
      html[lang='ar'] .navigation-topbar-mobile__flyout-footer-link, html[lang='ar-AE'] .navigation-topbar-mobile__flyout-footer-link {
        font-family: "Porsche Next Arabic", "Arial Narrow", Arial, sans-serif; }
      html[lang='ps'] .navigation-topbar-mobile__flyout-footer-link, html[lang='ps-AR'] .navigation-topbar-mobile__flyout-footer-link {
        font-family: "Porsche Next Pashto", "Arial Narrow", Arial, sans-serif; }
      html[lang='fa'] .navigation-topbar-mobile__flyout-footer-link, html[lang='fa-IR'] .navigation-topbar-mobile__flyout-footer-link {
        font-family: "Porsche Next Persian", "Arial Narrow", Arial, sans-serif; }
      html[lang='ur'] .navigation-topbar-mobile__flyout-footer-link, html[lang='ur-PK'] .navigation-topbar-mobile__flyout-footer-link {
        font-family: "Porsche Next Urdu", "Arial Narrow", Arial, sans-serif; }
    .navigation-topbar-mobile__flyout-footer-link-title {
      margin-top: 1rem;
      display: block; }

.navigation-header {
  /* prevent sass render from removing empty selectors */ }
  .navigation-header__item {
    font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5rem;
    position: relative;
    display: inline-block;
    margin-right: 1.875rem; }
    html[lang='ru'] .navigation-header__item, html[lang='ru-RU'] .navigation-header__item {
      font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif; }
    html[lang='zh'] .navigation-header__item, html[lang='zh-CN'] .navigation-header__item {
      font-family: "Porsche Next", 黑体, SimHei, 宋体, SimSun, sans-serif; }
    html[lang='ar'] .navigation-header__item, html[lang='ar-AE'] .navigation-header__item {
      font-family: "Porsche Next Arabic", "Arial Narrow", Arial, sans-serif; }
    html[lang='ps'] .navigation-header__item, html[lang='ps-AR'] .navigation-header__item {
      font-family: "Porsche Next Pashto", "Arial Narrow", Arial, sans-serif; }
    html[lang='fa'] .navigation-header__item, html[lang='fa-IR'] .navigation-header__item {
      font-family: "Porsche Next Persian", "Arial Narrow", Arial, sans-serif; }
    html[lang='ur'] .navigation-header__item, html[lang='ur-PK'] .navigation-header__item {
      font-family: "Porsche Next Urdu", "Arial Narrow", Arial, sans-serif; }
    .navigation-header__item::after {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      height: 3px;
      background-color: #d5001c; }
    .navigation-header__item--active::after {
      content: ''; }
  .navigation-header__link {
    display: block;
    text-decoration: none;
    color: #000;
    padding-bottom: 0.75rem; }
    .navigation-header__link:hover {
      color: #d5001c; }

.navigation-steps {
  font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
  border-bottom: 0.0625rem solid #494e51; }
  html[lang='ru'] .navigation-steps, html[lang='ru-RU'] .navigation-steps {
    font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif; }
  html[lang='zh'] .navigation-steps, html[lang='zh-CN'] .navigation-steps {
    font-family: "Porsche Next", 黑体, SimHei, 宋体, SimSun, sans-serif; }
  html[lang='ar'] .navigation-steps, html[lang='ar-AE'] .navigation-steps {
    font-family: "Porsche Next Arabic", "Arial Narrow", Arial, sans-serif; }
  html[lang='ps'] .navigation-steps, html[lang='ps-AR'] .navigation-steps {
    font-family: "Porsche Next Pashto", "Arial Narrow", Arial, sans-serif; }
  html[lang='fa'] .navigation-steps, html[lang='fa-IR'] .navigation-steps {
    font-family: "Porsche Next Persian", "Arial Narrow", Arial, sans-serif; }
  html[lang='ur'] .navigation-steps, html[lang='ur-PK'] .navigation-steps {
    font-family: "Porsche Next Urdu", "Arial Narrow", Arial, sans-serif; }
  .navigation-steps__item {
    color: #000;
    margin-right: 0.375rem;
    padding-bottom: 0.375rem;
    display: inline-block;
    border-bottom: 0.25rem solid transparent; }
    @media (min-width: 0) and (max-width: 759px) {
      .navigation-steps__item {
        height: 2.125rem; } }
    @media (min-width: 760px) {
      .navigation-steps__item {
        margin-left: 0.75rem;
        padding-top: 0.75rem;
        padding-bottom: 0.75rem;
        margin-right: 2.25rem; } }
    .navigation-steps--theme-inverted .navigation-steps__item {
      color: #fff; }
    .navigation-steps__item:last-of-type {
      margin-right: 0; }
    .navigation-steps__item--active {
      color: #000;
      border-color: #d5001c; }
      .navigation-steps--theme-inverted .navigation-steps__item--active {
        color: #fff; }
    .navigation-steps__item:hover {
      color: #d5001c;
      cursor: pointer; }
      .navigation-steps__item:hover .navigation-steps__label {
        border-left-color: #d5001c; }
    .navigation-steps__item--disabled {
      color: #959899; }
      .navigation-steps__item--disabled .navigation-steps__label {
        border-left-color: #959899; }
      .navigation-steps__item--disabled:hover {
        color: #959899;
        cursor: text; }
        .navigation-steps__item--disabled:hover .navigation-steps__label {
          border-left-color: inherit; }
      .navigation-steps--theme-inverted .navigation-steps__item--disabled {
        color: #959899; }
        .navigation-steps--theme-inverted .navigation-steps__item--disabled .navigation-steps__label {
          border-left-color: #959899; }
        .navigation-steps--theme-inverted .navigation-steps__item--disabled:hover {
          color: #959899; }
          .navigation-steps--theme-inverted .navigation-steps__item--disabled:hover .navigation-steps__label {
            border-left-color: inherit; }
  .navigation-steps__count {
    text-align: center;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    vertical-align: middle; }
    @media (min-width: 760px) {
      .navigation-steps__count {
        padding-right: 0.75rem;
        padding-left: 0; } }
  .navigation-steps__icon {
    padding-right: 0.75rem;
    position: relative;
    font-size: 1.5rem;
    vertical-align: middle;
    display: inline-block; }
    @media (min-width: 0) and (max-width: 759px) {
      .navigation-steps__icon {
        width: 2.125rem;
        height: 2.125rem; }
        .navigation-steps__icon::before {
          position: absolute;
          top: 50%;
          left: 50%;
          -webkit-transform: translate(-50%, -50%);
                  transform: translate(-50%, -50%); } }
  .navigation-steps__label {
    display: none;
    vertical-align: middle;
    line-height: 1;
    border-left: 1px solid #959899;
    padding-left: 0.75rem; }
    @media (min-width: 760px) {
      .navigation-steps__label {
        display: inline-block; } }
    .navigation-steps--theme-inverted .navigation-steps__label {
      border-left-color: #fff; }
    .navigation-steps__label--active {
      border-left-color: #000; }
      .navigation-steps--theme-inverted .navigation-steps__label--active {
        border-left-color: #fff; }
    .navigation-steps__label--icon {
      border-left: 0;
      padding-left: 0; }
  .navigation-steps__body {
    display: none;
    opacity: 0;
    visibility: hidden; }
    .navigation-steps__body--active {
      display: block;
      opacity: 1;
      visibility: visible; }

/**
 * properties for flex container
 */
/**
 * properties for flex child items
 */
@keyframes animation-rotate-360 {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%; }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%; } }

@keyframes animation-fade-opacity {
  0% {
    opacity: .6; }
  45% {
    opacity: .85; }
  65% {
    opacity: 1; }
  100% {
    opacity: .6; } }

/**
 * disable animations for specific patterns
 *
 * $inactive-animations is a list, if you want e.g. exclude the css animations
 * for the-slider and tile-image-text-link pattern, you would overwrite the
 * $inactive-animations variable by passing from outside with the following value(s)
 *
 * $inactive-animations: 'tile-slider', 'tile-image-text-link'
 */
/**
 * basic hover animation timing (of color and opacity).
 * timing and bezier should be refactored after official Porsche animation guidelines are defined
 */
.navigation-footer__item {
  position: relative;
  border-top: 1px solid #494e51; }
  .navigation-footer__item:first-child {
    border-bottom: 0; }
  @media (min-width: 760px) {
    .navigation-footer__item {
      margin-bottom: -0.75rem;
      display: block;
      border-top: 0;
      border-bottom: 0; } }
  @media (min-width: 760px) and (min-width: 760px) and (max-width: 1299px) {
    .navigation-footer__item {
      margin-bottom: -1.125rem; } }
  @media (min-width: 760px) and (min-width: 1300px) {
    .navigation-footer__item {
      margin-bottom: -1.125rem; } }

.navigation-footer__item-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  cursor: pointer;
  padding-top: 1.125rem;
  padding-bottom: 1.125rem; }
  @media (min-width: 760px) {
    .navigation-footer__item-header {
      padding-top: 0;
      padding-bottom: 0;
      cursor: text; } }
  @media (min-width: 760px) {
    .navigation-footer__item-header--open {
      padding-bottom: 0; } }

.navigation-footer__icon {
  color: #fff;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  font-size: 1.125rem;
  line-height: 1.75rem; }
  .navigation-footer__icon--open {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }
  @media (min-width: 760px) {
    .navigation-footer__icon {
      display: none; } }

.navigation-footer__category-name {
  font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif;
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 200;
  color: #959899; }
  html[lang='ru'] .navigation-footer__category-name, html[lang='ru-RU'] .navigation-footer__category-name {
    font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif; }
  html[lang='zh'] .navigation-footer__category-name, html[lang='zh-CN'] .navigation-footer__category-name {
    font-family: "Porsche Next", 黑体, SimHei, 宋体, SimSun, sans-serif; }
  html[lang='ar'] .navigation-footer__category-name, html[lang='ar-AE'] .navigation-footer__category-name {
    font-family: "Porsche Next Arabic", "Arial Narrow", Arial, sans-serif; }
  html[lang='ps'] .navigation-footer__category-name, html[lang='ps-AR'] .navigation-footer__category-name {
    font-family: "Porsche Next Pashto", "Arial Narrow", Arial, sans-serif; }
  html[lang='fa'] .navigation-footer__category-name, html[lang='fa-IR'] .navigation-footer__category-name {
    font-family: "Porsche Next Persian", "Arial Narrow", Arial, sans-serif; }
  html[lang='ur'] .navigation-footer__category-name, html[lang='ur-PK'] .navigation-footer__category-name {
    font-family: "Porsche Next Urdu", "Arial Narrow", Arial, sans-serif; }
  @media (min-width: 1000px) and (max-width: 1759px) {
    .navigation-footer__category-name {
      font-size: 1.375rem;
      line-height: 1.875rem; } }
  @media (min-width: 1760px) {
    .navigation-footer__category-name {
      font-size: 1.5rem;
      line-height: 1.875rem; } }

.navigation-footer__submenu {
  margin-top: 1.125rem;
  padding-bottom: 0.75rem;
  display: none; }
  @media (min-width: 760px) and (max-width: 1299px) {
    .navigation-footer__submenu {
      margin-top: 1.5rem; } }
  @media (min-width: 1300px) {
    .navigation-footer__submenu {
      margin-top: 1.5rem; } }
  @media (min-width: 760px) and (max-width: 1299px) {
    .navigation-footer__submenu {
      padding-bottom: 1.125rem; } }
  @media (min-width: 1300px) {
    .navigation-footer__submenu {
      padding-bottom: 1.125rem; } }
  @media (min-width: 0) and (max-width: 759px) {
    .navigation-footer__submenu {
      margin-top: 0; } }
  @media (min-width: 760px) {
    .navigation-footer__submenu {
      display: block;
      padding-bottom: 0; } }
  .navigation-footer__submenu--open {
    display: block; }
  @media (min-width: 0) and (max-width: 759px) {
    .navigation-footer__submenu {
      -webkit-transition: 0.4s ease-in-out;
      transition: 0.4s ease-in-out;
      max-height: 0px;
      display: block;
      overflow: hidden;
      padding-bottom: 0; }
      .navigation-footer__submenu--open {
        padding-bottom: 0.75rem;
        max-height: 10000px; } }
    @media (min-width: 0) and (max-width: 759px) and (min-width: 760px) and (max-width: 1299px) {
      .navigation-footer__submenu--open {
        padding-bottom: 1.125rem; } }
    @media (min-width: 0) and (max-width: 759px) and (min-width: 1300px) {
      .navigation-footer__submenu--open {
        padding-bottom: 1.125rem; } }

.navigation-footer__submenu-item {
  padding-bottom: 0.75rem; }
  @media (min-width: 760px) and (max-width: 1299px) {
    .navigation-footer__submenu-item {
      padding-bottom: 1.125rem; } }
  @media (min-width: 1300px) {
    .navigation-footer__submenu-item {
      padding-bottom: 1.125rem; } }

.navigation-footer__submenu-link {
  color: #fff;
  font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
  text-decoration: none;
  display: block; }
  html[lang='ru'] .navigation-footer__submenu-link, html[lang='ru-RU'] .navigation-footer__submenu-link {
    font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif; }
  html[lang='zh'] .navigation-footer__submenu-link, html[lang='zh-CN'] .navigation-footer__submenu-link {
    font-family: "Porsche Next", 黑体, SimHei, 宋体, SimSun, sans-serif; }
  html[lang='ar'] .navigation-footer__submenu-link, html[lang='ar-AE'] .navigation-footer__submenu-link {
    font-family: "Porsche Next Arabic", "Arial Narrow", Arial, sans-serif; }
  html[lang='ps'] .navigation-footer__submenu-link, html[lang='ps-AR'] .navigation-footer__submenu-link {
    font-family: "Porsche Next Pashto", "Arial Narrow", Arial, sans-serif; }
  html[lang='fa'] .navigation-footer__submenu-link, html[lang='fa-IR'] .navigation-footer__submenu-link {
    font-family: "Porsche Next Persian", "Arial Narrow", Arial, sans-serif; }
  html[lang='ur'] .navigation-footer__submenu-link, html[lang='ur-PK'] .navigation-footer__submenu-link {
    font-family: "Porsche Next Urdu", "Arial Narrow", Arial, sans-serif; }
  .navigation-footer__submenu-link:hover {
    color: #d5001c; }

.page-header {
  max-width: 50rem; }
  .page-header__title {
    font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif;
    font-weight: 400;
    font-size: 1.625rem;
    line-height: 2.125rem;
    font-weight: 200;
    color: #000; }
    html[lang='ru'] .page-header__title, html[lang='ru-RU'] .page-header__title {
      font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif; }
    html[lang='zh'] .page-header__title, html[lang='zh-CN'] .page-header__title {
      font-family: "Porsche Next", 黑体, SimHei, 宋体, SimSun, sans-serif; }
    html[lang='ar'] .page-header__title, html[lang='ar-AE'] .page-header__title {
      font-family: "Porsche Next Arabic", "Arial Narrow", Arial, sans-serif; }
    html[lang='ps'] .page-header__title, html[lang='ps-AR'] .page-header__title {
      font-family: "Porsche Next Pashto", "Arial Narrow", Arial, sans-serif; }
    html[lang='fa'] .page-header__title, html[lang='fa-IR'] .page-header__title {
      font-family: "Porsche Next Persian", "Arial Narrow", Arial, sans-serif; }
    html[lang='ur'] .page-header__title, html[lang='ur-PK'] .page-header__title {
      font-family: "Porsche Next Urdu", "Arial Narrow", Arial, sans-serif; }
    @media (min-width: 1000px) and (max-width: 1759px) {
      .page-header__title {
        font-size: 2rem;
        line-height: 2.5rem; } }
    @media (min-width: 1760px) {
      .page-header__title {
        font-size: 2.25rem;
        line-height: 2.75rem; } }
    .page-header--theme-inverted .page-header__title {
      color: #fff; }
  .page-header__description {
    font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5rem;
    color: #000;
    margin-top: 0.375rem; }
    html[lang='ru'] .page-header__description, html[lang='ru-RU'] .page-header__description {
      font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif; }
    html[lang='zh'] .page-header__description, html[lang='zh-CN'] .page-header__description {
      font-family: "Porsche Next", 黑体, SimHei, 宋体, SimSun, sans-serif; }
    html[lang='ar'] .page-header__description, html[lang='ar-AE'] .page-header__description {
      font-family: "Porsche Next Arabic", "Arial Narrow", Arial, sans-serif; }
    html[lang='ps'] .page-header__description, html[lang='ps-AR'] .page-header__description {
      font-family: "Porsche Next Pashto", "Arial Narrow", Arial, sans-serif; }
    html[lang='fa'] .page-header__description, html[lang='fa-IR'] .page-header__description {
      font-family: "Porsche Next Persian", "Arial Narrow", Arial, sans-serif; }
    html[lang='ur'] .page-header__description, html[lang='ur-PK'] .page-header__description {
      font-family: "Porsche Next Urdu", "Arial Narrow", Arial, sans-serif; }
    .page-header--theme-inverted .page-header__description {
      color: #fff; }

.link-icon-text {
  font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
  display: inline-block;
  text-decoration: none; }
  html[lang='ru'] .link-icon-text, html[lang='ru-RU'] .link-icon-text {
    font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif; }
  html[lang='zh'] .link-icon-text, html[lang='zh-CN'] .link-icon-text {
    font-family: "Porsche Next", 黑体, SimHei, 宋体, SimSun, sans-serif; }
  html[lang='ar'] .link-icon-text, html[lang='ar-AE'] .link-icon-text {
    font-family: "Porsche Next Arabic", "Arial Narrow", Arial, sans-serif; }
  html[lang='ps'] .link-icon-text, html[lang='ps-AR'] .link-icon-text {
    font-family: "Porsche Next Pashto", "Arial Narrow", Arial, sans-serif; }
  html[lang='fa'] .link-icon-text, html[lang='fa-IR'] .link-icon-text {
    font-family: "Porsche Next Persian", "Arial Narrow", Arial, sans-serif; }
  html[lang='ur'] .link-icon-text, html[lang='ur-PK'] .link-icon-text {
    font-family: "Porsche Next Urdu", "Arial Narrow", Arial, sans-serif; }
  .link-icon-text__label {
    color: #fff;
    margin-left: 1.5rem;
    display: block; }
    .link-icon-text__label--black {
      color: #000; }
  .link-icon-text:hover {
    cursor: pointer; }
  .link-icon-text:hover,
  .link-icon-text:hover .link-icon-text__label,
  .link-icon-text:hover .link-icon-text__label--black {
    color: #d5001c;
    text-decoration: none; }
  .link-icon-text__icon {
    color: #d5001c;
    vertical-align: middle;
    line-height: inherit;
    float: left;
    margin-right: 0.3125rem; }

.link-text {
  font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
  display: inline-block;
  text-decoration: none; }
  html[lang='ru'] .link-text, html[lang='ru-RU'] .link-text {
    font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif; }
  html[lang='zh'] .link-text, html[lang='zh-CN'] .link-text {
    font-family: "Porsche Next", 黑体, SimHei, 宋体, SimSun, sans-serif; }
  html[lang='ar'] .link-text, html[lang='ar-AE'] .link-text {
    font-family: "Porsche Next Arabic", "Arial Narrow", Arial, sans-serif; }
  html[lang='ps'] .link-text, html[lang='ps-AR'] .link-text {
    font-family: "Porsche Next Pashto", "Arial Narrow", Arial, sans-serif; }
  html[lang='fa'] .link-text, html[lang='fa-IR'] .link-text {
    font-family: "Porsche Next Persian", "Arial Narrow", Arial, sans-serif; }
  html[lang='ur'] .link-text, html[lang='ur-PK'] .link-text {
    font-family: "Porsche Next Urdu", "Arial Narrow", Arial, sans-serif; }
  .link-text__label {
    color: #000;
    display: block;
    text-decoration: underline; }
    .link-text__label--inverted {
      color: #fff; }
  .link-text:active .link-text__label,
  .link-text:active .link-text__label--inverted,
  .link-text:focus .link-text__label,
  .link-text:focus .link-text__label--inverted,
  .link-text:hover .link-text__label,
  .link-text:hover .link-text__label--inverted {
    color: #d5001c;
    text-decoration: none; }
  .link-text:active, .link-text:focus, .link-text:hover {
    text-decoration: none; }

.visualization-icon-text {
  font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem; }
  html[lang='ru'] .visualization-icon-text, html[lang='ru-RU'] .visualization-icon-text {
    font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif; }
  html[lang='zh'] .visualization-icon-text, html[lang='zh-CN'] .visualization-icon-text {
    font-family: "Porsche Next", 黑体, SimHei, 宋体, SimSun, sans-serif; }
  html[lang='ar'] .visualization-icon-text, html[lang='ar-AE'] .visualization-icon-text {
    font-family: "Porsche Next Arabic", "Arial Narrow", Arial, sans-serif; }
  html[lang='ps'] .visualization-icon-text, html[lang='ps-AR'] .visualization-icon-text {
    font-family: "Porsche Next Pashto", "Arial Narrow", Arial, sans-serif; }
  html[lang='fa'] .visualization-icon-text, html[lang='fa-IR'] .visualization-icon-text {
    font-family: "Porsche Next Persian", "Arial Narrow", Arial, sans-serif; }
  html[lang='ur'] .visualization-icon-text, html[lang='ur-PK'] .visualization-icon-text {
    font-family: "Porsche Next Urdu", "Arial Narrow", Arial, sans-serif; }
  .visualization-icon-text__icon {
    float: left;
    font-size: 1rem;
    line-height: inherit; }
  .visualization-icon-text__label {
    margin-left: 1.75rem;
    display: block; }

.wrapper {
  position: relative; }
  .wrapper__header {
    padding: 1.125rem 1.125rem 1.125rem 0; }
    .wrapper__header--zero-padding {
      padding: 0; }
  .wrapper__title {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }
  .wrapper__content--zero-padding {
    padding: 0; }
  .wrapper__body {
    padding: 1.125rem; }

@media (min-width: 760px) {
  .wrapper__header {
    padding: 1.5rem 1.5rem 1.5rem 0; }
    .wrapper__header--zero-padding {
      padding: 0; }
  .wrapper__body {
    padding: 1.5rem; }
    .wrapper__body--zero-padding {
      padding: 0; } }

@media (min-width: 1300px) {
  .wrapper__header {
    padding: 1.875rem 1.875rem 1.875rem 0; }
    .wrapper__header--zero-padding {
      padding: 0; }
  .wrapper__body {
    padding: 1.875rem; }
    .wrapper__body--zero-padding {
      padding: 0; } }

/**
 * properties for flex container
 */
/**
 * properties for flex child items
 */
.car-chooser {
  position: relative;
  z-index: 100; }
  .car-chooser__bar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
    .car-chooser__bar > * {
      -webkit-box-flex: 0;
      -webkit-flex-grow: 0;
          -ms-flex-positive: 0;
              flex-grow: 0;
      -webkit-flex-shrink: 1;
          -ms-flex-negative: 1;
              flex-shrink: 1;
      -webkit-flex-basis: auto;
          -ms-flex-preferred-size: auto;
              flex-basis: auto; }
  .car-chooser__icon {
    background-color: #d5001c;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    color: #fff;
    font-size: 1.5rem;
    min-width: 2.5rem;
    cursor: pointer; }
    @media (min-width: 480px) {
      .car-chooser__icon {
        width: 3.75rem; } }
    @media (min-width: 760px) {
      .car-chooser__icon {
        height: 3.75rem; } }
    .car-chooser__icon::before {
      -webkit-transform-origin: 50% 50%;
              transform-origin: 50% 50%;
      -webkit-transition: 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
      transition: 0.5s cubic-bezier(0.075, 0.82, 0.165, 1); }
    .car-chooser__icon--open::before {
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg); }
  .car-chooser__header {
    background-color: #313639;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
    padding: 0.9375rem 1.125rem;
    cursor: pointer; }
    .car-chooser__header:hover .car-chooser__title,
    .car-chooser__header:hover .car-chooser__vin {
      color: #d5001c; }
    @media (min-width: 760px) {
      .car-chooser__header {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
                justify-content: space-between;
        padding-left: 1.5625rem;
        padding-right: 1.5625rem; } }
  .car-chooser__title {
    font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif;
    font-weight: 400;
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 200;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    -webkit-transition: .25s ease-in-out;
    transition: .25s ease-in-out; }
    html[lang='ru'] .car-chooser__title, html[lang='ru-RU'] .car-chooser__title {
      font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif; }
    html[lang='zh'] .car-chooser__title, html[lang='zh-CN'] .car-chooser__title {
      font-family: "Porsche Next", 黑体, SimHei, 宋体, SimSun, sans-serif; }
    html[lang='ar'] .car-chooser__title, html[lang='ar-AE'] .car-chooser__title {
      font-family: "Porsche Next Arabic", "Arial Narrow", Arial, sans-serif; }
    html[lang='ps'] .car-chooser__title, html[lang='ps-AR'] .car-chooser__title {
      font-family: "Porsche Next Pashto", "Arial Narrow", Arial, sans-serif; }
    html[lang='fa'] .car-chooser__title, html[lang='fa-IR'] .car-chooser__title {
      font-family: "Porsche Next Persian", "Arial Narrow", Arial, sans-serif; }
    html[lang='ur'] .car-chooser__title, html[lang='ur-PK'] .car-chooser__title {
      font-family: "Porsche Next Urdu", "Arial Narrow", Arial, sans-serif; }
    @media (min-width: 1000px) and (max-width: 1759px) {
      .car-chooser__title {
        font-size: 1.375rem;
        line-height: 1.875rem; } }
    @media (min-width: 1760px) {
      .car-chooser__title {
        font-size: 1.5rem;
        line-height: 1.875rem; } }
  .car-chooser__vin {
    font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5rem;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    -webkit-transition: .25s ease-in-out;
    transition: .25s ease-in-out; }
    html[lang='ru'] .car-chooser__vin, html[lang='ru-RU'] .car-chooser__vin {
      font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif; }
    html[lang='zh'] .car-chooser__vin, html[lang='zh-CN'] .car-chooser__vin {
      font-family: "Porsche Next", 黑体, SimHei, 宋体, SimSun, sans-serif; }
    html[lang='ar'] .car-chooser__vin, html[lang='ar-AE'] .car-chooser__vin {
      font-family: "Porsche Next Arabic", "Arial Narrow", Arial, sans-serif; }
    html[lang='ps'] .car-chooser__vin, html[lang='ps-AR'] .car-chooser__vin {
      font-family: "Porsche Next Pashto", "Arial Narrow", Arial, sans-serif; }
    html[lang='fa'] .car-chooser__vin, html[lang='fa-IR'] .car-chooser__vin {
      font-family: "Porsche Next Persian", "Arial Narrow", Arial, sans-serif; }
    html[lang='ur'] .car-chooser__vin, html[lang='ur-PK'] .car-chooser__vin {
      font-family: "Porsche Next Urdu", "Arial Narrow", Arial, sans-serif; }
  .car-chooser__dropdown {
    background-color: #fff;
    left: 0;
    right: 0;
    position: absolute;
    overflow: hidden;
    padding-top: 0;
    padding-bottom: 0;
    max-height: 0;
    opacity: 0;
    -webkit-transition: 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
    transition: 0.5s cubic-bezier(0.075, 0.82, 0.165, 1); }
    .car-chooser__dropdown > * {
      opacity: 0; }
    .car-chooser__dropdown--open {
      padding: 1.125rem 1.125rem;
      max-height: none;
      opacity: 1; }
      @media (min-width: 760px) {
        .car-chooser__dropdown--open {
          padding: 1.5rem 1.5rem; } }
      @media (min-width: 1300px) {
        .car-chooser__dropdown--open {
          padding: 1.875rem 1.875rem; } }
      .car-chooser__dropdown--open > * {
        opacity: 1; }
    .car-chooser__dropdown-list {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
      margin-left: -0.5rem;
      margin-right: -0.5rem; }
      @media (min-width: 480px) and (max-width: 759px) {
        .car-chooser__dropdown-list {
          margin-left: -0.5rem;
          margin-right: -0.5rem; } }
      @media (min-width: 760px) and (max-width: 999px) {
        .car-chooser__dropdown-list {
          margin-left: -0.75rem;
          margin-right: -0.75rem; } }
      @media (min-width: 1000px) and (max-width: 1299px) {
        .car-chooser__dropdown-list {
          margin-left: -1.125rem;
          margin-right: -1.125rem; } }
      @media (min-width: 1300px) and (max-width: 1759px) {
        .car-chooser__dropdown-list {
          margin-left: -1.125rem;
          margin-right: -1.125rem; } }
      @media (min-width: 1760px) {
        .car-chooser__dropdown-list {
          margin-left: -1.125rem;
          margin-right: -1.125rem; } }
      .car-chooser__dropdown-list--search {
        margin-top: 1.5rem;
        margin-bottom: 1.125rem; }
    .car-chooser__dropdown-column {
      cursor: pointer;
      border-bottom: 1px #c8cacb solid;
      padding-bottom: 1.5rem; }
      .car-chooser__dropdown-column:not(:first-child) {
        padding-top: 1.5rem; }
      .car-chooser__dropdown-column:last-child {
        padding-bottom: 0;
        border-bottom: 0; }
      @media (min-width: 760px) {
        .car-chooser__dropdown-column {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -webkit-flex-direction: column;
              -ms-flex-direction: column;
                  flex-direction: column;
          text-align: center;
          -webkit-align-self: flex-end;
              -ms-flex-item-align: end;
                  align-self: flex-end;
          border-bottom: 0;
          padding-bottom: 0; }
          .car-chooser__dropdown-column:not(:first-child) {
            padding-top: 0; } }
      .car-chooser__dropdown-column--active .car-chooser__dropdown-title,
      .car-chooser__dropdown-column--active .car-chooser__dropdown-vin,
      .car-chooser__dropdown-column--active .car-chooser__dropdown-icon, .car-chooser__dropdown-column:hover .car-chooser__dropdown-title,
      .car-chooser__dropdown-column:hover .car-chooser__dropdown-vin,
      .car-chooser__dropdown-column:hover .car-chooser__dropdown-icon {
        color: #d5001c; }
    .car-chooser__dropdown-icon {
      display: inline; }
      @media (min-width: 760px) {
        .car-chooser__dropdown-icon {
          display: none; } }
    .car-chooser__dropdown-image {
      display: none;
      max-width: 100%;
      max-height: 17.5rem;
      margin-left: auto;
      margin-right: auto; }
      @media (min-width: 760px) {
        .car-chooser__dropdown-image {
          display: inline; } }
    .car-chooser__dropdown-title {
      font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif;
      font-weight: 400;
      font-size: 1.25rem;
      line-height: 1.75rem;
      font-weight: 200;
      display: inline;
      max-width: 50rem;
      margin-left: auto;
      margin-right: auto; }
      html[lang='ru'] .car-chooser__dropdown-title, html[lang='ru-RU'] .car-chooser__dropdown-title {
        font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif; }
      html[lang='zh'] .car-chooser__dropdown-title, html[lang='zh-CN'] .car-chooser__dropdown-title {
        font-family: "Porsche Next", 黑体, SimHei, 宋体, SimSun, sans-serif; }
      html[lang='ar'] .car-chooser__dropdown-title, html[lang='ar-AE'] .car-chooser__dropdown-title {
        font-family: "Porsche Next Arabic", "Arial Narrow", Arial, sans-serif; }
      html[lang='ps'] .car-chooser__dropdown-title, html[lang='ps-AR'] .car-chooser__dropdown-title {
        font-family: "Porsche Next Pashto", "Arial Narrow", Arial, sans-serif; }
      html[lang='fa'] .car-chooser__dropdown-title, html[lang='fa-IR'] .car-chooser__dropdown-title {
        font-family: "Porsche Next Persian", "Arial Narrow", Arial, sans-serif; }
      html[lang='ur'] .car-chooser__dropdown-title, html[lang='ur-PK'] .car-chooser__dropdown-title {
        font-family: "Porsche Next Urdu", "Arial Narrow", Arial, sans-serif; }
      @media (min-width: 1000px) and (max-width: 1759px) {
        .car-chooser__dropdown-title {
          font-size: 1.375rem;
          line-height: 1.875rem; } }
      @media (min-width: 1760px) {
        .car-chooser__dropdown-title {
          font-size: 1.5rem;
          line-height: 1.875rem; } }
      @media (min-width: 760px) {
        .car-chooser__dropdown-title {
          margin-top: 1.125rem;
          text-align: center;
          display: block; } }
    .car-chooser__dropdown-subtitle {
      font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif;
      font-weight: 400;
      font-size: 1rem;
      line-height: 1.5rem;
      margin-top: 0.375rem;
      display: block;
      max-width: 50rem;
      margin-left: auto;
      margin-right: auto; }
      html[lang='ru'] .car-chooser__dropdown-subtitle, html[lang='ru-RU'] .car-chooser__dropdown-subtitle {
        font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif; }
      html[lang='zh'] .car-chooser__dropdown-subtitle, html[lang='zh-CN'] .car-chooser__dropdown-subtitle {
        font-family: "Porsche Next", 黑体, SimHei, 宋体, SimSun, sans-serif; }
      html[lang='ar'] .car-chooser__dropdown-subtitle, html[lang='ar-AE'] .car-chooser__dropdown-subtitle {
        font-family: "Porsche Next Arabic", "Arial Narrow", Arial, sans-serif; }
      html[lang='ps'] .car-chooser__dropdown-subtitle, html[lang='ps-AR'] .car-chooser__dropdown-subtitle {
        font-family: "Porsche Next Pashto", "Arial Narrow", Arial, sans-serif; }
      html[lang='fa'] .car-chooser__dropdown-subtitle, html[lang='fa-IR'] .car-chooser__dropdown-subtitle {
        font-family: "Porsche Next Persian", "Arial Narrow", Arial, sans-serif; }
      html[lang='ur'] .car-chooser__dropdown-subtitle, html[lang='ur-PK'] .car-chooser__dropdown-subtitle {
        font-family: "Porsche Next Urdu", "Arial Narrow", Arial, sans-serif; }
      @media (min-width: 760px) {
        .car-chooser__dropdown-subtitle {
          text-align: center; } }
    .car-chooser__dropdown-vin {
      font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif;
      font-weight: 400;
      font-size: 1rem;
      line-height: 1.5rem;
      padding-left: 1.3125rem; }
      html[lang='ru'] .car-chooser__dropdown-vin, html[lang='ru-RU'] .car-chooser__dropdown-vin {
        font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif; }
      html[lang='zh'] .car-chooser__dropdown-vin, html[lang='zh-CN'] .car-chooser__dropdown-vin {
        font-family: "Porsche Next", 黑体, SimHei, 宋体, SimSun, sans-serif; }
      html[lang='ar'] .car-chooser__dropdown-vin, html[lang='ar-AE'] .car-chooser__dropdown-vin {
        font-family: "Porsche Next Arabic", "Arial Narrow", Arial, sans-serif; }
      html[lang='ps'] .car-chooser__dropdown-vin, html[lang='ps-AR'] .car-chooser__dropdown-vin {
        font-family: "Porsche Next Pashto", "Arial Narrow", Arial, sans-serif; }
      html[lang='fa'] .car-chooser__dropdown-vin, html[lang='fa-IR'] .car-chooser__dropdown-vin {
        font-family: "Porsche Next Persian", "Arial Narrow", Arial, sans-serif; }
      html[lang='ur'] .car-chooser__dropdown-vin, html[lang='ur-PK'] .car-chooser__dropdown-vin {
        font-family: "Porsche Next Urdu", "Arial Narrow", Arial, sans-serif; }
      @media (min-width: 0) and (max-width: 759px) {
        .car-chooser__dropdown-vin {
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          display: block; } }
      @media (min-width: 760px) {
        .car-chooser__dropdown-vin {
          text-align: center;
          padding-left: 0; } }
    .car-chooser__dropdown-input {
      font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif;
      font-weight: 400;
      font-size: 1rem;
      line-height: 1.5rem;
      margin-top: 1.125rem;
      width: 100%;
      max-width: 38.125rem; }
      html[lang='ru'] .car-chooser__dropdown-input, html[lang='ru-RU'] .car-chooser__dropdown-input {
        font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif; }
      html[lang='zh'] .car-chooser__dropdown-input, html[lang='zh-CN'] .car-chooser__dropdown-input {
        font-family: "Porsche Next", 黑体, SimHei, 宋体, SimSun, sans-serif; }
      html[lang='ar'] .car-chooser__dropdown-input, html[lang='ar-AE'] .car-chooser__dropdown-input {
        font-family: "Porsche Next Arabic", "Arial Narrow", Arial, sans-serif; }
      html[lang='ps'] .car-chooser__dropdown-input, html[lang='ps-AR'] .car-chooser__dropdown-input {
        font-family: "Porsche Next Pashto", "Arial Narrow", Arial, sans-serif; }
      html[lang='fa'] .car-chooser__dropdown-input, html[lang='fa-IR'] .car-chooser__dropdown-input {
        font-family: "Porsche Next Persian", "Arial Narrow", Arial, sans-serif; }
      html[lang='ur'] .car-chooser__dropdown-input, html[lang='ur-PK'] .car-chooser__dropdown-input {
        font-family: "Porsche Next Urdu", "Arial Narrow", Arial, sans-serif; }
      @media (min-width: 760px) and (max-width: 1299px) {
        .car-chooser__dropdown-input {
          margin-top: 1.5rem; } }
      @media (min-width: 1300px) {
        .car-chooser__dropdown-input {
          margin-top: 1.875rem; } }
      @media (min-width: 760px) {
        .car-chooser__dropdown-input {
          margin-left: auto;
          margin-right: auto; } }
    .car-chooser__dropdown-search-message {
      font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif;
      font-weight: 400;
      font-size: 1rem;
      line-height: 1.5rem;
      display: block;
      color: #d5001c;
      max-width: 50rem;
      margin-left: auto;
      margin-right: auto; }
      html[lang='ru'] .car-chooser__dropdown-search-message, html[lang='ru-RU'] .car-chooser__dropdown-search-message {
        font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif; }
      html[lang='zh'] .car-chooser__dropdown-search-message, html[lang='zh-CN'] .car-chooser__dropdown-search-message {
        font-family: "Porsche Next", 黑体, SimHei, 宋体, SimSun, sans-serif; }
      html[lang='ar'] .car-chooser__dropdown-search-message, html[lang='ar-AE'] .car-chooser__dropdown-search-message {
        font-family: "Porsche Next Arabic", "Arial Narrow", Arial, sans-serif; }
      html[lang='ps'] .car-chooser__dropdown-search-message, html[lang='ps-AR'] .car-chooser__dropdown-search-message {
        font-family: "Porsche Next Pashto", "Arial Narrow", Arial, sans-serif; }
      html[lang='fa'] .car-chooser__dropdown-search-message, html[lang='fa-IR'] .car-chooser__dropdown-search-message {
        font-family: "Porsche Next Persian", "Arial Narrow", Arial, sans-serif; }
      html[lang='ur'] .car-chooser__dropdown-search-message, html[lang='ur-PK'] .car-chooser__dropdown-search-message {
        font-family: "Porsche Next Urdu", "Arial Narrow", Arial, sans-serif; }
      @media (min-width: 760px) {
        .car-chooser__dropdown-search-message {
          text-align: center; } }
      .car-chooser__dropdown-search-message:last-child {
        margin-top: 0.375rem;
        margin-bottom: 1.125rem; }
    .car-chooser__dropdown-add-button {
      margin-top: 1.5rem; }
      @media (min-width: 760px) {
        .car-chooser__dropdown-add-button {
          text-align: center;
          margin-bottom: 1.125rem;
          display: block;
          margin-left: auto;
          margin-right: auto; } }

/**
 * properties for flex container
 */
/**
 * properties for flex child items
 */
.car-selector {
  position: relative; }
  .car-selector__bar {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    cursor: pointer;
    text-decoration: none;
    display: block;
    border-top: 0.0625rem solid #494e51;
    border-bottom: 0.0625rem solid #494e51; }
    @media (min-width: 760px) and (max-width: 1299px) {
      .car-selector__bar {
        padding-top: 1.125rem; } }
    @media (min-width: 1300px) {
      .car-selector__bar {
        padding-top: 1.125rem; } }
    @media (min-width: 760px) and (max-width: 1299px) {
      .car-selector__bar {
        padding-bottom: 1.125rem; } }
    @media (min-width: 1300px) {
      .car-selector__bar {
        padding-bottom: 1.125rem; } }
    @media (min-width: 1000px) {
      .car-selector__bar {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        padding-top: 0;
        border-top-style: none; } }
    @media (min-width: 0) and (max-width: 999px) {
      .car-selector__bar--open {
        border-bottom-style: none; } }
    .car-selector__bar:hover .car-selector__bar-title {
      color: #d5001c; }
    .car-selector__bar-header {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; }
    .car-selector__bar-icon {
      color: #d5001c;
      display: block;
      position: relative;
      font-size: 1.5rem;
      width: 1.5rem; }
      @media (min-width: 760px) {
        .car-selector__bar-icon {
          font-size: 1.625rem;
          width: 1.625rem; } }
      @media (min-width: 1000px) {
        .car-selector__bar-icon {
          font-size: 2.125rem;
          width: 2.125rem; }
          .car-selector__bar-icon::before {
            position: absolute;
            bottom: 0; } }
      .car-selector__bar-icon--open {
        -webkit-transform: rotate(180deg);
                transform: rotate(180deg); }
    .car-selector__bar-title {
      font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif;
      font-weight: 400;
      font-size: 1.25rem;
      line-height: 1.75rem;
      font-weight: 200;
      color: #fff;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      display: block;
      padding-left: 0.75rem;
      padding-right: 0.75rem; }
      html[lang='ru'] .car-selector__bar-title, html[lang='ru-RU'] .car-selector__bar-title {
        font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif; }
      html[lang='zh'] .car-selector__bar-title, html[lang='zh-CN'] .car-selector__bar-title {
        font-family: "Porsche Next", 黑体, SimHei, 宋体, SimSun, sans-serif; }
      html[lang='ar'] .car-selector__bar-title, html[lang='ar-AE'] .car-selector__bar-title {
        font-family: "Porsche Next Arabic", "Arial Narrow", Arial, sans-serif; }
      html[lang='ps'] .car-selector__bar-title, html[lang='ps-AR'] .car-selector__bar-title {
        font-family: "Porsche Next Pashto", "Arial Narrow", Arial, sans-serif; }
      html[lang='fa'] .car-selector__bar-title, html[lang='fa-IR'] .car-selector__bar-title {
        font-family: "Porsche Next Persian", "Arial Narrow", Arial, sans-serif; }
      html[lang='ur'] .car-selector__bar-title, html[lang='ur-PK'] .car-selector__bar-title {
        font-family: "Porsche Next Urdu", "Arial Narrow", Arial, sans-serif; }
      @media (min-width: 1000px) and (max-width: 1759px) {
        .car-selector__bar-title {
          font-size: 1.375rem;
          line-height: 1.875rem; } }
      @media (min-width: 1760px) {
        .car-selector__bar-title {
          font-size: 1.5rem;
          line-height: 1.875rem; } }
      @media (min-width: 760px) and (max-width: 1299px) {
        .car-selector__bar-title {
          padding-left: 1.125rem; } }
      @media (min-width: 1300px) {
        .car-selector__bar-title {
          padding-left: 1.125rem; } }
      @media (min-width: 1000px) {
        .car-selector__bar-title {
          padding-right: 0; } }
    .car-selector__bar-subtitle {
      font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif;
      font-weight: 400;
      font-size: 1rem;
      line-height: 1.5rem;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      display: block;
      margin-top: 0.1875rem;
      padding-right: 0.75rem;
      padding-left: 0.75rem;
      color: #959899;
      margin-left: 1.5rem; }
      html[lang='ru'] .car-selector__bar-subtitle, html[lang='ru-RU'] .car-selector__bar-subtitle {
        font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif; }
      html[lang='zh'] .car-selector__bar-subtitle, html[lang='zh-CN'] .car-selector__bar-subtitle {
        font-family: "Porsche Next", 黑体, SimHei, 宋体, SimSun, sans-serif; }
      html[lang='ar'] .car-selector__bar-subtitle, html[lang='ar-AE'] .car-selector__bar-subtitle {
        font-family: "Porsche Next Arabic", "Arial Narrow", Arial, sans-serif; }
      html[lang='ps'] .car-selector__bar-subtitle, html[lang='ps-AR'] .car-selector__bar-subtitle {
        font-family: "Porsche Next Pashto", "Arial Narrow", Arial, sans-serif; }
      html[lang='fa'] .car-selector__bar-subtitle, html[lang='fa-IR'] .car-selector__bar-subtitle {
        font-family: "Porsche Next Persian", "Arial Narrow", Arial, sans-serif; }
      html[lang='ur'] .car-selector__bar-subtitle, html[lang='ur-PK'] .car-selector__bar-subtitle {
        font-family: "Porsche Next Urdu", "Arial Narrow", Arial, sans-serif; }
      @media (min-width: 760px) and (max-width: 1299px) {
        .car-selector__bar-subtitle {
          padding-left: 1.125rem; } }
      @media (min-width: 1300px) {
        .car-selector__bar-subtitle {
          padding-left: 1.125rem; } }
      @media (min-width: 1000px) {
        .car-selector__bar-subtitle {
          -webkit-align-self: flex-end;
              -ms-flex-item-align: end;
                  align-self: flex-end;
          padding-left: 0.75rem;
          padding-right: 0.75rem;
          margin-left: 0; } }
  .car-selector__dropdown {
    display: none; }
    .car-selector__dropdown--open {
      display: block; }
  .car-selector__box {
    width: 100%; }
    @media (min-width: 1000px) {
      .car-selector__box {
        margin-top: 1.125rem;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex; } }
    .car-selector__box + .car-selector__box {
      margin-top: 0.1875rem; }
      @media (min-width: 1000px) {
        .car-selector__box + .car-selector__box {
          margin-top: 0.75rem; } }
  .car-selector__arrow {
    display: none; }
    @media (min-width: 1000px) {
      .car-selector__arrow {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        background-color: #fff;
        color: #626669;
        cursor: pointer;
        font-size: 4.125rem; }
        .car-selector__arrow:hover {
          color: #d5001c; }
        .car-selector__arrow--left {
          margin-left: -0.75rem; } }
    @media (min-width: 1000px) and (min-width: 760px) and (max-width: 1299px) {
      .car-selector__arrow--left {
        margin-left: -1.125rem; } }
    @media (min-width: 1000px) and (min-width: 1300px) {
      .car-selector__arrow--left {
        margin-left: -1.125rem; } }
    @media (min-width: 1000px) {
        .car-selector__arrow--right {
          margin-right: -0.75rem; } }
    @media (min-width: 1000px) and (min-width: 760px) and (max-width: 1299px) {
      .car-selector__arrow--right {
        margin-right: -1.125rem; } }
    @media (min-width: 1000px) and (min-width: 1300px) {
      .car-selector__arrow--right {
        margin-right: -1.125rem; } }
    @media (min-width: 1000px) {
        .car-selector__arrow--disabled {
          color: #c8cacb;
          cursor: default; }
          .car-selector__arrow--disabled:hover {
            color: #c8cacb; } }
  .car-selector__content {
    background-color: #fff;
    padding: 1.125rem 1.125rem;
    font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5rem; }
    @media (min-width: 760px) {
      .car-selector__content {
        padding: 1.5rem 1.5rem; } }
    @media (min-width: 1300px) {
      .car-selector__content {
        padding: 1.875rem 1.875rem; } }
    html[lang='ru'] .car-selector__content, html[lang='ru-RU'] .car-selector__content {
      font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif; }
    html[lang='zh'] .car-selector__content, html[lang='zh-CN'] .car-selector__content {
      font-family: "Porsche Next", 黑体, SimHei, 宋体, SimSun, sans-serif; }
    html[lang='ar'] .car-selector__content, html[lang='ar-AE'] .car-selector__content {
      font-family: "Porsche Next Arabic", "Arial Narrow", Arial, sans-serif; }
    html[lang='ps'] .car-selector__content, html[lang='ps-AR'] .car-selector__content {
      font-family: "Porsche Next Pashto", "Arial Narrow", Arial, sans-serif; }
    html[lang='fa'] .car-selector__content, html[lang='fa-IR'] .car-selector__content {
      font-family: "Porsche Next Persian", "Arial Narrow", Arial, sans-serif; }
    html[lang='ur'] .car-selector__content, html[lang='ur-PK'] .car-selector__content {
      font-family: "Porsche Next Urdu", "Arial Narrow", Arial, sans-serif; }
    @media (min-width: 1000px) {
      .car-selector__content {
        width: 100%; } }
  .car-selector__car-list {
    background-color: #fff;
    position: relative; }
    @media (min-width: 1000px) {
      .car-selector__car-list {
        width: 75%; } }
    @media (min-width: 1000px) {
      .car-selector__car-list--full {
        width: 100%; } }
  @media (min-width: 1000px) {
    .car-selector__car-list-carousel {
      padding-left: 0.75rem;
      padding-right: 0.75rem;
      overflow: hidden;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; } }
  @media (min-width: 1000px) and (min-width: 760px) and (max-width: 1299px) {
    .car-selector__car-list-carousel {
      padding-left: 1.125rem; } }
  @media (min-width: 1000px) and (min-width: 1300px) {
    .car-selector__car-list-carousel {
      padding-left: 1.125rem; } }
  @media (min-width: 1000px) and (min-width: 760px) and (max-width: 1299px) {
    .car-selector__car-list-carousel {
      padding-right: 1.125rem; } }
  @media (min-width: 1000px) and (min-width: 1300px) {
    .car-selector__car-list-carousel {
      padding-right: 1.125rem; } }
  @media (min-width: 0) and (max-width: 999px) {
    .car-selector__car-list-carousel {
      padding: 0; } }
  .car-selector__car-list-item {
    display: block;
    position: relative; }
    @media (min-width: 0) and (max-width: 999px) {
      .car-selector__car-list-item {
        padding-left: 1.125rem;
        padding-right: 1.125rem;
        padding-top: 1.125rem;
        padding-bottom: 1.125rem;
        border-bottom: 0.0625rem solid #c8cacb; } }
  @media (min-width: 0) and (max-width: 999px) and (min-width: 760px) and (max-width: 1299px) {
    .car-selector__car-list-item {
      padding-left: 1.5rem; } }
  @media (min-width: 0) and (max-width: 999px) and (min-width: 1300px) {
    .car-selector__car-list-item {
      padding-left: 1.875rem; } }
  @media (min-width: 0) and (max-width: 999px) and (min-width: 760px) and (max-width: 1299px) {
    .car-selector__car-list-item {
      padding-right: 1.5rem; } }
  @media (min-width: 0) and (max-width: 999px) and (min-width: 1300px) {
    .car-selector__car-list-item {
      padding-right: 1.875rem; } }
    @media (min-width: 0) and (max-width: 999px) {
        .car-selector__car-list-item:last-of-type {
          border-bottom-style: none; } }
    @media (min-width: 1000px) {
      .car-selector__car-list-item {
        padding-bottom: 2.625rem;
        float: left;
        overflow: hidden;
        margin: 0 0.5625rem;
        width: calc((100% - (2* 1.125rem) - (2* 4.125rem) + 1.125rem) / 3); } }
    @media (min-width: 1300px) {
      .car-selector__car-list-item {
        margin: 0 0.5625rem;
        width: calc((100% - (2* 1.5rem) - (2* 4.125rem) + 1.125rem) / 3); } }
    .car-selector__car-list-item--active::before {
      content: '';
      position: absolute;
      left: 0;
      bottom: 0; }
      @media (min-width: 0) and (max-width: 999px) {
        .car-selector__car-list-item--active::before {
          top: 0;
          border-left: 0.1875rem solid #d5001c; } }
      @media (min-width: 1000px) {
        .car-selector__car-list-item--active::before {
          right: 0;
          border-bottom: 0.375rem solid #d5001c; } }
    @media (min-width: 1000px) {
      .car-selector__car-list-item--search {
        width: calc((100% - (3* 1.125rem) - (2* 4.125rem) + 1.125rem) / 4); } }
    @media (min-width: 1300px) {
      .car-selector__car-list-item--search {
        width: calc((100% - (3* 1.5rem) - (2* 4.125rem) + 1.125rem) / 4); } }
    @media (min-width: 1000px) {
      .car-selector__car-list-item--single {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        width: 100%;
        padding-bottom: 0.375rem; } }
    @media (min-width: 1300px) {
      .car-selector__car-list-item--single {
        width: 70%; } }
    @media (min-width: 1000px) {
      .car-selector__car-list-item-box {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
                justify-content: space-between;
        height: 100%; } }
    .car-selector__car-list-item-info {
      text-decoration: none; }
      @media (min-width: 1000px) {
        .car-selector__car-list-item-info {
          display: block;
          overflow: hidden; }
          .car-selector__car-list-item-info .car-selector__car-list-item-image {
            opacity: 0.5; } }
      .car-selector__car-list-item-info:hover .car-selector__car-list-item-image, .car-selector__car-list-item-info:focus .car-selector__car-list-item-image, .car-selector__car-list-item-info:active .car-selector__car-list-item-image {
        opacity: 1; }
      .car-selector__car-list-item-info:hover .car-selector__car-list-item-title, .car-selector__car-list-item-info:focus .car-selector__car-list-item-title, .car-selector__car-list-item-info:active .car-selector__car-list-item-title {
        color: #d5001c; }
      .car-selector__car-list-item-info--active {
        cursor: default; }
        .car-selector__car-list-item-info--active .car-selector__car-list-item-image {
          opacity: 1; }
        .car-selector__car-list-item-info--active:hover .car-selector__car-list-item-title, .car-selector__car-list-item-info--active:focus .car-selector__car-list-item-title, .car-selector__car-list-item-info--active:active .car-selector__car-list-item-title {
          color: #000; }
    .car-selector__car-list-item-image {
      display: none; }
      @media (min-width: 1000px) {
        .car-selector__car-list-item-image {
          display: block;
          width: 100%; }
          .car-selector__car-list-item-image--single {
            width: 50%; } }
    @media (min-width: 1000px) {
      .car-selector__car-list-item-content--single {
        padding-left: 1.5rem;
        width: 50%; } }
    .car-selector__car-list-item-title {
      font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif;
      font-weight: 400;
      font-size: 1.25rem;
      line-height: 1.75rem;
      font-weight: 200;
      margin-right: 1.875rem;
      color: #000;
      display: block; }
      html[lang='ru'] .car-selector__car-list-item-title, html[lang='ru-RU'] .car-selector__car-list-item-title {
        font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif; }
      html[lang='zh'] .car-selector__car-list-item-title, html[lang='zh-CN'] .car-selector__car-list-item-title {
        font-family: "Porsche Next", 黑体, SimHei, 宋体, SimSun, sans-serif; }
      html[lang='ar'] .car-selector__car-list-item-title, html[lang='ar-AE'] .car-selector__car-list-item-title {
        font-family: "Porsche Next Arabic", "Arial Narrow", Arial, sans-serif; }
      html[lang='ps'] .car-selector__car-list-item-title, html[lang='ps-AR'] .car-selector__car-list-item-title {
        font-family: "Porsche Next Pashto", "Arial Narrow", Arial, sans-serif; }
      html[lang='fa'] .car-selector__car-list-item-title, html[lang='fa-IR'] .car-selector__car-list-item-title {
        font-family: "Porsche Next Persian", "Arial Narrow", Arial, sans-serif; }
      html[lang='ur'] .car-selector__car-list-item-title, html[lang='ur-PK'] .car-selector__car-list-item-title {
        font-family: "Porsche Next Urdu", "Arial Narrow", Arial, sans-serif; }
      @media (min-width: 1000px) and (max-width: 1759px) {
        .car-selector__car-list-item-title {
          font-size: 1.375rem;
          line-height: 1.875rem; } }
      @media (min-width: 1760px) {
        .car-selector__car-list-item-title {
          font-size: 1.5rem;
          line-height: 1.875rem; } }
      @media (min-width: 1000px) {
        .car-selector__car-list-item-title {
          text-align: center;
          margin-top: 0.75rem;
          margin-right: 0;
          word-wrap: break-word; }
          .car-selector__car-list-item-title--single {
            text-align: left; } }
    .car-selector__car-list-item-subtitle {
      font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif;
      font-weight: 400;
      font-size: 1rem;
      line-height: 1.5rem;
      margin-top: 0.1875rem;
      color: #959899;
      display: block; }
      html[lang='ru'] .car-selector__car-list-item-subtitle, html[lang='ru-RU'] .car-selector__car-list-item-subtitle {
        font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif; }
      html[lang='zh'] .car-selector__car-list-item-subtitle, html[lang='zh-CN'] .car-selector__car-list-item-subtitle {
        font-family: "Porsche Next", 黑体, SimHei, 宋体, SimSun, sans-serif; }
      html[lang='ar'] .car-selector__car-list-item-subtitle, html[lang='ar-AE'] .car-selector__car-list-item-subtitle {
        font-family: "Porsche Next Arabic", "Arial Narrow", Arial, sans-serif; }
      html[lang='ps'] .car-selector__car-list-item-subtitle, html[lang='ps-AR'] .car-selector__car-list-item-subtitle {
        font-family: "Porsche Next Pashto", "Arial Narrow", Arial, sans-serif; }
      html[lang='fa'] .car-selector__car-list-item-subtitle, html[lang='fa-IR'] .car-selector__car-list-item-subtitle {
        font-family: "Porsche Next Persian", "Arial Narrow", Arial, sans-serif; }
      html[lang='ur'] .car-selector__car-list-item-subtitle, html[lang='ur-PK'] .car-selector__car-list-item-subtitle {
        font-family: "Porsche Next Urdu", "Arial Narrow", Arial, sans-serif; }
      @media (min-width: 1000px) {
        .car-selector__car-list-item-subtitle {
          text-align: center;
          margin-top: 0.375rem;
          color: #000;
          word-wrap: break-word; }
          .car-selector__car-list-item-subtitle--single {
            text-align: left; } }
  .car-selector__car-list-dots {
    position: absolute;
    bottom: -1.375rem;
    width: 100%; }
    @media (min-width: 0) and (max-width: 999px) {
      .car-selector__car-list-dots {
        display: none;
        visibility: hidden; } }
  @media (min-width: 1300px) {
    .car-selector__search-input {
      width: 66.66667%; } }
  .car-selector__search-input-field {
    border: 1px solid #000; }
  .car-selector__button-action {
    background-color: #eff0f1;
    color: #000;
    font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5rem;
    padding-left: 1.125rem;
    padding-right: 1.125rem;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    border: 0.0625rem solid #eff0f1;
    cursor: pointer;
    border-radius: 0; }
    html[lang='ru'] .car-selector__button-action, html[lang='ru-RU'] .car-selector__button-action {
      font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif; }
    html[lang='zh'] .car-selector__button-action, html[lang='zh-CN'] .car-selector__button-action {
      font-family: "Porsche Next", 黑体, SimHei, 宋体, SimSun, sans-serif; }
    html[lang='ar'] .car-selector__button-action, html[lang='ar-AE'] .car-selector__button-action {
      font-family: "Porsche Next Arabic", "Arial Narrow", Arial, sans-serif; }
    html[lang='ps'] .car-selector__button-action, html[lang='ps-AR'] .car-selector__button-action {
      font-family: "Porsche Next Pashto", "Arial Narrow", Arial, sans-serif; }
    html[lang='fa'] .car-selector__button-action, html[lang='fa-IR'] .car-selector__button-action {
      font-family: "Porsche Next Persian", "Arial Narrow", Arial, sans-serif; }
    html[lang='ur'] .car-selector__button-action, html[lang='ur-PK'] .car-selector__button-action {
      font-family: "Porsche Next Urdu", "Arial Narrow", Arial, sans-serif; }
    @media (min-width: 760px) and (max-width: 1299px) {
      .car-selector__button-action {
        padding-left: 1.5rem; } }
    @media (min-width: 1300px) {
      .car-selector__button-action {
        padding-left: 1.875rem; } }
    @media (min-width: 760px) and (max-width: 1299px) {
      .car-selector__button-action {
        padding-right: 1.5rem; } }
    @media (min-width: 1300px) {
      .car-selector__button-action {
        padding-right: 1.875rem; } }
    @media (min-width: 1000px) {
      .car-selector__button-action {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center;
        width: 25%;
        min-width: 25%;
        line-height: 1.25;
        font-size: 1.5rem; } }
    .car-selector__button-action:hover {
      color: #d5001c; }
    .car-selector__button-action-align {
      position: relative; }
    .car-selector__button-action-icon {
      color: #d5001c;
      position: absolute;
      display: block;
      line-height: inherit; }
      @media (min-width: 1000px) {
        .car-selector__button-action-icon {
          display: inline-block; } }
    .car-selector__button-action-label {
      padding-left: 1.5rem;
      display: block; }
      @media (min-width: 1000px) {
        .car-selector__button-action-label {
          padding-left: 1.875rem;
          font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif;
          font-weight: 200;
          display: inline-block; }
          html[lang='ru'] .car-selector__button-action-label, html[lang='ru-RU'] .car-selector__button-action-label {
            font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif; }
          html[lang='zh'] .car-selector__button-action-label, html[lang='zh-CN'] .car-selector__button-action-label {
            font-family: "Porsche Next", 黑体, SimHei, 宋体, SimSun, sans-serif; }
          html[lang='ar'] .car-selector__button-action-label, html[lang='ar-AE'] .car-selector__button-action-label {
            font-family: "Porsche Next Arabic", "Arial Narrow", Arial, sans-serif; }
          html[lang='ps'] .car-selector__button-action-label, html[lang='ps-AR'] .car-selector__button-action-label {
            font-family: "Porsche Next Pashto", "Arial Narrow", Arial, sans-serif; }
          html[lang='fa'] .car-selector__button-action-label, html[lang='fa-IR'] .car-selector__button-action-label {
            font-family: "Porsche Next Persian", "Arial Narrow", Arial, sans-serif; }
          html[lang='ur'] .car-selector__button-action-label, html[lang='ur-PK'] .car-selector__button-action-label {
            font-family: "Porsche Next Urdu", "Arial Narrow", Arial, sans-serif; } }
    @media (min-width: 0) and (max-width: 999px) {
      .car-selector__button-action--search-box {
        display: none; } }
    @media (min-width: 1000px) {
      .car-selector__button-action--search-results {
        display: none; } }

/**
 * properties for flex container
 */
/**
 * properties for flex child items
 */
@media (min-width: 0) and (max-width: 999px) {
  .car-selector__button-details {
    padding-left: 1.125rem;
    padding-right: 1.125rem;
    padding-top: 1.125rem;
    padding-bottom: 1.125rem;
    position: absolute;
    border: 0;
    line-height: 1.75rem;
    width: auto;
    right: 0;
    top: 0; } }
  @media (min-width: 0) and (max-width: 999px) and (min-width: 760px) and (max-width: 1299px) {
    .car-selector__button-details {
      padding-left: 1.5rem; } }
  @media (min-width: 0) and (max-width: 999px) and (min-width: 1300px) {
    .car-selector__button-details {
      padding-left: 1.875rem; } }
  @media (min-width: 0) and (max-width: 999px) and (min-width: 760px) and (max-width: 1299px) {
    .car-selector__button-details {
      padding-right: 1.5rem; } }
  @media (min-width: 0) and (max-width: 999px) and (min-width: 1300px) {
    .car-selector__button-details {
      padding-right: 1.875rem; } }

@media (min-width: 0) and (max-width: 999px) {
    .car-selector__button-details .button-ghost__icon {
      position: static;
      font-size: 1.5rem; }
    .car-selector__button-details .button-ghost__label {
      display: none; } }

@media (min-width: 1000px) {
  .car-selector__button-details {
    margin-top: 0.75rem;
    -webkit-align-self: center;
        -ms-flex-item-align: center;
            align-self: center; } }

.car-selector__icon-warning {
  margin-left: 0.1875rem;
  color: #d5001c;
  font-size: 1.5rem; }
  .car-selector__icon-warning::before {
    position: relative;
    bottom: -0.1875rem; }

/**
 * properties for flex container
 */
/**
 * properties for flex child items
 */
.car-selector__derivative-list-item {
  color: #000;
  display: block;
  position: relative;
  cursor: pointer;
  text-decoration: none; }
  @media (min-width: 0) and (max-width: 999px) {
    .car-selector__derivative-list-item {
      padding-top: 0.75rem;
      padding-bottom: 0.75rem;
      padding-left: 1.125rem;
      padding-right: 1.125rem;
      border-bottom: 0.0625rem solid #c8cacb; } }
  @media (min-width: 0) and (max-width: 999px) and (min-width: 760px) and (max-width: 1299px) {
    .car-selector__derivative-list-item {
      padding-left: 1.5rem; } }
  @media (min-width: 0) and (max-width: 999px) and (min-width: 1300px) {
    .car-selector__derivative-list-item {
      padding-left: 1.875rem; } }
  @media (min-width: 0) and (max-width: 999px) and (min-width: 760px) and (max-width: 1299px) {
    .car-selector__derivative-list-item {
      padding-right: 1.5rem; } }
  @media (min-width: 0) and (max-width: 999px) and (min-width: 1300px) {
    .car-selector__derivative-list-item {
      padding-right: 1.875rem; } }
  @media (min-width: 0) and (max-width: 999px) {
      .car-selector__derivative-list-item:last-child {
        border-bottom-style: none; } }
  @media (min-width: 1000px) {
    .car-selector__derivative-list-item {
      padding-top: 0.75rem;
      padding-bottom: 1.5rem;
      float: left;
      overflow: hidden;
      margin: 0 0.5625rem;
      width: calc((100% - (5* 1.125rem)) / 5); } }
  @media (min-width: 1300px) {
    .car-selector__derivative-list-item {
      margin: 0 0.75rem;
      width: calc((100% - (5* 1.5rem)) / 5); } }
  .car-selector__derivative-list-item:hover {
    color: #d5001c; }
  .car-selector__derivative-list-item--active::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0; }
    @media (min-width: 0) and (max-width: 999px) {
      .car-selector__derivative-list-item--active::before {
        top: 0;
        border-left: 0.1875rem solid #d5001c; } }
    @media (min-width: 1000px) {
      .car-selector__derivative-list-item--active::before {
        right: 0;
        border-bottom: 0.375rem solid #d5001c; } }
  @media (min-width: 1000px) {
    .car-selector__derivative-list-item--logged-in {
      width: calc((100% - (3* 1.125rem) - (2* 4.125rem)) / 4); } }
  @media (min-width: 1300px) {
    .car-selector__derivative-list-item--logged-in {
      width: calc((100% - (3* 1.5rem) - (2* 4.125rem)) / 4); } }
  .car-selector__derivative-list-item-model {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    width: 100%;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    @media (min-width: 1000px) {
      .car-selector__derivative-list-item-model {
        display: block; } }
  .car-selector__derivative-list-item-image {
    width: 4.6875rem;
    min-width: 4.6875rem;
    -webkit-align-self: center;
        -ms-flex-item-align: center;
            align-self: center; }
    @media (min-width: 1000px) {
      .car-selector__derivative-list-item-image {
        display: block;
        width: 100%; } }
  .car-selector__derivative-list-item-title {
    font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5rem;
    margin-right: 1.125rem;
    -webkit-align-self: center;
        -ms-flex-item-align: center;
            align-self: center;
    display: block; }
    html[lang='ru'] .car-selector__derivative-list-item-title, html[lang='ru-RU'] .car-selector__derivative-list-item-title {
      font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif; }
    html[lang='zh'] .car-selector__derivative-list-item-title, html[lang='zh-CN'] .car-selector__derivative-list-item-title {
      font-family: "Porsche Next", 黑体, SimHei, 宋体, SimSun, sans-serif; }
    html[lang='ar'] .car-selector__derivative-list-item-title, html[lang='ar-AE'] .car-selector__derivative-list-item-title {
      font-family: "Porsche Next Arabic", "Arial Narrow", Arial, sans-serif; }
    html[lang='ps'] .car-selector__derivative-list-item-title, html[lang='ps-AR'] .car-selector__derivative-list-item-title {
      font-family: "Porsche Next Pashto", "Arial Narrow", Arial, sans-serif; }
    html[lang='fa'] .car-selector__derivative-list-item-title, html[lang='fa-IR'] .car-selector__derivative-list-item-title {
      font-family: "Porsche Next Persian", "Arial Narrow", Arial, sans-serif; }
    html[lang='ur'] .car-selector__derivative-list-item-title, html[lang='ur-PK'] .car-selector__derivative-list-item-title {
      font-family: "Porsche Next Urdu", "Arial Narrow", Arial, sans-serif; }
    @media (min-width: 760px) and (max-width: 1299px) {
      .car-selector__derivative-list-item-title {
        margin-right: 1.5rem; } }
    @media (min-width: 1300px) {
      .car-selector__derivative-list-item-title {
        margin-right: 1.875rem; } }
    @media (min-width: 1000px) {
      .car-selector__derivative-list-item-title {
        text-align: center;
        margin-right: 0;
        word-wrap: break-word; } }
  .car-selector__derivative-list-item-generation {
    margin-top: 1.125rem;
    max-width: 99%; }
    @media (min-width: 760px) and (max-width: 1299px) {
      .car-selector__derivative-list-item-generation {
        margin-top: 1.5rem; } }
    @media (min-width: 1300px) {
      .car-selector__derivative-list-item-generation {
        margin-top: 1.875rem; } }
    @media (min-width: 0) and (max-width: 999px) {
      .car-selector__derivative-list-item-generation {
        margin-bottom: 1.125rem; } }
    @media (min-width: 1000px) {
      .car-selector__derivative-list-item-generation {
        display: inline-block;
        position: relative;
        left: 50%;
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%); } }
  .car-selector__derivative-list-item-radio {
    display: block; }

@media (min-width: 0) and (max-width: 999px) {
  .car-selector__bar-title {
    max-width: calc(100% - 1.5rem); } }

@media (min-width: 1000px) {
  .car-selector__arrow {
    min-width: 4.125rem; } }

@media (min-width: 1000px) {
  .car-selector__box > * {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto; } }

.callout {
  padding: 1.125rem 1.125rem;
  font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
  max-width: 25rem;
  position: relative;
  background-color: #eff0f1; }
  @media (min-width: 760px) {
    .callout {
      padding: 1.5rem 1.5rem; } }
  @media (min-width: 1300px) {
    .callout {
      padding: 1.875rem 1.875rem; } }
  html[lang='ru'] .callout, html[lang='ru-RU'] .callout {
    font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif; }
  html[lang='zh'] .callout, html[lang='zh-CN'] .callout {
    font-family: "Porsche Next", 黑体, SimHei, 宋体, SimSun, sans-serif; }
  html[lang='ar'] .callout, html[lang='ar-AE'] .callout {
    font-family: "Porsche Next Arabic", "Arial Narrow", Arial, sans-serif; }
  html[lang='ps'] .callout, html[lang='ps-AR'] .callout {
    font-family: "Porsche Next Pashto", "Arial Narrow", Arial, sans-serif; }
  html[lang='fa'] .callout, html[lang='fa-IR'] .callout {
    font-family: "Porsche Next Persian", "Arial Narrow", Arial, sans-serif; }
  html[lang='ur'] .callout, html[lang='ur-PK'] .callout {
    font-family: "Porsche Next Urdu", "Arial Narrow", Arial, sans-serif; }
  .callout__title {
    margin-bottom: 0.375rem;
    font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif;
    font-weight: 400;
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 200;
    color: #000; }
    html[lang='ru'] .callout__title, html[lang='ru-RU'] .callout__title {
      font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif; }
    html[lang='zh'] .callout__title, html[lang='zh-CN'] .callout__title {
      font-family: "Porsche Next", 黑体, SimHei, 宋体, SimSun, sans-serif; }
    html[lang='ar'] .callout__title, html[lang='ar-AE'] .callout__title {
      font-family: "Porsche Next Arabic", "Arial Narrow", Arial, sans-serif; }
    html[lang='ps'] .callout__title, html[lang='ps-AR'] .callout__title {
      font-family: "Porsche Next Pashto", "Arial Narrow", Arial, sans-serif; }
    html[lang='fa'] .callout__title, html[lang='fa-IR'] .callout__title {
      font-family: "Porsche Next Persian", "Arial Narrow", Arial, sans-serif; }
    html[lang='ur'] .callout__title, html[lang='ur-PK'] .callout__title {
      font-family: "Porsche Next Urdu", "Arial Narrow", Arial, sans-serif; }
  .callout__arrow {
    position: absolute;
    left: calc(50% - 0.5rem);
    border-color: #eff0f1;
    border-left: 0.5rem solid transparent;
    border-right: 0.5rem solid transparent;
    border-bottom: 0.5rem solid #eff0f1; }
  .callout--top {
    margin-top: calc(0.375rem + 0.5rem); }
    .callout--top .callout__arrow {
      top: -0.5rem; }
  .callout--bottom {
    margin-bottom: calc(0.375rem + 0.5rem); }
    .callout--bottom .callout__arrow {
      bottom: -0.5rem;
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg); }

/**
 * properties for flex container
 */
/**
 * properties for flex child items
 */
.slider-vehicle {
  background-color: #fff;
  padding: 0 1.125rem;
  position: relative;
  float: left;
  width: 100%;
  overflow: hidden; }
  @media (min-width: 1000px) {
    .slider-vehicle {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-justify-content: space-around;
          -ms-flex-pack: distribute;
              justify-content: space-around;
      padding: 0.625rem 1.125rem 1.875rem; } }
  .slider-vehicle__arrow {
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    font-size: 2.125rem;
    background: #fff;
    color: #c8cacb;
    cursor: pointer; }
    @media (min-width: 1000px) {
      .slider-vehicle__arrow {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex; } }
    .slider-vehicle__arrow--prev {
      left: 0;
      padding-left: 1.875rem; }
    .slider-vehicle__arrow--next {
      right: 0;
      padding-right: 1.875rem; }
    .slider-vehicle__arrow:hover {
      color: #d5001c; }
  .slider-vehicle__item {
    display: block;
    padding: 1.125rem 0;
    border-bottom: 1px #626669 solid;
    cursor: pointer;
    float: left;
    width: 100%; }
    .slider-vehicle__item:last-of-type {
      border-bottom: 0; }
    @media (min-width: 1000px) and (max-width: 1299px) {
      .slider-vehicle__item:nth-child(4) {
        display: none; } }
    @media (min-width: 1000px) {
      .slider-vehicle__item {
        display: inline-block;
        padding: 0 2.1875rem;
        border-bottom: 0;
        max-width: 15.625rem; } }
    .slider-vehicle__item:hover .slider-vehicle__title {
      color: #d5001c; }
    .slider-vehicle__item:hover .slider-vehicle__subtitle {
      color: #d5001c; }
  .slider-vehicle__image {
    display: none;
    margin: auto;
    max-width: 11.875rem;
    height: auto; }
    @media (min-width: 1000px) {
      .slider-vehicle__image {
        display: block; } }
  .slider-vehicle__icon {
    color: #d5001c;
    display: inline-block;
    vertical-align: top;
    line-height: 1.625rem;
    float: left; }
    @media (min-width: 1000px) {
      .slider-vehicle__icon {
        margin-top: 1.125rem; } }
  .slider-vehicle__title {
    font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif;
    font-weight: 400;
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 200;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    display: inline-block;
    margin-left: 0.375rem;
    max-width: 85%;
    float: left; }
    html[lang='ru'] .slider-vehicle__title, html[lang='ru-RU'] .slider-vehicle__title {
      font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif; }
    html[lang='zh'] .slider-vehicle__title, html[lang='zh-CN'] .slider-vehicle__title {
      font-family: "Porsche Next", 黑体, SimHei, 宋体, SimSun, sans-serif; }
    html[lang='ar'] .slider-vehicle__title, html[lang='ar-AE'] .slider-vehicle__title {
      font-family: "Porsche Next Arabic", "Arial Narrow", Arial, sans-serif; }
    html[lang='ps'] .slider-vehicle__title, html[lang='ps-AR'] .slider-vehicle__title {
      font-family: "Porsche Next Pashto", "Arial Narrow", Arial, sans-serif; }
    html[lang='fa'] .slider-vehicle__title, html[lang='fa-IR'] .slider-vehicle__title {
      font-family: "Porsche Next Persian", "Arial Narrow", Arial, sans-serif; }
    html[lang='ur'] .slider-vehicle__title, html[lang='ur-PK'] .slider-vehicle__title {
      font-family: "Porsche Next Urdu", "Arial Narrow", Arial, sans-serif; }
    @media (min-width: 1000px) {
      .slider-vehicle__title {
        margin-top: 1.125rem;
        width: 100%; } }
  .slider-vehicle__subtitle {
    font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5rem;
    display: block;
    margin-left: 1.5rem;
    width: 100%;
    float: left; }
    html[lang='ru'] .slider-vehicle__subtitle, html[lang='ru-RU'] .slider-vehicle__subtitle {
      font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif; }
    html[lang='zh'] .slider-vehicle__subtitle, html[lang='zh-CN'] .slider-vehicle__subtitle {
      font-family: "Porsche Next", 黑体, SimHei, 宋体, SimSun, sans-serif; }
    html[lang='ar'] .slider-vehicle__subtitle, html[lang='ar-AE'] .slider-vehicle__subtitle {
      font-family: "Porsche Next Arabic", "Arial Narrow", Arial, sans-serif; }
    html[lang='ps'] .slider-vehicle__subtitle, html[lang='ps-AR'] .slider-vehicle__subtitle {
      font-family: "Porsche Next Pashto", "Arial Narrow", Arial, sans-serif; }
    html[lang='fa'] .slider-vehicle__subtitle, html[lang='fa-IR'] .slider-vehicle__subtitle {
      font-family: "Porsche Next Persian", "Arial Narrow", Arial, sans-serif; }
    html[lang='ur'] .slider-vehicle__subtitle, html[lang='ur-PK'] .slider-vehicle__subtitle {
      font-family: "Porsche Next Urdu", "Arial Narrow", Arial, sans-serif; }
    @media (min-width: 1000px) {
      .slider-vehicle__subtitle {
        text-align: center;
        margin-left: 0; } }

/**
 * properties for flex container
 */
/**
 * properties for flex child items
 */
.notification--sticky {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  max-height: 100%;
  overflow: auto; }

.notification__item {
  background: #196a99; }
  .notification__item:first-child ~ .notification__item {
    border-top: 0.125rem solid #1c2225; }
  .notification__item--error {
    background: #d5001c; }
  .notification__item--cookie {
    background: #313639; }

.notification__wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: calc(100vw - 7vw * 2);
  max-width: 96rem;
  margin-left: auto;
  margin-right: auto;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  position: relative; }
  @media (min-width: 1000px) {
    .notification__wrapper {
      padding-left: calc(100vw - 100%); } }
  @media (min-width: 1760px) {
    .notification__wrapper {
      width: calc(100vw - 10vw * 2); } }
  @media (min-width: 0) {
    .notification__wrapper {
      padding-top: 1.125rem;
      padding-bottom: 1.125rem; } }
  @media (min-width: 760px) {
    .notification__wrapper {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between; } }

.notification__text {
  font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
  width: 100%;
  max-width: 50rem;
  padding-right: 0.75rem;
  color: #fff; }
  html[lang='ru'] .notification__text, html[lang='ru-RU'] .notification__text {
    font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif; }
  html[lang='zh'] .notification__text, html[lang='zh-CN'] .notification__text {
    font-family: "Porsche Next", 黑体, SimHei, 宋体, SimSun, sans-serif; }
  html[lang='ar'] .notification__text, html[lang='ar-AE'] .notification__text {
    font-family: "Porsche Next Arabic", "Arial Narrow", Arial, sans-serif; }
  html[lang='ps'] .notification__text, html[lang='ps-AR'] .notification__text {
    font-family: "Porsche Next Pashto", "Arial Narrow", Arial, sans-serif; }
  html[lang='fa'] .notification__text, html[lang='fa-IR'] .notification__text {
    font-family: "Porsche Next Persian", "Arial Narrow", Arial, sans-serif; }
  html[lang='ur'] .notification__text, html[lang='ur-PK'] .notification__text {
    font-family: "Porsche Next Urdu", "Arial Narrow", Arial, sans-serif; }
  .notification__text--cookie {
    color: #959899; }

.notification__icon-text {
  width: 100%;
  max-width: 50rem;
  padding-right: 0.75rem;
  color: #fff; }
  @media (min-width: 760px) {
    .notification__icon-text {
      margin-right: 0; } }

.notification__button {
  margin-top: 1.125rem;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  width: 100%; }
  @media (min-width: 480px) {
    .notification__button {
      width: auto; } }
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .notification__button {
      min-width: 150px; } }
  @media screen and (-ms-high-contrast: active) and (min-width: 1300px), (-ms-high-contrast: none) and (min-width: 1300px) {
    .notification__button {
      min-width: 0; } }
  @media (min-width: 760px) {
    .notification__button {
      margin-top: 0;
      margin-left: 1.125rem; } }
  @media (min-width: 480px) {
    .notification__button--indent {
      margin-left: 1.75rem; } }

/**
 * properties for flex container
 */
/**
 * properties for flex child items
 */
.notification-common {
  font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
  border-left: solid #d5001c;
  border-left-width: 0.1875rem;
  background-color: #313639;
  padding: 1.125rem 0.9375rem; }
  html[lang='ru'] .notification-common, html[lang='ru-RU'] .notification-common {
    font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif; }
  html[lang='zh'] .notification-common, html[lang='zh-CN'] .notification-common {
    font-family: "Porsche Next", 黑体, SimHei, 宋体, SimSun, sans-serif; }
  html[lang='ar'] .notification-common, html[lang='ar-AE'] .notification-common {
    font-family: "Porsche Next Arabic", "Arial Narrow", Arial, sans-serif; }
  html[lang='ps'] .notification-common, html[lang='ps-AR'] .notification-common {
    font-family: "Porsche Next Pashto", "Arial Narrow", Arial, sans-serif; }
  html[lang='fa'] .notification-common, html[lang='fa-IR'] .notification-common {
    font-family: "Porsche Next Persian", "Arial Narrow", Arial, sans-serif; }
  html[lang='ur'] .notification-common, html[lang='ur-PK'] .notification-common {
    font-family: "Porsche Next Urdu", "Arial Narrow", Arial, sans-serif; }
  @media (min-width: 760px) {
    .notification-common {
      border-left-width: 0.375rem;
      padding: 1.5rem 1.3125rem; } }
  @media (min-width: 1300px) {
    .notification-common {
      padding: 1.875rem 1.6875rem; } }
  .notification-common--error {
    background: #fff; }
  .notification-common__title {
    font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5rem;
    color: #fff; }
    html[lang='ru'] .notification-common__title, html[lang='ru-RU'] .notification-common__title {
      font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif; }
    html[lang='zh'] .notification-common__title, html[lang='zh-CN'] .notification-common__title {
      font-family: "Porsche Next", 黑体, SimHei, 宋体, SimSun, sans-serif; }
    html[lang='ar'] .notification-common__title, html[lang='ar-AE'] .notification-common__title {
      font-family: "Porsche Next Arabic", "Arial Narrow", Arial, sans-serif; }
    html[lang='ps'] .notification-common__title, html[lang='ps-AR'] .notification-common__title {
      font-family: "Porsche Next Pashto", "Arial Narrow", Arial, sans-serif; }
    html[lang='fa'] .notification-common__title, html[lang='fa-IR'] .notification-common__title {
      font-family: "Porsche Next Persian", "Arial Narrow", Arial, sans-serif; }
    html[lang='ur'] .notification-common__title, html[lang='ur-PK'] .notification-common__title {
      font-family: "Porsche Next Urdu", "Arial Narrow", Arial, sans-serif; }
    .notification-common__title--error {
      color: #d5001c; }
  .notification-common__text {
    font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5rem;
    color: #fff; }
    html[lang='ru'] .notification-common__text, html[lang='ru-RU'] .notification-common__text {
      font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif; }
    html[lang='zh'] .notification-common__text, html[lang='zh-CN'] .notification-common__text {
      font-family: "Porsche Next", 黑体, SimHei, 宋体, SimSun, sans-serif; }
    html[lang='ar'] .notification-common__text, html[lang='ar-AE'] .notification-common__text {
      font-family: "Porsche Next Arabic", "Arial Narrow", Arial, sans-serif; }
    html[lang='ps'] .notification-common__text, html[lang='ps-AR'] .notification-common__text {
      font-family: "Porsche Next Pashto", "Arial Narrow", Arial, sans-serif; }
    html[lang='fa'] .notification-common__text, html[lang='fa-IR'] .notification-common__text {
      font-family: "Porsche Next Persian", "Arial Narrow", Arial, sans-serif; }
    html[lang='ur'] .notification-common__text, html[lang='ur-PK'] .notification-common__text {
      font-family: "Porsche Next Urdu", "Arial Narrow", Arial, sans-serif; }
    .notification-common__text--error {
      color: #d5001c; }
  @media (min-width: 760px) {
    .notification-common__row {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; } }
  .notification-common__column {
    /* prevent sass render from removing empty selectors */ }
    .notification-common__column--text {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center; }
    .notification-common__column--button {
      margin-top: 1.125rem; }
      @media (min-width: 760px) {
        .notification-common__column--button {
          text-align: right;
          margin-top: 0; } }

.notification-error-inline {
  font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
  background: #fff;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  color: #d5001c;
  border-left-width: 0.1875rem;
  border-left-color: #d5001c;
  border-left: solid; }
  html[lang='ru'] .notification-error-inline, html[lang='ru-RU'] .notification-error-inline {
    font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif; }
  html[lang='zh'] .notification-error-inline, html[lang='zh-CN'] .notification-error-inline {
    font-family: "Porsche Next", 黑体, SimHei, 宋体, SimSun, sans-serif; }
  html[lang='ar'] .notification-error-inline, html[lang='ar-AE'] .notification-error-inline {
    font-family: "Porsche Next Arabic", "Arial Narrow", Arial, sans-serif; }
  html[lang='ps'] .notification-error-inline, html[lang='ps-AR'] .notification-error-inline {
    font-family: "Porsche Next Pashto", "Arial Narrow", Arial, sans-serif; }
  html[lang='fa'] .notification-error-inline, html[lang='fa-IR'] .notification-error-inline {
    font-family: "Porsche Next Persian", "Arial Narrow", Arial, sans-serif; }
  html[lang='ur'] .notification-error-inline, html[lang='ur-PK'] .notification-error-inline {
    font-family: "Porsche Next Urdu", "Arial Narrow", Arial, sans-serif; }
  .notification-error-inline--spacing-bottom:last-of-type {
    margin-bottom: 1.125rem; }
    @media (min-width: 760px) and (max-width: 1299px) {
      .notification-error-inline--spacing-bottom:last-of-type {
        margin-bottom: 1.5rem; } }
    @media (min-width: 1300px) {
      .notification-error-inline--spacing-bottom:last-of-type {
        margin-bottom: 1.875rem; } }

.notification-icon {
  font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
  display: inline-block; }
  html[lang='ru'] .notification-icon, html[lang='ru-RU'] .notification-icon {
    font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif; }
  html[lang='zh'] .notification-icon, html[lang='zh-CN'] .notification-icon {
    font-family: "Porsche Next", 黑体, SimHei, 宋体, SimSun, sans-serif; }
  html[lang='ar'] .notification-icon, html[lang='ar-AE'] .notification-icon {
    font-family: "Porsche Next Arabic", "Arial Narrow", Arial, sans-serif; }
  html[lang='ps'] .notification-icon, html[lang='ps-AR'] .notification-icon {
    font-family: "Porsche Next Pashto", "Arial Narrow", Arial, sans-serif; }
  html[lang='fa'] .notification-icon, html[lang='fa-IR'] .notification-icon {
    font-family: "Porsche Next Persian", "Arial Narrow", Arial, sans-serif; }
  html[lang='ur'] .notification-icon, html[lang='ur-PK'] .notification-icon {
    font-family: "Porsche Next Urdu", "Arial Narrow", Arial, sans-serif; }
  .notification-icon__icon {
    color: #000;
    line-height: inherit;
    float: left; }
    .notification-icon__icon--red {
      color: #d5001c; }
  .notification-icon__text {
    margin-left: 1.5rem;
    display: block; }
  .notification-icon__link {
    color: #000; }
    .notification-icon__link:hover {
      color: #d5001c; }

/**
 * properties for flex container
 */
/**
 * properties for flex child items
 */
.state-empty-action {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1.125rem 1.125rem;
  background: transparent; }
  @media (min-width: 760px) {
    .state-empty-action {
      padding: 1.5rem 1.5rem; } }
  @media (min-width: 1300px) {
    .state-empty-action {
      padding: 1.875rem 1.875rem; } }
  .state-empty-action__image {
    width: 7.5rem;
    height: auto;
    opacity: 0.1; }
  .state-empty-action__title {
    font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5rem;
    margin-top: 0.75rem;
    text-align: center;
    width: 100%;
    max-width: 50rem;
    color: #fff; }
    html[lang='ru'] .state-empty-action__title, html[lang='ru-RU'] .state-empty-action__title {
      font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif; }
    html[lang='zh'] .state-empty-action__title, html[lang='zh-CN'] .state-empty-action__title {
      font-family: "Porsche Next", 黑体, SimHei, 宋体, SimSun, sans-serif; }
    html[lang='ar'] .state-empty-action__title, html[lang='ar-AE'] .state-empty-action__title {
      font-family: "Porsche Next Arabic", "Arial Narrow", Arial, sans-serif; }
    html[lang='ps'] .state-empty-action__title, html[lang='ps-AR'] .state-empty-action__title {
      font-family: "Porsche Next Pashto", "Arial Narrow", Arial, sans-serif; }
    html[lang='fa'] .state-empty-action__title, html[lang='fa-IR'] .state-empty-action__title {
      font-family: "Porsche Next Persian", "Arial Narrow", Arial, sans-serif; }
    html[lang='ur'] .state-empty-action__title, html[lang='ur-PK'] .state-empty-action__title {
      font-family: "Porsche Next Urdu", "Arial Narrow", Arial, sans-serif; }
  .state-empty-action__icon {
    display: inline-block;
    vertical-align: top;
    font-size: 1.25rem;
    line-height: inherit;
    color: #fff; }

/**
 * properties for flex container
 */
/**
 * properties for flex child items
 */
.modal-base {
  position: absolute;
  background: rgba(28, 34, 37, 0.9);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  bottom: 0; }
  @media (min-width: 480px) {
    .modal-base {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center; } }
  .modal-base__dialog {
    width: 100%;
    max-width: 86rem;
    margin: 0 auto;
    height: 100%; }
    @media (min-width: 480px) {
      .modal-base__dialog {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-flex-direction: row;
            -ms-flex-direction: row;
                flex-direction: row;
        padding: 0 7%;
        height: auto; } }
  .modal-base__content {
    padding: 1.125rem 1.125rem;
    height: 100%;
    background-color: #fff;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: relative; }
    @media (min-width: 760px) {
      .modal-base__content {
        padding: 1.5rem 1.5rem; } }
    @media (min-width: 1300px) {
      .modal-base__content {
        padding: 1.875rem 1.875rem; } }
  .modal-base__icon {
    color: #626669;
    position: absolute;
    cursor: pointer;
    top: 0.75rem;
    right: 0.75rem; }
    @media (min-width: 480px) {
      .modal-base__icon {
        top: 1.125rem;
        right: 1.125rem; } }
    .modal-base__icon:hover {
      color: #d5001c; }
    .modal-base__icon::after {
      content: '';
      position: absolute;
      top: -0.75rem;
      right: -0.75rem;
      bottom: -0.75rem;
      left: -0.75rem; }
      @media (min-width: 480px) {
        .modal-base__icon::after {
          top: -1.125rem;
          right: -1.125rem;
          bottom: -1.125rem;
          left: -1.125rem; } }

/**
 * properties for flex container
 */
/**
 * properties for flex child items
 */
.modal-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .modal-header__title {
    font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif;
    font-weight: 400;
    font-size: 1.5rem;
    line-height: 1.875rem;
    font-weight: 200;
    white-space: normal;
    display: block;
    max-width: 90%; }
    html[lang='ru'] .modal-header__title, html[lang='ru-RU'] .modal-header__title {
      font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif; }
    html[lang='zh'] .modal-header__title, html[lang='zh-CN'] .modal-header__title {
      font-family: "Porsche Next", 黑体, SimHei, 宋体, SimSun, sans-serif; }
    html[lang='ar'] .modal-header__title, html[lang='ar-AE'] .modal-header__title {
      font-family: "Porsche Next Arabic", "Arial Narrow", Arial, sans-serif; }
    html[lang='ps'] .modal-header__title, html[lang='ps-AR'] .modal-header__title {
      font-family: "Porsche Next Pashto", "Arial Narrow", Arial, sans-serif; }
    html[lang='fa'] .modal-header__title, html[lang='fa-IR'] .modal-header__title {
      font-family: "Porsche Next Persian", "Arial Narrow", Arial, sans-serif; }
    html[lang='ur'] .modal-header__title, html[lang='ur-PK'] .modal-header__title {
      font-family: "Porsche Next Urdu", "Arial Narrow", Arial, sans-serif; }
    @media (min-width: 1000px) and (max-width: 1759px) {
      .modal-header__title {
        font-size: 1.625rem;
        line-height: 2rem; } }
    @media (min-width: 1760px) {
      .modal-header__title {
        font-size: 1.75rem;
        line-height: 2.25rem; } }

.modal-body {
  font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
  height: 80%;
  overflow-y: scroll; }
  html[lang='ru'] .modal-body, html[lang='ru-RU'] .modal-body {
    font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif; }
  html[lang='zh'] .modal-body, html[lang='zh-CN'] .modal-body {
    font-family: "Porsche Next", 黑体, SimHei, 宋体, SimSun, sans-serif; }
  html[lang='ar'] .modal-body, html[lang='ar-AE'] .modal-body {
    font-family: "Porsche Next Arabic", "Arial Narrow", Arial, sans-serif; }
  html[lang='ps'] .modal-body, html[lang='ps-AR'] .modal-body {
    font-family: "Porsche Next Pashto", "Arial Narrow", Arial, sans-serif; }
  html[lang='fa'] .modal-body, html[lang='fa-IR'] .modal-body {
    font-family: "Porsche Next Persian", "Arial Narrow", Arial, sans-serif; }
  html[lang='ur'] .modal-body, html[lang='ur-PK'] .modal-body {
    font-family: "Porsche Next Urdu", "Arial Narrow", Arial, sans-serif; }
  @media (min-width: 480px) {
    .modal-body {
      height: auto;
      overflow-y: auto; } }

.modal-footer {
  bottom: 0;
  left: 0;
  width: 100%; }
  @media (min-width: 480px) {
    .modal-footer {
      position: relative;
      width: auto; } }

/**
 * properties for flex container
 */
/**
 * properties for flex child items
 */
.modal-common {
  position: absolute;
  background: rgba(28, 34, 37, 0.9);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  bottom: 0; }
  @media (min-width: 480px) {
    .modal-common {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center; } }
  .modal-common__dialog {
    max-width: 86rem;
    margin: 0 auto;
    height: 100%; }
    @media (min-width: 480px) {
      .modal-common__dialog {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-flex-direction: row;
            -ms-flex-direction: row;
                flex-direction: row;
        padding: 0 7%;
        height: auto; } }
  .modal-common__content {
    height: 100%;
    background-color: #fff;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: relative; }
  .modal-common__header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 1.125rem 1.125rem;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    @media (min-width: 760px) {
      .modal-common__header {
        padding: 1.5rem 1.5rem; } }
    @media (min-width: 1300px) {
      .modal-common__header {
        padding: 1.875rem 1.875rem; } }
  .modal-common__title {
    font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif;
    font-weight: 400;
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 200;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    max-width: 90%; }
    html[lang='ru'] .modal-common__title, html[lang='ru-RU'] .modal-common__title {
      font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif; }
    html[lang='zh'] .modal-common__title, html[lang='zh-CN'] .modal-common__title {
      font-family: "Porsche Next", 黑体, SimHei, 宋体, SimSun, sans-serif; }
    html[lang='ar'] .modal-common__title, html[lang='ar-AE'] .modal-common__title {
      font-family: "Porsche Next Arabic", "Arial Narrow", Arial, sans-serif; }
    html[lang='ps'] .modal-common__title, html[lang='ps-AR'] .modal-common__title {
      font-family: "Porsche Next Pashto", "Arial Narrow", Arial, sans-serif; }
    html[lang='fa'] .modal-common__title, html[lang='fa-IR'] .modal-common__title {
      font-family: "Porsche Next Persian", "Arial Narrow", Arial, sans-serif; }
    html[lang='ur'] .modal-common__title, html[lang='ur-PK'] .modal-common__title {
      font-family: "Porsche Next Urdu", "Arial Narrow", Arial, sans-serif; }
    @media (min-width: 1000px) and (max-width: 1759px) {
      .modal-common__title {
        font-size: 1.375rem;
        line-height: 1.875rem; } }
    @media (min-width: 1760px) {
      .modal-common__title {
        font-size: 1.5rem;
        line-height: 1.875rem; } }
  .modal-common__body {
    font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5rem;
    padding: 1.125rem 1.125rem;
    height: 80%;
    overflow-y: scroll; }
    html[lang='ru'] .modal-common__body, html[lang='ru-RU'] .modal-common__body {
      font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif; }
    html[lang='zh'] .modal-common__body, html[lang='zh-CN'] .modal-common__body {
      font-family: "Porsche Next", 黑体, SimHei, 宋体, SimSun, sans-serif; }
    html[lang='ar'] .modal-common__body, html[lang='ar-AE'] .modal-common__body {
      font-family: "Porsche Next Arabic", "Arial Narrow", Arial, sans-serif; }
    html[lang='ps'] .modal-common__body, html[lang='ps-AR'] .modal-common__body {
      font-family: "Porsche Next Pashto", "Arial Narrow", Arial, sans-serif; }
    html[lang='fa'] .modal-common__body, html[lang='fa-IR'] .modal-common__body {
      font-family: "Porsche Next Persian", "Arial Narrow", Arial, sans-serif; }
    html[lang='ur'] .modal-common__body, html[lang='ur-PK'] .modal-common__body {
      font-family: "Porsche Next Urdu", "Arial Narrow", Arial, sans-serif; }
    @media (min-width: 760px) {
      .modal-common__body {
        padding: 1.5rem 1.5rem; } }
    @media (min-width: 1300px) {
      .modal-common__body {
        padding: 1.875rem 1.875rem; } }
    @media (min-width: 480px) {
      .modal-common__body {
        height: auto;
        overflow-y: auto; } }
  .modal-common__footer {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%; }
    @media (min-width: 480px) {
      .modal-common__footer {
        position: relative;
        width: auto; } }

/**
 * properties for flex container
 */
/**
 * properties for flex child items
 */
.modal-dynamic {
  position: absolute;
  background: rgba(28, 34, 37, 0.9);
  width: 100%;
  height: auto;
  top: 0;
  left: 0;
  bottom: 0; }
  @media (min-width: 480px) {
    .modal-dynamic {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center; } }
  .modal-dynamic__dialog {
    max-width: 86rem;
    margin: 0 auto;
    height: auto; }
    @media (min-width: 480px) {
      .modal-dynamic__dialog {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-flex-direction: row;
            -ms-flex-direction: row;
                flex-direction: row;
        padding: 0 7%;
        height: auto; } }
  .modal-dynamic__content {
    height: 100%;
    background-color: #fff;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: relative; }
  .modal-dynamic__header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    padding-top: 1.875rem;
    padding-right: 1.875rem;
    padding-left: 1.875rem;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .modal-dynamic__title {
    font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif;
    font-weight: 400;
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 200;
    max-width: 90%; }
    html[lang='ru'] .modal-dynamic__title, html[lang='ru-RU'] .modal-dynamic__title {
      font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif; }
    html[lang='zh'] .modal-dynamic__title, html[lang='zh-CN'] .modal-dynamic__title {
      font-family: "Porsche Next", 黑体, SimHei, 宋体, SimSun, sans-serif; }
    html[lang='ar'] .modal-dynamic__title, html[lang='ar-AE'] .modal-dynamic__title {
      font-family: "Porsche Next Arabic", "Arial Narrow", Arial, sans-serif; }
    html[lang='ps'] .modal-dynamic__title, html[lang='ps-AR'] .modal-dynamic__title {
      font-family: "Porsche Next Pashto", "Arial Narrow", Arial, sans-serif; }
    html[lang='fa'] .modal-dynamic__title, html[lang='fa-IR'] .modal-dynamic__title {
      font-family: "Porsche Next Persian", "Arial Narrow", Arial, sans-serif; }
    html[lang='ur'] .modal-dynamic__title, html[lang='ur-PK'] .modal-dynamic__title {
      font-family: "Porsche Next Urdu", "Arial Narrow", Arial, sans-serif; }
    @media (min-width: 1000px) and (max-width: 1759px) {
      .modal-dynamic__title {
        font-size: 1.375rem;
        line-height: 1.875rem; } }
    @media (min-width: 1760px) {
      .modal-dynamic__title {
        font-size: 1.5rem;
        line-height: 1.875rem; } }
  .modal-dynamic__icon {
    color: #626669;
    position: absolute;
    cursor: pointer;
    top: 0.75rem;
    right: 0.75rem; }
    @media (min-width: 480px) {
      .modal-dynamic__icon {
        top: 1.125rem;
        right: 1.125rem; } }
    .modal-dynamic__icon:hover {
      color: #d5001c; }
    .modal-dynamic__icon::after {
      content: '';
      position: absolute;
      top: -0.75rem;
      right: -0.75rem;
      bottom: -0.75rem;
      left: -0.75rem; }
      @media (min-width: 480px) {
        .modal-dynamic__icon::after {
          top: -1.125rem;
          right: -1.125rem;
          bottom: -1.125rem;
          left: -1.125rem; } }
  .modal-dynamic__body {
    font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5rem;
    height: 80%;
    overflow-x: hidden;
    overflow-y: auto; }
    html[lang='ru'] .modal-dynamic__body, html[lang='ru-RU'] .modal-dynamic__body {
      font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif; }
    html[lang='zh'] .modal-dynamic__body, html[lang='zh-CN'] .modal-dynamic__body {
      font-family: "Porsche Next", 黑体, SimHei, 宋体, SimSun, sans-serif; }
    html[lang='ar'] .modal-dynamic__body, html[lang='ar-AE'] .modal-dynamic__body {
      font-family: "Porsche Next Arabic", "Arial Narrow", Arial, sans-serif; }
    html[lang='ps'] .modal-dynamic__body, html[lang='ps-AR'] .modal-dynamic__body {
      font-family: "Porsche Next Pashto", "Arial Narrow", Arial, sans-serif; }
    html[lang='fa'] .modal-dynamic__body, html[lang='fa-IR'] .modal-dynamic__body {
      font-family: "Porsche Next Persian", "Arial Narrow", Arial, sans-serif; }
    html[lang='ur'] .modal-dynamic__body, html[lang='ur-PK'] .modal-dynamic__body {
      font-family: "Porsche Next Urdu", "Arial Narrow", Arial, sans-serif; }
    @media (min-width: 480px) {
      .modal-dynamic__body {
        height: auto;
        overflow-y: auto; } }
    .modal-dynamic__body__text {
      padding-top: 1.875rem;
      padding-right: 1.875rem;
      padding-left: 1.875rem;
      padding-bottom: 1.875rem; }
  .modal-dynamic__footer {
    left: 0;
    width: 100%; }
    @media (min-width: 480px) {
      .modal-dynamic__footer {
        position: relative;
        width: auto; } }

/**
 * properties for flex container
 */
/**
 * properties for flex child items
 */
.tile {
  padding: 0.75rem 1.125rem;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  height: 100%;
  background-color: #313639; }
  @media (min-width: 760px) {
    .tile {
      padding: 1.125rem 1.5rem; } }
  @media (min-width: 1300px) {
    .tile {
      padding: 1.125rem 1.875rem; } }
  @media (min-width: 760px) {
    .tile {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      padding-top: 1.25rem;
      padding-bottom: 1.25rem; } }
  .tile__left {
    font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5rem;
    color: #959899;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block; }
    html[lang='ru'] .tile__left, html[lang='ru-RU'] .tile__left {
      font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif; }
    html[lang='zh'] .tile__left, html[lang='zh-CN'] .tile__left {
      font-family: "Porsche Next", 黑体, SimHei, 宋体, SimSun, sans-serif; }
    html[lang='ar'] .tile__left, html[lang='ar-AE'] .tile__left {
      font-family: "Porsche Next Arabic", "Arial Narrow", Arial, sans-serif; }
    html[lang='ps'] .tile__left, html[lang='ps-AR'] .tile__left {
      font-family: "Porsche Next Pashto", "Arial Narrow", Arial, sans-serif; }
    html[lang='fa'] .tile__left, html[lang='fa-IR'] .tile__left {
      font-family: "Porsche Next Persian", "Arial Narrow", Arial, sans-serif; }
    html[lang='ur'] .tile__left, html[lang='ur-PK'] .tile__left {
      font-family: "Porsche Next Urdu", "Arial Narrow", Arial, sans-serif; }
  .tile__right {
    font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5rem;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block; }
    html[lang='ru'] .tile__right, html[lang='ru-RU'] .tile__right {
      font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif; }
    html[lang='zh'] .tile__right, html[lang='zh-CN'] .tile__right {
      font-family: "Porsche Next", 黑体, SimHei, 宋体, SimSun, sans-serif; }
    html[lang='ar'] .tile__right, html[lang='ar-AE'] .tile__right {
      font-family: "Porsche Next Arabic", "Arial Narrow", Arial, sans-serif; }
    html[lang='ps'] .tile__right, html[lang='ps-AR'] .tile__right {
      font-family: "Porsche Next Pashto", "Arial Narrow", Arial, sans-serif; }
    html[lang='fa'] .tile__right, html[lang='fa-IR'] .tile__right {
      font-family: "Porsche Next Persian", "Arial Narrow", Arial, sans-serif; }
    html[lang='ur'] .tile__right, html[lang='ur-PK'] .tile__right {
      font-family: "Porsche Next Urdu", "Arial Narrow", Arial, sans-serif; }

/**
 * properties for flex container
 */
/**
 * properties for flex child items
 */
@keyframes animation-rotate-360 {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%; }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%; } }

@keyframes animation-fade-opacity {
  0% {
    opacity: .6; }
  45% {
    opacity: .85; }
  65% {
    opacity: 1; }
  100% {
    opacity: .6; } }

/**
 * disable animations for specific patterns
 *
 * $inactive-animations is a list, if you want e.g. exclude the css animations
 * for the-slider and tile-image-text-link pattern, you would overwrite the
 * $inactive-animations variable by passing from outside with the following value(s)
 *
 * $inactive-animations: 'tile-slider', 'tile-image-text-link'
 */
/**
 * basic hover animation timing (of color and opacity).
 * timing and bezier should be refactored after official Porsche animation guidelines are defined
 */
.tile-image-text-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  height: 100%;
  cursor: pointer; }
  @media (min-width: 760px) {
    .tile-image-text-link {
      min-height: 23.25rem; } }
  @media (min-width: 1000px) {
    .tile-image-text-link {
      min-height: 20.625rem; } }
  @media (min-width: 1300px) {
    .tile-image-text-link {
      min-height: 29.8125rem; } }
  .tile-image-text-link__image {
    -webkit-transition: -webkit-transform 0.3s ease-out;
    transition: -webkit-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; }
  .tile-image-text-link:hover .tile-image-text-link__image {
    -webkit-transform: scale(1.03);
            transform: scale(1.03); }
  .tile-image-text-link--static {
    min-height: 0; }
    @media (min-width: 0) {
      .tile-image-text-link--static {
        padding-top: 0; } }
    @media (min-width: 760px) {
      .tile-image-text-link--static {
        padding-top: 15.875rem; } }
    @media (min-width: 1000px) {
      .tile-image-text-link--static {
        padding-top: 20.625rem; } }
    @media (min-width: 1300px) {
      .tile-image-text-link--static {
        padding-top: 29.8125rem; } }
    .tile-image-text-link--static:hover {
      cursor: default; }
      .tile-image-text-link--static:hover .image-cover {
        -webkit-transform: scale(1);
                transform: scale(1); }
    .tile-image-text-link--static .tile-image-text-link__textwrapper:hover {
      color: inherit; }
  .tile-image-text-link__imageholder {
    position: relative;
    height: 9.125rem;
    overflow: hidden; }
    @media (min-width: 480px) {
      .tile-image-text-link__imageholder {
        height: 14.5rem; } }
    @media (min-width: 760px) {
      .tile-image-text-link__imageholder {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        height: auto; } }
    @media (min-width: 760px) {
      .tile-image-text-link__imageholder--static {
        margin-bottom: 6.625rem; } }
    @media (min-width: 1000px) {
      .tile-image-text-link__imageholder--static {
        margin-bottom: 0; } }
  .tile-image-text-link__textarea {
    padding: 1.125rem 1.125rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    color: #fff;
    background-color: #313639; }
    @media (min-width: 760px) {
      .tile-image-text-link__textarea {
        padding: 1.5rem 1.5rem; } }
    @media (min-width: 1300px) {
      .tile-image-text-link__textarea {
        padding: 1.875rem 1.875rem; } }
    @media (min-width: 760px) {
      .tile-image-text-link__textarea {
        background: none; } }
    @media (min-width: 1000px) {
      .tile-image-text-link__textarea--position-absolute {
        position: absolute;
        background: transparent;
        width: 40%; } }
    @media (min-width: 1000px) {
      .tile-image-text-link__textarea--upper-left {
        left: 0;
        top: 0; } }
    @media (min-width: 1000px) {
      .tile-image-text-link__textarea--upper-right {
        right: 0;
        top: 0; } }
    @media (min-width: 1000px) {
      .tile-image-text-link__textarea--lower-left {
        left: 0;
        bottom: 0; } }
    @media (min-width: 1000px) {
      .tile-image-text-link__textarea--lower-right {
        right: 0;
        bottom: 0; } }
    .tile-image-text-link__textarea--inverted-textbar {
      background-color: #fff;
      color: #000; }
      @media (min-width: 0) {
        .tile-image-text-link__textarea--inverted-textbar {
          padding-bottom: 0; } }
      @media (min-width: 1000px) {
        .tile-image-text-link__textarea--inverted-textbar {
          padding-bottom: 1.875rem; } }
      @media (min-width: 1000px) {
        .tile-image-text-link__textarea--inverted-textbar {
          color: #fff;
          background: none; } }
    @media (min-width: 1000px) {
      .tile-image-text-link__textarea--text-black-m {
        color: #000; } }
  @media (min-width: 0) {
    .tile-image-text-link__iconwrapper--hide {
      display: none; } }
  .tile-image-text-link__textwrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    width: 100%; }
    .tile-image-text-link__textwrapper:hover {
      color: #d5001c; }
  .tile-image-text-link__headline {
    font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif;
    font-weight: 400;
    font-size: 1.5rem;
    line-height: 1.875rem;
    font-weight: 200;
    display: block; }
    html[lang='ru'] .tile-image-text-link__headline, html[lang='ru-RU'] .tile-image-text-link__headline {
      font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif; }
    html[lang='zh'] .tile-image-text-link__headline, html[lang='zh-CN'] .tile-image-text-link__headline {
      font-family: "Porsche Next", 黑体, SimHei, 宋体, SimSun, sans-serif; }
    html[lang='ar'] .tile-image-text-link__headline, html[lang='ar-AE'] .tile-image-text-link__headline {
      font-family: "Porsche Next Arabic", "Arial Narrow", Arial, sans-serif; }
    html[lang='ps'] .tile-image-text-link__headline, html[lang='ps-AR'] .tile-image-text-link__headline {
      font-family: "Porsche Next Pashto", "Arial Narrow", Arial, sans-serif; }
    html[lang='fa'] .tile-image-text-link__headline, html[lang='fa-IR'] .tile-image-text-link__headline {
      font-family: "Porsche Next Persian", "Arial Narrow", Arial, sans-serif; }
    html[lang='ur'] .tile-image-text-link__headline, html[lang='ur-PK'] .tile-image-text-link__headline {
      font-family: "Porsche Next Urdu", "Arial Narrow", Arial, sans-serif; }
    @media (min-width: 1000px) and (max-width: 1759px) {
      .tile-image-text-link__headline {
        font-size: 1.625rem;
        line-height: 2rem; } }
    @media (min-width: 1760px) {
      .tile-image-text-link__headline {
        font-size: 1.75rem;
        line-height: 2.25rem; } }
  .tile-image-text-link__text {
    margin-top: 0.1875rem; }
    @media (min-width: 1300px) {
      .tile-image-text-link__text {
        width: 75%; } }
    .tile-image-text-link__text--show {
      display: block; }
    .tile-image-text-link__text--hide {
      display: none; }
    @media (min-width: 1300px) {
      .tile-image-text-link__text--width-s {
        width: 100%; } }
    @media (min-width: 1300px) {
      .tile-image-text-link__text--width-m {
        width: 85%; } }
  .tile-image-text-link__subtext--hide {
    display: none; }

/**
 * properties for flex container
 */
/**
 * properties for flex child items
 */
@keyframes animation-rotate-360 {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%; }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%; } }

@keyframes animation-fade-opacity {
  0% {
    opacity: .6; }
  45% {
    opacity: .85; }
  65% {
    opacity: 1; }
  100% {
    opacity: .6; } }

/**
 * disable animations for specific patterns
 *
 * $inactive-animations is a list, if you want e.g. exclude the css animations
 * for the-slider and tile-image-text-link pattern, you would overwrite the
 * $inactive-animations variable by passing from outside with the following value(s)
 *
 * $inactive-animations: 'tile-slider', 'tile-image-text-link'
 */
/**
 * basic hover animation timing (of color and opacity).
 * timing and bezier should be refactored after official Porsche animation guidelines are defined
 */
.tile-image-headline-button {
  font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%; }
  html[lang='ru'] .tile-image-headline-button, html[lang='ru-RU'] .tile-image-headline-button {
    font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif; }
  html[lang='zh'] .tile-image-headline-button, html[lang='zh-CN'] .tile-image-headline-button {
    font-family: "Porsche Next", 黑体, SimHei, 宋体, SimSun, sans-serif; }
  html[lang='ar'] .tile-image-headline-button, html[lang='ar-AE'] .tile-image-headline-button {
    font-family: "Porsche Next Arabic", "Arial Narrow", Arial, sans-serif; }
  html[lang='ps'] .tile-image-headline-button, html[lang='ps-AR'] .tile-image-headline-button {
    font-family: "Porsche Next Pashto", "Arial Narrow", Arial, sans-serif; }
  html[lang='fa'] .tile-image-headline-button, html[lang='fa-IR'] .tile-image-headline-button {
    font-family: "Porsche Next Persian", "Arial Narrow", Arial, sans-serif; }
  html[lang='ur'] .tile-image-headline-button, html[lang='ur-PK'] .tile-image-headline-button {
    font-family: "Porsche Next Urdu", "Arial Narrow", Arial, sans-serif; }
  .tile-image-headline-button__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    position: relative; }
    @media (min-width: 760px) {
      .tile-image-headline-button__content {
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
            -ms-flex-pack: end;
                justify-content: flex-end;
        min-height: 20.25rem; } }
    @media (min-width: 1000px) {
      .tile-image-headline-button__content {
        min-height: 17.625rem; } }
    @media (min-width: 1300px) {
      .tile-image-headline-button__content {
        min-height: 26.8125rem; } }
  .tile-image-headline-button__imageholder {
    position: relative;
    min-height: 9.125rem;
    overflow: hidden; }
    @media (min-width: 480px) {
      .tile-image-headline-button__imageholder {
        min-height: 11.5rem; } }
    @media (min-width: 760px) {
      .tile-image-headline-button__imageholder {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        min-height: auto; } }
  .tile-image-headline-button__headlinecontainer {
    padding: 1.125rem 1.125rem;
    background-color: #313639; }
    @media (min-width: 760px) {
      .tile-image-headline-button__headlinecontainer {
        padding: 1.5rem 1.5rem; } }
    @media (min-width: 1300px) {
      .tile-image-headline-button__headlinecontainer {
        padding: 1.875rem 1.875rem; } }
    @media (min-width: 760px) {
      .tile-image-headline-button__headlinecontainer {
        background-color: none; } }
  .tile-image-headline-button__headline {
    font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif;
    font-weight: 400;
    font-size: 1.5rem;
    line-height: 1.875rem;
    font-weight: 200;
    color: #fff;
    position: relative; }
    html[lang='ru'] .tile-image-headline-button__headline, html[lang='ru-RU'] .tile-image-headline-button__headline {
      font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif; }
    html[lang='zh'] .tile-image-headline-button__headline, html[lang='zh-CN'] .tile-image-headline-button__headline {
      font-family: "Porsche Next", 黑体, SimHei, 宋体, SimSun, sans-serif; }
    html[lang='ar'] .tile-image-headline-button__headline, html[lang='ar-AE'] .tile-image-headline-button__headline {
      font-family: "Porsche Next Arabic", "Arial Narrow", Arial, sans-serif; }
    html[lang='ps'] .tile-image-headline-button__headline, html[lang='ps-AR'] .tile-image-headline-button__headline {
      font-family: "Porsche Next Pashto", "Arial Narrow", Arial, sans-serif; }
    html[lang='fa'] .tile-image-headline-button__headline, html[lang='fa-IR'] .tile-image-headline-button__headline {
      font-family: "Porsche Next Persian", "Arial Narrow", Arial, sans-serif; }
    html[lang='ur'] .tile-image-headline-button__headline, html[lang='ur-PK'] .tile-image-headline-button__headline {
      font-family: "Porsche Next Urdu", "Arial Narrow", Arial, sans-serif; }
    @media (min-width: 1000px) and (max-width: 1759px) {
      .tile-image-headline-button__headline {
        font-size: 1.625rem;
        line-height: 2rem; } }
    @media (min-width: 1760px) {
      .tile-image-headline-button__headline {
        font-size: 1.75rem;
        line-height: 2.25rem; } }
    @media (min-width: 760px) {
      .tile-image-headline-button__headline {
        font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif;
        font-weight: 400;
        font-size: 1.5rem;
        line-height: 1.875rem;
        width: 85%; }
        html[lang='ru'] .tile-image-headline-button__headline, html[lang='ru-RU'] .tile-image-headline-button__headline {
          font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif; }
        html[lang='zh'] .tile-image-headline-button__headline, html[lang='zh-CN'] .tile-image-headline-button__headline {
          font-family: "Porsche Next", 黑体, SimHei, 宋体, SimSun, sans-serif; }
        html[lang='ar'] .tile-image-headline-button__headline, html[lang='ar-AE'] .tile-image-headline-button__headline {
          font-family: "Porsche Next Arabic", "Arial Narrow", Arial, sans-serif; }
        html[lang='ps'] .tile-image-headline-button__headline, html[lang='ps-AR'] .tile-image-headline-button__headline {
          font-family: "Porsche Next Pashto", "Arial Narrow", Arial, sans-serif; }
        html[lang='fa'] .tile-image-headline-button__headline, html[lang='fa-IR'] .tile-image-headline-button__headline {
          font-family: "Porsche Next Persian", "Arial Narrow", Arial, sans-serif; }
        html[lang='ur'] .tile-image-headline-button__headline, html[lang='ur-PK'] .tile-image-headline-button__headline {
          font-family: "Porsche Next Urdu", "Arial Narrow", Arial, sans-serif; } }
  @media (min-width: 760px) and (min-width: 1000px) and (max-width: 1759px) {
    .tile-image-headline-button__headline {
      font-size: 1.625rem;
      line-height: 2rem; } }
  @media (min-width: 760px) and (min-width: 1760px) {
    .tile-image-headline-button__headline {
      font-size: 1.75rem;
      line-height: 2.25rem; } }
    @media (min-width: 1000px) {
      .tile-image-headline-button__headline {
        width: 75%; } }
    @media (min-width: 1300px) {
      .tile-image-headline-button__headline {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: block; } }
    @media (min-width: 760px) {
      .tile-image-headline-button__headline--width-s {
        width: 100%; } }
    @media (min-width: 1000px) {
      .tile-image-headline-button__headline--width-m {
        width: 85%; } }
    @media (min-width: 1300px) {
      .tile-image-headline-button__headline--multiline {
        text-overflow: clip;
        white-space: normal; } }

/**
 * properties for flex container
 */
/**
 * properties for flex child items
 */
.tile-icon-headline-button {
  font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%; }
  html[lang='ru'] .tile-icon-headline-button, html[lang='ru-RU'] .tile-icon-headline-button {
    font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif; }
  html[lang='zh'] .tile-icon-headline-button, html[lang='zh-CN'] .tile-icon-headline-button {
    font-family: "Porsche Next", 黑体, SimHei, 宋体, SimSun, sans-serif; }
  html[lang='ar'] .tile-icon-headline-button, html[lang='ar-AE'] .tile-icon-headline-button {
    font-family: "Porsche Next Arabic", "Arial Narrow", Arial, sans-serif; }
  html[lang='ps'] .tile-icon-headline-button, html[lang='ps-AR'] .tile-icon-headline-button {
    font-family: "Porsche Next Pashto", "Arial Narrow", Arial, sans-serif; }
  html[lang='fa'] .tile-icon-headline-button, html[lang='fa-IR'] .tile-icon-headline-button {
    font-family: "Porsche Next Persian", "Arial Narrow", Arial, sans-serif; }
  html[lang='ur'] .tile-icon-headline-button, html[lang='ur-PK'] .tile-icon-headline-button {
    font-family: "Porsche Next Urdu", "Arial Narrow", Arial, sans-serif; }
  .tile-icon-headline-button__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    min-height: 9.125rem;
    background-color: #313639; }
    @media (min-width: 480px) {
      .tile-icon-headline-button__content {
        min-height: 11.5rem; } }
    @media (min-width: 760px) {
      .tile-icon-headline-button__content {
        min-height: 20.25rem; } }
    @media (min-width: 1000px) {
      .tile-icon-headline-button__content {
        min-height: 17.625rem; } }
    @media (min-width: 1300px) {
      .tile-icon-headline-button__content {
        min-height: 26.8125rem; } }
  .tile-icon-headline-button__centered-container {
    padding: 1.875rem 1.875rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%; }
  .tile-icon-headline-button__icon {
    text-align: center;
    margin-bottom: 1.125rem;
    font-size: 4.75rem;
    line-height: 4.75rem;
    color: #626669; }
    @media (min-width: 480px) {
      .tile-icon-headline-button__icon {
        margin-bottom: 1.5rem; } }
    @media (min-width: 760px) {
      .tile-icon-headline-button__icon {
        font-size: 5.625rem;
        line-height: 5.625rem; } }
    @media (min-width: 1300px) {
      .tile-icon-headline-button__icon {
        font-size: 7.5rem;
        line-height: 7.5rem; } }
    @media (min-width: 760px) {
      .tile-icon-headline-button__icon--small {
        font-size: 4.75rem;
        line-height: 4.75rem; } }
    @media (min-width: 1000px) {
      .tile-icon-headline-button__icon--small {
        font-size: 5.625rem;
        line-height: 5.625rem; } }
    @media (min-width: 1300px) {
      .tile-icon-headline-button__icon--small {
        font-size: 7.5rem;
        line-height: 7.5rem; } }
  .tile-icon-headline-button__textarea {
    text-align: center;
    width: 100%;
    color: #fff; }
    @media (min-width: 1300px) {
      .tile-icon-headline-button__textarea {
        width: 65%; } }
    @media (min-width: 1300px) {
      .tile-icon-headline-button__textarea--small {
        width: 100%; } }
  .tile-icon-headline-button__headline {
    font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif;
    font-weight: 400;
    font-size: 1.5rem;
    line-height: 1.875rem;
    font-weight: 200;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block; }
    html[lang='ru'] .tile-icon-headline-button__headline, html[lang='ru-RU'] .tile-icon-headline-button__headline {
      font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif; }
    html[lang='zh'] .tile-icon-headline-button__headline, html[lang='zh-CN'] .tile-icon-headline-button__headline {
      font-family: "Porsche Next", 黑体, SimHei, 宋体, SimSun, sans-serif; }
    html[lang='ar'] .tile-icon-headline-button__headline, html[lang='ar-AE'] .tile-icon-headline-button__headline {
      font-family: "Porsche Next Arabic", "Arial Narrow", Arial, sans-serif; }
    html[lang='ps'] .tile-icon-headline-button__headline, html[lang='ps-AR'] .tile-icon-headline-button__headline {
      font-family: "Porsche Next Pashto", "Arial Narrow", Arial, sans-serif; }
    html[lang='fa'] .tile-icon-headline-button__headline, html[lang='fa-IR'] .tile-icon-headline-button__headline {
      font-family: "Porsche Next Persian", "Arial Narrow", Arial, sans-serif; }
    html[lang='ur'] .tile-icon-headline-button__headline, html[lang='ur-PK'] .tile-icon-headline-button__headline {
      font-family: "Porsche Next Urdu", "Arial Narrow", Arial, sans-serif; }
    @media (min-width: 1000px) and (max-width: 1759px) {
      .tile-icon-headline-button__headline {
        font-size: 1.625rem;
        line-height: 2rem; } }
    @media (min-width: 1760px) {
      .tile-icon-headline-button__headline {
        font-size: 1.75rem;
        line-height: 2.25rem; } }
    .tile-icon-headline-button__headline--multiline {
      text-overflow: clip;
      white-space: normal; }
  .tile-icon-headline-button__text--hide {
    display: none; }

/**
 * properties for flex container
 */
/**
 * properties for flex child items
 */
@keyframes animation-rotate-360 {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%; }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%; } }

@keyframes animation-fade-opacity {
  0% {
    opacity: .6; }
  45% {
    opacity: .85; }
  65% {
    opacity: 1; }
  100% {
    opacity: .6; } }

/**
 * disable animations for specific patterns
 *
 * $inactive-animations is a list, if you want e.g. exclude the css animations
 * for the-slider and tile-image-text-link pattern, you would overwrite the
 * $inactive-animations variable by passing from outside with the following value(s)
 *
 * $inactive-animations: 'tile-slider', 'tile-image-text-link'
 */
/**
 * basic hover animation timing (of color and opacity).
 * timing and bezier should be refactored after official Porsche animation guidelines are defined
 */
.tile-slider {
  position: relative; }
  .tile-slider__slide {
    position: relative; }
  .tile-slider__image {
    -webkit-transition: -webkit-transform 0.3s ease-out;
    transition: -webkit-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; }
  .tile-slider:hover .tile-slider__image {
    -webkit-transform: scale(1.03);
            transform: scale(1.03); }
  .tile-slider__imageholder {
    position: relative;
    padding-top: 6.625rem;
    overflow: hidden;
    cursor: pointer; }
    @media (min-width: 480px) {
      .tile-slider__imageholder {
        padding-top: 9.875rem; } }
    @media (min-width: 760px) {
      .tile-slider__imageholder {
        padding-top: 15.875rem; } }
    @media (min-width: 1000px) {
      .tile-slider__imageholder {
        padding-top: 20.625rem; } }
    @media (min-width: 1300px) {
      .tile-slider__imageholder {
        padding-top: 29.8125rem; } }
  .tile-slider__textarea {
    padding: 1.125rem 1.125rem;
    color: #fff;
    background-color: #313639;
    cursor: pointer; }
    @media (min-width: 760px) {
      .tile-slider__textarea {
        padding: 1.5rem 1.5rem; } }
    @media (min-width: 1300px) {
      .tile-slider__textarea {
        padding: 1.875rem 1.875rem; } }
    @media (min-width: 1000px) {
      .tile-slider__textarea {
        position: absolute;
        padding: 1.125rem;
        margin: 1.5rem;
        width: 40%;
        background: transparent; } }
    @media (min-width: 1000px) {
      .tile-slider__textarea--upper-left {
        left: 0;
        top: 0; } }
    @media (min-width: 1000px) {
      .tile-slider__textarea--upper-right {
        right: 0;
        top: 0; } }
    @media (min-width: 1000px) {
      .tile-slider__textarea--lower-left {
        left: 0;
        bottom: 0; } }
    @media (min-width: 1000px) {
      .tile-slider__textarea--lower-right {
        right: 0;
        bottom: 0; } }
    @media (min-width: 1000px) {
      .tile-slider__textarea--inverted {
        color: #12181c; } }
  .tile-slider__textwrapper:hover {
    color: #d5001c; }
  .tile-slider__pagination {
    margin-top: 1.125rem; }
    @media (min-width: 760px) and (max-width: 1299px) {
      .tile-slider__pagination {
        margin-top: 1.5rem; } }
    @media (min-width: 1300px) {
      .tile-slider__pagination {
        margin-top: 1.875rem; } }
  .tile-slider__arrow {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    display: none;
    color: #afb1b2; }
    @media (min-width: 760px) {
      .tile-slider__arrow {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex; } }
    .tile-slider__arrow--prev {
      position: absolute;
      top: 0;
      right: auto;
      bottom: 0;
      left: -4rem; }
      @media (min-width: 1300px) {
        .tile-slider__arrow--prev {
          position: absolute;
          top: 0;
          right: auto;
          bottom: 0;
          left: -4.8rem; } }
    .tile-slider__arrow--next {
      position: absolute;
      top: 0;
      right: -4rem;
      bottom: 0;
      left: auto; }
      @media (min-width: 1300px) {
        .tile-slider__arrow--next {
          position: absolute;
          top: 0;
          right: -4.8rem;
          bottom: 0;
          left: auto; } }
    .tile-slider__arrow--disabled {
      color: #313639; }
  .tile-slider__arrow-icon {
    font-size: 5rem;
    line-height: 5rem;
    cursor: pointer; }
    @media (min-width: 1300px) {
      .tile-slider__arrow-icon {
        font-size: 6rem;
        line-height: 6rem; } }
  .tile-slider__play-icon {
    position: absolute;
    left: calc(50% - 5.75rem / 2);
    top: calc(50% - 5.75rem / 2);
    font-size: 5.75rem;
    color: #fff; }
    .tile-slider__play-icon:hover {
      color: #d5001c; }
    .tile-slider__play-icon--dark {
      color: #000; }

/**
 * properties for flex container
 */
/**
 * properties for flex child items
 */
.tile-events {
  background-color: #313639; }
  .tile-events__content {
    padding: 1.125rem 1.125rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    position: relative; }
    @media (min-width: 760px) {
      .tile-events__content {
        padding: 1.5rem 1.5rem; } }
    @media (min-width: 1300px) {
      .tile-events__content {
        padding: 1.875rem 1.875rem; } }
    @media (min-width: 760px) {
      .tile-events__content {
        height: 20.25rem;
        overflow: hidden; } }
    @media (min-width: 1000px) {
      .tile-events__content {
        height: 17.625rem; } }
    @media (min-width: 1300px) {
      .tile-events__content {
        height: 26.8125rem; } }
  .tile-events__headline {
    font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5rem;
    color: #959899; }
    html[lang='ru'] .tile-events__headline, html[lang='ru-RU'] .tile-events__headline {
      font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif; }
    html[lang='zh'] .tile-events__headline, html[lang='zh-CN'] .tile-events__headline {
      font-family: "Porsche Next", 黑体, SimHei, 宋体, SimSun, sans-serif; }
    html[lang='ar'] .tile-events__headline, html[lang='ar-AE'] .tile-events__headline {
      font-family: "Porsche Next Arabic", "Arial Narrow", Arial, sans-serif; }
    html[lang='ps'] .tile-events__headline, html[lang='ps-AR'] .tile-events__headline {
      font-family: "Porsche Next Pashto", "Arial Narrow", Arial, sans-serif; }
    html[lang='fa'] .tile-events__headline, html[lang='fa-IR'] .tile-events__headline {
      font-family: "Porsche Next Persian", "Arial Narrow", Arial, sans-serif; }
    html[lang='ur'] .tile-events__headline, html[lang='ur-PK'] .tile-events__headline {
      font-family: "Porsche Next Urdu", "Arial Narrow", Arial, sans-serif; }
  .tile-events__item-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column; }
  .tile-events__item {
    margin-top: 0.75rem;
    color: #fff; }
    @media (min-width: 760px) and (max-width: 1299px) {
      .tile-events__item {
        margin-top: 1.125rem; } }
    @media (min-width: 1300px) {
      .tile-events__item {
        margin-top: 1.125rem; } }
    .tile-events__item:nth-child(-n + 4) {
      display: block; }
    .tile-events__item:nth-child(n + 4) {
      display: none; }
    @media (min-width: 760px) {
      .tile-events__item:nth-child(-n + 3) {
        display: block; }
      .tile-events__item:nth-child(n + 3) {
        display: none; } }
    @media (min-width: 1300px) {
      .tile-events__item:nth-child(-n + 4) {
        display: block; }
      .tile-events__item:nth-child(n + 4) {
        display: none; } }
    .tile-events__item:hover {
      cursor: pointer;
      color: #d5001c; }
  .tile-events__button {
    position: relative; }

.tile-headline {
  font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif;
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 1.875rem;
  font-weight: 200;
  display: block;
  position: relative;
  padding-left: 1.625rem; }
  html[lang='ru'] .tile-headline, html[lang='ru-RU'] .tile-headline {
    font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif; }
  html[lang='zh'] .tile-headline, html[lang='zh-CN'] .tile-headline {
    font-family: "Porsche Next", 黑体, SimHei, 宋体, SimSun, sans-serif; }
  html[lang='ar'] .tile-headline, html[lang='ar-AE'] .tile-headline {
    font-family: "Porsche Next Arabic", "Arial Narrow", Arial, sans-serif; }
  html[lang='ps'] .tile-headline, html[lang='ps-AR'] .tile-headline {
    font-family: "Porsche Next Pashto", "Arial Narrow", Arial, sans-serif; }
  html[lang='fa'] .tile-headline, html[lang='fa-IR'] .tile-headline {
    font-family: "Porsche Next Persian", "Arial Narrow", Arial, sans-serif; }
  html[lang='ur'] .tile-headline, html[lang='ur-PK'] .tile-headline {
    font-family: "Porsche Next Urdu", "Arial Narrow", Arial, sans-serif; }
  @media (min-width: 1000px) and (max-width: 1759px) {
    .tile-headline {
      font-size: 1.625rem;
      line-height: 2rem; } }
  @media (min-width: 1760px) {
    .tile-headline {
      font-size: 1.75rem;
      line-height: 2.25rem; } }
  .tile-headline--small {
    font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif;
    font-weight: 400;
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 200; }
    html[lang='ru'] .tile-headline--small, html[lang='ru-RU'] .tile-headline--small {
      font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif; }
    html[lang='zh'] .tile-headline--small, html[lang='zh-CN'] .tile-headline--small {
      font-family: "Porsche Next", 黑体, SimHei, 宋体, SimSun, sans-serif; }
    html[lang='ar'] .tile-headline--small, html[lang='ar-AE'] .tile-headline--small {
      font-family: "Porsche Next Arabic", "Arial Narrow", Arial, sans-serif; }
    html[lang='ps'] .tile-headline--small, html[lang='ps-AR'] .tile-headline--small {
      font-family: "Porsche Next Pashto", "Arial Narrow", Arial, sans-serif; }
    html[lang='fa'] .tile-headline--small, html[lang='fa-IR'] .tile-headline--small {
      font-family: "Porsche Next Persian", "Arial Narrow", Arial, sans-serif; }
    html[lang='ur'] .tile-headline--small, html[lang='ur-PK'] .tile-headline--small {
      font-family: "Porsche Next Urdu", "Arial Narrow", Arial, sans-serif; }
    @media (min-width: 1000px) and (max-width: 1759px) {
      .tile-headline--small {
        font-size: 1.375rem;
        line-height: 1.875rem; } }
    @media (min-width: 1760px) {
      .tile-headline--small {
        font-size: 1.5rem;
        line-height: 1.875rem; } }
  .tile-headline::before {
    font-family: 'pag-iconfont' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\e024';
    display: block;
    position: absolute;
    line-height: inherit;
    color: #d5001c;
    /* TODO: Due to issues with the font, we have to fiddle with pixels.
     *       Update to the font should eventually follow, date unknown.
     */
    left: -0.5rem; }
  .tile-headline--static {
    margin-left: 0;
    padding-left: 0; }
    .tile-headline--static::before {
      display: none; }
  @media (min-width: 760px) {
    .tile-headline--regular-s {
      font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif;
      font-weight: 400;
      font-size: 1.5rem;
      line-height: 1.875rem; }
      html[lang='ru'] .tile-headline--regular-s, html[lang='ru-RU'] .tile-headline--regular-s {
        font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif; }
      html[lang='zh'] .tile-headline--regular-s, html[lang='zh-CN'] .tile-headline--regular-s {
        font-family: "Porsche Next", 黑体, SimHei, 宋体, SimSun, sans-serif; }
      html[lang='ar'] .tile-headline--regular-s, html[lang='ar-AE'] .tile-headline--regular-s {
        font-family: "Porsche Next Arabic", "Arial Narrow", Arial, sans-serif; }
      html[lang='ps'] .tile-headline--regular-s, html[lang='ps-AR'] .tile-headline--regular-s {
        font-family: "Porsche Next Pashto", "Arial Narrow", Arial, sans-serif; }
      html[lang='fa'] .tile-headline--regular-s, html[lang='fa-IR'] .tile-headline--regular-s {
        font-family: "Porsche Next Persian", "Arial Narrow", Arial, sans-serif; }
      html[lang='ur'] .tile-headline--regular-s, html[lang='ur-PK'] .tile-headline--regular-s {
        font-family: "Porsche Next Urdu", "Arial Narrow", Arial, sans-serif; } }
  @media (min-width: 760px) and (min-width: 1000px) and (max-width: 1759px) {
    .tile-headline--regular-s {
      font-size: 1.625rem;
      line-height: 2rem; } }
  @media (min-width: 760px) and (min-width: 1760px) {
    .tile-headline--regular-s {
      font-size: 1.75rem;
      line-height: 2.25rem; } }
  @media (min-width: 1000px) {
    .tile-headline--regular-m {
      font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif;
      font-weight: 400;
      font-size: 1.5rem;
      line-height: 1.875rem; }
      html[lang='ru'] .tile-headline--regular-m, html[lang='ru-RU'] .tile-headline--regular-m {
        font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif; }
      html[lang='zh'] .tile-headline--regular-m, html[lang='zh-CN'] .tile-headline--regular-m {
        font-family: "Porsche Next", 黑体, SimHei, 宋体, SimSun, sans-serif; }
      html[lang='ar'] .tile-headline--regular-m, html[lang='ar-AE'] .tile-headline--regular-m {
        font-family: "Porsche Next Arabic", "Arial Narrow", Arial, sans-serif; }
      html[lang='ps'] .tile-headline--regular-m, html[lang='ps-AR'] .tile-headline--regular-m {
        font-family: "Porsche Next Pashto", "Arial Narrow", Arial, sans-serif; }
      html[lang='fa'] .tile-headline--regular-m, html[lang='fa-IR'] .tile-headline--regular-m {
        font-family: "Porsche Next Persian", "Arial Narrow", Arial, sans-serif; }
      html[lang='ur'] .tile-headline--regular-m, html[lang='ur-PK'] .tile-headline--regular-m {
        font-family: "Porsche Next Urdu", "Arial Narrow", Arial, sans-serif; } }
  @media (min-width: 1000px) and (min-width: 1000px) and (max-width: 1759px) {
    .tile-headline--regular-m {
      font-size: 1.625rem;
      line-height: 2rem; } }
  @media (min-width: 1000px) and (min-width: 1760px) {
    .tile-headline--regular-m {
      font-size: 1.75rem;
      line-height: 2.25rem; } }

.tile-paragraph {
  font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  /* Taken from `tile-headline.scss .tile-headline::before`,
   * which has a fixed width.  Used here as padding.
   */
  padding-left: 1.625rem; }
  html[lang='ru'] .tile-paragraph, html[lang='ru-RU'] .tile-paragraph {
    font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif; }
  html[lang='zh'] .tile-paragraph, html[lang='zh-CN'] .tile-paragraph {
    font-family: "Porsche Next", 黑体, SimHei, 宋体, SimSun, sans-serif; }
  html[lang='ar'] .tile-paragraph, html[lang='ar-AE'] .tile-paragraph {
    font-family: "Porsche Next Arabic", "Arial Narrow", Arial, sans-serif; }
  html[lang='ps'] .tile-paragraph, html[lang='ps-AR'] .tile-paragraph {
    font-family: "Porsche Next Pashto", "Arial Narrow", Arial, sans-serif; }
  html[lang='fa'] .tile-paragraph, html[lang='fa-IR'] .tile-paragraph {
    font-family: "Porsche Next Persian", "Arial Narrow", Arial, sans-serif; }
  html[lang='ur'] .tile-paragraph, html[lang='ur-PK'] .tile-paragraph {
    font-family: "Porsche Next Urdu", "Arial Narrow", Arial, sans-serif; }
  .tile-paragraph--static {
    margin-left: 0;
    padding-left: 0; }
  .tile-paragraph--multiline {
    white-space: normal; }

/**
 * properties for flex container
 */
/**
 * properties for flex child items
 */
.tile-financial-services {
  padding: 1.125rem 1.125rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  background-color: #313639; }
  @media (min-width: 760px) {
    .tile-financial-services {
      padding: 1.5rem 1.5rem; } }
  @media (min-width: 1300px) {
    .tile-financial-services {
      padding: 1.875rem 1.875rem; } }
  .tile-financial-services__container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    min-height: calc(12.125rem - 2.25rem); }
    @media (min-width: 760px) {
      .tile-financial-services__container {
        min-height: calc(23.25rem - 3rem); } }
    @media (min-width: 1000px) {
      .tile-financial-services__container {
        min-height: calc(20.625rem - 3rem); } }
    @media (min-width: 1300px) {
      .tile-financial-services__container {
        min-height: calc(29.8125rem - 3.75rem); } }
  .tile-financial-services__icon {
    text-align: center;
    font-size: 4.75rem;
    line-height: 4.75rem;
    color: #959899; }
    @media (min-width: 760px) {
      .tile-financial-services__icon {
        font-size: 5.625rem;
        line-height: 5.625rem; } }
    @media (min-width: 1300px) {
      .tile-financial-services__icon {
        font-size: 7.5rem;
        line-height: 7.5rem; } }
  .tile-financial-services__headline {
    font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif;
    font-weight: 400;
    font-size: 1.5rem;
    line-height: 1.875rem;
    font-weight: 200;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    text-align: center;
    color: #fff; }
    html[lang='ru'] .tile-financial-services__headline, html[lang='ru-RU'] .tile-financial-services__headline {
      font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif; }
    html[lang='zh'] .tile-financial-services__headline, html[lang='zh-CN'] .tile-financial-services__headline {
      font-family: "Porsche Next", 黑体, SimHei, 宋体, SimSun, sans-serif; }
    html[lang='ar'] .tile-financial-services__headline, html[lang='ar-AE'] .tile-financial-services__headline {
      font-family: "Porsche Next Arabic", "Arial Narrow", Arial, sans-serif; }
    html[lang='ps'] .tile-financial-services__headline, html[lang='ps-AR'] .tile-financial-services__headline {
      font-family: "Porsche Next Pashto", "Arial Narrow", Arial, sans-serif; }
    html[lang='fa'] .tile-financial-services__headline, html[lang='fa-IR'] .tile-financial-services__headline {
      font-family: "Porsche Next Persian", "Arial Narrow", Arial, sans-serif; }
    html[lang='ur'] .tile-financial-services__headline, html[lang='ur-PK'] .tile-financial-services__headline {
      font-family: "Porsche Next Urdu", "Arial Narrow", Arial, sans-serif; }
    @media (min-width: 1000px) and (max-width: 1759px) {
      .tile-financial-services__headline {
        font-size: 1.625rem;
        line-height: 2rem; } }
    @media (min-width: 1760px) {
      .tile-financial-services__headline {
        font-size: 1.75rem;
        line-height: 2.25rem; } }
    .tile-financial-services__headline--multiline {
      text-overflow: clip;
      white-space: normal; }
  .tile-financial-services__pagination {
    margin-bottom: 1.125rem; }
  .tile-financial-services__arrow {
    position: absolute;
    top: calc(50% - (2.5rem + 0.75rem));
    display: none; }
    .tile-financial-services__arrow-icon {
      font-size: 5rem;
      line-height: 5rem;
      cursor: pointer;
      color: #fff; }
      .tile-financial-services__arrow-icon:hover, .tile-financial-services__arrow-icon:focus, .tile-financial-services__arrow-icon:active {
        color: #d5001c; }
      .tile-financial-services__arrow-icon--disabled {
        color: #494e51; }
        .tile-financial-services__arrow-icon--disabled:hover, .tile-financial-services__arrow-icon--disabled:focus, .tile-financial-services__arrow-icon--disabled:active {
          color: #494e51; }
    @media (min-width: 760px) {
      .tile-financial-services__arrow {
        display: block; } }
    .tile-financial-services__arrow--right {
      right: -1.5rem; }
    .tile-financial-services__arrow--left {
      left: -1.5rem; }
  .tile-financial-services__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: relative;
    width: 100%; }
    .tile-financial-services__content-top {
      width: 100%; }
      .tile-financial-services__content-top::after {
        margin-top: 0.75rem;
        content: '';
        display: block;
        height: 1px;
        background: #494e51; }
        @media (min-width: 760px) and (max-width: 1299px) {
          .tile-financial-services__content-top::after {
            margin-top: 1.125rem; } }
        @media (min-width: 1300px) {
          .tile-financial-services__content-top::after {
            margin-top: 1.125rem; } }
    .tile-financial-services__content-bottom {
      margin-top: 0.75rem;
      position: relative;
      width: 100%; }
      @media (min-width: 760px) and (max-width: 1299px) {
        .tile-financial-services__content-bottom {
          margin-top: 1.125rem; } }
      @media (min-width: 1300px) {
        .tile-financial-services__content-bottom {
          margin-top: 1.125rem; } }
      @media (min-width: 760px) {
        .tile-financial-services__content-bottom {
          padding-left: 1.875rem;
          padding-right: 1.875rem; } }
      .tile-financial-services__content-bottom-text {
        text-align: center;
        font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif;
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.5rem;
        margin-bottom: 1.875rem;
        color: #fff; }
        html[lang='ru'] .tile-financial-services__content-bottom-text, html[lang='ru-RU'] .tile-financial-services__content-bottom-text {
          font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif; }
        html[lang='zh'] .tile-financial-services__content-bottom-text, html[lang='zh-CN'] .tile-financial-services__content-bottom-text {
          font-family: "Porsche Next", 黑体, SimHei, 宋体, SimSun, sans-serif; }
        html[lang='ar'] .tile-financial-services__content-bottom-text, html[lang='ar-AE'] .tile-financial-services__content-bottom-text {
          font-family: "Porsche Next Arabic", "Arial Narrow", Arial, sans-serif; }
        html[lang='ps'] .tile-financial-services__content-bottom-text, html[lang='ps-AR'] .tile-financial-services__content-bottom-text {
          font-family: "Porsche Next Pashto", "Arial Narrow", Arial, sans-serif; }
        html[lang='fa'] .tile-financial-services__content-bottom-text, html[lang='fa-IR'] .tile-financial-services__content-bottom-text {
          font-family: "Porsche Next Persian", "Arial Narrow", Arial, sans-serif; }
        html[lang='ur'] .tile-financial-services__content-bottom-text, html[lang='ur-PK'] .tile-financial-services__content-bottom-text {
          font-family: "Porsche Next Urdu", "Arial Narrow", Arial, sans-serif; }
      .tile-financial-services__content-bottom-headline {
        font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif;
        font-weight: 400;
        font-size: 1.5rem;
        line-height: 1.875rem;
        font-weight: 200;
        text-align: center;
        margin-bottom: 0.375rem;
        color: #fff; }
        html[lang='ru'] .tile-financial-services__content-bottom-headline, html[lang='ru-RU'] .tile-financial-services__content-bottom-headline {
          font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif; }
        html[lang='zh'] .tile-financial-services__content-bottom-headline, html[lang='zh-CN'] .tile-financial-services__content-bottom-headline {
          font-family: "Porsche Next", 黑体, SimHei, 宋体, SimSun, sans-serif; }
        html[lang='ar'] .tile-financial-services__content-bottom-headline, html[lang='ar-AE'] .tile-financial-services__content-bottom-headline {
          font-family: "Porsche Next Arabic", "Arial Narrow", Arial, sans-serif; }
        html[lang='ps'] .tile-financial-services__content-bottom-headline, html[lang='ps-AR'] .tile-financial-services__content-bottom-headline {
          font-family: "Porsche Next Pashto", "Arial Narrow", Arial, sans-serif; }
        html[lang='fa'] .tile-financial-services__content-bottom-headline, html[lang='fa-IR'] .tile-financial-services__content-bottom-headline {
          font-family: "Porsche Next Persian", "Arial Narrow", Arial, sans-serif; }
        html[lang='ur'] .tile-financial-services__content-bottom-headline, html[lang='ur-PK'] .tile-financial-services__content-bottom-headline {
          font-family: "Porsche Next Urdu", "Arial Narrow", Arial, sans-serif; }
        @media (min-width: 1000px) and (max-width: 1759px) {
          .tile-financial-services__content-bottom-headline {
            font-size: 1.625rem;
            line-height: 2rem; } }
        @media (min-width: 1760px) {
          .tile-financial-services__content-bottom-headline {
            font-size: 1.75rem;
            line-height: 2.25rem; } }
      .tile-financial-services__content-bottom-textarea {
        text-align: center;
        font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif;
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.5rem;
        margin-bottom: 1.125rem;
        color: #959899; }
        html[lang='ru'] .tile-financial-services__content-bottom-textarea, html[lang='ru-RU'] .tile-financial-services__content-bottom-textarea {
          font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif; }
        html[lang='zh'] .tile-financial-services__content-bottom-textarea, html[lang='zh-CN'] .tile-financial-services__content-bottom-textarea {
          font-family: "Porsche Next", 黑体, SimHei, 宋体, SimSun, sans-serif; }
        html[lang='ar'] .tile-financial-services__content-bottom-textarea, html[lang='ar-AE'] .tile-financial-services__content-bottom-textarea {
          font-family: "Porsche Next Arabic", "Arial Narrow", Arial, sans-serif; }
        html[lang='ps'] .tile-financial-services__content-bottom-textarea, html[lang='ps-AR'] .tile-financial-services__content-bottom-textarea {
          font-family: "Porsche Next Pashto", "Arial Narrow", Arial, sans-serif; }
        html[lang='fa'] .tile-financial-services__content-bottom-textarea, html[lang='fa-IR'] .tile-financial-services__content-bottom-textarea {
          font-family: "Porsche Next Persian", "Arial Narrow", Arial, sans-serif; }
        html[lang='ur'] .tile-financial-services__content-bottom-textarea, html[lang='ur-PK'] .tile-financial-services__content-bottom-textarea {
          font-family: "Porsche Next Urdu", "Arial Narrow", Arial, sans-serif; }
        @media (min-width: 760px) and (max-width: 1299px) {
          .tile-financial-services__content-bottom-textarea {
            margin-bottom: 1.5rem; } }
        @media (min-width: 1300px) {
          .tile-financial-services__content-bottom-textarea {
            margin-bottom: 1.5rem; } }
      .tile-financial-services__content-bottom-icon {
        font-size: 1.5rem;
        color: #959899; }
  .tile-financial-services__button {
    position: relative;
    width: 100%; }

/**
 * properties for flex container
 */
/**
 * properties for flex child items
 */
.header {
  background-color: #fff;
  width: 100%;
  min-height: 4rem; }
  @media (min-width: 760px) {
    .header {
      min-height: 8.125rem; } }
  .header__container {
    width: calc(100vw - 7vw * 2);
    max-width: 96rem;
    margin-left: auto;
    margin-right: auto;
    -webkit-box-sizing: content-box;
            box-sizing: content-box; }
    @media (min-width: 1000px) {
      .header__container {
        padding-left: calc(100vw - 100%); } }
    @media (min-width: 1760px) {
      .header__container {
        width: calc(100vw - 10vw * 2); } }
    @media (min-width: 0) {
      .header__container {
        padding-bottom: 0; } }
  .header__logo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end;
    position: relative;
    height: 4.0625rem; }
    @media (min-width: 760px) {
      .header__logo {
        height: 4.625rem; }
        .header__logo::after {
          background-color: #c8cacb;
          content: '';
          position: absolute;
          bottom: 0.25rem;
          left: 0;
          width: 100%;
          height: 1px;
          display: block;
          z-index: 0; } }
  .header__link {
    background-color: #fff;
    padding: 0 0.5rem;
    display: block;
    margin: 0 auto;
    position: absolute;
    top: 0.625rem;
    left: 50%;
    z-index: 1;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%); }
  .header__image {
    width: 7.1875rem;
    height: 4.1875rem;
    z-index: 1; }
    @media (min-width: 760px) {
      .header__image {
        width: 7.6875rem;
        height: 4.6875rem; } }
  .header__navigation {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 1rem;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end;
    width: 100%; }
    @media (min-width: 760px) {
      .header__navigation {
        margin-top: auto;
        height: 3.5625rem; } }

.header-tile {
  padding: 0.75rem 1.125rem;
  background-color: #494e51;
  color: #fff; }
  @media (min-width: 760px) {
    .header-tile {
      padding: 1.125rem 1.5rem; } }
  @media (min-width: 1300px) {
    .header-tile {
      padding: 1.125rem 1.875rem; } }
  .header-tile__title {
    font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif;
    font-weight: 400;
    font-size: 1.5rem;
    line-height: 1.875rem;
    font-weight: 200;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    max-width: 100%;
    display: inline-block;
    vertical-align: middle; }
    html[lang='ru'] .header-tile__title, html[lang='ru-RU'] .header-tile__title {
      font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif; }
    html[lang='zh'] .header-tile__title, html[lang='zh-CN'] .header-tile__title {
      font-family: "Porsche Next", 黑体, SimHei, 宋体, SimSun, sans-serif; }
    html[lang='ar'] .header-tile__title, html[lang='ar-AE'] .header-tile__title {
      font-family: "Porsche Next Arabic", "Arial Narrow", Arial, sans-serif; }
    html[lang='ps'] .header-tile__title, html[lang='ps-AR'] .header-tile__title {
      font-family: "Porsche Next Pashto", "Arial Narrow", Arial, sans-serif; }
    html[lang='fa'] .header-tile__title, html[lang='fa-IR'] .header-tile__title {
      font-family: "Porsche Next Persian", "Arial Narrow", Arial, sans-serif; }
    html[lang='ur'] .header-tile__title, html[lang='ur-PK'] .header-tile__title {
      font-family: "Porsche Next Urdu", "Arial Narrow", Arial, sans-serif; }
    @media (min-width: 1000px) and (max-width: 1759px) {
      .header-tile__title {
        font-size: 1.625rem;
        line-height: 2rem; } }
    @media (min-width: 1760px) {
      .header-tile__title {
        font-size: 1.75rem;
        line-height: 2.25rem; } }
  .header-tile__icon {
    display: inline-block;
    vertical-align: middle;
    margin-right: 1rem;
    font-size: 1.5rem;
    color: #959899; }
    .header-tile__icon--tooltip {
      margin-left: 0.75rem;
      margin-right: 0;
      font-size: 1.25rem;
      cursor: pointer; }
  @media (min-width: 760px) {
    .header-tile__right {
      float: right; } }
  .header-tile__paragraph {
    font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5rem; }
    html[lang='ru'] .header-tile__paragraph, html[lang='ru-RU'] .header-tile__paragraph {
      font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif; }
    html[lang='zh'] .header-tile__paragraph, html[lang='zh-CN'] .header-tile__paragraph {
      font-family: "Porsche Next", 黑体, SimHei, 宋体, SimSun, sans-serif; }
    html[lang='ar'] .header-tile__paragraph, html[lang='ar-AE'] .header-tile__paragraph {
      font-family: "Porsche Next Arabic", "Arial Narrow", Arial, sans-serif; }
    html[lang='ps'] .header-tile__paragraph, html[lang='ps-AR'] .header-tile__paragraph {
      font-family: "Porsche Next Pashto", "Arial Narrow", Arial, sans-serif; }
    html[lang='fa'] .header-tile__paragraph, html[lang='fa-IR'] .header-tile__paragraph {
      font-family: "Porsche Next Persian", "Arial Narrow", Arial, sans-serif; }
    html[lang='ur'] .header-tile__paragraph, html[lang='ur-PK'] .header-tile__paragraph {
      font-family: "Porsche Next Urdu", "Arial Narrow", Arial, sans-serif; }
  .header-tile__subtitle {
    font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5rem; }
    html[lang='ru'] .header-tile__subtitle, html[lang='ru-RU'] .header-tile__subtitle {
      font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif; }
    html[lang='zh'] .header-tile__subtitle, html[lang='zh-CN'] .header-tile__subtitle {
      font-family: "Porsche Next", 黑体, SimHei, 宋体, SimSun, sans-serif; }
    html[lang='ar'] .header-tile__subtitle, html[lang='ar-AE'] .header-tile__subtitle {
      font-family: "Porsche Next Arabic", "Arial Narrow", Arial, sans-serif; }
    html[lang='ps'] .header-tile__subtitle, html[lang='ps-AR'] .header-tile__subtitle {
      font-family: "Porsche Next Pashto", "Arial Narrow", Arial, sans-serif; }
    html[lang='fa'] .header-tile__subtitle, html[lang='fa-IR'] .header-tile__subtitle {
      font-family: "Porsche Next Persian", "Arial Narrow", Arial, sans-serif; }
    html[lang='ur'] .header-tile__subtitle, html[lang='ur-PK'] .header-tile__subtitle {
      font-family: "Porsche Next Urdu", "Arial Narrow", Arial, sans-serif; }

.footer__paragraph {
  color: #fff;
  font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
  margin-top: 1.875rem;
  padding-top: 1.875rem;
  border-top: 1px solid #494e51; }
  html[lang='ru'] .footer__paragraph, html[lang='ru-RU'] .footer__paragraph {
    font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif; }
  html[lang='zh'] .footer__paragraph, html[lang='zh-CN'] .footer__paragraph {
    font-family: "Porsche Next", 黑体, SimHei, 宋体, SimSun, sans-serif; }
  html[lang='ar'] .footer__paragraph, html[lang='ar-AE'] .footer__paragraph {
    font-family: "Porsche Next Arabic", "Arial Narrow", Arial, sans-serif; }
  html[lang='ps'] .footer__paragraph, html[lang='ps-AR'] .footer__paragraph {
    font-family: "Porsche Next Pashto", "Arial Narrow", Arial, sans-serif; }
  html[lang='fa'] .footer__paragraph, html[lang='fa-IR'] .footer__paragraph {
    font-family: "Porsche Next Persian", "Arial Narrow", Arial, sans-serif; }
  html[lang='ur'] .footer__paragraph, html[lang='ur-PK'] .footer__paragraph {
    font-family: "Porsche Next Urdu", "Arial Narrow", Arial, sans-serif; }
  @media (min-width: 760px) and (max-width: 1299px) {
    .footer__paragraph {
      margin-top: 2.25rem; } }
  @media (min-width: 1300px) {
    .footer__paragraph {
      margin-top: 3rem; } }
  @media (min-width: 760px) and (max-width: 1299px) {
    .footer__paragraph {
      padding-top: 2.25rem; } }
  @media (min-width: 1300px) {
    .footer__paragraph {
      padding-top: 3rem; } }
  @media (min-width: 0) and (max-width: 759px) {
    .footer__paragraph {
      margin-top: 0; } }

.footer__links {
  display: block; }
  @media (min-width: 1000px) {
    .footer__links {
      display: inline; } }

.footer__link {
  color: #fff;
  text-decoration: underline;
  display: block; }
  @media (min-width: 0) {
    .footer__link {
      display: inline-block; } }
  @media (min-width: 760px) {
    .footer__link {
      display: inline; } }
  .footer__link:hover {
    color: #d5001c;
    text-decoration: none; }

/**
 * properties for flex container
 */
/**
 * properties for flex child items
 */
.tab-horizontal {
  background-color: #313639; }
  .tab-horizontal__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .tab-horizontal__item {
    font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif;
    color: #fff;
    display: inline-block;
    padding: 1.125rem;
    margin: 0 0.75rem;
    cursor: pointer;
    font-size: 1rem; }
    html[lang='ru'] .tab-horizontal__item, html[lang='ru-RU'] .tab-horizontal__item {
      font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif; }
    html[lang='zh'] .tab-horizontal__item, html[lang='zh-CN'] .tab-horizontal__item {
      font-family: "Porsche Next", 黑体, SimHei, 宋体, SimSun, sans-serif; }
    html[lang='ar'] .tab-horizontal__item, html[lang='ar-AE'] .tab-horizontal__item {
      font-family: "Porsche Next Arabic", "Arial Narrow", Arial, sans-serif; }
    html[lang='ps'] .tab-horizontal__item, html[lang='ps-AR'] .tab-horizontal__item {
      font-family: "Porsche Next Pashto", "Arial Narrow", Arial, sans-serif; }
    html[lang='fa'] .tab-horizontal__item, html[lang='fa-IR'] .tab-horizontal__item {
      font-family: "Porsche Next Persian", "Arial Narrow", Arial, sans-serif; }
    html[lang='ur'] .tab-horizontal__item, html[lang='ur-PK'] .tab-horizontal__item {
      font-family: "Porsche Next Urdu", "Arial Narrow", Arial, sans-serif; }
    .tab-horizontal__item:hover {
      color: #d5001c; }
    .tab-horizontal__item--active {
      background-color: #d5001c;
      position: relative; }
      .tab-horizontal__item--active:hover {
        color: #fff; }
      .tab-horizontal__item--active::after {
        content: '';
        position: absolute;
        bottom: -0.5rem;
        left: 50%;
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
        width: 0;
        height: 0;
        border-left: 0.5rem solid transparent;
        border-right: 0.5rem solid transparent;
        border-top: 0.5rem solid #d5001c; }

@keyframes animation-rotate-360 {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%; }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%; } }

@keyframes animation-fade-opacity {
  0% {
    opacity: .6; }
  45% {
    opacity: .85; }
  65% {
    opacity: 1; }
  100% {
    opacity: .6; } }

/**
 * disable animations for specific patterns
 *
 * $inactive-animations is a list, if you want e.g. exclude the css animations
 * for the-slider and tile-image-text-link pattern, you would overwrite the
 * $inactive-animations variable by passing from outside with the following value(s)
 *
 * $inactive-animations: 'tile-slider', 'tile-image-text-link'
 */
/**
 * basic hover animation timing (of color and opacity).
 * timing and bezier should be refactored after official Porsche animation guidelines are defined
 */
/**
 * properties for flex container
 */
/**
 * properties for flex child items
 */
.pagination {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  counter-reset: maxNumberOfLinks 5; }
  @media (min-width: 760px) {
    .pagination {
      counter-reset: maxNumberOfLinks 7; } }
  .pagination__items {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  .pagination__goto, .pagination__prev, .pagination__next {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-transition: color 0.24s ease 0s;
    transition: color 0.24s ease 0s;
    position: relative;
    width: 2.5rem;
    height: 2.5rem; }
    .pagination__goto:focus, .pagination__prev:focus, .pagination__next:focus {
      outline: 2px solid #959899;
      outline-offset: -2px; }
    .pagination__goto:active, .pagination__prev:active, .pagination__next:active {
      outline: none;
      color: #d5001c; }
  .pagination__goto {
    font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5rem;
    color: #000;
    text-decoration: none;
    cursor: pointer; }
    html[lang='ru'] .pagination__goto, html[lang='ru-RU'] .pagination__goto {
      font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif; }
    html[lang='zh'] .pagination__goto, html[lang='zh-CN'] .pagination__goto {
      font-family: "Porsche Next", 黑体, SimHei, 宋体, SimSun, sans-serif; }
    html[lang='ar'] .pagination__goto, html[lang='ar-AE'] .pagination__goto {
      font-family: "Porsche Next Arabic", "Arial Narrow", Arial, sans-serif; }
    html[lang='ps'] .pagination__goto, html[lang='ps-AR'] .pagination__goto {
      font-family: "Porsche Next Pashto", "Arial Narrow", Arial, sans-serif; }
    html[lang='fa'] .pagination__goto, html[lang='fa-IR'] .pagination__goto {
      font-family: "Porsche Next Persian", "Arial Narrow", Arial, sans-serif; }
    html[lang='ur'] .pagination__goto, html[lang='ur-PK'] .pagination__goto {
      font-family: "Porsche Next Urdu", "Arial Narrow", Arial, sans-serif; }
    .pagination--theme-inverted .pagination__goto {
      color: #fff; }
    .pagination__goto:hover {
      color: #d5001c; }
      .pagination--theme-inverted .pagination__goto:hover {
        color: #d5001c; }
    .pagination__goto--current {
      cursor: default; }
      .pagination__goto--current:hover {
        color: #000; }
        .pagination--theme-inverted .pagination__goto--current:hover {
          color: #fff; }
      .pagination__goto--current::after {
        background-color: #d5001c;
        content: '';
        display: block;
        position: absolute;
        bottom: 0;
        left: 0.375rem;
        right: 0.375rem;
        height: 0.25rem; }
    .pagination__goto--ellipsis {
      cursor: default; }
      .pagination__goto--ellipsis:hover {
        color: #000; }
        .pagination--theme-inverted .pagination__goto--ellipsis:hover {
          color: #fff; }
      .pagination__goto--ellipsis::after {
        content: '…'; }
  .pagination__prev, .pagination__next {
    font-family: 'pag-iconfont' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #000;
    font-size: 1.125rem;
    text-decoration: none;
    cursor: pointer; }
    .pagination--theme-inverted .pagination__prev, .pagination--theme-inverted .pagination__next {
      color: #fff; }
    .pagination__prev:hover, .pagination__next:hover {
      color: #d5001c; }
      .pagination--theme-inverted .pagination__prev:hover, .pagination--theme-inverted .pagination__next:hover {
        color: #d5001c; }
    .pagination__prev--disabled, .pagination__next--disabled {
      color: #959899;
      cursor: default; }
      .pagination--theme-inverted .pagination__prev--disabled, .pagination--theme-inverted .pagination__next--disabled {
        color: #626669; }
      .pagination__prev--disabled:hover, .pagination__next--disabled:hover {
        color: #959899; }
        .pagination--theme-inverted .pagination__prev--disabled:hover, .pagination--theme-inverted .pagination__next--disabled:hover {
          color: #626669; }
  .pagination__prev::before {
    content: '\e025'; }
  .pagination__next::before {
    content: '\e024'; }

/**
 * properties for flex container
 */
/**
 * properties for flex child items
 */
@media (min-width: 760px) {
  .pagination-dots--hidden-s {
    display: none; } }

.pagination-dots__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.pagination-dots__dot {
  background-color: #e3e4e4;
  display: block;
  position: relative;
  width: 0.625rem;
  height: 0.625rem;
  margin: 0 0.375rem;
  border-style: none;
  cursor: pointer;
  border-radius: 100%; }
  .pagination-dots__dot--size-secondary {
    width: 0.5rem;
    height: 0.5rem; }
  .pagination-dots__dot--size-tertiary {
    width: 0.375rem;
    height: 0.375rem; }
  .pagination-dots__dot--type-grey {
    background-color: #494e51; }
  .pagination-dots__dot--type-black {
    background-color: #313639; }
  .pagination-dots__dot--type-image {
    background-color: #afb1b2; }
  .pagination-dots__dot:hover, .pagination-dots__dot:focus, .pagination-dots__dot:active, .pagination-dots__dot--active {
    background-color: #d5001c; }
  .pagination-dots__dot::after {
    position: absolute;
    content: '';
    top: -0.375rem;
    right: -0.375rem;
    bottom: -0.375rem;
    left: -0.375rem; }

/**
 * properties for flex container
 */
/**
 * properties for flex child items
 */
@media (min-width: 1000px) {
  .next-best-actions {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; } }

.next-best-actions__header {
  padding: 1.125rem 1.125rem;
  background-color: #494e51; }
  @media (min-width: 760px) {
    .next-best-actions__header {
      padding: 1.5rem 1.5rem; } }
  @media (min-width: 1300px) {
    .next-best-actions__header {
      padding: 1.875rem 1.875rem; } }
  @media (min-width: 1000px) and (max-width: 1299px) {
    .next-best-actions__header {
      width: 33.33333%; } }
  @media (min-width: 1300px) {
    .next-best-actions__header {
      width: 25%; } }

.next-best-actions__title {
  font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif;
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 1.875rem;
  font-weight: 200;
  color: #fff; }
  html[lang='ru'] .next-best-actions__title, html[lang='ru-RU'] .next-best-actions__title {
    font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif; }
  html[lang='zh'] .next-best-actions__title, html[lang='zh-CN'] .next-best-actions__title {
    font-family: "Porsche Next", 黑体, SimHei, 宋体, SimSun, sans-serif; }
  html[lang='ar'] .next-best-actions__title, html[lang='ar-AE'] .next-best-actions__title {
    font-family: "Porsche Next Arabic", "Arial Narrow", Arial, sans-serif; }
  html[lang='ps'] .next-best-actions__title, html[lang='ps-AR'] .next-best-actions__title {
    font-family: "Porsche Next Pashto", "Arial Narrow", Arial, sans-serif; }
  html[lang='fa'] .next-best-actions__title, html[lang='fa-IR'] .next-best-actions__title {
    font-family: "Porsche Next Persian", "Arial Narrow", Arial, sans-serif; }
  html[lang='ur'] .next-best-actions__title, html[lang='ur-PK'] .next-best-actions__title {
    font-family: "Porsche Next Urdu", "Arial Narrow", Arial, sans-serif; }
  @media (min-width: 1000px) and (max-width: 1759px) {
    .next-best-actions__title {
      font-size: 1.625rem;
      line-height: 2rem; } }
  @media (min-width: 1760px) {
    .next-best-actions__title {
      font-size: 1.75rem;
      line-height: 2.25rem; } }

.next-best-actions__subtitle {
  font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
  color: #fff; }
  html[lang='ru'] .next-best-actions__subtitle, html[lang='ru-RU'] .next-best-actions__subtitle {
    font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif; }
  html[lang='zh'] .next-best-actions__subtitle, html[lang='zh-CN'] .next-best-actions__subtitle {
    font-family: "Porsche Next", 黑体, SimHei, 宋体, SimSun, sans-serif; }
  html[lang='ar'] .next-best-actions__subtitle, html[lang='ar-AE'] .next-best-actions__subtitle {
    font-family: "Porsche Next Arabic", "Arial Narrow", Arial, sans-serif; }
  html[lang='ps'] .next-best-actions__subtitle, html[lang='ps-AR'] .next-best-actions__subtitle {
    font-family: "Porsche Next Pashto", "Arial Narrow", Arial, sans-serif; }
  html[lang='fa'] .next-best-actions__subtitle, html[lang='fa-IR'] .next-best-actions__subtitle {
    font-family: "Porsche Next Persian", "Arial Narrow", Arial, sans-serif; }
  html[lang='ur'] .next-best-actions__subtitle, html[lang='ur-PK'] .next-best-actions__subtitle {
    font-family: "Porsche Next Urdu", "Arial Narrow", Arial, sans-serif; }

.next-best-actions__body {
  padding: 1.125rem 1.125rem;
  background-color: #313639; }
  @media (min-width: 760px) {
    .next-best-actions__body {
      padding: 1.5rem 1.5rem; } }
  @media (min-width: 1300px) {
    .next-best-actions__body {
      padding: 1.875rem 1.875rem; } }
  @media (min-width: 1000px) {
    .next-best-actions__body {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center; } }
  @media (min-width: 1000px) and (max-width: 1299px) {
    .next-best-actions__body {
      width: 66.66667%; } }
  @media (min-width: 1300px) {
    .next-best-actions__body {
      width: 75%; } }

@media (min-width: 760px) {
  .next-best-actions__row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; } }

@media (min-width: 1000px) {
  .next-best-actions__row {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; } }

@media (min-width: 0) and (max-width: 759px) {
  .next-best-actions__column:nth-child(1) ~ .next-best-actions__column {
    margin-top: 1.125rem; } }

@media (min-width: 760px) and (max-width: 1299px) {
  .next-best-actions__column:nth-child(2) ~ .next-best-actions__column {
    margin-top: 1.125rem; } }

@media (min-width: 1300px) {
  .next-best-actions__column:nth-child(3) ~ .next-best-actions__column {
    margin-top: 1.125rem; } }

/**
 * properties for flex container
 */
/**
 * properties for flex child items
 */
.central-context-menu {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  list-style-type: none;
  margin: 0; }
  .central-context-menu__bar {
    margin-bottom: 1.5rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%; }
  .central-context-menu__left {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }
  .central-context-menu__right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
  .central-context-menu__item {
    margin-right: 0.375rem; }
    .central-context-menu__item--right {
      margin-right: 0; }
    .central-context-menu__item--has-flyout::after {
      position: absolute;
      content: "";
      top: 1.625rem;
      width: 0;
      height: 0;
      margin-left: 0.5rem;
      border-color: #eff0f1;
      border-left: 0.5rem solid transparent;
      border-right: 0.5rem solid transparent;
      border-bottom: 0.5rem solid #eff0f1; }

.central-context-menu-button {
  text-align: left;
  border: 0;
  position: relative;
  height: 2.125rem;
  min-width: 2.125rem;
  max-width: 100%;
  padding: 0 0.5rem;
  display: inline-block;
  background: transparent;
  color: #fff;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  line-height: 2.125rem; }
  .central-context-menu-button:hover {
    color: #d5001c; }
  .central-context-menu-button:disabled, .central-context-menu-button:disabled:hover {
    color: #959899;
    cursor: default; }
  .central-context-menu-button--active {
    color: #d5001c; }
  .central-context-menu-button__icon {
    float: left;
    font-size: 1.125rem;
    line-height: inherit;
    padding: 0 0; }
    .central-context-menu-button__icon--inverted {
      float: right; }
  .central-context-menu-button__label {
    font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5rem;
    white-space: nowrap;
    line-height: inherit;
    display: block;
    margin-left: 1.875rem; }
    html[lang='ru'] .central-context-menu-button__label, html[lang='ru-RU'] .central-context-menu-button__label {
      font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif; }
    html[lang='zh'] .central-context-menu-button__label, html[lang='zh-CN'] .central-context-menu-button__label {
      font-family: "Porsche Next", 黑体, SimHei, 宋体, SimSun, sans-serif; }
    html[lang='ar'] .central-context-menu-button__label, html[lang='ar-AE'] .central-context-menu-button__label {
      font-family: "Porsche Next Arabic", "Arial Narrow", Arial, sans-serif; }
    html[lang='ps'] .central-context-menu-button__label, html[lang='ps-AR'] .central-context-menu-button__label {
      font-family: "Porsche Next Pashto", "Arial Narrow", Arial, sans-serif; }
    html[lang='fa'] .central-context-menu-button__label, html[lang='fa-IR'] .central-context-menu-button__label {
      font-family: "Porsche Next Persian", "Arial Narrow", Arial, sans-serif; }
    html[lang='ur'] .central-context-menu-button__label, html[lang='ur-PK'] .central-context-menu-button__label {
      font-family: "Porsche Next Urdu", "Arial Narrow", Arial, sans-serif; }
    @media (min-width: 0) and (max-width: 999px) {
      .central-context-menu-button__label {
        display: none; } }
    .central-context-menu-button__label--hidden {
      display: none; }
    .central-context-menu-button__label--inverted {
      margin-left: 0;
      margin-right: 1.875rem; }

.central-context-menu-flyout {
  position: absolute;
  width: 100%;
  left: 0;
  top: 2.125rem;
  z-index: 1; }
  .central-context-menu-flyout__container {
    position: relative;
    background-color: #eff0f1;
    padding: 1.125rem 1.125rem;
    display: block;
    width: 100%; }
    @media (min-width: 760px) {
      .central-context-menu-flyout__container {
        padding: 1.5rem 1.5rem; } }
    @media (min-width: 1300px) {
      .central-context-menu-flyout__container {
        padding: 1.875rem 1.875rem; } }
  .central-context-menu-flyout__close {
    position: absolute;
    margin-left: 1.125rem;
    margin-top: 1.125rem;
    margin-right: 1.125rem;
    margin-bottom: 1.125rem;
    cursor: pointer;
    right: 0;
    top: 0;
    color: #626669; }
    @media (min-width: 760px) {
      .central-context-menu-flyout__close {
        margin-left: 1.5rem;
        margin-bottom: 1.5rem; } }
    @media (min-width: 1300px) {
      .central-context-menu-flyout__close {
        margin-left: 1.875rem;
        margin-bottom: 1.875rem; } }
    .central-context-menu-flyout__close:hover {
      color: #d5001c; }
  .central-context-menu-flyout__content {
    margin-top: 1.125rem;
    font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5rem; }
    html[lang='ru'] .central-context-menu-flyout__content, html[lang='ru-RU'] .central-context-menu-flyout__content {
      font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif; }
    html[lang='zh'] .central-context-menu-flyout__content, html[lang='zh-CN'] .central-context-menu-flyout__content {
      font-family: "Porsche Next", 黑体, SimHei, 宋体, SimSun, sans-serif; }
    html[lang='ar'] .central-context-menu-flyout__content, html[lang='ar-AE'] .central-context-menu-flyout__content {
      font-family: "Porsche Next Arabic", "Arial Narrow", Arial, sans-serif; }
    html[lang='ps'] .central-context-menu-flyout__content, html[lang='ps-AR'] .central-context-menu-flyout__content {
      font-family: "Porsche Next Pashto", "Arial Narrow", Arial, sans-serif; }
    html[lang='fa'] .central-context-menu-flyout__content, html[lang='fa-IR'] .central-context-menu-flyout__content {
      font-family: "Porsche Next Persian", "Arial Narrow", Arial, sans-serif; }
    html[lang='ur'] .central-context-menu-flyout__content, html[lang='ur-PK'] .central-context-menu-flyout__content {
      font-family: "Porsche Next Urdu", "Arial Narrow", Arial, sans-serif; }

/**
 * properties for flex container
 */
/**
 * properties for flex child items
 */
.tag {
  font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
  margin-top: 0.375rem;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  cursor: pointer;
  background-color: #494e51;
  color: #fff;
  display: inline-block; }
  html[lang='ru'] .tag, html[lang='ru-RU'] .tag {
    font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif; }
  html[lang='zh'] .tag, html[lang='zh-CN'] .tag {
    font-family: "Porsche Next", 黑体, SimHei, 宋体, SimSun, sans-serif; }
  html[lang='ar'] .tag, html[lang='ar-AE'] .tag {
    font-family: "Porsche Next Arabic", "Arial Narrow", Arial, sans-serif; }
  html[lang='ps'] .tag, html[lang='ps-AR'] .tag {
    font-family: "Porsche Next Pashto", "Arial Narrow", Arial, sans-serif; }
  html[lang='fa'] .tag, html[lang='fa-IR'] .tag {
    font-family: "Porsche Next Persian", "Arial Narrow", Arial, sans-serif; }
  html[lang='ur'] .tag, html[lang='ur-PK'] .tag {
    font-family: "Porsche Next Urdu", "Arial Narrow", Arial, sans-serif; }
  @media (min-width: 0) and (max-width: 759px) {
    .tag {
      width: 100%; }
      .tag:first-child {
        margin-top: 0; } }
  @media (min-width: 760px) {
    .tag {
      margin-right: 0.375rem;
      max-width: 18.75rem; } }
  .tag__container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    height: 2.5rem; }
  .tag:hover {
    background-color: #313639; }
  .tag__icon-container {
    margin-left: 0.75rem;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0; }
  .tag__icon {
    margin-right: 0.75rem; }
  .tag__icon-container, .tag__content-container, .tag__close {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  .tag__content-container {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    min-width: 0; }
  .tag__content {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%; }
  .tag__close {
    margin-left: 1.125rem;
    margin-right: 0.75rem;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    text-align: right; }

/**
 * properties for flex container
 */
/**
 * properties for flex child items
 */
.tag-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
  @media (min-width: 0) and (max-width: 479px) {
    .tag-group {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column; } }

/**
 * properties for flex container
 */
/**
 * properties for flex child items
 */
.event-detail-contact {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background-color: #313639;
  height: 100%; }
  @media (min-width: 0) {
    .event-detail-contact {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column; }
      .event-detail-contact__wrapper {
        position: relative; }
      .event-detail-contact__body {
        padding: 1.125rem 1.125rem; } }
    @media (min-width: 0) and (min-width: 760px) {
      .event-detail-contact__body {
        padding: 1.5rem 1.5rem; } }
    @media (min-width: 0) and (min-width: 1300px) {
      .event-detail-contact__body {
        padding: 1.875rem 1.875rem; } }
  @media (min-width: 0) {
      .event-detail-contact__button {
        margin-top: 1.125rem; } }
    @media (min-width: 0) and (min-width: 760px) and (max-width: 1299px) {
      .event-detail-contact__button {
        margin-top: 1.5rem; } }
    @media (min-width: 0) and (min-width: 1300px) {
      .event-detail-contact__button {
        margin-top: 1.875rem; } }
  @media (min-width: 1000px) {
    .event-detail-contact {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row; }
      .event-detail-contact__body {
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
        padding: 1.125rem 1.125rem; } }
    @media (min-width: 1000px) and (min-width: 760px) {
      .event-detail-contact__body {
        padding: 1.5rem 1.5rem; } }
    @media (min-width: 1000px) and (min-width: 1300px) {
      .event-detail-contact__body {
        padding: 1.875rem 1.875rem; } }
  @media (min-width: 1000px) {
      .event-detail-contact__wrapper {
        margin-top: 0;
        position: relative;
        padding-bottom: 3rem; }
      .event-detail-contact__button {
        margin-top: 0;
        position: absolute;
        left: 0;
        bottom: 0; } }
  .event-detail-contact__link {
    text-decoration: none; }
  .event-detail-contact__img-wrapper {
    position: relative; }
  .event-detail-contact__map-pin {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
            transform: translate3d(-50%, -50%, 0);
    margin-top: -1.5625rem; }
  .event-detail-contact__img {
    width: 100%;
    height: 100%; }

/**
 * properties for flex container
 */
/**
 * properties for flex child items
 */
.event-tile__wrapper {
  padding-top: 0.625rem;
  padding-bottom: 1.875rem;
  border-bottom: 0.0625rem solid #494e51; }

.event-tile__inner {
  background-color: #eff0f1;
  padding: 1.125rem 1.125rem; }
  @media (min-width: 760px) {
    .event-tile__inner {
      padding: 1.5rem 1.5rem; } }
  @media (min-width: 1300px) {
    .event-tile__inner {
      padding: 1.875rem 1.875rem; } }
  @media (min-width: 0) {
    .event-tile__inner-headline {
      margin-top: 1.125rem; } }
  @media (min-width: 0) and (min-width: 760px) and (max-width: 1299px) {
    .event-tile__inner-headline {
      margin-top: 1.5rem; } }
  @media (min-width: 0) and (min-width: 1300px) {
    .event-tile__inner-headline {
      margin-top: 1.5rem; } }
  @media (min-width: 1300px) {
    .event-tile__inner-headline {
      margin-top: 0; } }

.event-tile__body {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }

.event-tile__img {
  width: 100%;
  height: 100%; }

/**
 * properties for flex container
 */
/**
 * properties for flex child items
 */
.password-complexity-bar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  .password-complexity-bar--status-weak .password-complexity-bar__item:nth-child(-n+3) {
    background-color: #d5001c; }
  .password-complexity-bar--status-medium .password-complexity-bar__item:nth-child(-n+6) {
    background-color: #e6950a; }
  .password-complexity-bar--status-strong .password-complexity-bar__item {
    background-color: #13d246; }
  .password-complexity-bar__item {
    background-color: #afb1b2;
    width: 1.5625rem;
    height: 0.375rem;
    margin-left: 0.125rem; }
    .password-complexity-bar__item:first-child {
      margin-left: 0; }

.password-complexity-hint__item {
  color: #13d246;
  font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
  display: block; }
  html[lang='ru'] .password-complexity-hint__item, html[lang='ru-RU'] .password-complexity-hint__item {
    font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif; }
  html[lang='zh'] .password-complexity-hint__item, html[lang='zh-CN'] .password-complexity-hint__item {
    font-family: "Porsche Next", 黑体, SimHei, 宋体, SimSun, sans-serif; }
  html[lang='ar'] .password-complexity-hint__item, html[lang='ar-AE'] .password-complexity-hint__item {
    font-family: "Porsche Next Arabic", "Arial Narrow", Arial, sans-serif; }
  html[lang='ps'] .password-complexity-hint__item, html[lang='ps-AR'] .password-complexity-hint__item {
    font-family: "Porsche Next Pashto", "Arial Narrow", Arial, sans-serif; }
  html[lang='fa'] .password-complexity-hint__item, html[lang='fa-IR'] .password-complexity-hint__item {
    font-family: "Porsche Next Persian", "Arial Narrow", Arial, sans-serif; }
  html[lang='ur'] .password-complexity-hint__item, html[lang='ur-PK'] .password-complexity-hint__item {
    font-family: "Porsche Next Urdu", "Arial Narrow", Arial, sans-serif; }
  .password-complexity-hint__item:nth-child(n + 2) {
    margin-top: 0.75rem; }
  @media (min-width: 1000px) {
    .password-complexity-hint__item {
      margin-top: 0;
      display: inline-block; }
      .password-complexity-hint__item:nth-child(n + 2) {
        margin-top: 0;
        margin-left: 1.125rem; } }
  .password-complexity-hint__item--error {
    color: #d5001c; }

/**
 * properties for flex container
 */
/**
 * properties for flex child items
 */
.media-center-modal {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #000; }
  .media-center-modal__header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 1.125rem 1.125rem;
    font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5rem;
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.8); }
    @media (min-width: 760px) {
      .media-center-modal__header {
        padding: 1.5rem 1.5rem; } }
    @media (min-width: 1300px) {
      .media-center-modal__header {
        padding: 1.875rem 1.875rem; } }
    html[lang='ru'] .media-center-modal__header, html[lang='ru-RU'] .media-center-modal__header {
      font-family: "Porsche Next", "Arial Narrow", Arial, sans-serif; }
    html[lang='zh'] .media-center-modal__header, html[lang='zh-CN'] .media-center-modal__header {
      font-family: "Porsche Next", 黑体, SimHei, 宋体, SimSun, sans-serif; }
    html[lang='ar'] .media-center-modal__header, html[lang='ar-AE'] .media-center-modal__header {
      font-family: "Porsche Next Arabic", "Arial Narrow", Arial, sans-serif; }
    html[lang='ps'] .media-center-modal__header, html[lang='ps-AR'] .media-center-modal__header {
      font-family: "Porsche Next Pashto", "Arial Narrow", Arial, sans-serif; }
    html[lang='fa'] .media-center-modal__header, html[lang='fa-IR'] .media-center-modal__header {
      font-family: "Porsche Next Persian", "Arial Narrow", Arial, sans-serif; }
    html[lang='ur'] .media-center-modal__header, html[lang='ur-PK'] .media-center-modal__header {
      font-family: "Porsche Next Urdu", "Arial Narrow", Arial, sans-serif; }
    .media-center-modal__header-title {
      -webkit-box-flex: 1;
      -webkit-flex-grow: 1;
          -ms-flex-positive: 1;
              flex-grow: 1; }
    .media-center-modal__header-icon {
      position: relative;
      cursor: pointer; }
      .media-center-modal__header-icon:hover {
        color: #d5001c; }
      .media-center-modal__header-icon::after {
        content: '';
        position: absolute;
        top: -0.75rem;
        right: -0.75rem;
        bottom: -0.75rem;
        left: -0.75rem; }
  .media-center-modal__container {
    height: 100%;
    width: 100%; }

.ng-submitted .input__icon ~ .input__field.ng-invalid {
  padding-right: calc(1.125rem * 2 + 1.25rem - ( 2px - 1px )); }

.ng-submitted .input__field.ng-invalid {
  color: #d5001c;
  border-color: #d5001c;
  border-width: 2px;
  padding-top: calc(1.0625rem - ( 2px - 1px ));
  padding-right: calc(1.125rem - ( 2px - 1px ));
  padding-bottom: calc(1.0625rem - ( 2px - 1px ));
  padding-left: calc(1.125rem - ( 2px - 1px )); }
  .ng-submitted .input__field.ng-invalid:focus, .ng-submitted .input__field.ng-invalid:not(:placeholder-shown) {
    padding-top: calc(1.25rem - ( 2px - 1px ));
    padding-bottom: calc(0.5rem - ( 2px - 1px )); }
  .ng-submitted .input__field.ng-invalid:disabled {
    color: #494e51; }
    .ng-submitted .input__field.ng-invalid:disabled::-webkit-input-placeholder {
      color: #494e51; }
    .ng-submitted .input__field.ng-invalid:disabled:-ms-input-placeholder {
      color: #494e51; }
    .ng-submitted .input__field.ng-invalid:disabled::-ms-input-placeholder {
      color: #494e51; }
    .ng-submitted .input__field.ng-invalid:disabled::placeholder {
      color: #494e51; }

.textarea__field {
  /* input is invalid (angular specific selector) */ }
  .textarea__field.ng-invalid {
    border-color: #d5001c; }

.ng-submitted .checkbox .checkbox__field.ng-invalid ~ .checkbox__icon {
  border-color: #d5001c; }
  .ng-submitted .checkbox .checkbox__field.ng-invalid ~ .checkbox__icon::before {
    color: #d5001c; }

.ng-submitted .checkbox .checkbox__field.ng-invalid ~ .checkbox__label {
  color: #d5001c; }
  .ng-submitted .checkbox .checkbox__field.ng-invalid ~ .checkbox__label .checkbox__label-link {
    color: #d5001c; }

.ng-submitted .checkbox:hover .checkbox__field.ng-invalid:not(:checked):not(:disabled) ~ .checkbox__icon {
  border-color: #d5001c; }

.ng-submitted .checkbox:hover .checkbox__field.ng-invalid:checked:not(:disabled) ~ .checkbox__icon {
  background-color: #d5001c; }
  .ng-submitted .checkbox:hover .checkbox__field.ng-invalid:checked:not(:disabled) ~ .checkbox__icon::before {
    background-color: transparent;
    color: #fff; }

.ng-submitted .checkbox .checkbox__field.ng-invalid:disabled ~ .checkbox__icon,
.ng-submitted .checkbox:hover .checkbox__field.ng-invalid:disabled ~ .checkbox__icon {
  border-color: #959899;
  background: transparent; }
  .ng-submitted .checkbox .checkbox__field.ng-invalid:disabled ~ .checkbox__icon::before,
  .ng-submitted .checkbox:hover .checkbox__field.ng-invalid:disabled ~ .checkbox__icon::before {
    color: #959899; }

.ng-submitted .checkbox .checkbox__field.ng-invalid:disabled ~ .checkbox__label,
.ng-submitted .checkbox:hover .checkbox__field.ng-invalid:disabled ~ .checkbox__label {
  color: #959899; }
  .ng-submitted .checkbox .checkbox__field.ng-invalid:disabled ~ .checkbox__label .checkbox__label-link,
  .ng-submitted .checkbox:hover .checkbox__field.ng-invalid:disabled ~ .checkbox__label .checkbox__label-link {
    color: #959899; }
    .ng-submitted .checkbox .checkbox__field.ng-invalid:disabled ~ .checkbox__label .checkbox__label-link:active, .ng-submitted .checkbox .checkbox__field.ng-invalid:disabled ~ .checkbox__label .checkbox__label-link:focus, .ng-submitted .checkbox .checkbox__field.ng-invalid:disabled ~ .checkbox__label .checkbox__label-link:hover,
    .ng-submitted .checkbox:hover .checkbox__field.ng-invalid:disabled ~ .checkbox__label .checkbox__label-link:active,
    .ng-submitted .checkbox:hover .checkbox__field.ng-invalid:disabled ~ .checkbox__label .checkbox__label-link:focus,
    .ng-submitted .checkbox:hover .checkbox__field.ng-invalid:disabled ~ .checkbox__label .checkbox__label-link:hover {
      color: #d5001c; }

/* ******  radio default  ***** */
/* ******  radio button inverted  ***** */
.ng-submitted .radio .radio__field.ng-invalid ~ .radio__icon {
  border-color: #d5001c; }
  .ng-submitted .radio .radio__field.ng-invalid ~ .radio__icon::before {
    background-color: #d5001c; }

.ng-submitted .radio .radio__field.ng-invalid ~ .radio__label {
  color: #d5001c; }
  .ng-submitted .radio .radio__field.ng-invalid ~ .radio__label .radio__label-link {
    color: #d5001c; }

.ng-submitted .radio:hover .radio__field.ng-invalid:not(:checked):not(:disabled) ~ .radio__icon {
  border-color: #d5001c; }

.ng-submitted .radio:hover .radio__field.ng-invalid:checked:not(:disabled) ~ .radio__icon {
  border-color: #d5001c;
  background-color: #d5001c; }
  .ng-submitted .radio:hover .radio__field.ng-invalid:checked:not(:disabled) ~ .radio__icon::before {
    background-color: #fff; }

.ng-submitted .radio .radio__field.ng-invalid:disabled ~ .radio__icon,
.ng-submitted .radio:hover .radio__field.ng-invalid:disabled ~ .radio__icon {
  border-color: #959899; }
  .ng-submitted .radio .radio__field.ng-invalid:disabled ~ .radio__icon::before,
  .ng-submitted .radio:hover .radio__field.ng-invalid:disabled ~ .radio__icon::before {
    background-color: #959899; }

.ng-submitted .radio .radio__field.ng-invalid:disabled ~ .radio__label,
.ng-submitted .radio:hover .radio__field.ng-invalid:disabled ~ .radio__label {
  color: #959899; }
  .ng-submitted .radio .radio__field.ng-invalid:disabled ~ .radio__label .radio__label-link,
  .ng-submitted .radio:hover .radio__field.ng-invalid:disabled ~ .radio__label .radio__label-link {
    color: #959899; }
    .ng-submitted .radio .radio__field.ng-invalid:disabled ~ .radio__label .radio__label-link:active, .ng-submitted .radio .radio__field.ng-invalid:disabled ~ .radio__label .radio__label-link:focus, .ng-submitted .radio .radio__field.ng-invalid:disabled ~ .radio__label .radio__label-link:hover,
    .ng-submitted .radio:hover .radio__field.ng-invalid:disabled ~ .radio__label .radio__label-link:active,
    .ng-submitted .radio:hover .radio__field.ng-invalid:disabled ~ .radio__label .radio__label-link:focus,
    .ng-submitted .radio:hover .radio__field.ng-invalid:disabled ~ .radio__label .radio__label-link:hover {
      color: #d5001c; }

.select__field.ng-invalid {
  border-color: #d5001c; }
/*# sourceMappingURL=porsche-stylesheets.css.map */