/* Custom normalize */
html {
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-size-adjust: 100%;
}
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 {
padding: 0;
margin: 0;
vertical-align: baseline;
font: inherit;
font-size: 100%;
border: 0;
box-sizing: border-box;
}
article, aside, footer, header, nav, section {
display: block;
}
figcaption, figure, main {
display: block;
}
a {
background-color: transparent;
-webkit-text-decoration-skip: objects;
text-decoration-skip: objects;
}
a:active, a:hover {
outline-width: 0;
}
ol, ul {
list-style: none;
}
sub, sup {
position: relative;
vertical-align: baseline;
font-size: 75%;
line-height: 0;
}
sub {
bottom: -.25em;
}
sup {
top: -.5em;
}
audio, video {
display: inline-block;
}
audio:not([controls]) {
display: none;
height: 0;
}
img {
border-style: none;
}
svg:not(:root) {
overflow: hidden;
}
button, input, optgroup, select, textarea {
margin: 0;
font-size: 100%;
}
button, select {
text-transform: none;
}
button, html [type='button'], [type='reset'], [type='submit'] {
border: 0;
-webkit-appearance: button;
-moz-appearance: button;
appearance: button;
}
button::-moz-focus-inner, [type='button']::-moz-focus-inner, [type='reset']::-moz-focus-inner, [type='submit']::-moz-focus-inner {
padding: 0;
border-style: none;
}
textarea {
overflow: auto;
}
[type='checkbox'], [type='radio'] {
padding: 0;
box-sizing: border-box;
}
[type='search'] {
-webkit-appearance: textfield;
-moz-appearance: textfield;
appearance: textfield;
outline-offset: -2px;
}
[type='search']::-webkit-search-cancel-button, [type='search']::-webkit-search-decoration {
-webkit-appearance: none;
appearance: none;
}
::-webkit-file-upload-button {
font: inherit;
-webkit-appearance: button;
appearance: button;
}
[hidden] {
display: none;
}
[data-trigger='click'] {
cursor: pointer;
}
/* Base styles */
/* stylelint-disable color-no-hex, color-named, max-line-length */
:root {
/* General sizes */
/* Layout sizes, settings */
/* lockups */
}
/* Debug / development styles */
/* @import 'shared/partials/_debug.pcss'; */
/* Partial styles */
.block {
position: relative;
display: block;
box-sizing: border-box;
}
.block--full-width {
width: 100%;
height: auto;
}
.block--full-height {
width: auto;
height: 100%;
}
.block--full-size {
width: 100%;
height: 100%;
}
.block--fs {
width: 100%;
height: 100vh;
min-height: 500px;
}
.block--hidden {
display: none;
}
.no-touch .block--visible-on-touch {
display: none;
}
.block--centred {
margin-left: auto;
margin-right: auto;
}
.block--padding {
padding: 20px;
}
.block--hpadding {
padding-left: 20px;
padding-right: 20px;
}
.block--vpadding {
padding-top: 20px;
padding-bottom: 20px;
}
.block--hpadding-double {
padding-left: calc(20px * 2);
padding-right: calc(20px * 2);
}
.block--vpadding-double {
padding-top: calc(20px * 2);
padding-bottom: calc(20px * 2);
}
.block--margin {
margin: 20px;
}
.block--hmargin {
margin-left: 20px;
margin-right: 20px;
}
.block--vmargin {
margin-top: 20px;
margin-bottom: 20px;
}
.block--hmargin-double {
margin-left: calc(20px * 2);
margin-right: calc(20px * 2);
}
.block--vmargin-double {
margin-top: calc(20px * 2);
margin-bottom: calc(20px * 2);
}
.block--padding-half {
padding: calc(20px / 2);
}
.block--padding-quarter {
padding: calc(20px / 4);
}
.block--hpadding-half {
padding-left: calc(20px / 2);
padding-right: calc(20px / 2);
}
.block--vpadding-half {
padding-top: calc(20px / 2);
padding-bottom: calc(20px / 2);
}
.block--hpadding-quarter {
padding-left: calc(20px / 4);
padding-right: calc(20px / 4);
}
.block--vpadding-quarter {
padding-top: calc(20px / 4);
padding-bottom: calc(20px / 4);
}
.block--margin-half {
margin: calc(20px / 2);
}
.block--margin-quarter {
margin: calc(20px / 4);
}
.block--hmargin-half {
margin-left: calc(20px / 2);
margin-right: calc(20px / 2);
}
.block--vmargin-half {
margin-top: calc(20px / 2);
margin-bottom: calc(20px / 2);
}
.block--hmargin-quarter {
margin-left: calc(20px / 4);
margin-right: calc(20px / 4);
}
.block--vmargin-quarter {
margin-top: calc(20px / 4);
margin-bottom: calc(20px / 4);
}
.block--padding-bottom {
padding-bottom: 20px;
}
.block--padding-top {
padding-top: 20px;
}
.block--padding-left {
padding-left: 20px;
}
.block--padding-right {
padding-right: 20px;
}
.block--margin-bottom {
margin-bottom: 20px;
}
.block--margin-top {
margin-top: 20px;
}
.block--margin-left {
margin-left: 20px;
}
.block--margin-right {
margin-right: 20px;
}
.block--inline-block {
display: inline-block;
}
.block--overflow-hidden {
overflow: hidden;
}
.block--va-top {
vertical-align: top;
}
.block--va-middle {
vertical-align: middle;
}
.block--va-bottom {
vertical-align: bottom;
}
.block--bg-white {
background-color: #fff;
}
.block--bg-black {
background-color: #000;
}
.block--bg-yellow {
background-color: #ff0;
}
.block--bg-red {
background-color: #f00;
}
.block--bg-gray {
background-color: #ccc;
}
.block--bg-dimgray {
background-color: #8e8b87;
}
.block--bg-midgray {
background-color: #535353;
}
.block--bg-mediumgray {
background-color: #2f2f2f;
}
.block--bg-valkyriegray {
background-color: #9b9fa2;
}
.block--bg-gold {
background-color: #535353;
}
.block--bg-lightstone {
background-color: #ae8057;
}
.block--bg-silver {
background-color: #f9f9f9;
}
.block--bg-asphalt {
background-color: #77736e;
}
.block--bg-sunshine {
background-color: #5c6169;
}
.block--bg-burgundy {
background-color: #b87811;
}
.block--bg-caramel {
background-color: #7d4e55;
}
.block--bg-ashgrey {
background-color: #ae8057;
}
.block--bg-teal {
background-color: #5b5549;
}
.block--bg-cobalt {
background-color: #485556;
}
.block--bg-smoke {
background-color: #657974;
}
.block--bg-aubergine {
background-color: #48434d;
}
.block--bg-abbay {
background-color: #27191f;
}
/* http://easings.net */
.button {
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: auto;
height: 40px;
padding: 0 20px;
font-size: 10px;
text-align: center;
text-transform: uppercase;
text-decoration: none;
color: #000;
letter-spacing: .1em;
cursor: pointer;
border: none;
border-radius: 3px;
background: none;
transition: background .225s cubic-bezier(.39, .575, .565, 1);
box-sizing: border-box;
}
.button:focus {
outline-offset: 5px;
}
.page--dark .button {
color: #fff;
}
.page--light .button {
color: #000;
}
.mac-os .button {
padding-top: 4px;
}
.button--disabled, .button[disabled] {
opacity: .3;
cursor: default;
}
.button--loading::before {
position: absolute;
content: '';
width: 20px;
height: 20px;
top: 50%;
left: 50%;
margin-top: -10px;
margin-left: -10px;
border: 2px solid #fff;
border-radius: 50%;
-webkit-animation: button-loader .6s linear infinite;
animation: button-loader .6s linear infinite;
border-top-color: inherit;
box-sizing: border-box;
}
.button--primary-cta {
background: #657974;
}
.button--primary-cta:hover:not(.button--disabled) {
background: rgb(127, 148, 143);
}
.button--primary-cta:focus:not(.button--disabled) {
background: rgb(79, 95, 91);
}
.button--secondary-cta {
border: 3px solid #657974;
}
.button--secondary-cta:not(.button--disabled) {
-webkit-tap-highlight-color: rgba(127, 148, 143, 0.2);
}
.no-touch .button--secondary-cta:hover:not(.button--disabled) {
border-color: rgb(127, 148, 143);
}
.button--secondary-cta:focus:not(.button--disabled) {
border-color: rgb(79, 95, 91);
}
.mac-os .button--tertiary-cta {
padding-top: 0;
}
.button--tertiary-cta::after {
position: absolute;
content: '';
width: 100%;
height: 3px;
bottom: 0;
left: 0;
background: #657974;
}
.no-touch .button--tertiary-cta:hover:not(.button--disabled)::after {
background: rgb(127, 148, 143);
}
.button--tertiary-cta:focus:not(.button--disabled)::after {
background: rgb(79, 95, 91);
}
.button--primary-cta-white {
color: #fff;
background: rgb(255, 255, 255);
}
.button--primary-cta-white:not(.button--disabled) {
-webkit-tap-highlight-color: rgba(255, 255, 255, 0.2);
}
.button--primary-cta-white.button--loading {
color: rgb(255, 255, 255);
border-top-color: rgb(204, 204, 204);
}
.button--primary-cta-white:focus:not(.button--disabled) {
background: rgb(255, 255, 255);
}
.button--primary-cta-white:active:not(.button--disabled) {
background: rgb(255, 255, 255);
}
.no-touch .button--primary-cta-white:hover:not(.button--disabled) {
background: rgb(255, 255, 255);
}
.button--secondary-cta-white {
border: 3px solid #fff;
border-color: rgb(255, 255, 255);
}
.button--secondary-cta-white:not(.button--disabled) {
-webkit-tap-highlight-color: rgba(255, 255, 255, 0.2);
}
.button--secondary-cta-white:focus:not(.button--disabled) {
border-color: rgb(255, 255, 255);
}
.button--secondary-cta-white:active:not(.button--disabled) {
border-color: rgb(255, 255, 255);
}
.no-touch .button--secondary-cta-white:hover:not(.button--disabled) {
border-color: rgb(255, 255, 255);
}
.button--tertiary-cta-white::after {
position: absolute;
content: '';
width: 100%;
height: 3px;
bottom: 0;
left: 0;
background: rgb(255, 255, 255);
}
.no-touch %button--tertiary-cta-white:hover:not(.button--disabled)::after, .button--tertiary-cta-white:focus:not(.button--disabled)::after, .no-touch .button--tertiary-cta-white:hover:not(.button--disabled)::after {
background: rgb(255, 255, 255);
}
.button--tertiary-cta-white:active:not(.button--disabled)::after {
background: rgb(255, 255, 255);
}
.button--primary-cta-black {
color: #fff;
background: rgb(51, 51, 51);
}
.button--primary-cta-black:not(.button--disabled) {
-webkit-tap-highlight-color: rgba(77, 77, 77, 0.2);
}
.button--primary-cta-black.button--loading {
color: rgb(51, 51, 51);
border-top-color: rgb(0, 0, 0);
}
.button--primary-cta-black:focus:not(.button--disabled) {
background: rgb(77, 77, 77);
}
.button--primary-cta-black:active:not(.button--disabled) {
background: rgb(26, 26, 26);
}
.no-touch .button--primary-cta-black:hover:not(.button--disabled) {
background: rgb(77, 77, 77);
}
.button--secondary-cta-black {
border: 3px solid #000;
border-color: rgb(51, 51, 51);
}
.button--secondary-cta-black:not(.button--disabled) {
-webkit-tap-highlight-color: rgba(77, 77, 77, 0.2);
}
.button--secondary-cta-black:focus:not(.button--disabled) {
border-color: rgb(77, 77, 77);
}
.button--secondary-cta-black:active:not(.button--disabled) {
border-color: rgb(26, 26, 26);
}
.no-touch .button--secondary-cta-black:hover:not(.button--disabled) {
border-color: rgb(77, 77, 77);
}
.button--tertiary-cta-black::after {
position: absolute;
content: '';
width: 100%;
height: 3px;
bottom: 0;
left: 0;
background: rgb(51, 51, 51);
}
.no-touch %button--tertiary-cta-black:hover:not(.button--disabled)::after, .button--tertiary-cta-black:focus:not(.button--disabled)::after, .no-touch .button--tertiary-cta-black:hover:not(.button--disabled)::after {
background: rgb(77, 77, 77);
}
.button--tertiary-cta-black:active:not(.button--disabled)::after {
background: rgb(26, 26, 26);
}
.button--primary-cta-yellow {
color: #fff;
background: rgb(255, 255, 102);
}
.button--primary-cta-yellow:not(.button--disabled) {
-webkit-tap-highlight-color: rgba(255, 255, 153, 0.2);
}
.button--primary-cta-yellow.button--loading {
color: rgb(255, 255, 102);
border-top-color: rgb(153, 153, 0);
}
.button--primary-cta-yellow:focus:not(.button--disabled) {
background: rgb(255, 255, 153);
}
.button--primary-cta-yellow:active:not(.button--disabled) {
background: rgb(255, 255, 51);
}
.no-touch .button--primary-cta-yellow:hover:not(.button--disabled) {
background: rgb(255, 255, 153);
}
.button--secondary-cta-yellow {
border: 3px solid #ff0;
border-color: rgb(255, 255, 102);
}
.button--secondary-cta-yellow:not(.button--disabled) {
-webkit-tap-highlight-color: rgba(255, 255, 153, 0.2);
}
.button--secondary-cta-yellow:focus:not(.button--disabled) {
border-color: rgb(255, 255, 153);
}
.button--secondary-cta-yellow:active:not(.button--disabled) {
border-color: rgb(255, 255, 51);
}
.no-touch .button--secondary-cta-yellow:hover:not(.button--disabled) {
border-color: rgb(255, 255, 153);
}
.button--tertiary-cta-yellow::after {
position: absolute;
content: '';
width: 100%;
height: 3px;
bottom: 0;
left: 0;
background: rgb(255, 255, 102);
}
.no-touch %button--tertiary-cta-yellow:hover:not(.button--disabled)::after, .button--tertiary-cta-yellow:focus:not(.button--disabled)::after, .no-touch .button--tertiary-cta-yellow:hover:not(.button--disabled)::after {
background: rgb(255, 255, 153);
}
.button--tertiary-cta-yellow:active:not(.button--disabled)::after {
background: rgb(255, 255, 51);
}
.button--primary-cta-red {
color: #fff;
background: rgb(255, 102, 102);
}
.button--primary-cta-red:not(.button--disabled) {
-webkit-tap-highlight-color: rgba(255, 153, 153, 0.2);
}
.button--primary-cta-red.button--loading {
color: rgb(255, 102, 102);
border-top-color: rgb(153, 0, 0);
}
.button--primary-cta-red:focus:not(.button--disabled) {
background: rgb(255, 153, 153);
}
.button--primary-cta-red:active:not(.button--disabled) {
background: rgb(255, 51, 51);
}
.no-touch .button--primary-cta-red:hover:not(.button--disabled) {
background: rgb(255, 153, 153);
}
.button--secondary-cta-red {
border: 3px solid #f00;
border-color: rgb(255, 102, 102);
}
.button--secondary-cta-red:not(.button--disabled) {
-webkit-tap-highlight-color: rgba(255, 153, 153, 0.2);
}
.button--secondary-cta-red:focus:not(.button--disabled) {
border-color: rgb(255, 153, 153);
}
.button--secondary-cta-red:active:not(.button--disabled) {
border-color: rgb(255, 51, 51);
}
.no-touch .button--secondary-cta-red:hover:not(.button--disabled) {
border-color: rgb(255, 153, 153);
}
.button--tertiary-cta-red::after {
position: absolute;
content: '';
width: 100%;
height: 3px;
bottom: 0;
left: 0;
background: rgb(255, 102, 102);
}
.no-touch %button--tertiary-cta-red:hover:not(.button--disabled)::after, .button--tertiary-cta-red:focus:not(.button--disabled)::after, .no-touch .button--tertiary-cta-red:hover:not(.button--disabled)::after {
background: rgb(255, 153, 153);
}
.button--tertiary-cta-red:active:not(.button--disabled)::after {
background: rgb(255, 51, 51);
}
.button--primary-cta-gray {
color: #fff;
background: rgb(255, 255, 255);
}
.button--primary-cta-gray:not(.button--disabled) {
-webkit-tap-highlight-color: rgba(255, 255, 255, 0.2);
}
.button--primary-cta-gray.button--loading {
color: rgb(255, 255, 255);
border-top-color: rgb(153, 153, 153);
}
.button--primary-cta-gray:focus:not(.button--disabled) {
background: rgb(255, 255, 255);
}
.button--primary-cta-gray:active:not(.button--disabled) {
background: rgb(230, 230, 230);
}
.no-touch .button--primary-cta-gray:hover:not(.button--disabled) {
background: rgb(255, 255, 255);
}
.button--secondary-cta-gray {
border: 3px solid #ccc;
border-color: rgb(255, 255, 255);
}
.button--secondary-cta-gray:not(.button--disabled) {
-webkit-tap-highlight-color: rgba(255, 255, 255, 0.2);
}
.button--secondary-cta-gray:focus:not(.button--disabled) {
border-color: rgb(255, 255, 255);
}
.button--secondary-cta-gray:active:not(.button--disabled) {
border-color: rgb(230, 230, 230);
}
.no-touch .button--secondary-cta-gray:hover:not(.button--disabled) {
border-color: rgb(255, 255, 255);
}
.button--tertiary-cta-gray::after {
position: absolute;
content: '';
width: 100%;
height: 3px;
bottom: 0;
left: 0;
background: rgb(255, 255, 255);
}
.no-touch %button--tertiary-cta-gray:hover:not(.button--disabled)::after, .button--tertiary-cta-gray:focus:not(.button--disabled)::after, .no-touch .button--tertiary-cta-gray:hover:not(.button--disabled)::after {
background: rgb(255, 255, 255);
}
.button--tertiary-cta-gray:active:not(.button--disabled)::after {
background: rgb(230, 230, 230);
}
.button--primary-cta-dimgray {
color: #fff;
background: rgb(191, 189, 187);
}
.button--primary-cta-dimgray:not(.button--disabled) {
-webkit-tap-highlight-color: rgba(215, 214, 213, 0.2);
}
.button--primary-cta-dimgray.button--loading {
color: rgb(191, 189, 187);
border-top-color: rgb(89, 87, 84);
}
.button--primary-cta-dimgray:focus:not(.button--disabled) {
background: rgb(215, 214, 213);
}
.button--primary-cta-dimgray:active:not(.button--disabled) {
background: rgb(166, 164, 160);
}
.no-touch .button--primary-cta-dimgray:hover:not(.button--disabled) {
background: rgb(215, 214, 213);
}
.button--secondary-cta-dimgray {
border: 3px solid #8e8b87;
border-color: rgb(191, 189, 187);
}
.button--secondary-cta-dimgray:not(.button--disabled) {
-webkit-tap-highlight-color: rgba(215, 214, 213, 0.2);
}
.button--secondary-cta-dimgray:focus:not(.button--disabled) {
border-color: rgb(215, 214, 213);
}
.button--secondary-cta-dimgray:active:not(.button--disabled) {
border-color: rgb(166, 164, 160);
}
.no-touch .button--secondary-cta-dimgray:hover:not(.button--disabled) {
border-color: rgb(215, 214, 213);
}
.button--tertiary-cta-dimgray::after {
position: absolute;
content: '';
width: 100%;
height: 3px;
bottom: 0;
left: 0;
background: rgb(191, 189, 187);
}
.no-touch %button--tertiary-cta-dimgray:hover:not(.button--disabled)::after, .button--tertiary-cta-dimgray:focus:not(.button--disabled)::after, .no-touch .button--tertiary-cta-dimgray:hover:not(.button--disabled)::after {
background: rgb(215, 214, 213);
}
.button--tertiary-cta-dimgray:active:not(.button--disabled)::after {
background: rgb(166, 164, 160);
}
.button--primary-cta-midgray {
color: #fff;
background: rgb(135, 135, 135);
}
.button--primary-cta-midgray:not(.button--disabled) {
-webkit-tap-highlight-color: rgba(161, 161, 161, 0.2);
}
.button--primary-cta-midgray.button--loading {
color: rgb(135, 135, 135);
border-top-color: rgb(33, 33, 33);
}
.button--primary-cta-midgray:focus:not(.button--disabled) {
background: rgb(161, 161, 161);
}
.button--primary-cta-midgray:active:not(.button--disabled) {
background: rgb(110, 110, 110);
}
.no-touch .button--primary-cta-midgray:hover:not(.button--disabled) {
background: rgb(161, 161, 161);
}
.button--secondary-cta-midgray {
border: 3px solid #535353;
border-color: rgb(135, 135, 135);
}
.button--secondary-cta-midgray:not(.button--disabled) {
-webkit-tap-highlight-color: rgba(161, 161, 161, 0.2);
}
.button--secondary-cta-midgray:focus:not(.button--disabled) {
border-color: rgb(161, 161, 161);
}
.button--secondary-cta-midgray:active:not(.button--disabled) {
border-color: rgb(110, 110, 110);
}
.no-touch .button--secondary-cta-midgray:hover:not(.button--disabled) {
border-color: rgb(161, 161, 161);
}
.button--tertiary-cta-midgray::after {
position: absolute;
content: '';
width: 100%;
height: 3px;
bottom: 0;
left: 0;
background: rgb(135, 135, 135);
}
.no-touch %button--tertiary-cta-midgray:hover:not(.button--disabled)::after, .button--tertiary-cta-midgray:focus:not(.button--disabled)::after, .no-touch .button--tertiary-cta-midgray:hover:not(.button--disabled)::after {
background: rgb(161, 161, 161);
}
.button--tertiary-cta-midgray:active:not(.button--disabled)::after {
background: rgb(110, 110, 110);
}
.button--primary-cta-mediumgray {
color: #fff;
background: rgb(97, 97, 97);
}
.button--primary-cta-mediumgray:not(.button--disabled) {
-webkit-tap-highlight-color: rgba(122, 122, 122, 0.2);
}
.button--primary-cta-mediumgray.button--loading {
color: rgb(97, 97, 97);
border-top-color: rgb(0, 0, 0);
}
.button--primary-cta-mediumgray:focus:not(.button--disabled) {
background: rgb(122, 122, 122);
}
.button--primary-cta-mediumgray:active:not(.button--disabled) {
background: rgb(71, 71, 71);
}
.no-touch .button--primary-cta-mediumgray:hover:not(.button--disabled) {
background: rgb(122, 122, 122);
}
.button--secondary-cta-mediumgray {
border: 3px solid #2f2f2f;
border-color: rgb(97, 97, 97);
}
.button--secondary-cta-mediumgray:not(.button--disabled) {
-webkit-tap-highlight-color: rgba(122, 122, 122, 0.2);
}
.button--secondary-cta-mediumgray:focus:not(.button--disabled) {
border-color: rgb(122, 122, 122);
}
.button--secondary-cta-mediumgray:active:not(.button--disabled) {
border-color: rgb(71, 71, 71);
}
.no-touch .button--secondary-cta-mediumgray:hover:not(.button--disabled) {
border-color: rgb(122, 122, 122);
}
.button--tertiary-cta-mediumgray::after {
position: absolute;
content: '';
width: 100%;
height: 3px;
bottom: 0;
left: 0;
background: rgb(97, 97, 97);
}
.no-touch %button--tertiary-cta-mediumgray:hover:not(.button--disabled)::after, .button--tertiary-cta-mediumgray:focus:not(.button--disabled)::after, .no-touch .button--tertiary-cta-mediumgray:hover:not(.button--disabled)::after {
background: rgb(122, 122, 122);
}
.button--tertiary-cta-mediumgray:active:not(.button--disabled)::after {
background: rgb(71, 71, 71);
}
.button--primary-cta-valkyriegray {
color: #fff;
background: rgb(207, 209, 211);
}
.button--primary-cta-valkyriegray:not(.button--disabled) {
-webkit-tap-highlight-color: rgba(234, 235, 235, 0.2);
}
.button--primary-cta-valkyriegray.button--loading {
color: rgb(207, 209, 211);
border-top-color: rgb(103, 108, 111);
}
.button--primary-cta-valkyriegray:focus:not(.button--disabled) {
background: rgb(234, 235, 235);
}
.button--primary-cta-valkyriegray:active:not(.button--disabled) {
background: rgb(181, 184, 186);
}
.no-touch .button--primary-cta-valkyriegray:hover:not(.button--disabled) {
background: rgb(234, 235, 235);
}
.button--secondary-cta-valkyriegray {
border: 3px solid #9b9fa2;
border-color: rgb(207, 209, 211);
}
.button--secondary-cta-valkyriegray:not(.button--disabled) {
-webkit-tap-highlight-color: rgba(234, 235, 235, 0.2);
}
.button--secondary-cta-valkyriegray:focus:not(.button--disabled) {
border-color: rgb(234, 235, 235);
}
.button--secondary-cta-valkyriegray:active:not(.button--disabled) {
border-color: rgb(181, 184, 186);
}
.no-touch .button--secondary-cta-valkyriegray:hover:not(.button--disabled) {
border-color: rgb(234, 235, 235);
}
.button--tertiary-cta-valkyriegray::after {
position: absolute;
content: '';
width: 100%;
height: 3px;
bottom: 0;
left: 0;
background: rgb(207, 209, 211);
}
.no-touch %button--tertiary-cta-valkyriegray:hover:not(.button--disabled)::after, .button--tertiary-cta-valkyriegray:focus:not(.button--disabled)::after, .no-touch .button--tertiary-cta-valkyriegray:hover:not(.button--disabled)::after {
background: rgb(234, 235, 235);
}
.button--tertiary-cta-valkyriegray:active:not(.button--disabled)::after {
background: rgb(181, 184, 186);
}
.button--primary-cta-gold {
color: #fff;
background: rgb(135, 135, 135);
}
.button--primary-cta-gold:not(.button--disabled) {
-webkit-tap-highlight-color: rgba(161, 161, 161, 0.2);
}
.button--primary-cta-gold.button--loading {
color: rgb(135, 135, 135);
border-top-color: rgb(33, 33, 33);
}
.button--primary-cta-gold:focus:not(.button--disabled) {
background: rgb(161, 161, 161);
}
.button--primary-cta-gold:active:not(.button--disabled) {
background: rgb(110, 110, 110);
}
.no-touch .button--primary-cta-gold:hover:not(.button--disabled) {
background: rgb(161, 161, 161);
}
.button--secondary-cta-gold {
border: 3px solid #535353;
border-color: rgb(135, 135, 135);
}
.button--secondary-cta-gold:not(.button--disabled) {
-webkit-tap-highlight-color: rgba(161, 161, 161, 0.2);
}
.button--secondary-cta-gold:focus:not(.button--disabled) {
border-color: rgb(161, 161, 161);
}
.button--secondary-cta-gold:active:not(.button--disabled) {
border-color: rgb(110, 110, 110);
}
.no-touch .button--secondary-cta-gold:hover:not(.button--disabled) {
border-color: rgb(161, 161, 161);
}
.button--tertiary-cta-gold::after {
position: absolute;
content: '';
width: 100%;
height: 3px;
bottom: 0;
left: 0;
background: rgb(135, 135, 135);
}
.no-touch %button--tertiary-cta-gold:hover:not(.button--disabled)::after, .button--tertiary-cta-gold:focus:not(.button--disabled)::after, .no-touch .button--tertiary-cta-gold:hover:not(.button--disabled)::after {
background: rgb(161, 161, 161);
}
.button--tertiary-cta-gold:active:not(.button--disabled)::after {
background: rgb(110, 110, 110);
}
.button--primary-cta-lightstone {
color: #fff;
background: rgb(207, 179, 155);
}
.button--primary-cta-lightstone:not(.button--disabled) {
-webkit-tap-highlight-color: rgba(224, 205, 190, 0.2);
}
.button--primary-cta-lightstone.button--loading {
color: rgb(207, 179, 155);
border-top-color: rgb(107, 77, 51);
}
.button--primary-cta-lightstone:focus:not(.button--disabled) {
background: rgb(224, 205, 190);
}
.button--primary-cta-lightstone:active:not(.button--disabled) {
background: rgb(190, 153, 121);
}
.no-touch .button--primary-cta-lightstone:hover:not(.button--disabled) {
background: rgb(224, 205, 190);
}
.button--secondary-cta-lightstone {
border: 3px solid #ae8057;
border-color: rgb(207, 179, 155);
}
.button--secondary-cta-lightstone:not(.button--disabled) {
-webkit-tap-highlight-color: rgba(224, 205, 190, 0.2);
}
.button--secondary-cta-lightstone:focus:not(.button--disabled) {
border-color: rgb(224, 205, 190);
}
.button--secondary-cta-lightstone:active:not(.button--disabled) {
border-color: rgb(190, 153, 121);
}
.no-touch .button--secondary-cta-lightstone:hover:not(.button--disabled) {
border-color: rgb(224, 205, 190);
}
.button--tertiary-cta-lightstone::after {
position: absolute;
content: '';
width: 100%;
height: 3px;
bottom: 0;
left: 0;
background: rgb(207, 179, 155);
}
.no-touch %button--tertiary-cta-lightstone:hover:not(.button--disabled)::after, .button--tertiary-cta-lightstone:focus:not(.button--disabled)::after, .no-touch .button--tertiary-cta-lightstone:hover:not(.button--disabled)::after {
background: rgb(224, 205, 190);
}
.button--tertiary-cta-lightstone:active:not(.button--disabled)::after {
background: rgb(190, 153, 121);
}
.button--primary-cta-silver {
color: #fff;
background: rgb(255, 255, 255);
}
.button--primary-cta-silver:not(.button--disabled) {
-webkit-tap-highlight-color: rgba(255, 255, 255, 0.2);
}
.button--primary-cta-silver.button--loading {
color: rgb(255, 255, 255);
border-top-color: rgb(199, 199, 199);
}
.button--primary-cta-silver:focus:not(.button--disabled) {
background: rgb(255, 255, 255);
}
.button--primary-cta-silver:active:not(.button--disabled) {
background: rgb(255, 255, 255);
}
.no-touch .button--primary-cta-silver:hover:not(.button--disabled) {
background: rgb(255, 255, 255);
}
.button--secondary-cta-silver {
border: 3px solid #f9f9f9;
border-color: rgb(255, 255, 255);
}
.button--secondary-cta-silver:not(.button--disabled) {
-webkit-tap-highlight-color: rgba(255, 255, 255, 0.2);
}
.button--secondary-cta-silver:focus:not(.button--disabled) {
border-color: rgb(255, 255, 255);
}
.button--secondary-cta-silver:active:not(.button--disabled) {
border-color: rgb(255, 255, 255);
}
.no-touch .button--secondary-cta-silver:hover:not(.button--disabled) {
border-color: rgb(255, 255, 255);
}
.button--tertiary-cta-silver::after {
position: absolute;
content: '';
width: 100%;
height: 3px;
bottom: 0;
left: 0;
background: rgb(255, 255, 255);
}
.no-touch %button--tertiary-cta-silver:hover:not(.button--disabled)::after, .button--tertiary-cta-silver:focus:not(.button--disabled)::after, .no-touch .button--tertiary-cta-silver:hover:not(.button--disabled)::after {
background: rgb(255, 255, 255);
}
.button--tertiary-cta-silver:active:not(.button--disabled)::after {
background: rgb(255, 255, 255);
}
.button--primary-cta-asphalt {
color: #fff;
background: rgb(169, 166, 162);
}
.button--primary-cta-asphalt:not(.button--disabled) {
-webkit-tap-highlight-color: rgba(194, 192, 189, 0.2);
}
.button--primary-cta-asphalt.button--loading {
color: rgb(169, 166, 162);
border-top-color: rgb(66, 64, 61);
}
.button--primary-cta-asphalt:focus:not(.button--disabled) {
background: rgb(194, 192, 189);
}
.button--primary-cta-asphalt:active:not(.button--disabled) {
background: rgb(145, 141, 136);
}
.no-touch .button--primary-cta-asphalt:hover:not(.button--disabled) {
background: rgb(194, 192, 189);
}
.button--secondary-cta-asphalt {
border: 3px solid #77736e;
border-color: rgb(169, 166, 162);
}
.button--secondary-cta-asphalt:not(.button--disabled) {
-webkit-tap-highlight-color: rgba(194, 192, 189, 0.2);
}
.button--secondary-cta-asphalt:focus:not(.button--disabled) {
border-color: rgb(194, 192, 189);
}
.button--secondary-cta-asphalt:active:not(.button--disabled) {
border-color: rgb(145, 141, 136);
}
.no-touch .button--secondary-cta-asphalt:hover:not(.button--disabled) {
border-color: rgb(194, 192, 189);
}
.button--tertiary-cta-asphalt::after {
position: absolute;
content: '';
width: 100%;
height: 3px;
bottom: 0;
left: 0;
background: rgb(169, 166, 162);
}
.no-touch %button--tertiary-cta-asphalt:hover:not(.button--disabled)::after, .button--tertiary-cta-asphalt:focus:not(.button--disabled)::after, .no-touch .button--tertiary-cta-asphalt:hover:not(.button--disabled)::after {
background: rgb(194, 192, 189);
}
.button--tertiary-cta-asphalt:active:not(.button--disabled)::after {
background: rgb(145, 141, 136);
}
.button--primary-cta-sunshine {
color: #fff;
background: rgb(143, 149, 158);
}
.button--primary-cta-sunshine:not(.button--disabled) {
-webkit-tap-highlight-color: rgba(170, 175, 181, 0.2);
}
.button--primary-cta-sunshine.button--loading {
color: rgb(143, 149, 158);
border-top-color: rgb(45, 48, 52);
}
.button--primary-cta-sunshine:focus:not(.button--disabled) {
background: rgb(170, 175, 181);
}
.button--primary-cta-sunshine:active:not(.button--disabled) {
background: rgb(116, 123, 134);
}
.no-touch .button--primary-cta-sunshine:hover:not(.button--disabled) {
background: rgb(170, 175, 181);
}
.button--secondary-cta-sunshine {
border: 3px solid #5c6169;
border-color: rgb(143, 149, 158);
}
.button--secondary-cta-sunshine:not(.button--disabled) {
-webkit-tap-highlight-color: rgba(170, 175, 181, 0.2);
}
.button--secondary-cta-sunshine:focus:not(.button--disabled) {
border-color: rgb(170, 175, 181);
}
.button--secondary-cta-sunshine:active:not(.button--disabled) {
border-color: rgb(116, 123, 134);
}
.no-touch .button--secondary-cta-sunshine:hover:not(.button--disabled) {
border-color: rgb(170, 175, 181);
}
.button--tertiary-cta-sunshine::after {
position: absolute;
content: '';
width: 100%;
height: 3px;
bottom: 0;
left: 0;
background: rgb(143, 149, 158);
}
.no-touch %button--tertiary-cta-sunshine:hover:not(.button--disabled)::after, .button--tertiary-cta-sunshine:focus:not(.button--disabled)::after, .no-touch .button--tertiary-cta-sunshine:hover:not(.button--disabled)::after {
background: rgb(170, 175, 181);
}
.button--tertiary-cta-sunshine:active:not(.button--disabled)::after {
background: rgb(116, 123, 134);
}
.button--primary-cta-burgundy {
color: #fff;
background: rgb(237, 171, 64);
}
.button--primary-cta-burgundy:not(.button--disabled) {
-webkit-tap-highlight-color: rgba(242, 191, 110, 0.2);
}
.button--primary-cta-burgundy.button--loading {
color: rgb(237, 171, 64);
border-top-color: rgb(89, 58, 8);
}
.button--primary-cta-burgundy:focus:not(.button--disabled) {
background: rgb(242, 191, 110);
}
.button--primary-cta-burgundy:active:not(.button--disabled) {
background: rgb(229, 149, 21);
}
.no-touch .button--primary-cta-burgundy:hover:not(.button--disabled) {
background: rgb(242, 191, 110);
}
.button--secondary-cta-burgundy {
border: 3px solid #b87811;
border-color: rgb(237, 171, 64);
}
.button--secondary-cta-burgundy:not(.button--disabled) {
-webkit-tap-highlight-color: rgba(242, 191, 110, 0.2);
}
.button--secondary-cta-burgundy:focus:not(.button--disabled) {
border-color: rgb(242, 191, 110);
}
.button--secondary-cta-burgundy:active:not(.button--disabled) {
border-color: rgb(229, 149, 21);
}
.no-touch .button--secondary-cta-burgundy:hover:not(.button--disabled) {
border-color: rgb(242, 191, 110);
}
.button--tertiary-cta-burgundy::after {
position: absolute;
content: '';
width: 100%;
height: 3px;
bottom: 0;
left: 0;
background: rgb(237, 171, 64);
}
.no-touch %button--tertiary-cta-burgundy:hover:not(.button--disabled)::after, .button--tertiary-cta-burgundy:focus:not(.button--disabled)::after, .no-touch .button--tertiary-cta-burgundy:hover:not(.button--disabled)::after {
background: rgb(242, 191, 110);
}
.button--tertiary-cta-burgundy:active:not(.button--disabled)::after {
background: rgb(229, 149, 21);
}
.button--primary-cta-caramel {
color: #fff;
background: rgb(176, 130, 137);
}
.button--primary-cta-caramel:not(.button--disabled) {
-webkit-tap-highlight-color: rgba(196, 161, 166, 0.2);
}
.button--primary-cta-caramel.button--loading {
color: rgb(176, 130, 137);
border-top-color: rgb(63, 39, 43);
}
.button--primary-cta-caramel:focus:not(.button--disabled) {
background: rgb(196, 161, 166);
}
.button--primary-cta-caramel:active:not(.button--disabled) {
background: rgb(157, 98, 107);
}
.no-touch .button--primary-cta-caramel:hover:not(.button--disabled) {
background: rgb(196, 161, 166);
}
.button--secondary-cta-caramel {
border: 3px solid #7d4e55;
border-color: rgb(176, 130, 137);
}
.button--secondary-cta-caramel:not(.button--disabled) {
-webkit-tap-highlight-color: rgba(196, 161, 166, 0.2);
}
.button--secondary-cta-caramel:focus:not(.button--disabled) {
border-color: rgb(196, 161, 166);
}
.button--secondary-cta-caramel:active:not(.button--disabled) {
border-color: rgb(157, 98, 107);
}
.no-touch .button--secondary-cta-caramel:hover:not(.button--disabled) {
border-color: rgb(196, 161, 166);
}
.button--tertiary-cta-caramel::after {
position: absolute;
content: '';
width: 100%;
height: 3px;
bottom: 0;
left: 0;
background: rgb(176, 130, 137);
}
.no-touch %button--tertiary-cta-caramel:hover:not(.button--disabled)::after, .button--tertiary-cta-caramel:focus:not(.button--disabled)::after, .no-touch .button--tertiary-cta-caramel:hover:not(.button--disabled)::after {
background: rgb(196, 161, 166);
}
.button--tertiary-cta-caramel:active:not(.button--disabled)::after {
background: rgb(157, 98, 107);
}
.button--primary-cta-ashgrey {
color: #fff;
background: rgb(207, 179, 155);
}
.button--primary-cta-ashgrey:not(.button--disabled) {
-webkit-tap-highlight-color: rgba(224, 205, 190, 0.2);
}
.button--primary-cta-ashgrey.button--loading {
color: rgb(207, 179, 155);
border-top-color: rgb(107, 77, 51);
}
.button--primary-cta-ashgrey:focus:not(.button--disabled) {
background: rgb(224, 205, 190);
}
.button--primary-cta-ashgrey:active:not(.button--disabled) {
background: rgb(190, 153, 121);
}
.no-touch .button--primary-cta-ashgrey:hover:not(.button--disabled) {
background: rgb(224, 205, 190);
}
.button--secondary-cta-ashgrey {
border: 3px solid #ae8057;
border-color: rgb(207, 179, 155);
}
.button--secondary-cta-ashgrey:not(.button--disabled) {
-webkit-tap-highlight-color: rgba(224, 205, 190, 0.2);
}
.button--secondary-cta-ashgrey:focus:not(.button--disabled) {
border-color: rgb(224, 205, 190);
}
.button--secondary-cta-ashgrey:active:not(.button--disabled) {
border-color: rgb(190, 153, 121);
}
.no-touch .button--secondary-cta-ashgrey:hover:not(.button--disabled) {
border-color: rgb(224, 205, 190);
}
.button--tertiary-cta-ashgrey::after {
position: absolute;
content: '';
width: 100%;
height: 3px;
bottom: 0;
left: 0;
background: rgb(207, 179, 155);
}
.no-touch %button--tertiary-cta-ashgrey:hover:not(.button--disabled)::after, .button--tertiary-cta-ashgrey:focus:not(.button--disabled)::after, .no-touch .button--tertiary-cta-ashgrey:hover:not(.button--disabled)::after {
background: rgb(224, 205, 190);
}
.button--tertiary-cta-ashgrey:active:not(.button--disabled)::after {
background: rgb(190, 153, 121);
}
.button--primary-cta-teal {
color: #fff;
background: rgb(146, 137, 119);
}
.button--primary-cta-teal:not(.button--disabled) {
-webkit-tap-highlight-color: rgba(169, 162, 147, 0.2);
}
.button--primary-cta-teal.button--loading {
color: rgb(146, 137, 119);
border-top-color: rgb(34, 32, 27);
}
.button--primary-cta-teal:focus:not(.button--disabled) {
background: rgb(169, 162, 147);
}
.button--primary-cta-teal:active:not(.button--disabled) {
background: rgb(119, 111, 95);
}
.no-touch .button--primary-cta-teal:hover:not(.button--disabled) {
background: rgb(169, 162, 147);
}
.button--secondary-cta-teal {
border: 3px solid #5b5549;
border-color: rgb(146, 137, 119);
}
.button--secondary-cta-teal:not(.button--disabled) {
-webkit-tap-highlight-color: rgba(169, 162, 147, 0.2);
}
.button--secondary-cta-teal:focus:not(.button--disabled) {
border-color: rgb(169, 162, 147);
}
.button--secondary-cta-teal:active:not(.button--disabled) {
border-color: rgb(119, 111, 95);
}
.no-touch .button--secondary-cta-teal:hover:not(.button--disabled) {
border-color: rgb(169, 162, 147);
}
.button--tertiary-cta-teal::after {
position: absolute;
content: '';
width: 100%;
height: 3px;
bottom: 0;
left: 0;
background: rgb(146, 137, 119);
}
.no-touch %button--tertiary-cta-teal:hover:not(.button--disabled)::after, .button--tertiary-cta-teal:focus:not(.button--disabled)::after, .no-touch .button--tertiary-cta-teal:hover:not(.button--disabled)::after {
background: rgb(169, 162, 147);
}
.button--tertiary-cta-teal:active:not(.button--disabled)::after {
background: rgb(119, 111, 95);
}
.button--primary-cta-cobalt {
color: #fff;
background: rgb(119, 140, 141);
}
.button--primary-cta-cobalt:not(.button--disabled) {
-webkit-tap-highlight-color: rgba(147, 163, 165, 0.2);
}
.button--primary-cta-cobalt.button--loading {
color: rgb(119, 140, 141);
border-top-color: rgb(26, 30, 31);
}
.button--primary-cta-cobalt:focus:not(.button--disabled) {
background: rgb(147, 163, 165);
}
.button--primary-cta-cobalt:active:not(.button--disabled) {
background: rgb(95, 113, 114);
}
.no-touch .button--primary-cta-cobalt:hover:not(.button--disabled) {
background: rgb(147, 163, 165);
}
.button--secondary-cta-cobalt {
border: 3px solid #485556;
border-color: rgb(119, 140, 141);
}
.button--secondary-cta-cobalt:not(.button--disabled) {
-webkit-tap-highlight-color: rgba(147, 163, 165, 0.2);
}
.button--secondary-cta-cobalt:focus:not(.button--disabled) {
border-color: rgb(147, 163, 165);
}
.button--secondary-cta-cobalt:active:not(.button--disabled) {
border-color: rgb(95, 113, 114);
}
.no-touch .button--secondary-cta-cobalt:hover:not(.button--disabled) {
border-color: rgb(147, 163, 165);
}
.button--tertiary-cta-cobalt::after {
position: absolute;
content: '';
width: 100%;
height: 3px;
bottom: 0;
left: 0;
background: rgb(119, 140, 141);
}
.no-touch %button--tertiary-cta-cobalt:hover:not(.button--disabled)::after, .button--tertiary-cta-cobalt:focus:not(.button--disabled)::after, .no-touch .button--tertiary-cta-cobalt:hover:not(.button--disabled)::after {
background: rgb(147, 163, 165);
}
.button--tertiary-cta-cobalt:active:not(.button--disabled)::after {
background: rgb(95, 113, 114);
}
.button--primary-cta-smoke {
color: #fff;
background: rgb(155, 171, 167);
}
.button--primary-cta-smoke:not(.button--disabled) {
-webkit-tap-highlight-color: rgba(183, 195, 192, 0.2);
}
.button--primary-cta-smoke.button--loading {
color: rgb(155, 171, 167);
border-top-color: rgb(56, 67, 64);
}
.button--primary-cta-smoke:focus:not(.button--disabled) {
background: rgb(183, 195, 192);
}
.button--primary-cta-smoke:active:not(.button--disabled) {
background: rgb(127, 148, 143);
}
.no-touch .button--primary-cta-smoke:hover:not(.button--disabled) {
background: rgb(183, 195, 192);
}
.button--secondary-cta-smoke {
border: 3px solid #657974;
border-color: rgb(155, 171, 167);
}
.button--secondary-cta-smoke:not(.button--disabled) {
-webkit-tap-highlight-color: rgba(183, 195, 192, 0.2);
}
.button--secondary-cta-smoke:focus:not(.button--disabled) {
border-color: rgb(183, 195, 192);
}
.button--secondary-cta-smoke:active:not(.button--disabled) {
border-color: rgb(127, 148, 143);
}
.no-touch .button--secondary-cta-smoke:hover:not(.button--disabled) {
border-color: rgb(183, 195, 192);
}
.button--tertiary-cta-smoke::after {
position: absolute;
content: '';
width: 100%;
height: 3px;
bottom: 0;
left: 0;
background: rgb(155, 171, 167);
}
.no-touch %button--tertiary-cta-smoke:hover:not(.button--disabled)::after, .button--tertiary-cta-smoke:focus:not(.button--disabled)::after, .no-touch .button--tertiary-cta-smoke:hover:not(.button--disabled)::after {
background: rgb(183, 195, 192);
}
.button--tertiary-cta-smoke:active:not(.button--disabled)::after {
background: rgb(127, 148, 143);
}
.button--primary-cta-aubergine {
color: #fff;
background: rgb(122, 114, 131);
}
.button--primary-cta-aubergine:not(.button--disabled) {
-webkit-tap-highlight-color: rgba(148, 140, 155, 0.2);
}
.button--primary-cta-aubergine.button--loading {
color: rgb(122, 114, 131);
border-top-color: rgb(20, 19, 22);
}
.button--primary-cta-aubergine:focus:not(.button--disabled) {
background: rgb(148, 140, 155);
}
.button--primary-cta-aubergine:active:not(.button--disabled) {
background: rgb(97, 90, 104);
}
.no-touch .button--primary-cta-aubergine:hover:not(.button--disabled) {
background: rgb(148, 140, 155);
}
.button--secondary-cta-aubergine {
border: 3px solid #48434d;
border-color: rgb(122, 114, 131);
}
.button--secondary-cta-aubergine:not(.button--disabled) {
-webkit-tap-highlight-color: rgba(148, 140, 155, 0.2);
}
.button--secondary-cta-aubergine:focus:not(.button--disabled) {
border-color: rgb(148, 140, 155);
}
.button--secondary-cta-aubergine:active:not(.button--disabled) {
border-color: rgb(97, 90, 104);
}
.no-touch .button--secondary-cta-aubergine:hover:not(.button--disabled) {
border-color: rgb(148, 140, 155);
}
.button--tertiary-cta-aubergine::after {
position: absolute;
content: '';
width: 100%;
height: 3px;
bottom: 0;
left: 0;
background: rgb(122, 114, 131);
}
.no-touch %button--tertiary-cta-aubergine:hover:not(.button--disabled)::after, .button--tertiary-cta-aubergine:focus:not(.button--disabled)::after, .no-touch .button--tertiary-cta-aubergine:hover:not(.button--disabled)::after {
background: rgb(148, 140, 155);
}
.button--tertiary-cta-aubergine:active:not(.button--disabled)::after {
background: rgb(97, 90, 104);
}
.button--primary-cta-abbay {
color: #fff;
background: rgb(103, 66, 82);
}
.button--primary-cta-abbay:not(.button--disabled) {
-webkit-tap-highlight-color: rgba(134, 86, 106, 0.2);
}
.button--primary-cta-abbay.button--loading {
color: rgb(103, 66, 82);
border-top-color: rgb(0, 0, 0);
}
.button--primary-cta-abbay:focus:not(.button--disabled) {
background: rgb(134, 86, 106);
}
.button--primary-cta-abbay:active:not(.button--disabled) {
background: rgb(72, 46, 57);
}
.no-touch .button--primary-cta-abbay:hover:not(.button--disabled) {
background: rgb(134, 86, 106);
}
.button--secondary-cta-abbay {
border: 3px solid #27191f;
border-color: rgb(103, 66, 82);
}
.button--secondary-cta-abbay:not(.button--disabled) {
-webkit-tap-highlight-color: rgba(134, 86, 106, 0.2);
}
.button--secondary-cta-abbay:focus:not(.button--disabled) {
border-color: rgb(134, 86, 106);
}
.button--secondary-cta-abbay:active:not(.button--disabled) {
border-color: rgb(72, 46, 57);
}
.no-touch .button--secondary-cta-abbay:hover:not(.button--disabled) {
border-color: rgb(134, 86, 106);
}
.button--tertiary-cta-abbay::after {
position: absolute;
content: '';
width: 100%;
height: 3px;
bottom: 0;
left: 0;
background: rgb(103, 66, 82);
}
.no-touch %button--tertiary-cta-abbay:hover:not(.button--disabled)::after, .button--tertiary-cta-abbay:focus:not(.button--disabled)::after, .no-touch .button--tertiary-cta-abbay:hover:not(.button--disabled)::after {
background: rgb(134, 86, 106);
}
.button--tertiary-cta-abbay:active:not(.button--disabled)::after {
background: rgb(72, 46, 57);
}
.button__download {
align-items: center;
}
.button__download span {
color: #ae8057;
}
.no-touch .button__download:hover span {
color: rgb(190, 153, 121);
}
.button__download:focus span {
color: rgb(141, 102, 68);
}
.button__download .icon {
border-right: 1px solid rgba(204, 204, 204, 0.5);
width: 25px;
height: 25px;
}
.button__download .icon .icon__wrapper {
width: 13px;
height: 13px;
}
.button__download p {
margin-left: 13px;
font-size: calc(13px + -3 * ((100vw - 320px) / 744));
text-transform: uppercase;
line-height: 1;
letter-spacing: 1px;
}
[dir='rtl'] .button__download .icon {
border-left: 1px solid rgba(204, 204, 204, 0.5);
border-right: 0;
}
[dir='rtl'] .button__download .icon .icon__wrapper {
left: auto;
left: initial;
right: 0;
}
[dir='rtl'] .button__download p {
margin-left: 0;
margin-right: 13px;
}
@-webkit-keyframes button-loader {
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes button-loader {
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.icon {
position: relative;
display: block;
overflow: hidden;
width: 64px;
height: 64px;
}
.icon:hover {
color: inherit;
}
.icon__wrapper {
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
top: 50%;
left: 0;
position: absolute;
width: 99%;
height: 99%;
}
.icon svg {
pointer-events: none;
fill: currentColor;
top: 0;
left: 0;
position: absolute;
width: 100%;
height: 100%;
}
.icon use {
pointer-events: none;
}
.grid {
position: relative;
display: flex;
flex-flow: column nowrap;
}
.grid--vcentred {
display: flex;
}
.grid--vcentred {
justify-content: center;
align-items: center;
}
.grid .row {
display: flex;
flex-flow: row wrap;
margin-bottom: 20px;
}
.grid .row--centred {
display: flex;
}
.grid .row--centred {
justify-content: center;
align-items: center;
}
.grid .row--no-margin {
margin-bottom: 0;
}
.col.hide {
display: none;
}
.col--2 {
flex-grow: 0;
flex-shrink: 0;
flex-basis: calc(100% * 1/2 - (20px - 20px * 1/2));
max-width: calc(100% * 1/2 - (20px - 20px * 1/2));
width: calc(100% * 1/2 - (20px - 20px * 1/2));
}
.col--2:nth-child(1n) {
margin-right: 20px;
margin-left: 0;
}
.col--2:last-child {
margin-right: 0;
}
.col--2:nth-child(12n) {
margin-right: 0;
margin-left: auto;
}
.col--2-12 {
flex-grow: 0;
flex-shrink: 0;
flex-basis: calc(100% * 2/12 - (20px - 20px * 2/12));
max-width: calc(100% * 2/12 - (20px - 20px * 2/12));
width: calc(100% * 2/12 - (20px - 20px * 2/12));
}
.col--2-12:nth-child(1n) {
margin-right: 20px;
margin-left: 0;
}
.col--2-12:last-child {
margin-right: 0;
}
.col--2-12:nth-child(12n) {
margin-right: 0;
margin-left: auto;
}
.col--3 {
flex-grow: 0;
flex-shrink: 0;
flex-basis: calc(100% * 1/3 - (20px - 20px * 1/3));
max-width: calc(100% * 1/3 - (20px - 20px * 1/3));
width: calc(100% * 1/3 - (20px - 20px * 1/3));
}
.col--3:nth-child(1n) {
margin-right: 20px;
margin-left: 0;
}
.col--3:last-child {
margin-right: 0;
}
.col--3:nth-child(12n) {
margin-right: 0;
margin-left: auto;
}
.col--3-12 {
flex-grow: 0;
flex-shrink: 0;
flex-basis: calc(100% * 3/12 - (20px - 20px * 3/12));
max-width: calc(100% * 3/12 - (20px - 20px * 3/12));
width: calc(100% * 3/12 - (20px - 20px * 3/12));
}
.col--3-12:nth-child(1n) {
margin-right: 20px;
margin-left: 0;
}
.col--3-12:last-child {
margin-right: 0;
}
.col--3-12:nth-child(12n) {
margin-right: 0;
margin-left: auto;
}
.col--4 {
flex-grow: 0;
flex-shrink: 0;
flex-basis: calc(100% * 1/4 - (20px - 20px * 1/4));
max-width: calc(100% * 1/4 - (20px - 20px * 1/4));
width: calc(100% * 1/4 - (20px - 20px * 1/4));
}
.col--4:nth-child(1n) {
margin-right: 20px;
margin-left: 0;
}
.col--4:last-child {
margin-right: 0;
}
.col--4:nth-child(12n) {
margin-right: 0;
margin-left: auto;
}
.col--4-12 {
flex-grow: 0;
flex-shrink: 0;
flex-basis: calc(100% * 4/12 - (20px - 20px * 4/12));
max-width: calc(100% * 4/12 - (20px - 20px * 4/12));
width: calc(100% * 4/12 - (20px - 20px * 4/12));
}
.col--4-12:nth-child(1n) {
margin-right: 20px;
margin-left: 0;
}
.col--4-12:last-child {
margin-right: 0;
}
.col--4-12:nth-child(12n) {
margin-right: 0;
margin-left: auto;
}
.col--5 {
flex-grow: 0;
flex-shrink: 0;
flex-basis: calc(100% * 1/5 - (20px - 20px * 1/5));
max-width: calc(100% * 1/5 - (20px - 20px * 1/5));
width: calc(100% * 1/5 - (20px - 20px * 1/5));
}
.col--5:nth-child(1n) {
margin-right: 20px;
margin-left: 0;
}
.col--5:last-child {
margin-right: 0;
}
.col--5:nth-child(12n) {
margin-right: 0;
margin-left: auto;
}
.col--5-12 {
flex-grow: 0;
flex-shrink: 0;
flex-basis: calc(100% * 5/12 - (20px - 20px * 5/12));
max-width: calc(100% * 5/12 - (20px - 20px * 5/12));
width: calc(100% * 5/12 - (20px - 20px * 5/12));
}
.col--5-12:nth-child(1n) {
margin-right: 20px;
margin-left: 0;
}
.col--5-12:last-child {
margin-right: 0;
}
.col--5-12:nth-child(12n) {
margin-right: 0;
margin-left: auto;
}
.col--6 {
flex-grow: 0;
flex-shrink: 0;
flex-basis: calc(100% * 1/6 - (20px - 20px * 1/6));
max-width: calc(100% * 1/6 - (20px - 20px * 1/6));
width: calc(100% * 1/6 - (20px - 20px * 1/6));
}
.col--6:nth-child(1n) {
margin-right: 20px;
margin-left: 0;
}
.col--6:last-child {
margin-right: 0;
}
.col--6:nth-child(12n) {
margin-right: 0;
margin-left: auto;
}
.col--6-12 {
flex-grow: 0;
flex-shrink: 0;
flex-basis: calc(100% * 6/12 - (20px - 20px * 6/12));
max-width: calc(100% * 6/12 - (20px - 20px * 6/12));
width: calc(100% * 6/12 - (20px - 20px * 6/12));
}
.col--6-12:nth-child(1n) {
margin-right: 20px;
margin-left: 0;
}
.col--6-12:last-child {
margin-right: 0;
}
.col--6-12:nth-child(12n) {
margin-right: 0;
margin-left: auto;
}
.col--7 {
flex-grow: 0;
flex-shrink: 0;
flex-basis: calc(100% * 1/7 - (20px - 20px * 1/7));
max-width: calc(100% * 1/7 - (20px - 20px * 1/7));
width: calc(100% * 1/7 - (20px - 20px * 1/7));
}
.col--7:nth-child(1n) {
margin-right: 20px;
margin-left: 0;
}
.col--7:last-child {
margin-right: 0;
}
.col--7:nth-child(12n) {
margin-right: 0;
margin-left: auto;
}
.col--7-12 {
flex-grow: 0;
flex-shrink: 0;
flex-basis: calc(100% * 7/12 - (20px - 20px * 7/12));
max-width: calc(100% * 7/12 - (20px - 20px * 7/12));
width: calc(100% * 7/12 - (20px - 20px * 7/12));
}
.col--7-12:nth-child(1n) {
margin-right: 20px;
margin-left: 0;
}
.col--7-12:last-child {
margin-right: 0;
}
.col--7-12:nth-child(12n) {
margin-right: 0;
margin-left: auto;
}
.col--8 {
flex-grow: 0;
flex-shrink: 0;
flex-basis: calc(100% * 1/8 - (20px - 20px * 1/8));
max-width: calc(100% * 1/8 - (20px - 20px * 1/8));
width: calc(100% * 1/8 - (20px - 20px * 1/8));
}
.col--8:nth-child(1n) {
margin-right: 20px;
margin-left: 0;
}
.col--8:last-child {
margin-right: 0;
}
.col--8:nth-child(12n) {
margin-right: 0;
margin-left: auto;
}
.col--8-12 {
flex-grow: 0;
flex-shrink: 0;
flex-basis: calc(100% * 8/12 - (20px - 20px * 8/12));
max-width: calc(100% * 8/12 - (20px - 20px * 8/12));
width: calc(100% * 8/12 - (20px - 20px * 8/12));
}
.col--8-12:nth-child(1n) {
margin-right: 20px;
margin-left: 0;
}
.col--8-12:last-child {
margin-right: 0;
}
.col--8-12:nth-child(12n) {
margin-right: 0;
margin-left: auto;
}
.col--9 {
flex-grow: 0;
flex-shrink: 0;
flex-basis: calc(100% * 1/9 - (20px - 20px * 1/9));
max-width: calc(100% * 1/9 - (20px - 20px * 1/9));
width: calc(100% * 1/9 - (20px - 20px * 1/9));
}
.col--9:nth-child(1n) {
margin-right: 20px;
margin-left: 0;
}
.col--9:last-child {
margin-right: 0;
}
.col--9:nth-child(12n) {
margin-right: 0;
margin-left: auto;
}
.col--9-12 {
flex-grow: 0;
flex-shrink: 0;
flex-basis: calc(100% * 9/12 - (20px - 20px * 9/12));
max-width: calc(100% * 9/12 - (20px - 20px * 9/12));
width: calc(100% * 9/12 - (20px - 20px * 9/12));
}
.col--9-12:nth-child(1n) {
margin-right: 20px;
margin-left: 0;
}
.col--9-12:last-child {
margin-right: 0;
}
.col--9-12:nth-child(12n) {
margin-right: 0;
margin-left: auto;
}
.col--10 {
flex-grow: 0;
flex-shrink: 0;
flex-basis: calc(100% * 1/10 - (20px - 20px * 1/10));
max-width: calc(100% * 1/10 - (20px - 20px * 1/10));
width: calc(100% * 1/10 - (20px - 20px * 1/10));
}
.col--10:nth-child(1n) {
margin-right: 20px;
margin-left: 0;
}
.col--10:last-child {
margin-right: 0;
}
.col--10:nth-child(12n) {
margin-right: 0;
margin-left: auto;
}
.col--10-12 {
flex-grow: 0;
flex-shrink: 0;
flex-basis: calc(100% * 10/12 - (20px - 20px * 10/12));
max-width: calc(100% * 10/12 - (20px - 20px * 10/12));
width: calc(100% * 10/12 - (20px - 20px * 10/12));
}
.col--10-12:nth-child(1n) {
margin-right: 20px;
margin-left: 0;
}
.col--10-12:last-child {
margin-right: 0;
}
.col--10-12:nth-child(12n) {
margin-right: 0;
margin-left: auto;
}
.col--12-12 {
flex-grow: 0;
flex-shrink: 0;
flex-basis: calc(100% * 1 - (20px - 20px * 1));
max-width: calc(100% * 1 - (20px - 20px * 1));
width: calc(100% * 1 - (20px - 20px * 1));
}
.col--12-12:nth-child(1n) {
margin-right: 20px;
margin-left: 0;
}
.col--12-12:last-child {
margin-right: 0;
}
.col--12-12:nth-child(12n) {
margin-right: 0;
margin-left: auto;
}
.grid--wide .col--2 {
flex-grow: 0;
flex-shrink: 0;
flex-basis: calc(100% * 1/2 - (60px - 60px * 1/2));
max-width: calc(100% * 1/2 - (60px - 60px * 1/2));
width: calc(100% * 1/2 - (60px - 60px * 1/2));
}
.grid--wide .col--2:nth-child(1n) {
margin-right: 60px;
margin-left: 0;
}
.grid--wide .col--2:last-child {
margin-right: 0;
}
.grid--wide .col--2:nth-child(12n) {
margin-right: 0;
margin-left: auto;
}
.grid--wide .col--2-12 {
flex-grow: 0;
flex-shrink: 0;
flex-basis: calc(100% * 2/12 - (60px - 60px * 2/12));
max-width: calc(100% * 2/12 - (60px - 60px * 2/12));
width: calc(100% * 2/12 - (60px - 60px * 2/12));
}
.grid--wide .col--2-12:nth-child(1n) {
margin-right: 60px;
margin-left: 0;
}
.grid--wide .col--2-12:last-child {
margin-right: 0;
}
.grid--wide .col--2-12:nth-child(12n) {
margin-right: 0;
margin-left: auto;
}
.grid--wide .col--3 {
flex-grow: 0;
flex-shrink: 0;
flex-basis: calc(100% * 1/3 - (60px - 60px * 1/3));
max-width: calc(100% * 1/3 - (60px - 60px * 1/3));
width: calc(100% * 1/3 - (60px - 60px * 1/3));
}
.grid--wide .col--3:nth-child(1n) {
margin-right: 60px;
margin-left: 0;
}
.grid--wide .col--3:last-child {
margin-right: 0;
}
.grid--wide .col--3:nth-child(12n) {
margin-right: 0;
margin-left: auto;
}
.grid--wide .col--3-12 {
flex-grow: 0;
flex-shrink: 0;
flex-basis: calc(100% * 3/12 - (60px - 60px * 3/12));
max-width: calc(100% * 3/12 - (60px - 60px * 3/12));
width: calc(100% * 3/12 - (60px - 60px * 3/12));
}
.grid--wide .col--3-12:nth-child(1n) {
margin-right: 60px;
margin-left: 0;
}
.grid--wide .col--3-12:last-child {
margin-right: 0;
}
.grid--wide .col--3-12:nth-child(12n) {
margin-right: 0;
margin-left: auto;
}
.grid--wide .col--4 {
flex-grow: 0;
flex-shrink: 0;
flex-basis: calc(100% * 1/4 - (60px - 60px * 1/4));
max-width: calc(100% * 1/4 - (60px - 60px * 1/4));
width: calc(100% * 1/4 - (60px - 60px * 1/4));
}
.grid--wide .col--4:nth-child(1n) {
margin-right: 60px;
margin-left: 0;
}
.grid--wide .col--4:last-child {
margin-right: 0;
}
.grid--wide .col--4:nth-child(12n) {
margin-right: 0;
margin-left: auto;
}
.grid--wide .col--4-12 {
flex-grow: 0;
flex-shrink: 0;
flex-basis: calc(100% * 4/12 - (60px - 60px * 4/12));
max-width: calc(100% * 4/12 - (60px - 60px * 4/12));
width: calc(100% * 4/12 - (60px - 60px * 4/12));
}
.grid--wide .col--4-12:nth-child(1n) {
margin-right: 60px;
margin-left: 0;
}
.grid--wide .col--4-12:last-child {
margin-right: 0;
}
.grid--wide .col--4-12:nth-child(12n) {
margin-right: 0;
margin-left: auto;
}
.grid--wide .col--5 {
flex-grow: 0;
flex-shrink: 0;
flex-basis: calc(100% * 1/5 - (60px - 60px * 1/5));
max-width: calc(100% * 1/5 - (60px - 60px * 1/5));
width: calc(100% * 1/5 - (60px - 60px * 1/5));
}
.grid--wide .col--5:nth-child(1n) {
margin-right: 60px;
margin-left: 0;
}
.grid--wide .col--5:last-child {
margin-right: 0;
}
.grid--wide .col--5:nth-child(12n) {
margin-right: 0;
margin-left: auto;
}
.grid--wide .col--5-12 {
flex-grow: 0;
flex-shrink: 0;
flex-basis: calc(100% * 5/12 - (60px - 60px * 5/12));
max-width: calc(100% * 5/12 - (60px - 60px * 5/12));
width: calc(100% * 5/12 - (60px - 60px * 5/12));
}
.grid--wide .col--5-12:nth-child(1n) {
margin-right: 60px;
margin-left: 0;
}
.grid--wide .col--5-12:last-child {
margin-right: 0;
}
.grid--wide .col--5-12:nth-child(12n) {
margin-right: 0;
margin-left: auto;
}
.grid--wide .col--6 {
flex-grow: 0;
flex-shrink: 0;
flex-basis: calc(100% * 1/6 - (60px - 60px * 1/6));
max-width: calc(100% * 1/6 - (60px - 60px * 1/6));
width: calc(100% * 1/6 - (60px - 60px * 1/6));
}
.grid--wide .col--6:nth-child(1n) {
margin-right: 60px;
margin-left: 0;
}
.grid--wide .col--6:last-child {
margin-right: 0;
}
.grid--wide .col--6:nth-child(12n) {
margin-right: 0;
margin-left: auto;
}
.grid--wide .col--6-12 {
flex-grow: 0;
flex-shrink: 0;
flex-basis: calc(100% * 6/12 - (60px - 60px * 6/12));
max-width: calc(100% * 6/12 - (60px - 60px * 6/12));
width: calc(100% * 6/12 - (60px - 60px * 6/12));
}
.grid--wide .col--6-12:nth-child(1n) {
margin-right: 60px;
margin-left: 0;
}
.grid--wide .col--6-12:last-child {
margin-right: 0;
}
.grid--wide .col--6-12:nth-child(12n) {
margin-right: 0;
margin-left: auto;
}
.grid--wide .col--7 {
flex-grow: 0;
flex-shrink: 0;
flex-basis: calc(100% * 1/7 - (60px - 60px * 1/7));
max-width: calc(100% * 1/7 - (60px - 60px * 1/7));
width: calc(100% * 1/7 - (60px - 60px * 1/7));
}
.grid--wide .col--7:nth-child(1n) {
margin-right: 60px;
margin-left: 0;
}
.grid--wide .col--7:last-child {
margin-right: 0;
}
.grid--wide .col--7:nth-child(12n) {
margin-right: 0;
margin-left: auto;
}
.grid--wide .col--7-12 {
flex-grow: 0;
flex-shrink: 0;
flex-basis: calc(100% * 7/12 - (60px - 60px * 7/12));
max-width: calc(100% * 7/12 - (60px - 60px * 7/12));
width: calc(100% * 7/12 - (60px - 60px * 7/12));
}
.grid--wide .col--7-12:nth-child(1n) {
margin-right: 60px;
margin-left: 0;
}
.grid--wide .col--7-12:last-child {
margin-right: 0;
}
.grid--wide .col--7-12:nth-child(12n) {
margin-right: 0;
margin-left: auto;
}
.grid--wide .col--8 {
flex-grow: 0;
flex-shrink: 0;
flex-basis: calc(100% * 1/8 - (60px - 60px * 1/8));
max-width: calc(100% * 1/8 - (60px - 60px * 1/8));
width: calc(100% * 1/8 - (60px - 60px * 1/8));
}
.grid--wide .col--8:nth-child(1n) {
margin-right: 60px;
margin-left: 0;
}
.grid--wide .col--8:last-child {
margin-right: 0;
}
.grid--wide .col--8:nth-child(12n) {
margin-right: 0;
margin-left: auto;
}
.grid--wide .col--8-12 {
flex-grow: 0;
flex-shrink: 0;
flex-basis: calc(100% * 8/12 - (60px - 60px * 8/12));
max-width: calc(100% * 8/12 - (60px - 60px * 8/12));
width: calc(100% * 8/12 - (60px - 60px * 8/12));
}
.grid--wide .col--8-12:nth-child(1n) {
margin-right: 60px;
margin-left: 0;
}
.grid--wide .col--8-12:last-child {
margin-right: 0;
}
.grid--wide .col--8-12:nth-child(12n) {
margin-right: 0;
margin-left: auto;
}
.grid--wide .col--9 {
flex-grow: 0;
flex-shrink: 0;
flex-basis: calc(100% * 1/9 - (60px - 60px * 1/9));
max-width: calc(100% * 1/9 - (60px - 60px * 1/9));
width: calc(100% * 1/9 - (60px - 60px * 1/9));
}
.grid--wide .col--9:nth-child(1n) {
margin-right: 60px;
margin-left: 0;
}
.grid--wide .col--9:last-child {
margin-right: 0;
}
.grid--wide .col--9:nth-child(12n) {
margin-right: 0;
margin-left: auto;
}
.grid--wide .col--9-12 {
flex-grow: 0;
flex-shrink: 0;
flex-basis: calc(100% * 9/12 - (60px - 60px * 9/12));
max-width: calc(100% * 9/12 - (60px - 60px * 9/12));
width: calc(100% * 9/12 - (60px - 60px * 9/12));
}
.grid--wide .col--9-12:nth-child(1n) {
margin-right: 60px;
margin-left: 0;
}
.grid--wide .col--9-12:last-child {
margin-right: 0;
}
.grid--wide .col--9-12:nth-child(12n) {
margin-right: 0;
margin-left: auto;
}
.grid--wide .col--10 {
flex-grow: 0;
flex-shrink: 0;
flex-basis: calc(100% * 1/10 - (60px - 60px * 1/10));
max-width: calc(100% * 1/10 - (60px - 60px * 1/10));
width: calc(100% * 1/10 - (60px - 60px * 1/10));
}
.grid--wide .col--10:nth-child(1n) {
margin-right: 60px;
margin-left: 0;
}
.grid--wide .col--10:last-child {
margin-right: 0;
}
.grid--wide .col--10:nth-child(12n) {
margin-right: 0;
margin-left: auto;
}
.grid--wide .col--10-12 {
flex-grow: 0;
flex-shrink: 0;
flex-basis: calc(100% * 10/12 - (60px - 60px * 10/12));
max-width: calc(100% * 10/12 - (60px - 60px * 10/12));
width: calc(100% * 10/12 - (60px - 60px * 10/12));
}
.grid--wide .col--10-12:nth-child(1n) {
margin-right: 60px;
margin-left: 0;
}
.grid--wide .col--10-12:last-child {
margin-right: 0;
}
.grid--wide .col--10-12:nth-child(12n) {
margin-right: 0;
margin-left: auto;
}
.grid--wide .col--12-12 {
flex-grow: 0;
flex-shrink: 0;
flex-basis: calc(100% * 1 - (60px - 60px * 1));
max-width: calc(100% * 1 - (60px - 60px * 1));
width: calc(100% * 1 - (60px - 60px * 1));
}
.grid--wide .col--12-12:nth-child(1n) {
margin-right: 60px;
margin-left: 0;
}
.grid--wide .col--12-12:last-child {
margin-right: 0;
}
.grid--wide .col--12-12:nth-child(12n) {
margin-right: 0;
margin-left: auto;
}
.grid--no-gutter .col {
/* stylelint-enable length-zero-no-unit */
}
/* stylelint-disable length-zero-no-unit */
.grid--no-gutter .col--2 {
flex-grow: 0;
flex-shrink: 0;
flex-basis: calc(100% * 1/2 - (0px - 0px * 1/2));
max-width: calc(100% * 1/2 - (0px - 0px * 1/2));
width: calc(100% * 1/2 - (0px - 0px * 1/2));
}
.grid--no-gutter .col--2:nth-child(1n) {
margin-right: 0px;
margin-left: 0;
}
.grid--no-gutter .col--2:last-child {
margin-right: 0;
}
.grid--no-gutter .col--2:nth-child(12n) {
margin-right: 0;
margin-left: auto;
}
.grid--no-gutter .col--2-12 {
flex-grow: 0;
flex-shrink: 0;
flex-basis: calc(100% * 2/12 - (0px - 0px * 2/12));
max-width: calc(100% * 2/12 - (0px - 0px * 2/12));
width: calc(100% * 2/12 - (0px - 0px * 2/12));
}
.grid--no-gutter .col--2-12:nth-child(1n) {
margin-right: 0px;
margin-left: 0;
}
.grid--no-gutter .col--2-12:last-child {
margin-right: 0;
}
.grid--no-gutter .col--2-12:nth-child(12n) {
margin-right: 0;
margin-left: auto;
}
.grid--no-gutter .col--3 {
flex-grow: 0;
flex-shrink: 0;
flex-basis: calc(100% * 1/3 - (0px - 0px * 1/3));
max-width: calc(100% * 1/3 - (0px - 0px * 1/3));
width: calc(100% * 1/3 - (0px - 0px * 1/3));
}
.grid--no-gutter .col--3:nth-child(1n) {
margin-right: 0px;
margin-left: 0;
}
.grid--no-gutter .col--3:last-child {
margin-right: 0;
}
.grid--no-gutter .col--3:nth-child(12n) {
margin-right: 0;
margin-left: auto;
}
.grid--no-gutter .col--3-12 {
flex-grow: 0;
flex-shrink: 0;
flex-basis: calc(100% * 3/12 - (0px - 0px * 3/12));
max-width: calc(100% * 3/12 - (0px - 0px * 3/12));
width: calc(100% * 3/12 - (0px - 0px * 3/12));
}
.grid--no-gutter .col--3-12:nth-child(1n) {
margin-right: 0px;
margin-left: 0;
}
.grid--no-gutter .col--3-12:last-child {
margin-right: 0;
}
.grid--no-gutter .col--3-12:nth-child(12n) {
margin-right: 0;
margin-left: auto;
}
.grid--no-gutter .col--4 {
flex-grow: 0;
flex-shrink: 0;
flex-basis: calc(100% * 1/4 - (0px - 0px * 1/4));
max-width: calc(100% * 1/4 - (0px - 0px * 1/4));
width: calc(100% * 1/4 - (0px - 0px * 1/4));
}
.grid--no-gutter .col--4:nth-child(1n) {
margin-right: 0px;
margin-left: 0;
}
.grid--no-gutter .col--4:last-child {
margin-right: 0;
}
.grid--no-gutter .col--4:nth-child(12n) {
margin-right: 0;
margin-left: auto;
}
.grid--no-gutter .col--4-12 {
flex-grow: 0;
flex-shrink: 0;
flex-basis: calc(100% * 4/12 - (0px - 0px * 4/12));
max-width: calc(100% * 4/12 - (0px - 0px * 4/12));
width: calc(100% * 4/12 - (0px - 0px * 4/12));
}
.grid--no-gutter .col--4-12:nth-child(1n) {
margin-right: 0px;
margin-left: 0;
}
.grid--no-gutter .col--4-12:last-child {
margin-right: 0;
}
.grid--no-gutter .col--4-12:nth-child(12n) {
margin-right: 0;
margin-left: auto;
}
.grid--no-gutter .col--5 {
flex-grow: 0;
flex-shrink: 0;
flex-basis: calc(100% * 1/5 - (0px - 0px * 1/5));
max-width: calc(100% * 1/5 - (0px - 0px * 1/5));
width: calc(100% * 1/5 - (0px - 0px * 1/5));
}
.grid--no-gutter .col--5:nth-child(1n) {
margin-right: 0px;
margin-left: 0;
}
.grid--no-gutter .col--5:last-child {
margin-right: 0;
}
.grid--no-gutter .col--5:nth-child(12n) {
margin-right: 0;
margin-left: auto;
}
.grid--no-gutter .col--5-12 {
flex-grow: 0;
flex-shrink: 0;
flex-basis: calc(100% * 5/12 - (0px - 0px * 5/12));
max-width: calc(100% * 5/12 - (0px - 0px * 5/12));
width: calc(100% * 5/12 - (0px - 0px * 5/12));
}
.grid--no-gutter .col--5-12:nth-child(1n) {
margin-right: 0px;
margin-left: 0;
}
.grid--no-gutter .col--5-12:last-child {
margin-right: 0;
}
.grid--no-gutter .col--5-12:nth-child(12n) {
margin-right: 0;
margin-left: auto;
}
.grid--no-gutter .col--6 {
flex-grow: 0;
flex-shrink: 0;
flex-basis: calc(100% * 1/6 - (0px - 0px * 1/6));
max-width: calc(100% * 1/6 - (0px - 0px * 1/6));
width: calc(100% * 1/6 - (0px - 0px * 1/6));
}
.grid--no-gutter .col--6:nth-child(1n) {
margin-right: 0px;
margin-left: 0;
}
.grid--no-gutter .col--6:last-child {
margin-right: 0;
}
.grid--no-gutter .col--6:nth-child(12n) {
margin-right: 0;
margin-left: auto;
}
.grid--no-gutter .col--6-12 {
flex-grow: 0;
flex-shrink: 0;
flex-basis: calc(100% * 6/12 - (0px - 0px * 6/12));
max-width: calc(100% * 6/12 - (0px - 0px * 6/12));
width: calc(100% * 6/12 - (0px - 0px * 6/12));
}
.grid--no-gutter .col--6-12:nth-child(1n) {
margin-right: 0px;
margin-left: 0;
}
.grid--no-gutter .col--6-12:last-child {
margin-right: 0;
}
.grid--no-gutter .col--6-12:nth-child(12n) {
margin-right: 0;
margin-left: auto;
}
.grid--no-gutter .col--7 {
flex-grow: 0;
flex-shrink: 0;
flex-basis: calc(100% * 1/7 - (0px - 0px * 1/7));
max-width: calc(100% * 1/7 - (0px - 0px * 1/7));
width: calc(100% * 1/7 - (0px - 0px * 1/7));
}
.grid--no-gutter .col--7:nth-child(1n) {
margin-right: 0px;
margin-left: 0;
}
.grid--no-gutter .col--7:last-child {
margin-right: 0;
}
.grid--no-gutter .col--7:nth-child(12n) {
margin-right: 0;
margin-left: auto;
}
.grid--no-gutter .col--7-12 {
flex-grow: 0;
flex-shrink: 0;
flex-basis: calc(100% * 7/12 - (0px - 0px * 7/12));
max-width: calc(100% * 7/12 - (0px - 0px * 7/12));
width: calc(100% * 7/12 - (0px - 0px * 7/12));
}
.grid--no-gutter .col--7-12:nth-child(1n) {
margin-right: 0px;
margin-left: 0;
}
.grid--no-gutter .col--7-12:last-child {
margin-right: 0;
}
.grid--no-gutter .col--7-12:nth-child(12n) {
margin-right: 0;
margin-left: auto;
}
.grid--no-gutter .col--8 {
flex-grow: 0;
flex-shrink: 0;
flex-basis: calc(100% * 1/8 - (0px - 0px * 1/8));
max-width: calc(100% * 1/8 - (0px - 0px * 1/8));
width: calc(100% * 1/8 - (0px - 0px * 1/8));
}
.grid--no-gutter .col--8:nth-child(1n) {
margin-right: 0px;
margin-left: 0;
}
.grid--no-gutter .col--8:last-child {
margin-right: 0;
}
.grid--no-gutter .col--8:nth-child(12n) {
margin-right: 0;
margin-left: auto;
}
.grid--no-gutter .col--8-12 {
flex-grow: 0;
flex-shrink: 0;
flex-basis: calc(100% * 8/12 - (0px - 0px * 8/12));
max-width: calc(100% * 8/12 - (0px - 0px * 8/12));
width: calc(100% * 8/12 - (0px - 0px * 8/12));
}
.grid--no-gutter .col--8-12:nth-child(1n) {
margin-right: 0px;
margin-left: 0;
}
.grid--no-gutter .col--8-12:last-child {
margin-right: 0;
}
.grid--no-gutter .col--8-12:nth-child(12n) {
margin-right: 0;
margin-left: auto;
}
.grid--no-gutter .col--9 {
flex-grow: 0;
flex-shrink: 0;
flex-basis: calc(100% * 1/9 - (0px - 0px * 1/9));
max-width: calc(100% * 1/9 - (0px - 0px * 1/9));
width: calc(100% * 1/9 - (0px - 0px * 1/9));
}
.grid--no-gutter .col--9:nth-child(1n) {
margin-right: 0px;
margin-left: 0;
}
.grid--no-gutter .col--9:last-child {
margin-right: 0;
}
.grid--no-gutter .col--9:nth-child(12n) {
margin-right: 0;
margin-left: auto;
}
.grid--no-gutter .col--9-12 {
flex-grow: 0;
flex-shrink: 0;
flex-basis: calc(100% * 9/12 - (0px - 0px * 9/12));
max-width: calc(100% * 9/12 - (0px - 0px * 9/12));
width: calc(100% * 9/12 - (0px - 0px * 9/12));
}
.grid--no-gutter .col--9-12:nth-child(1n) {
margin-right: 0px;
margin-left: 0;
}
.grid--no-gutter .col--9-12:last-child {
margin-right: 0;
}
.grid--no-gutter .col--9-12:nth-child(12n) {
margin-right: 0;
margin-left: auto;
}
.grid--no-gutter .col--10 {
flex-grow: 0;
flex-shrink: 0;
flex-basis: calc(100% * 1/10 - (0px - 0px * 1/10));
max-width: calc(100% * 1/10 - (0px - 0px * 1/10));
width: calc(100% * 1/10 - (0px - 0px * 1/10));
}
.grid--no-gutter .col--10:nth-child(1n) {
margin-right: 0px;
margin-left: 0;
}
.grid--no-gutter .col--10:last-child {
margin-right: 0;
}
.grid--no-gutter .col--10:nth-child(12n) {
margin-right: 0;
margin-left: auto;
}
.grid--no-gutter .col--10-12 {
flex-grow: 0;
flex-shrink: 0;
flex-basis: calc(100% * 10/12 - (0px - 0px * 10/12));
max-width: calc(100% * 10/12 - (0px - 0px * 10/12));
width: calc(100% * 10/12 - (0px - 0px * 10/12));
}
.grid--no-gutter .col--10-12:nth-child(1n) {
margin-right: 0px;
margin-left: 0;
}
.grid--no-gutter .col--10-12:last-child {
margin-right: 0;
}
.grid--no-gutter .col--10-12:nth-child(12n) {
margin-right: 0;
margin-left: auto;
}
.grid--no-gutter .col--12-12 {
flex-grow: 0;
flex-shrink: 0;
flex-basis: calc(100% * 1 - (0px - 0px * 1));
max-width: calc(100% * 1 - (0px - 0px * 1));
width: calc(100% * 1 - (0px - 0px * 1));
}
.grid--no-gutter .col--12-12:nth-child(1n) {
margin-right: 0px;
margin-left: 0;
}
.grid--no-gutter .col--12-12:last-child {
margin-right: 0;
}
.grid--no-gutter .col--12-12:nth-child(12n) {
margin-right: 0;
margin-left: auto;
}
.col--offset-1-12 {
margin-left: calc(100% * (-1/12 * -1) - (20px - 20px * (-1/12 * -1)) + 20px) !important;
}
.col--offset-2-12 {
margin-left: calc(100% * (-2/12 * -1) - (20px - 20px * (-2/12 * -1)) + 20px) !important;
}
.col--offset-3-12 {
margin-left: calc(100% * (-3/12 * -1) - (20px - 20px * (-3/12 * -1)) + 20px) !important;
}
.col--offset-4-12 {
margin-left: calc(100% * (-4/12 * -1) - (20px - 20px * (-4/12 * -1)) + 20px) !important;
}
.pager {
display: flex;
flex-direction: row;
z-index: 100;
text-align: center;
list-style: none;
}
.pager__button {
position: relative;
padding: 10px;
margin: 0;
color: currentColor;
cursor: pointer;
}
.pager__button::before, .pager__button::after {
content: '';
border: 1px solid currentColor;
border-radius: 10px;
transition: width .3s, height .3s;
width: 2px;
height: 2px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.no-touch .pager__button:hover:not(.pager__button--active)::before {
width: 2px;
height: 2px;
}
.no-touch .pager__button:hover:not(.pager__button--active)::after {
width: 8px;
height: 8px;
}
.pager__button--active::before {
width: 8px;
height: 8px;
}
.pager--vertical {
flex-direction: column;
}
.pager--horizontal {
flex-direction: row;
}
[data-page='home-page'] .pager {
opacity: 1;
-webkit-transform: translate3d(-21px, -50%, 0);
transform: translate3d(-21px, -50%, 0);
transition: opacity .3s cubic-bezier(.39, .575, .565, 1), -webkit-transform .3s cubic-bezier(.215, .61, .355, 1);
transition: transform .3s cubic-bezier(.215, .61, .355, 1), opacity .3s cubic-bezier(.39, .575, .565, 1);
transition: transform .3s cubic-bezier(.215, .61, .355, 1), opacity .3s cubic-bezier(.39, .575, .565, 1), -webkit-transform .3s cubic-bezier(.215, .61, .355, 1);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
will-change: transform;
top: 50%;
right: 0;
position: fixed;
}
[data-page='home-page'] .pager .pager__button {
transition: opacity .3s cubic-bezier(.39, .575, .565, 1);
}
.touch.mobile-safari [data-page='home-page'] .pager {
top: calc(50vh - 22px);
}
[data-page='home-page'] .pager--hidden {
opacity: 0;
}
.no-touch [data-page='home-page'] .pager:hover .pager__button--active {
opacity: .5;
}
.no-touch [data-page='home-page'] .pager:hover .pager__button:hover {
opacity: 1;
}
.pillarbox {
position: relative;
width: 100%;
max-width: 100%;
padding: 0 calc(99.9% / 12 - (20px - 20px / 12));
margin: 0 auto;
box-sizing: border-box;
}
h1, h2, h3, h4, h5, h6, p {
position: relative;
padding: 0;
margin: 0;
font-weight: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: inherit;
}
h1 {
font-size: 50px;
text-transform: uppercase;
line-height: calc(60 / 50);
}
h2 {
font-size: 40px;
text-transform: uppercase;
line-height: calc(30 / 40);
}
h3 {
font-size: 25px;
text-transform: uppercase;
line-height: calc(30 / 25);
}
h4 {
font-size: 15px;
text-transform: uppercase;
line-height: calc(14 / 14);
letter-spacing: .1em;
}
.text {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.text--center {
text-align: center;
}
.text--left {
text-align: left;
}
.text--right {
text-align: right;
}
.text--uc {
text-transform: uppercase;
}
.text--color-white {
color: #fff;
}
.text--color-black {
color: #000;
}
.text--color-yellow {
color: #ff0;
}
.text--color-red {
color: #f00;
}
.text--color-gray {
color: #ccc;
}
.text--color-dimgray {
color: #8e8b87;
}
.text--color-midgray {
color: #535353;
}
.text--color-mediumgray {
color: #2f2f2f;
}
.text--color-valkyriegray {
color: #9b9fa2;
}
.text--color-gold {
color: #535353;
}
.text--color-lightstone {
color: #ae8057;
}
.text--color-silver {
color: #f9f9f9;
}
.text--color-asphalt {
color: #77736e;
}
.text--color-sunshine {
color: #5c6169;
}
.text--color-burgundy {
color: #b87811;
}
.text--color-caramel {
color: #7d4e55;
}
.text--color-ashgrey {
color: #ae8057;
}
.text--color-teal {
color: #5b5549;
}
.text--color-cobalt {
color: #485556;
}
.text--color-smoke {
color: #657974;
}
.text--color-aubergine {
color: #48434d;
}
.text--color-abbay {
color: #27191f;
}
.sh1 {
font-size: 20px;
text-transform: uppercase;
line-height: calc(15 / 20);
}
.sh2 {
font-size: 15px;
text-transform: uppercase;
line-height: 1;
}
.sh3 {
font-size: 14px;
line-height: calc(20 / 14);
}
.sh4 {
font-size: 14px;
line-height: calc(20 / 14);
}
.bc1 {
font-size: 15px;
line-height: calc(28 / 15);
}
.bc2 {
font-size: 20px;
line-height: calc(25 / 20);
}
.bc3 {
font-size: 10px;
text-transform: uppercase;
letter-spacing: .1em;
}
.bc4 {
font-size: 8px;
text-transform: uppercase;
line-height: calc(25 / 8);
}
.reader-only {
position: absolute;
width: 1px;
height: 1px;
top: auto;
left: -10000px;
overflow: hidden;
}
.cover-image {
position: relative;
width: 100%;
height: 100%;
}
.cover-image__wrapper {
overflow: hidden;
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
}
.cover-image img {
display: block;
margin: 0;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 100%;
}
.cover-image img[data-img-src]:not([data-img-noBlur]) {
transition: -webkit-filter .8s cubic-bezier(.39, .575, .565, 1);
transition: filter .8s cubic-bezier(.39, .575, .565, 1);
transition: filter .8s cubic-bezier(.39, .575, .565, 1), -webkit-filter .8s cubic-bezier(.39, .575, .565, 1);
-webkit-filter: blur(1px) grayscale(100);
filter: blur(1px) grayscale(100);
}
.cover-image img[data-img-instantLoadOnTrigger]:not([data-img-noBlur]) {
-webkit-transform: scale(1.02);
transform: scale(1.02);
transition: -webkit-filter .8s cubic-bezier(.39, .575, .565, 1), -webkit-transform .8s cubic-bezier(.39, .575, .565, 1);
transition: filter .8s cubic-bezier(.39, .575, .565, 1), transform .8s cubic-bezier(.39, .575, .565, 1);
transition: filter .8s cubic-bezier(.39, .575, .565, 1), transform .8s cubic-bezier(.39, .575, .565, 1), -webkit-filter .8s cubic-bezier(.39, .575, .565, 1), -webkit-transform .8s cubic-bezier(.39, .575, .565, 1);
-webkit-filter: blur(5px) grayscale(100);
filter: blur(5px) grayscale(100);
}
.cover-image img[data-img-src][data-img-instantLoadOnTrigger][data-img-loaded] {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-filter: blur(0) grayscale(100);
filter: blur(0) grayscale(100);
}
.cover-image img[data-img-src][data-img-loaded], .cover-image img[data-img-src][data-img-instantLoadOnTrigger][data-img-ungrey] {
-webkit-filter: none;
filter: none;
}
.quoter-image {
max-height: 240px;
width: 100%;
height: 100%;
position: relative;
display: block;
height: 0;
padding: 0;
overflow: hidden;
padding-bottom: 50%;
}
.quoter-image__wrapper {
overflow: hidden;
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
width: 100%;
height: 100%;
}
.quoter-image img {
min-width: 50%;
min-height: 50%;
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
}
@supports ((-o-object-fit: cover) or (object-fit: cover)) {
.quoter-image img {
max-width: none;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 100%;
top: auto;
right: auto;
bottom: auto;
left: auto;
position: static;
}
}
.tabs ul.row {
flex-wrap: nowrap;
margin-bottom: 0;
}
.tabs li {
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
.tabs .tab__link {
display: flex;
padding: 20px 40px;
font-size: 13px;
text-transform: uppercase;
text-decoration: none;
line-height: 1;
color: inherit;
letter-spacing: .1em;
}
.tabs .tab__link::after {
position: absolute;
content: '';
width: 100%;
height: 1px;
bottom: 0;
left: 0;
background: rgba(255, 255, 255, 0.2);
}
.page--light .tabs .tab__link::after {
background: rgba(204, 204, 204, 0.5);
}
.tabs .tab__link:focus::after, .no-touch .tabs .tab__link:hover::after {
height: 3px;
background: rgba(255, 255, 255, 0.5);
}
.page--light .tabs .tab__link:hover::after {
background: rgba(174, 128, 87, 0.5);
}
.tabs .tab__link:active::after, .tabs .tab__link.active::after {
height: 3px;
background: rgba(255, 255, 255, 0.2);
}
.page--light .tabs .tab__link:active::after, .page--light .tabs .tab__link.active::after {
background: rgba(174, 128, 87, 0.2);
}
[data-animate] {
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px);
transition: opacity 1s linear .2s, -webkit-transform 1s cubic-bezier(.215, .61, .355, 1) .2s;
transition: opacity 1s linear .2s, transform 1s cubic-bezier(.215, .61, .355, 1) .2s;
transition: opacity 1s linear .2s, transform 1s cubic-bezier(.215, .61, .355, 1) .2s, -webkit-transform 1s cubic-bezier(.215, .61, .355, 1) .2s;
}
[data-animate].lifted {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
[data-animate] + [data-animate] {
transition-delay: .4s;
}
.content--d .content__col + .content__col [data-animate] {
transition-delay: .6s;
}
.content--d .content__col + .content__col [data-animate] + [data-animate] {
transition-delay: .8s;
}
.model-accordion {
position: absolute;
width: 100%;
height: 300px;
top: calc(100% - 280px);
left: 0;
overflow: hidden;
z-index: 1;
}
.parallax-container {
overflow: hidden;
}
/* stylelint-disable declaration-no-important */
.fullscreen-active .parallax-container .parallax-container__content {
-webkit-transform: none !important;
transform: none !important;
}
.fullscreen-active .parallax-container .parallax-container__content > div {
-webkit-transform: none !important;
transform: none !important;
}
/* stylelint-enable declaration-no-important */
.parallax-container__content {
-webkit-transform-origin: center;
transform-origin: center;
width: 100%;
height: 100%;
}
.parallax-container__content > div {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.parallax-container .hero__img .parallax-container__content > div {
-webkit-transform: none;
transform: none;
}
[data-parallax-inited], [parallax] {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
will-change: transform;
}
/* stylelint-disable declaration-no-important */
.no-outline, .no-outline::after, .no-outline::before, .no-outline * {
outline: none !important;
}
/* stylelint-enable declaration-no-important */
.reader-only {
position: absolute;
width: 1px;
height: 1px;
top: auto;
left: -10000px;
overflow: hidden;
}
html[dir='rtl'] .reader-only {
left: auto;
right: -10000px;
}
/* Module styles */
html, body {
min-height: 100vh;
}
html {
font-family: Optima, Times New Roman, Times, sans-serif;
font-size: 12px;
font-weight: normal;
color: #000;
}
html * {
font-family: Optima, Times New Roman, Times, sans-serif;
}
html[lang|='zh'] * {
font-family: Optima, LocalSimHei, SimHei, Arial, sans-serif;
}
html[lang='ar'], html[lang='ja'], html[lang|='zh'], html[lang='ar'] *, html[lang='ja'] * {
font-family: Arial, sans-serif;
}
body {
display: flex;
flex-direction: column;
opacity: 0;
transition: opacity .2s cubic-bezier(.39, .575, .565, 1);
}
body.svg-loaded {
opacity: 1;
}
body.fullscreen-active, body.overlay-active {
overflow: hidden;
}
main {
color: #000;
background: #fff;
flex-grow: 1;
}
/* stylelint-disable declaration-no-important, selector-no-universal */
main.no-hover, main.no-hover * {
pointer-events: none !important;
}
/* stylelint-enable declaration-no-important, selector-no-universal */
main[data-page-color='white'] {
background-color: #fff;
}
main[data-page-color='black'] {
background-color: #000;
}
main[data-page-color='yellow'] {
background-color: #ff0;
}
main[data-page-color='red'] {
background-color: #f00;
}
main[data-page-color='gray'] {
background-color: #ccc;
}
main[data-page-color='dimgray'] {
background-color: #8e8b87;
}
main[data-page-color='midgray'] {
background-color: #535353;
}
main[data-page-color='mediumgray'] {
background-color: #2f2f2f;
}
main[data-page-color='valkyriegray'] {
background-color: #9b9fa2;
}
main[data-page-color='gold'] {
background-color: #535353;
}
main[data-page-color='lightstone'] {
background-color: #ae8057;
}
main[data-page-color='silver'] {
background-color: #f9f9f9;
}
main[data-page-color='asphalt'] {
background-color: #77736e;
}
main[data-page-color='sunshine'] {
background-color: #5c6169;
}
main[data-page-color='burgundy'] {
background-color: #b87811;
}
main[data-page-color='caramel'] {
background-color: #7d4e55;
}
main[data-page-color='ashgrey'] {
background-color: #ae8057;
}
main[data-page-color='teal'] {
background-color: #5b5549;
}
main[data-page-color='cobalt'] {
background-color: #485556;
}
main[data-page-color='smoke'] {
background-color: #657974;
}
main[data-page-color='aubergine'] {
background-color: #48434d;
}
main[data-page-color='abbay'] {
background-color: #27191f;
}
[data-page='home-page'] main {
color: #fff;
background: #000;
}
main.page--light {
color: #000 !important;
}
[data-page='model-page'] main, main.page--dark {
color: #fff;
}
a, .no-touch a:hover, a:visited {
text-decoration: none;
}
a:active {
outline: none;
}
a:focus {
outline: rgba(255, 255, 255, 0.5) dotted 1px;
outline-offset: 5px;
}
.page--light a:focus {
outline-color: rgba(204, 204, 204, 0.7);
}
button:active, [tabindex]:active {
outline: none;
}
button:focus, [tabindex]:focus {
outline: rgba(255, 255, 255, 0.5) dotted 1px;
}
.page--light button:focus, .page--light [tabindex]:focus {
outline-color: rgba(204, 204, 204, 0.7);
}
@-webkit-keyframes loader-animation {
0% {
-webkit-transform: rotateZ(0deg);
transform: rotateZ(0deg);
}
100% {
-webkit-transform: rotateZ(360deg);
transform: rotateZ(360deg);
}
}
@keyframes loader-animation {
0% {
-webkit-transform: rotateZ(0deg);
transform: rotateZ(0deg);
}
100% {
-webkit-transform: rotateZ(360deg);
transform: rotateZ(360deg);
}
}
.header {
position: absolute;
width: auto;
height: 65px;
left: 0;
right: 0;
z-index: 1000;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
transition: opacity .6s cubic-bezier(.47, 0, .745, .715), -webkit-transform .6s cubic-bezier(.47, 0, .745, .715);
transition: transform .6s cubic-bezier(.47, 0, .745, .715), opacity .6s cubic-bezier(.47, 0, .745, .715);
transition: transform .6s cubic-bezier(.47, 0, .745, .715), opacity .6s cubic-bezier(.47, 0, .745, .715), -webkit-transform .6s cubic-bezier(.47, 0, .745, .715);
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.header nav {
width: 100%;
height: 100%;
}
.header--fixed {
position: fixed;
}
.header__logo {
padding: 20px;
margin-top: -2px;
overflow: hidden;
box-sizing: content-box;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 169px;
height: 18px;
}
.header__logo .icon {
width: 100%;
height: 100%;
}
.header__logo .icon__wrapper {
top: -75px;
-webkit-transform: none;
transform: none;
width: 169px;
height: 169px;
}
.header.disable {
height: 0;
}
.header.disable .header__logo {
top: 32px;
z-index: -1;
opacity: 0;
pointer-events: none;
}
.header--hide {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
.header--subnavigation-active {
-webkit-transform: translateY(-65px);
transform: translateY(-65px);
-webkit-animation-name: header-subnavigation-slide-down;
animation-name: header-subnavigation-slide-down;
-webkit-animation-duration: .6s;
animation-duration: .6s;
-webkit-animation-timing-function: cubic-bezier(.39, .575, .565, 1);
animation-timing-function: cubic-bezier(.39, .575, .565, 1);
-webkit-animation-delay: 0s;
animation-delay: 0s;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-direction: forward;
animation-direction: forward;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.header--subnavigation-active .collection-menu {
max-width: 15px;
}
.header--subnavigation-active .collection-menu .title {
opacity: 0;
}
.collection-menu, .main-menu {
padding: 25px;
cursor: pointer;
transition: opacity .4s cubic-bezier(.39, .575, .565, 1);
box-sizing: content-box;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
touch-action: manipulation;
-webkit-touch-callout: none;
width: 15px;
height: 15px;
}
.collection-menu.hidden, .main-menu.hidden {
opacity: 0;
pointer-events: none;
}
.collection-menu .icon-close, .main-menu .icon-close {
opacity: 0;
}
.collection-menu[data-toggle-state='visible'] .icon-close, .main-menu[data-toggle-state='visible'] .icon-close {
opacity: 1;
transition: opacity .35s linear .3s;
}
.collection-menu {
display: flex;
flex-flow: row nowrap;
align-items: center;
width: auto;
max-width: 200px;
left: 0;
color: #fff;
top: 0;
left: 0;
position: absolute;
}
.collection-menu .icon {
position: absolute;
top: 50%;
left: 25px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 15px;
height: 15px;
}
.collection-menu .icon-collection {
opacity: 1;
transition: opacity .35s linear .3s;
}
.collection-menu .title {
padding-top: 2px;
margin-left: 25px;
font-size: 13px;
text-transform: uppercase;
line-height: 1;
letter-spacing: 2px;
}
.collection-menu[data-toggle-state='visible'] .icon-collection {
opacity: 0;
transition: opacity .35s;
}
.main-menu {
right: 0;
color: #fff;
top: 0;
right: 0;
position: absolute;
}
.main-menu .icon-main-menu {
opacity: 1;
transition: opacity .35s linear .3s;
}
.main-menu .icon {
position: absolute;
top: 50%;
right: 25px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 15px;
height: 15px;
}
.main-menu[data-toggle-state='visible'] .icon-main-menu {
opacity: 0;
transition: opacity .35s;
}
@-webkit-keyframes header-subnavigation-slide-down {
0% {
-webkit-transform: translateY(-65px);
transform: translateY(-65px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes header-subnavigation-slide-down {
0% {
-webkit-transform: translateY(-65px);
transform: translateY(-65px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
.footer {
width: auto;
height: 204px;
left: 0;
right: 0;
background-color: #262626;
flex-shrink: 0;
}
.footer.footer--with-emission, .footer.footer--location-active {
height: auto;
}
.footer.footer--with-emission .footer__wrapper, .footer.footer--location-active .footer__wrapper {
padding-bottom: 40px;
}
.footer.footer--location-active .footer__menu, .footer.footer--location-active .emission-block, .footer.footer--location-active .copyright {
display: none;
}
.footer.footer--location-active .location-list {
display: block;
}
.footer__wrapper {
padding: 40px 0 18px;
}
[dir='rtl'] .footer__wrapper .col:not(:last-child) {
margin-left: 20px;
margin-right: 0;
}
.footer .nav {
position: relative;
flex-wrap: nowrap;
justify-content: center;
margin-bottom: 28px;
}
.footer .nav ul {
position: relative;
flex-wrap: nowrap;
margin-bottom: 35px;
line-height: 1;
}
.footer .nav ul:nth-of-type(1) li {
text-align: left;
}
.footer .nav ul:nth-of-type(1)::after {
left: 10px;
}
.footer .nav ul:nth-of-type(2) li {
text-align: right;
}
.footer .nav ul:nth-of-type(2)::after {
right: 10px;
}
.footer .nav ul::after {
position: absolute;
content: '';
height: 1px;
bottom: -35px;
left: 0;
right: 0;
background: rgba(255, 255, 255, 0.2);
}
.footer .nav li a {
position: relative;
display: inline-block;
padding: 12px 10px 8px;
font-size: 12px;
color: rgba(255, 255, 255, 0.5);
letter-spacing: 1px;
transition: color .3s cubic-bezier(.445, .05, .55, .95);
}
.no-touch .footer .nav li a:hover {
color: #fff;
}
.footer .nav__logo {
position: relative;
display: block;
margin-bottom: 35px;
color: #fff;
}
.footer .nav__logo .icon {
display: block;
width: 100%;
max-width: 148px;
margin-left: auto;
margin-right: auto;
}
.footer .nav__logo .icon .icon__wrapper {
position: relative;
display: block;
height: 0;
padding: 0;
overflow: hidden;
padding-bottom: 100%;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.footer .nav__logo:focus {
color: #fff;
}
.footer .nav__logo::after {
position: absolute;
content: '';
height: 1px;
bottom: -35px;
left: -20px;
right: -20px;
background: rgba(255, 255, 255, 0.2);
}
.footer .location-switch {
position: relative;
cursor: pointer;
}
.footer .location-switch .icon {
position: absolute;
width: 18px;
height: 18px;
top: 50%;
right: -24px;
color: rgba(255, 255, 255, 0.5);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
transition: color .3s cubic-bezier(.445, .05, .55, .95);
}
.no-touch .footer .location-switch:hover .icon, .no-touch .footer .location-switch:hover a {
color: #fff;
}
.footer .copyright {
position: relative;
display: flex;
justify-content: center;
padding: 0;
font-size: 12px;
text-align: center;
text-transform: uppercase;
color: rgba(255, 255, 255, 0.5);
letter-spacing: 1px;
transition: color .3s cubic-bezier(.445, .05, .55, .95);
}
.footer .copyright a {
color: rgba(255, 255, 255, 0.5);
transition: color .3s cubic-bezier(.445, .05, .55, .95);
}
.no-touch .footer .copyright a:hover {
color: #fff;
}
.footer .location-list {
display: none;
flex-direction: row;
}
.footer .location-list__header {
position: relative;
display: block;
margin-bottom: 35px;
text-align: center;
}
.footer .location-list__header h6 {
position: relative;
font-size: 20px;
text-transform: uppercase;
color: rgba(255, 255, 255, 0.5);
}
.footer .location-list__header .close {
position: absolute;
width: 18px;
height: 18px;
top: 50%;
right: 0;
}
.footer .location-list__header .close:hover .icon {
color: #fff;
}
.footer .location-list__header .close .icon {
position: absolute;
width: 100%;
height: 100%;
color: rgba(255, 255, 255, 0.5);
cursor: pointer;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
transition: color .3s cubic-bezier(.445, .05, .55, .95);
}
.footer .location-list__body {
text-align: left;
}
.footer .location-list__body li {
position: relative;
display: inline-block;
width: 50%;
padding: 21px 0 20px;
vertical-align: top;
font-size: 12px;
text-align: left;
text-transform: uppercase;
color: rgba(255, 255, 255, 0.5);
}
.footer .location-list__body li .icon {
position: absolute;
display: none;
width: 15px;
height: 15px;
top: 50%;
right: 25px;
color: rgba(255, 255, 255, 0.5);
cursor: pointer;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
transition: color .3s cubic-bezier(.445, .05, .55, .95);
}
.footer .location-list__body li.active .icon {
display: block;
}
.footer .location-list__body li.active .icon, .footer .location-list__body li.active a {
color: #fff;
}
.footer .location-list__body li a {
display: block;
color: rgba(255, 255, 255, 0.5);
cursor: pointer;
transition: color .3s cubic-bezier(.445, .05, .55, .95);
}
.footer .location-list__body li:hover a {
color: #fff;
}
.footer .location-list__body li:nth-child(odd) {
padding-right: 10px;
}
.footer .location-list__body li:nth-child(odd)::after {
left: 0;
right: 10px;
}
.footer .location-list__body li:nth-child(even) {
padding-left: 10px;
}
.footer .location-list__body li:nth-child(even) .icon {
right: 15px;
}
.footer .location-list__body li:nth-child(even)::after {
left: 10px;
right: 0;
}
.footer .location-list__body li::after {
position: absolute;
content: '';
height: 1px;
bottom: 0;
background: rgba(255, 255, 255, 0.2);
}
.footer .emission-block {
position: relative;
padding: 20px 10px 55px;
font-size: 10px;
line-height: 20px;
color: rgba(255, 255, 255, 0.5);
}
.footer .emission-block h4 {
font-size: 14px;
font-style: italic;
text-transform: none;
}
.footer .emission-block__body {
-webkit-column-count: 2;
column-count: 2;
grid-column-gap: 20px;
-webkit-column-gap: 20px;
column-gap: 20px;
}
.footer .emission-block__body p {
margin-bottom: 35px;
}
.footer .emission-block::after {
position: absolute;
content: '';
height: 1px;
bottom: 35px;
left: 0;
right: 0;
background: rgba(255, 255, 255, 0.2);
}
/* CSS for German version only where words are very long */
.video {
position: relative;
width: 100%;
height: 100%;
margin: 0 auto;
}
.video[data-video-trigger='click'] {
cursor: pointer;
}
.video__loader {
position: absolute;
top: 50%;
left: 50%;
z-index: 100;
color: rgb(255, 255, 255);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 32px;
height: 32px;
}
.video__loader .loader-icon {
position: relative;
display: block;
-webkit-animation-name: loader-animation;
animation-name: loader-animation;
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-timing-function: cubic-bezier(.445, .05, .55, .95);
animation-timing-function: cubic-bezier(.445, .05, .55, .95);
-webkit-animation-delay: 0s;
animation-delay: 0s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-direction: forward;
animation-direction: forward;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
width: 100%;
height: 100%;
}
.video__loader .icon {
width: 100%;
height: 100%;
}
.video__player {
position: relative;
overflow: hidden;
width: 100%;
height: 100%;
}
.video__player video {
position: absolute;
top: 0;
left: 0;
border: 0;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 100%;
}
.ie .video__player video {
height: auto;
}
.video__cover, .video__controls, .video__hidden-layer {
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
}
.video__cover {
opacity: 1;
background-color: #000;
transition: opacity;
transition-duration: .35s;
transition-timing-function: linear;
}
.video__cover .landscape, .video__cover .portrait {
opacity: 0;
background: center / cover no-repeat;
transition: opacity .6s cubic-bezier(.39, .575, .565, 1);
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
}
.video__cover--hidden {
display: none;
}
.video__controls {
display: none;
color: #fff;
}
.video__controls .control-buttons {
position: absolute;
display: flex;
color: #fff;
cursor: pointer;
}
[dir='rtl'] .video__controls .control-buttons {
direction: ltr;
}
.video__controls .control-buttons .icon {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.video__controls .control-buttons .close-button {
outline: none;
}
.video__controls .control-buttons .close-button:focus .icon {
outline: rgba(255, 255, 255, 0.5) dotted 1px;
outline-offset: 5px;
}
.video__controls .control-buttons .close-button .icon {
top: 0;
left: auto;
right: 0;
width: 16px;
height: 16px;
}
.video__controls .control-buttons.control-buttons--bottom-left {
bottom: 28px;
left: 28px;
}
.video__controls .control-buttons.control-buttons--bottom-right {
bottom: 28px;
right: 28px;
}
.video__controls .control-buttons.control-buttons--top-left {
top: 28px;
left: 28px;
}
.video__controls .control-buttons.control-buttons--top-right {
top: 28px;
right: 28px;
}
.video__controls .control-buttons .control-button {
position: relative;
display: none;
width: 45px;
height: 45px;
}
.video__controls .control-buttons .control-button[data-video-control='menu'] {
margin-right: 5px;
}
.video__controls .control-buttons .control-button.control-button--active {
display: block;
}
.video__controls .progress {
width: 100%;
height: 4px;
background: currentColor;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: left top;
transform-origin: left top;
transition: -webkit-transform .4s linear;
transition: transform .4s linear;
transition: transform .4s linear, -webkit-transform .4s linear;
bottom: 1px;
left: 0;
position: absolute;
}
.video--loaded .video__loader {
display: none;
}
.video--loaded .video__player {
visibility: visible;
}
.no-touch .video--hide-poster .video__cover {
display: none;
-webkit-filter: none;
filter: none;
}
.video[data-video-controls-enabled='true'] .video__controls {
display: block;
}
.video[data-video-controls-enabled='true'] .video__hidden-layer {
display: none;
}
.video[data-video-trigger='in-view'].video--loaded:not([data-video-mobile]) .video__cover, .video--playing .video__cover {
opacity: 0;
}
.fullscreen-video {
position: fixed;
width: 0;
height: 0;
top: 0;
left: 0;
overflow: hidden;
z-index: 10000;
opacity: 0;
transition: opacity .3s ease, width 0s linear .3s, height 0s linear .3s;
}
.fullscreen-video.fullscreen-video--active {
opacity: 1;
transition: opacity .3s ease, width 0s linear, height 0s linear;
width: 100%;
height: 100%;
}
@supports (-ms-ime-align:auto) {
.content .video video {
width: auto!important;
}
}
.hero--home {
width: 100%;
height: 100%;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.hero--home .hero__text {
position: relative;
display: block;
padding: calc(20px * 2);
z-index: 3;
text-align: center;
color: #fff;
}
.hero--home .hero__text::after {
content: '';
width: 25%;
height: 25%;
z-index: 4;
border-radius: 50%;
background: rgba(0, 0, 0, 0.1);
box-shadow: 0 0 150px 150px rgba(0, 0, 0, 0.1);
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.hero--home .hero__text:focus {
outline: none;
}
.hero--home .hero__text:focus .hero__button {
outline: rgba(255, 255, 255, 0.5) dotted 1px;
outline-offset: 5px;
}
.hero--home .title {
margin-bottom: 20px;
z-index: 5;
font-size: calc(35px + 30 * ((100vw - 375px) / 1650));
line-height: 1;
-webkit-transform: translateY(-60px);
transform: translateY(-60px);
}
.hero--home .subtitle {
position: relative;
margin-bottom: 20px;
z-index: 6;
font-size: calc(12px + 4 * ((100vw - 375px) / 1650));
letter-spacing: 2px;
-webkit-transform: translateY(-60px);
transform: translateY(-60px);
}
.hero--home .hero__button {
display: inline-block;
min-width: 160px;
vertical-align: top;
-webkit-transform: translateY(-60px);
transform: translateY(-60px);
}
.hero--home .hero__button .button--secondary-cta {
border-width: 2px;
}
.hero--home .button {
color: #fff;
border-color: rgba(255, 255, 255, 0.2);
}
.hero--home .hero__icon {
-webkit-transform: translateY(40px);
transform: translateY(40px);
transition: opacity 1s linear, -webkit-transform 1s cubic-bezier(.215, .61, .355, 1);
transition: opacity 1s linear, transform 1s cubic-bezier(.215, .61, .355, 1);
transition: opacity 1s linear, transform 1s cubic-bezier(.215, .61, .355, 1), -webkit-transform 1s cubic-bezier(.215, .61, .355, 1);
}
.hero--home .title, .hero--home .subtitle, .hero--home .hero__button {
opacity: 0;
}
.hero--home .hero__video {
z-index: 1;
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
}
.hero--home .hero__video .video {
opacity: 1;
transition: opacity 0s linear .5s;
}
.hero--home .hero__video .video.video--loaded {
opacity: 1;
}
.hero--home .hero__video::before {
content: '';
z-index: 2;
pointer-events: none;
background-color: rgba(0, 0, 0, 0.3);
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
}
.hero--home.hero--loaded.hero--onscreen .title, .hero--home.hero--loaded.hero--onscreen .subtitle, .hero--home.hero--loaded.hero--onscreen .hero__button {
opacity: 1;
}
.hero--home.hero--loaded.hero--onscreen .subtitle {
-webkit-transform: translateY(0);
transform: translateY(0);
transition: opacity 1s linear .4s, -webkit-transform 1s cubic-bezier(.215, .61, .355, 1) .4s;
transition: opacity 1s linear .4s, transform 1s cubic-bezier(.215, .61, .355, 1) .4s;
transition: opacity 1s linear .4s, transform 1s cubic-bezier(.215, .61, .355, 1) .4s, -webkit-transform 1s cubic-bezier(.215, .61, .355, 1) .4s;
}
.hero--home.hero--loaded.hero--onscreen .title {
-webkit-transform: translateY(0);
transform: translateY(0);
transition: opacity 1s linear .625s, -webkit-transform 1s cubic-bezier(.215, .61, .355, 1) .625s;
transition: opacity 1s linear .625s, transform 1s cubic-bezier(.215, .61, .355, 1) .625s;
transition: opacity 1s linear .625s, transform 1s cubic-bezier(.215, .61, .355, 1) .625s, -webkit-transform 1s cubic-bezier(.215, .61, .355, 1) .625s;
}
.hero--home.hero--loaded.hero--onscreen .hero__button {
-webkit-transform: translateY(0);
transform: translateY(0);
transition: opacity 1s linear .85s, -webkit-transform 1s cubic-bezier(.215, .61, .355, 1) .85s;
transition: opacity 1s linear .85s, transform 1s cubic-bezier(.215, .61, .355, 1) .85s;
transition: opacity 1s linear .85s, transform 1s cubic-bezier(.215, .61, .355, 1) .85s, -webkit-transform 1s cubic-bezier(.215, .61, .355, 1) .85s;
}
.hero--home.hero--loaded.hero--onscreen .button {
transition: border-color .3s linear, background .3s linear, color .3s linear;
}
.hero--home.hero--loaded.hero--offscreen .title, .hero--home.hero--loaded.hero--offscreen .subtitle, .hero--home.hero--loaded.hero--offscreen .hero__button {
opacity: 0;
-webkit-transform: translateY(-60px);
transform: translateY(-60px);
}
.hero--home.hero--loaded.hero--offscreen .subtitle {
transition-delay: .4s;
}
.hero--home.hero--loaded.hero--offscreen .title {
transition-delay: .625s;
}
.hero--home.hero--loaded.hero--offscreen .hero__button {
transition-delay: .85s;
}
.no-touch .hero--home.hero--intro-animation-done .hero__text:hover .hero__button .button {
border-color: rgba(255, 255, 255, 0.6);
}
.hero--a {
position: relative;
overflow: hidden;
}
.hero--a .hero__text {
z-index: 3;
top: 0;
left: 0;
position: absolute;
}
.hero--a .hero__text .title {
margin-bottom: calc(17px + 3 * ((100vw - 375px) / 1650));
font-size: calc(15px + 5 * ((100vw - 1200px) / 825));
line-height: 15px;
letter-spacing: 2px;
}
.hero--a .hero__text .subtitle {
font-size: calc(35px + 50 * ((100vw - 375px) / 1650));
line-height: calc(35px + 40 * ((100vw - 375px) / 1650));
}
.hero--a .hero__img {
z-index: 1;
width: 100%;
height: 100%;
}
.hero--a .hero__img::before {
position: absolute;
content: '';
top: 0;
left: 0;
z-index: 2;
background: rgba(0, 0, 0, 0.3);
width: 100%;
height: 100%;
}
.hero--a .hero__arrow {
z-index: 4;
color: #fff;
cursor: pointer;
/* IE10 pointer fix */
background: rgba(255, 255, 255, 0);
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: 36px;
height: 36px;
bottom: 110px;
left: 50%;
position: absolute;
}
.hero--a .hero__arrow .icon {
width: 100%;
height: 100%;
}
/*
* Main aspect ratio: 12:6
* Outer aspect ratio: 12:5 (diff: 1/6 -> 16.6666%)
* Inner aspect ratio: 100:35
*/
.hero--b {
position: relative;
display: block;
height: 0;
padding: 0;
overflow: hidden;
padding-bottom: 50%;
overflow: visible;
}
.hero--b .hero__outer-media {
overflow: hidden;
top: 0;
right: 0;
bottom: 16.66%;
left: 0;
position: absolute;
}
.hero--b .hero__outer-media .video__loader {
display: none;
}
.hero--b .hero__inner-media {
position: absolute;
height: 0;
bottom: 0;
padding-bottom: 31%;
}
.hero--b .hero__inner-media .cover-image, .hero--b .hero__inner-media .video {
top: 0;
right: calc(99.9% / 12 - (20px - 20px / 12));
left: calc(99.9% / 12 - (20px - 20px / 12));
position: absolute;
width: auto;
height: 100%;
}
.hero--b .hero__inner-media > .icon {
opacity: 0;
color: #fff;
pointer-events: none;
transition: opacity .225s;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 3.2vw;
height: 3.2vw;
}
.no-touch .hero--b .hero__inner-media .video--loaded + .icon {
opacity: 1;
}
.no-touch .hero--b .hero__inner-media .video--playing + .icon {
opacity: 0;
}
.touch .hero--b .hero__inner-media .icon {
width: 40px;
height: 40px;
}
.hero--b .hero__inner-media[tabindex]:focus {
outline: none;
}
.hero--b .hero__inner-media[tabindex]:focus .icon {
outline: rgba(255, 255, 255, 0.5) dotted 1px;
outline-offset: 5px;
}
.hero--b .hero__fullscreen {
position: fixed;
width: 0;
height: 0;
top: 0;
left: 0;
overflow: hidden;
z-index: 10000;
opacity: 0;
transition: opacity .3s ease, width 0s linear .3s, height 0s linear .3s;
}
.hero--b .hero__fullscreen.fullscreen-active {
opacity: 1;
transition: opacity .3s ease, width 0s linear, height 0s linear;
width: 100%;
height: 100%;
}
.hero--b.hero--with-fullscreen .hero__inner-media .video--loaded + .icon, .hero--b.hero--with-fullscreen .hero__inner-media .video--playing + .icon {
opacity: 1;
}
.hero--login {
position: relative;
width: 100%;
height: 100vh;
min-height: 500px;
}
.hero--login::after {
content: '';
background-image: linear-gradient(
to bottom,
rgba(155, 159, 162, 0.01),
#9b9fa2
);
width: 100%;
height: 100px;
bottom: 0;
left: 0;
position: absolute;
}
.hero--login .hero__text {
z-index: 1;
bottom: 12vw;
left: 0;
position: absolute;
}
.hero.block--70 {
height: 70vh;
min-height: 70vh;
}
.generic-hero {
position: relative;
display: block;
height: 0;
padding: 0;
overflow: hidden;
padding-bottom: 24%;
}
.generic-hero__wrapper {
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
}
.generic-hero__img {
width: 100%;
height: 100%;
}
.generic-hero__text {
z-index: 1;
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
}
.generic-hero__text::after {
content: '';
z-index: 2;
background: rgba(0, 0, 0, 0.4);
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
}
.generic-hero__text h1 {
width: 50%;
z-index: 3;
font-size: calc(26px + 34 * ((100vw - 375px) / 1650));
text-align: center;
text-transform: uppercase;
line-height: calc(26px + 28 * ((100vw - 375px) / 1650));
}
.generic-hero__link {
display: flex;
flex-flow: row nowrap;
align-items: center;
padding: 0 20px;
margin-bottom: 25px;
z-index: 3;
color: #fff;
}
[dir='rtl'] .generic-hero__link {
direction: ltr;
}
[dir='rtl'] .generic-hero__link span {
direction: rtl;
}
.generic-hero__link .icon {
transition: -webkit-transform .3s cubic-bezier(.39, .575, .565, 1);
transition: transform .3s cubic-bezier(.39, .575, .565, 1);
transition: transform .3s cubic-bezier(.39, .575, .565, 1), -webkit-transform .3s cubic-bezier(.39, .575, .565, 1);
width: 20px;
height: 20px;
}
.generic-hero__link .text {
margin-left: 10px;
font-size: 15px;
text-transform: uppercase;
color: inherit;
letter-spacing: 2px;
}
.no-touch .generic-hero__link:hover .icon {
-webkit-transform: translate(-25%, 0);
transform: translate(-25%, 0);
}
.collection-list {
overflow: hidden;
}
.collection-list .collection-model__item {
position: relative;
width: 100%;
height: 50vh;
min-height: 250px;
}
.collection-list .collection-model__title {
position: absolute;
width: 40vw;
top: 50%;
left: 50%;
color: inherit;
-webkit-transform: translate3d(-50%, -18vh, 0);
transform: translate3d(-50%, -18vh, 0);
}
.collection-list .collection-model__title h3 {
margin-bottom: 1.5vh;
font-size: calc(18px + 7 * ((100vw - 320px) / 55));
}
.collection-list .collection-model__title h4 {
font-size: calc(11px + 3 * ((100vw - 320px) / 55));
letter-spacing: 2px;
}
.collection-list .collection-model__image {
width: 85vw;
max-width: 300px;
height: auto;
left: -10vw;
-webkit-transform: translateY(-40%);
transform: translateY(-40%);
top: 50%;
position: absolute;
}
.collection-list .collection-model:nth-child(even) .collection-model__image {
left: auto;
right: -10vw;
-webkit-transform: translate(0, -40%) scaleX(-1);
transform: translate(0, -40%) scaleX(-1);
}
.form {
width: 100%;
outline: none;
}
.form__row.row {
flex-wrap: nowrap;
margin-bottom: 45px;
text-align: left;
}
.form__row.row.hide {
display: none;
}
[dir='rtl'] .form__row .col {
margin-left: 60px;
margin-right: 0;
}
[dir='rtl'] .form__row .col.col--12-12 {
margin-left: 0;
}
[dir='rtl'] .form__row .col:nth-child(2n) {
margin-left: 0;
}
[dir='rtl'] .form__row .body-copy__small-text, [dir='rtl'] .form__row input {
text-align: right;
}
[dir='rtl'] .form__row .select select {
padding: 0 15px 0 0;
direction: rtl;
}
[dir='rtl'] .form__row .select .icon {
left: 15px;
right: auto;
right: initial;
}
[dir='rtl'] .form__row .checkbox {
direction: ltr;
}
.form fieldset {
padding-top: 25px;
margin-bottom: 25px;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.form fieldset:last-of-type {
border: 0;
}
.form__element, .form__element-group {
position: relative;
display: flex;
flex-direction: column;
width: 100%;
border: 1px solid #fff;
border-radius: 2px;
}
.form__element.form__element--no-border, .form__element-group.form__element--no-border {
border: 0;
}
.form__element .error-msg, .form__element-group .error-msg {
top: calc(100% + 10px);
left: 15px;
position: absolute;
display: none;
z-index: 10;
font-size: 10px;
text-transform: uppercase;
letter-spacing: 1px;
}
[dir='rtl'] .form__element .error-msg, [dir='rtl'] .form__element-group .error-msg {
left: auto;
text-align: right;
}
.form__element.error {
border: 2px solid #fff;
}
.form__element.error .error-msg {
display: block;
}
.form__element.hide {
display: none;
}
.form__element[data-form-element='ContactViaEmail'].error, .form__element[data-form-element='ContactViaSms'].error, .form__element[data-form-element='ContactViaPhone'].error {
border: 0;
}
.form__element[data-form-element='ContactViaEmail'].error .icon, .form__element[data-form-element='ContactViaSms'].error .icon, .form__element[data-form-element='ContactViaPhone'].error .icon {
border: 2px solid #fff;
}
.form__element[data-form-element='ContactViaEmail'].error .error-msg, .form__element[data-form-element='ContactViaSms'].error .error-msg, .form__element[data-form-element='ContactViaPhone'].error .error-msg {
top: calc(100% + 10px);
left: 0;
position: absolute;
}
.form .select {
position: relative;
display: flex;
flex: 1;
flex-direction: column;
}
.form .select__mimic {
display: flex;
flex: 1;
align-items: center;
justify-content: flex-start;
padding: 0 45px 0 15px;
opacity: 0;
letter-spacing: 1px;
text-transform: uppercase;
}
.touch .form .select__mimic {
opacity: 1;
}
.touch .form .select__mimic--inactive {
opacity: .4;
}
.touch[dir='rtl'] .form .select__mimic {
opacity: 0;
}
.form .select__list {
display: none;
}
.form .select__list.active {
top: 100%;
left: 0;
position: absolute;
display: flex;
flex-flow: column wrap;
width: 100%;
z-index: 2;
border: 1px solid #fff;
border-radius: 0 0 4px 4px;
background: #535353;
}
.form .select__list li {
width: 100%;
height: 40px;
padding: 15px;
color: #fff;
}
.form .select__list li:hover {
background-color: rgba(255, 255, 255, 0.2);
}
.form .select .icon {
width: 18px;
height: 18px;
position: absolute;
top: calc(50% + 2px);
right: 15px;
opacity: 1;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
transition: opacity .3s;
}
.form .select .icon.hidden {
opacity: 0;
}
.form .select select {
width: 100%;
height: 100%;
position: absolute;
display: block;
height: 36px;
top: 0;
left: 0;
padding: 0 0 0 15px;
text-transform: uppercase;
line-height: 40px;
color: #fff;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.touch:not(.safari) .form .select select {
padding-top: 5px;
}
.mac-os .form .select select {
/* stylelint-disable */
padding-top: 0 !important;
/* stylelint-enable */
}
.form .select option {
font-size: 16px;
color: #535353;
background: #fff;
}
.touch .form .select select, .touch .form .select option {
display: flex;
opacity: 0;
-webkit-appearance: initial;
-moz-appearance: initial;
appearance: initial;
}
.touch[dir='rtl'] .form .select select {
display: flex;
padding-top: 0;
opacity: 1;
-webkit-appearance: initial;
-moz-appearance: initial;
appearance: initial;
}
.form select, .form input[type='tel'], .form input[type='text'], .form input[type='email'], .form input[type='password'], .form input[type='search'] {
display: block;
flex: 1 0 auto;
width: 100%;
height: 36px;
padding: 0 15px;
margin: 0;
font-size: 10px;
line-height: 1;
color: #fff;
letter-spacing: 1px;
cursor: pointer;
border: none;
border-radius: 0;
background: transparent;
box-sizing: border-box;
}
.form select::-webkit-input-placeholder, .form input[type='tel']::-webkit-input-placeholder, .form input[type='text']::-webkit-input-placeholder, .form input[type='email']::-webkit-input-placeholder, .form input[type='password']::-webkit-input-placeholder, .form input[type='search']::-webkit-input-placeholder {
line-height: 36px;
color: rgba(255, 255, 255, 0.4);
text-transform: uppercase;
}
.form select:-ms-input-placeholder, .form input[type='tel']:-ms-input-placeholder, .form input[type='text']:-ms-input-placeholder, .form input[type='email']:-ms-input-placeholder, .form input[type='password']:-ms-input-placeholder, .form input[type='search']:-ms-input-placeholder {
line-height: 36px;
color: rgba(255, 255, 255, 0.4);
text-transform: uppercase;
}
.form select::-ms-input-placeholder, .form input[type='tel']::-ms-input-placeholder, .form input[type='text']::-ms-input-placeholder, .form input[type='email']::-ms-input-placeholder, .form input[type='password']::-ms-input-placeholder, .form input[type='search']::-ms-input-placeholder {
line-height: 36px;
color: rgba(255, 255, 255, 0.4);
text-transform: uppercase;
}
.form select::placeholder, .form input[type='tel']::placeholder, .form input[type='text']::placeholder, .form input[type='email']::placeholder, .form input[type='password']::placeholder, .form input[type='search']::placeholder {
line-height: 36px;
color: rgba(255, 255, 255, 0.4);
text-transform: uppercase;
}
.form select:focus, .form input[type='tel']:focus, .form input[type='text']:focus, .form input[type='email']:focus, .form input[type='password']:focus, .form input[type='search']:focus {
outline: none;
border-bottom: 2px solid rgba(255, 255, 255, 0.8);
}
.form select::-ms-clear, .form select::-ms-expand, .form input[type='tel']::-ms-clear, .form input[type='tel']::-ms-expand, .form input[type='text']::-ms-clear, .form input[type='text']::-ms-expand, .form input[type='email']::-ms-clear, .form input[type='email']::-ms-expand, .form input[type='password']::-ms-clear, .form input[type='password']::-ms-expand, .form input[type='search']::-ms-clear, .form input[type='search']::-ms-expand {
display: none;
}
.touch .form select, .touch .form select::-webkit-input-placeholder, .touch .form input[type='tel'], .touch .form input[type='tel']::-webkit-input-placeholder, .touch .form input[type='text'], .touch .form input[type='text']::-webkit-input-placeholder, .touch .form input[type='email'], .touch .form input[type='email']::-webkit-input-placeholder, .touch .form input[type='password'], .touch .form input[type='password']::-webkit-input-placeholder, .touch .form input[type='search'], .touch .form input[type='search']::-webkit-input-placeholder {
padding-top: 5px;
font-size: 16px;
}
.touch .form select, .touch .form select:-ms-input-placeholder, .touch .form input[type='tel'], .touch .form input[type='tel']:-ms-input-placeholder, .touch .form input[type='text'], .touch .form input[type='text']:-ms-input-placeholder, .touch .form input[type='email'], .touch .form input[type='email']:-ms-input-placeholder, .touch .form input[type='password'], .touch .form input[type='password']:-ms-input-placeholder, .touch .form input[type='search'], .touch .form input[type='search']:-ms-input-placeholder {
padding-top: 5px;
font-size: 16px;
}
.touch .form select, .touch .form select::-ms-input-placeholder, .touch .form input[type='tel'], .touch .form input[type='tel']::-ms-input-placeholder, .touch .form input[type='text'], .touch .form input[type='text']::-ms-input-placeholder, .touch .form input[type='email'], .touch .form input[type='email']::-ms-input-placeholder, .touch .form input[type='password'], .touch .form input[type='password']::-ms-input-placeholder, .touch .form input[type='search'], .touch .form input[type='search']::-ms-input-placeholder {
padding-top: 5px;
font-size: 16px;
}
.touch .form select, .touch .form select::placeholder, .touch .form input[type='tel'], .touch .form input[type='tel']::placeholder, .touch .form input[type='text'], .touch .form input[type='text']::placeholder, .touch .form input[type='email'], .touch .form input[type='email']::placeholder, .touch .form input[type='password'], .touch .form input[type='password']::placeholder, .touch .form input[type='search'], .touch .form input[type='search']::placeholder {
padding-top: 5px;
font-size: 16px;
}
.mac-os .form select, .mac-os .form select::-webkit-input-placeholder, .mac-os .form input[type='tel'], .mac-os .form input[type='tel']::-webkit-input-placeholder, .mac-os .form input[type='text'], .mac-os .form input[type='text']::-webkit-input-placeholder, .mac-os .form input[type='email'], .mac-os .form input[type='email']::-webkit-input-placeholder, .mac-os .form input[type='password'], .mac-os .form input[type='password']::-webkit-input-placeholder, .mac-os .form input[type='search'], .mac-os .form input[type='search']::-webkit-input-placeholder {
padding-top: 4px;
line-height: 40px;
}
.mac-os .form select, .mac-os .form select:-ms-input-placeholder, .mac-os .form input[type='tel'], .mac-os .form input[type='tel']:-ms-input-placeholder, .mac-os .form input[type='text'], .mac-os .form input[type='text']:-ms-input-placeholder, .mac-os .form input[type='email'], .mac-os .form input[type='email']:-ms-input-placeholder, .mac-os .form input[type='password'], .mac-os .form input[type='password']:-ms-input-placeholder, .mac-os .form input[type='search'], .mac-os .form input[type='search']:-ms-input-placeholder {
padding-top: 4px;
line-height: 40px;
}
.mac-os .form select, .mac-os .form select::-ms-input-placeholder, .mac-os .form input[type='tel'], .mac-os .form input[type='tel']::-ms-input-placeholder, .mac-os .form input[type='text'], .mac-os .form input[type='text']::-ms-input-placeholder, .mac-os .form input[type='email'], .mac-os .form input[type='email']::-ms-input-placeholder, .mac-os .form input[type='password'], .mac-os .form input[type='password']::-ms-input-placeholder, .mac-os .form input[type='search'], .mac-os .form input[type='search']::-ms-input-placeholder {
padding-top: 4px;
line-height: 40px;
}
.mac-os .form select, .mac-os .form select::placeholder, .mac-os .form input[type='tel'], .mac-os .form input[type='tel']::placeholder, .mac-os .form input[type='text'], .mac-os .form input[type='text']::placeholder, .mac-os .form input[type='email'], .mac-os .form input[type='email']::placeholder, .mac-os .form input[type='password'], .mac-os .form input[type='password']::placeholder, .mac-os .form input[type='search'], .mac-os .form input[type='search']::placeholder {
padding-top: 4px;
line-height: 40px;
}
.safari .form select, .safari .form select::-webkit-input-placeholder, .safari .form input[type='tel'], .safari .form input[type='tel']::-webkit-input-placeholder, .safari .form input[type='text'], .safari .form input[type='text']::-webkit-input-placeholder, .safari .form input[type='email'], .safari .form input[type='email']::-webkit-input-placeholder, .safari .form input[type='password'], .safari .form input[type='password']::-webkit-input-placeholder, .safari .form input[type='search'], .safari .form input[type='search']::-webkit-input-placeholder {
padding-top: 0;
line-height: 40px;
}
.safari .form select, .safari .form select:-ms-input-placeholder, .safari .form input[type='tel'], .safari .form input[type='tel']:-ms-input-placeholder, .safari .form input[type='text'], .safari .form input[type='text']:-ms-input-placeholder, .safari .form input[type='email'], .safari .form input[type='email']:-ms-input-placeholder, .safari .form input[type='password'], .safari .form input[type='password']:-ms-input-placeholder, .safari .form input[type='search'], .safari .form input[type='search']:-ms-input-placeholder {
padding-top: 0;
line-height: 40px;
}
.safari .form select, .safari .form select::-ms-input-placeholder, .safari .form input[type='tel'], .safari .form input[type='tel']::-ms-input-placeholder, .safari .form input[type='text'], .safari .form input[type='text']::-ms-input-placeholder, .safari .form input[type='email'], .safari .form input[type='email']::-ms-input-placeholder, .safari .form input[type='password'], .safari .form input[type='password']::-ms-input-placeholder, .safari .form input[type='search'], .safari .form input[type='search']::-ms-input-placeholder {
padding-top: 0;
line-height: 40px;
}
.safari .form select, .safari .form select::placeholder, .safari .form input[type='tel'], .safari .form input[type='tel']::placeholder, .safari .form input[type='text'], .safari .form input[type='text']::placeholder, .safari .form input[type='email'], .safari .form input[type='email']::placeholder, .safari .form input[type='password'], .safari .form input[type='password']::placeholder, .safari .form input[type='search'], .safari .form input[type='search']::placeholder {
padding-top: 0;
line-height: 40px;
}
.mac-os.ff .form select, .mac-os.ff .form select::-webkit-input-placeholder, .mac-os.ff .form input[type='tel'], .mac-os.ff .form input[type='tel']::-webkit-input-placeholder, .mac-os.ff .form input[type='text'], .mac-os.ff .form input[type='text']::-webkit-input-placeholder, .mac-os.ff .form input[type='email'], .mac-os.ff .form input[type='email']::-webkit-input-placeholder, .mac-os.ff .form input[type='password'], .mac-os.ff .form input[type='password']::-webkit-input-placeholder, .mac-os.ff .form input[type='search'], .mac-os.ff .form input[type='search']::-webkit-input-placeholder {
padding-top: 0;
line-height: 40px;
}
.mac-os.ff .form select, .mac-os.ff .form select:-ms-input-placeholder, .mac-os.ff .form input[type='tel'], .mac-os.ff .form input[type='tel']:-ms-input-placeholder, .mac-os.ff .form input[type='text'], .mac-os.ff .form input[type='text']:-ms-input-placeholder, .mac-os.ff .form input[type='email'], .mac-os.ff .form input[type='email']:-ms-input-placeholder, .mac-os.ff .form input[type='password'], .mac-os.ff .form input[type='password']:-ms-input-placeholder, .mac-os.ff .form input[type='search'], .mac-os.ff .form input[type='search']:-ms-input-placeholder {
padding-top: 0;
line-height: 40px;
}
.mac-os.ff .form select, .mac-os.ff .form select::-ms-input-placeholder, .mac-os.ff .form input[type='tel'], .mac-os.ff .form input[type='tel']::-ms-input-placeholder, .mac-os.ff .form input[type='text'], .mac-os.ff .form input[type='text']::-ms-input-placeholder, .mac-os.ff .form input[type='email'], .mac-os.ff .form input[type='email']::-ms-input-placeholder, .mac-os.ff .form input[type='password'], .mac-os.ff .form input[type='password']::-ms-input-placeholder, .mac-os.ff .form input[type='search'], .mac-os.ff .form input[type='search']::-ms-input-placeholder {
padding-top: 0;
line-height: 40px;
}
.mac-os.ff .form select, .mac-os.ff .form select::placeholder, .mac-os.ff .form input[type='tel'], .mac-os.ff .form input[type='tel']::placeholder, .mac-os.ff .form input[type='text'], .mac-os.ff .form input[type='text']::placeholder, .mac-os.ff .form input[type='email'], .mac-os.ff .form input[type='email']::placeholder, .mac-os.ff .form input[type='password'], .mac-os.ff .form input[type='password']::placeholder, .mac-os.ff .form input[type='search'], .mac-os.ff .form input[type='search']::placeholder {
padding-top: 0;
line-height: 40px;
}
.form .checkbox {
position: relative;
display: flex;
flex-flow: row nowrap;
align-items: center;
padding-left: 40px;
cursor: pointer;
}
.form .checkbox label {
display: flex;
align-items: center;
height: 40px;
padding-left: 14px;
font-size: 10px;
text-transform: uppercase;
letter-spacing: 1px;
cursor: pointer;
flex-shrink: 1;
order: 3;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.form .checkbox .icon {
width: 40px;
height: 40px;
display: flex;
flex: 0 0 40px;
margin-left: -40px;
border: 1px solid #fff;
border-radius: 2px;
order: 2;
}
.form .checkbox .icon__wrapper {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 16px;
height: 16px;
display: none;
}
.form .checkbox input[type='checkbox'] {
position: absolute;
top: 50%;
left: 0;
margin-right: 0;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.form input[type='checkbox'] {
width: 40px;
height: 40px;
display: flex;
margin-right: -40px;
z-index: 10;
opacity: .01;
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
order: 1;
-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}
.form input[type='checkbox']:checked ~ .icon .icon__wrapper {
display: block;
}
.form input[type='checkbox']:focus ~ span {
border-bottom: 3px solid #fff;
}
.form--login {
max-width: 760px;
}
.form--login button.button {
min-width: 160px;
color: #fff;
}
.form--login input[type='text']::-webkit-input-placeholder, .form--login input[type='password']::-webkit-input-placeholder {
text-transform: none;
}
.form--login input[type='text']:-ms-input-placeholder, .form--login input[type='password']:-ms-input-placeholder {
text-transform: none;
}
.form--login input[type='text']::-ms-input-placeholder, .form--login input[type='password']::-ms-input-placeholder {
text-transform: none;
}
.form--login input[type='text']::placeholder, .form--login input[type='password']::placeholder {
text-transform: none;
}
.form__textarea {
display: block;
flex: 1 0 auto;
width: 100%;
max-width: 100%;
height: 180px;
min-height: 180px;
max-height: 180px;
padding: 15px;
margin: 0;
font-size: 10px;
text-transform: uppercase;
line-height: 1;
color: #fff;
letter-spacing: 1px;
border: none;
border-radius: 0;
background: transparent;
box-sizing: border-box;
}
.form__textarea::-webkit-input-placeholder {
line-height: 36px;
color: rgba(255, 255, 255, 0.4);
}
.form__textarea:-ms-input-placeholder {
line-height: 36px;
color: rgba(255, 255, 255, 0.4);
}
.form__textarea::-ms-input-placeholder {
line-height: 36px;
color: rgba(255, 255, 255, 0.4);
}
.form__textarea::placeholder {
line-height: 36px;
color: rgba(255, 255, 255, 0.4);
}
.form__textarea:focus {
outline: none;
border-bottom: 2px solid rgba(255, 255, 255, 0.8);
}
.accordion {
overflow: hidden;
}
.accordion__title {
position: relative;
display: flex;
align-items: center;
justify-content: center;
height: 0;
overflow: hidden;
transition: height .7s cubic-bezier(.39, .575, .565, 1);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
will-change: height;
}
.accordion__title:focus .accordion__button {
outline: rgba(255, 255, 255, 0.5) dotted 1px;
outline-offset: 5px;
}
.accordion__title .wrapper {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 0 20px;
transition: opacity .7s cubic-bezier(.39, .575, .565, 1);
}
.accordion__title .wrapper h3 {
padding-top: 20px;
margin-bottom: 0;
text-align: center;
}
.accordion__title.no-transition {
-webkit-transform: translateZ(0);
transform: translateZ(0);
transition: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
will-change: height;
}
.accordion__title.no-transition .wrapper {
-webkit-transform: translateZ(0);
transform: translateZ(0);
transition: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
will-change: height;
}
.accordion__button {
position: relative;
display: block;
width: 32px;
height: 32px;
padding: 0;
cursor: pointer;
border: none;
background: none;
}
.accordion__button span {
color: #fff;
}
.accordion__button .icon__wrapper {
width: 30px;
height: 30px;
transition: rotate .5s cubic-bezier(.39, .575, .565, 1);
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
}
.accordion__button .icon {
width: 32px;
height: 32px;
}
.accordion__button svg {
cursor: pointer;
-webkit-transform: translateZ(0);
transform: translateZ(0);
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
}
.accordion__button:active, .accordion__button:focus {
outline-offset: 5px;
}
.accordion__button:active svg, .accordion__button:focus svg {
position: absolute;
top: 0;
left: 0;
}
.accordion__content {
position: relative;
height: 0;
overflow: hidden;
transition: height .7s cubic-bezier(.39, .575, .565, 1);
}
.accordion__inner {
opacity: 0;
transition: opacity .7s cubic-bezier(.39, .575, .565, 1);
}
.accordion__inner .block--content:first-of-type {
padding: 0;
}
/* stylelint-disable */
.touch .accordion .accordion__title, .accordion[data-accordion-open='true'] .accordion__title, .accordion[data-accordion-in-zone] .accordion__title {
height: 195px !important;
}
.touch .accordion .accordion__title .wrapper, .accordion[data-accordion-open='true'] .accordion__title .wrapper, .accordion[data-accordion-in-zone] .accordion__title .wrapper {
opacity: 1 !important;
}
/* stylelint-enable */
.touch .accordion .accordion__inner, .accordion[data-accordion-open='true'] .accordion__inner, .accordion[data-accordion-in-zone] .accordion__inner {
opacity: 1;
}
.accordion[data-accordion-open='true'] .accordion__button .icon__wrapper, .accordion[data-accordion-title-rotate='true'] .accordion__button .icon__wrapper {
-webkit-transform: translate(0, -50%) rotate(-45deg);
transform: translate(0, -50%) rotate(-45deg);
}
.accordion[data-accordion-open='true'][data-accordion-title-rotate='false'] .accordion__button .icon__wrapper {
-webkit-transform: translate(0, -50%) rotate(0);
transform: translate(0, -50%) rotate(0);
}
.accordion[data-accordion-title-bg='white'] .accordion__title, .accordion[data-accordion-title-bg='white'] .accordion__content {
background-color: #fff;
}
.accordion[data-accordion-title-bg='black'] .accordion__title, .accordion[data-accordion-title-bg='black'] .accordion__content {
background-color: #000;
}
.accordion[data-accordion-title-bg='yellow'] .accordion__title, .accordion[data-accordion-title-bg='yellow'] .accordion__content {
background-color: #ff0;
}
.accordion[data-accordion-title-bg='red'] .accordion__title, .accordion[data-accordion-title-bg='red'] .accordion__content {
background-color: #f00;
}
.accordion[data-accordion-title-bg='gray'] .accordion__title, .accordion[data-accordion-title-bg='gray'] .accordion__content {
background-color: #ccc;
}
.accordion[data-accordion-title-bg='dimgray'] .accordion__title, .accordion[data-accordion-title-bg='dimgray'] .accordion__content {
background-color: #8e8b87;
}
.accordion[data-accordion-title-bg='midgray'] .accordion__title, .accordion[data-accordion-title-bg='midgray'] .accordion__content {
background-color: #535353;
}
.accordion[data-accordion-title-bg='mediumgray'] .accordion__title, .accordion[data-accordion-title-bg='mediumgray'] .accordion__content {
background-color: #2f2f2f;
}
.accordion[data-accordion-title-bg='valkyriegray'] .accordion__title, .accordion[data-accordion-title-bg='valkyriegray'] .accordion__content {
background-color: #9b9fa2;
}
.accordion[data-accordion-title-bg='gold'] .accordion__title, .accordion[data-accordion-title-bg='gold'] .accordion__content {
background-color: #535353;
}
.accordion[data-accordion-title-bg='lightstone'] .accordion__title, .accordion[data-accordion-title-bg='lightstone'] .accordion__content {
background-color: #ae8057;
}
.accordion[data-accordion-title-bg='silver'] .accordion__title, .accordion[data-accordion-title-bg='silver'] .accordion__content {
background-color: #f9f9f9;
}
.accordion[data-accordion-title-bg='asphalt'] .accordion__title, .accordion[data-accordion-title-bg='asphalt'] .accordion__content {
background-color: #77736e;
}
.accordion[data-accordion-title-bg='sunshine'] .accordion__title, .accordion[data-accordion-title-bg='sunshine'] .accordion__content {
background-color: #5c6169;
}
.accordion[data-accordion-title-bg='burgundy'] .accordion__title, .accordion[data-accordion-title-bg='burgundy'] .accordion__content {
background-color: #b87811;
}
.accordion[data-accordion-title-bg='caramel'] .accordion__title, .accordion[data-accordion-title-bg='caramel'] .accordion__content {
background-color: #7d4e55;
}
.accordion[data-accordion-title-bg='ashgrey'] .accordion__title, .accordion[data-accordion-title-bg='ashgrey'] .accordion__content {
background-color: #ae8057;
}
.accordion[data-accordion-title-bg='teal'] .accordion__title, .accordion[data-accordion-title-bg='teal'] .accordion__content {
background-color: #5b5549;
}
.accordion[data-accordion-title-bg='cobalt'] .accordion__title, .accordion[data-accordion-title-bg='cobalt'] .accordion__content {
background-color: #485556;
}
.accordion[data-accordion-title-bg='smoke'] .accordion__title, .accordion[data-accordion-title-bg='smoke'] .accordion__content {
background-color: #657974;
}
.accordion[data-accordion-title-bg='aubergine'] .accordion__title, .accordion[data-accordion-title-bg='aubergine'] .accordion__content {
background-color: #48434d;
}
.accordion[data-accordion-title-bg='abbay'] .accordion__title, .accordion[data-accordion-title-bg='abbay'] .accordion__content {
background-color: #27191f;
}
.page--light .accordion__button span {
color: #000;
}
.content {
display: flex;
overflow: hidden;
}
.content .pillarbox {
height: 100%;
}
.content__wrapper.row {
flex: 1;
width: 100%;
height: 100%;
margin-bottom: 0;
}
[dir='rtl'] .content__wrapper.row {
direction: ltr;
}
[dir='rtl'] .content__wrapper.row .content__text {
direction: rtl;
}
.content__text {
display: flex;
flex-direction: column;
justify-content: center;
}
.content__text h3 {
margin-bottom: calc(28px + 34 * ((100vw - 375px) / 1650));
font-size: calc(18px + 8 * ((100vw - 375px) / 1650));
text-transform: uppercase;
line-height: calc(22px + 6 * ((100vw - 375px) / 1650));
}
.content__text p {
font-size: calc(14px + 4 * ((100vw - 375px) / 1650));
line-height: calc(28px + 6 * ((100vw - 375px) / 1650));
}
.content__media {
overflow: hidden;
}
.content--b .content__media {
position: relative;
overflow: visible;
}
.content--b .content__media .parallax-container {
position: absolute;
width: calc(100vw - ((100vw - 100%) / 2) - (4 / 12 * 100%) - (20px / 2));
}
.content--b-left .content__media .parallax-container {
right: 0;
}
.content__text, .content__media {
height: 100%;
}
.content--a, .content--b {
position: relative;
display: block;
height: 0;
padding: 0;
overflow: hidden;
padding-bottom: 30.416666666666664%;
}
.content--a .pillarbox, .content--b .pillarbox {
width: 100%;
height: 100%;
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
}
.content--c .pillarbox {
flex-direction: row;
}
.content--c .content__wrapper {
justify-content: space-between;
}
.content--c .content__media-wrapper {
overflow: hidden;
}
.content--c .content__col {
display: flex;
flex-direction: column;
width: 45%;
}
.content--c .content__text {
width: calc(40 / 45 * (100% + (20px)));
height: 365px;
}
.content--c .content__media {
width: 100%;
height: 0;
position: relative;
display: block;
height: 0;
padding: 0;
overflow: hidden;
padding-bottom: 120%;
}
.content--c .content__media .cover-image, .content--c .content__media .video {
position: absolute;
width: 100%;
height: 100%;
}
.content--d .pillarbox {
flex-direction: row;
}
.content--d .content__wrapper {
justify-content: space-between;
}
.content--d .content__col {
width: calc((50% - 10px) - ((99.9% / 12 - (20px - 20px / 12)) / 2));
}
.content--d .content__media {
position: relative;
width: 100%;
height: 0;
}
.content--d .content__media:first-of-type {
margin-bottom: 60px;
}
.content--d .content__media.media--small {
position: relative;
display: block;
height: 0;
padding: 0;
overflow: hidden;
padding-bottom: 84.61538461538461%;
overflow: visible;
}
.content--d .content__media.media--small figcaption {
width: calc((11 / 13) * 100%);
}
.content--d .content__media.media--large {
position: relative;
display: block;
height: 0;
padding: 0;
overflow: hidden;
padding-bottom: 122.22222222222223%;
overflow: visible;
}
.content--d .content__media.media--large figcaption {
width: calc((11 / 9) * 100%);
}
.content--d .content__media.media--quote {
position: relative;
display: block;
height: 0;
padding: 0;
overflow: hidden;
padding-bottom: 100%;
}
.content--d .content__media .cover-image, .content--d .content__media .parallax-container {
position: absolute;
overflow: hidden;
width: 100%;
height: 100%;
}
.content--d .content__media video {
width: auto;
}
.content--d .content__media figcaption {
height: 15px;
padding-left: 90px;
overflow: hidden;
-webkit-transform: rotateZ(-90deg);
transform: rotateZ(-90deg);
-webkit-transform-origin: bottom left;
transform-origin: bottom left;
bottom: 0;
left: -3px;
position: absolute;
}
.content--d .content__media figcaption span {
position: relative;
font-size: calc(10px + 2 * ((100vw - 768px) / 832));
text-transform: uppercase;
line-height: 1;
color: inherit;
letter-spacing: 1px;
}
.content--d .content__media figcaption span::before {
position: absolute;
content: '';
margin: 0 5px 3px 0;
background: currentColor;
width: 90px;
height: 1px;
top: 4px;
right: 100%;
position: absolute;
}
.content--e {
width: 100%;
position: relative;
display: block;
height: 0;
padding: 0;
overflow: hidden;
padding-bottom: 46.25%;
}
.content--e .pillarbox, .content--e .content__wrapper {
height: 100%;
}
.content--e .pillarbox {
position: absolute;
top: 0;
bottom: 0;
}
.content--e .content__wrapper {
justify-content: space-between;
}
.content--e .content__col {
width: calc((50% - 10px) - ((99.9% / 12 - (20px - 20px / 12)) / 2));
height: 100%;
overflow: hidden;
}
.content--e .content__media {
position: relative;
width: 100%;
height: 100%;
}
.content--e .content__media .cover-image, .content--e .content__media .parallax-container {
position: absolute;
overflow: hidden;
width: 100%;
height: 100%;
}
.content--f {
width: 100%;
position: relative;
display: block;
height: 0;
padding: 0;
overflow: hidden;
padding-bottom: 41.66666666666667%;
}
.content--f .content__media {
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
}
.content--f .content__media .icon {
display: none;
}
.no-touch .content--f .content__media .icon {
display: block;
opacity: 0;
color: #fff;
pointer-events: none;
transition: opacity .225s;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 3.2vw;
height: 3.2vw;
}
.content--f .content__media .video--loaded + .icon {
opacity: 1;
}
.content--f .content__media .video--playing + .icon {
opacity: 0;
}
.content--g {
position: relative;
display: block;
height: 0;
padding: 0;
overflow: hidden;
padding-bottom: 30.416666666666664%;
}
.content--g .pillarbox {
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
}
.content--g .pillarbox, .content--g .content__wrapper {
height: 100%;
overflow: hidden;
}
.content--g .content__media, .content--g .content__media .cover-image {
width: 100%;
height: 100%;
}
.content--h {
position: relative;
display: block;
height: 0;
padding: 0;
overflow: hidden;
padding-bottom: 30.416666666666664%;
}
.content--h .content__media {
position: absolute;
top: 0;
bottom: 0;
left: calc(99.9% / 12 - (20px - 20px / 12));
right: calc(99.9% / 12 - (20px - 20px / 12));
}
.content--h .content__media .icon {
display: none;
}
.no-touch .content--h .content__media .icon {
display: block;
opacity: 0;
color: #fff;
pointer-events: none;
transition: opacity .225s;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 3.2vw;
height: 3.2vw;
}
.content--h .content__media .video--loaded + .icon {
opacity: 1;
}
.content--h .content__media .video--playing + .icon {
opacity: 0;
}
.general-error {
width: 300px;
padding: 10px 40px 10px 10px;
z-index: 1000;
opacity: 0;
border-radius: 3px;
background: rgb(176, 130, 137);
-webkit-transform: translateY(+10px);
transform: translateY(+10px);
transition: opacity .3s cubic-bezier(.39, .575, .565, 1), -webkit-transform .3s cubic-bezier(.39, .575, .565, 1);
transition: transform .3s cubic-bezier(.39, .575, .565, 1), opacity .3s cubic-bezier(.39, .575, .565, 1);
transition: transform .3s cubic-bezier(.39, .575, .565, 1), opacity .3s cubic-bezier(.39, .575, .565, 1), -webkit-transform .3s cubic-bezier(.39, .575, .565, 1);
right: 20px;
bottom: 20px;
position: fixed;
}
.general-error__message {
font-size: 14px;
color: #fff;
}
.general-error__close {
padding: 10px;
cursor: pointer;
width: 30px;
height: 30px;
top: 0;
right: 0;
position: absolute;
}
.general-error__close .icon {
color: #fff;
width: 100%;
height: 100%;
}
.general-error--open {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.pac-container {
border: none;
border-radius: 0;
box-shadow: none;
}
.pac-container::after {
display: none;
}
.pac-item {
padding: 0 14px;
}
[dir='rtl'] .pac-item {
text-align: right;
}
.pac-item:first-of-type {
border: none;
}
.pac-item:hover {
background: rgba(174, 128, 87, 0.1);
}
.pac-icon {
display: none;
}
.pac-item-selected {
background: rgba(174, 128, 87, 0.2);
}
.quote {
display: flex;
overflow: hidden;
}
.quote__wrapper.row {
flex: 1;
width: 100%;
margin-bottom: 0;
}
.quote .pillarbox, .quote__wrapper {
height: 100%;
}
.quote--left .quote__wrapper .quote__container {
margin-left: calc(100% * (-1/12 * -1) - (20px - 20px * (-1/12 * -1)) + 20px) !important;
}
.quote--right .quote__wrapper .quote__container {
order: 1;
}
.quote--right .quote__wrapper .quote__img-wrapper {
margin-left: calc(100% * (-1/12 * -1) - (20px - 20px * (-1/12 * -1)) + 20px) !important;
order: 2;
}
[dir='rtl'] .quote__wrapper {
direction: ltr;
}
[dir='rtl'] .quote__wrapper .quote__text {
direction: rtl;
}
.quote__container {
position: relative;
display: flex;
flex-direction: column;
justify-content: flex-start;
}
[dir='rtl'] .quote__container h4, [dir='rtl'] .quote__container p {
direction: rtl;
}
.quote__container h4 {
margin: 26px 0 32px;
font-size: calc(13px + 3 * ((100vw - 375px) / 1650));
text-transform: none;
letter-spacing: normal;
}
.quote__container p {
font-size: calc(16px + 4 * ((100vw - 375px) / 1650));
text-transform: uppercase;
line-height: calc(20px + 4 * ((100vw - 375px) / 1650));
}
.quote__container p.body-copy {
padding-top: 32px;
font-size: calc(13px + 3 * ((100vw - 375px) / 1650));
text-transform: none;
line-height: calc(20px + 6 * ((100vw - 375px) / 1650));
}
.quote__container .comment {
padding: 36px 0;
font-size: 14px;
line-height: calc(25px + 3 * ((100vw - 320px) / 744));
}
.quote__img-wrapper {
position: relative;
}
.quote__img-wrapper .quote-img-row {
position: absolute;
width: calc(100vw - ((100vw - 100%) / 2) - (4 / 12 * 100%));
height: 100%;
overflow: hidden;
}
.quote--left .quote__img-wrapper .quote-img-row {
right: 0;
}
.quote__text-wrapper {
position: relative;
display: flex;
flex-flow: row nowrap;
overflow: hidden;
width: 100%;
height: 100%;
}
.quote__container, .quote__img-wrapper {
height: 100%;
}
.quote__nav {
display: flex;
align-items: flex-end;
margin: 0;
flex-grow: 1;
}
[dir='rtl'] .quote__nav nav {
direction: ltr;
}
.quote__nav button {
display: inline-block;
margin: 0 6px;
color: rgba(255, 255, 255, 0.2);
cursor: pointer;
background: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
touch-action: manipulation;
-webkit-touch-callout: none;
}
.quote__nav button.active {
color: #fff;
}
.page--light .quote__nav button {
color: rgba(0, 0, 0, 0.2);
}
.page--light .quote__nav button.active {
color: #000;
}
.quote__nav button .icon {
background: rgba(255, 255, 255, 0);
width: 25px;
height: 25px;
}
.quote__nav.quote__nav--hidden {
display: none;
}
.quote--a, .quote--b {
min-height: 365px;
position: relative;
display: block;
height: 0;
padding: 0;
overflow: hidden;
padding-bottom: 30.416666666666664%;
}
.quote--a .pillarbox, .quote--b .pillarbox {
width: 100%;
height: 100%;
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
}
.quote--b .quote__img-wrapper .parallax-container {
position: absolute;
width: calc(100vw - ((100vw - 100%) / 2) - (4 / 12 * 100%));
}
.quote--b.quote--left .quote__img-wrapper .parallax-container {
right: 0;
}
.quote--b .quote__nav {
display: none;
}
.quote .quote-img {
opacity: 0;
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
transition: opacity .6s cubic-bezier(.39, .575, .565, 1), -webkit-transform .6s cubic-bezier(.39, .575, .565, 1);
transition: opacity .6s cubic-bezier(.39, .575, .565, 1), transform .6s cubic-bezier(.39, .575, .565, 1);
transition: opacity .6s cubic-bezier(.39, .575, .565, 1), transform .6s cubic-bezier(.39, .575, .565, 1), -webkit-transform .6s cubic-bezier(.39, .575, .565, 1);
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
}
.quote .quote-img.active {
z-index: 100;
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
.quote .quote-img.phase-in {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
.quote .quote-img.phase-out {
opacity: 0;
-webkit-transform: translateX(20px);
transform: translateX(20px);
}
.quote .quote-text {
flex: 1 0 100%;
opacity: 0;
-webkit-transform: translateX(20px);
transform: translateX(20px);
transition: opacity .6s cubic-bezier(.39, .575, .565, 1), -webkit-transform .6s cubic-bezier(.39, .575, .565, 1);
transition: opacity .6s cubic-bezier(.39, .575, .565, 1), transform .6s cubic-bezier(.39, .575, .565, 1);
transition: opacity .6s cubic-bezier(.39, .575, .565, 1), transform .6s cubic-bezier(.39, .575, .565, 1), -webkit-transform .6s cubic-bezier(.39, .575, .565, 1);
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
}
.quote .quote-text.active {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
.quote .quote-text.phase-in {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
.quote .quote-text.phase-out {
opacity: 0;
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
}
[dir='rtl'] .quote .quote-text {
text-align: right;
}
.quote--c .quoter-image {
padding-bottom: 42%;
}
.quote--c.content--d .content__media.active {
display: block;
}
.quote--c .quote {
position: absolute;
width: 100%;
top: 0;
bottom: -60px;
}
.subnavigation {
visibility: hidden;
height: 65px;
top: 65px;
margin-top: -65px;
z-index: 998;
background-color: inherit;
transition: top .6s cubic-bezier(.39, .575, .565, 1) .6s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
will-change: top;
}
.subnavigation--inited {
visibility: visible;
top: 0;
}
.subnavigation--inited-instant {
visibility: visible;
top: 0;
transition: none;
}
.subnavigation__wrapper {
width: 100%;
height: 100%;
opacity: 1;
background-color: inherit;
transition: opacity .6s cubic-bezier(.39, .575, .565, 1);
}
.subnavigation__wrapper.subnavigation__wrapper--fixed {
position: fixed;
width: auto;
height: 65px;
top: 0;
left: 0;
right: 0;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-animation-name: subnavigation-slide-down;
animation-name: subnavigation-slide-down;
-webkit-animation-duration: .6s;
animation-duration: .6s;
-webkit-animation-timing-function: cubic-bezier(.39, .575, .565, 1);
animation-timing-function: cubic-bezier(.39, .575, .565, 1);
-webkit-animation-delay: 0s;
animation-delay: 0s;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-direction: forward;
animation-direction: forward;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
will-change: top;
}
.subnavigation__wrapper.hidden {
opacity: 0;
}
.subnavigation .row {
margin-bottom: 0;
}
.subnavigation nav {
width: 100%;
height: 100%;
}
.subnavigation ul {
position: relative;
display: flex;
flex-wrap: nowrap;
align-items: center;
justify-content: center;
line-height: 1;
width: 100%;
height: 100%;
}
.subnavigation li {
display: flex;
}
.subnavigation li a {
position: relative;
display: flex;
padding: 20px calc(20px / 2);
margin: 0 calc(20px / 2);
font-size: calc(9px + 5 * ((100vw - 769px) / 1256));
text-transform: uppercase;
color: rgba(255, 255, 255, 0.7);
letter-spacing: 1px;
transition: opacity .3s cubic-bezier(.19, 1, .22, 1);
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.subnavigation li a::after {
content: '';
width: 0;
height: 2px;
background: rgba(255, 255, 255, 0.2);
transition: width .6s cubic-bezier(.19, 1, .22, 1);
bottom: 14px;
left: 10px;
position: absolute;
}
.page--light .subnavigation li a {
color: rgba(0, 0, 0, 0.7);
}
.page--light .subnavigation li a::after {
background: rgba(0, 0, 0, 0.2);
}
.subnavigation li a.active, .no-touch .subnavigation li a:hover {
color: rgb(255, 255, 255);
}
.subnavigation li a.active::after, .no-touch .subnavigation li a:hover::after {
width: calc(100% - 20px);
}
@-webkit-keyframes subnavigation-slide-down {
0% {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
100% {
-webkit-transform: translateY(0%);
transform: translateY(0%);
}
}
@keyframes subnavigation-slide-down {
0% {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
100% {
-webkit-transform: translateY(0%);
transform: translateY(0%);
}
}
.subnav-dealers {
visibility: hidden;
height: 65px;
top: 0;
margin-top: -65px;
z-index: 998;
background-color: #F9F9F9;
transition: top .6s cubic-bezier(.39, .575, .565, 1) .6s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
will-change: top;
}
.subnav-dealers ul .subnav-dealers-link+.subnav-dealers-bt {
margin-left: auto;
}
.subnav-dealers .subnav-dealers-bt button {
border: 2px solid #D0D1D1;
border-radius: 4px;
padding-right: 10px;
padding-left: 10px;
margin: 0 10px;
background: transparent;
transition: border .225s cubic-bezier(.39, .575, .565, 1);
}
.subnav-dealers .subnav-dealers-bt button:hover {
border: 2px solid rgb(234, 235, 235);
cursor: pointer;
}
.subnav-dealers--inited {
visibility: visible;
top: 0;
}
.subnav-dealers--inited-instant {
visibility: visible;
top: 0;
transition: none;
}
.subnav-dealers__wrapper {
width: 100%;
height: 100%;
opacity: 1;
background-color: inherit;
transition: opacity .6s cubic-bezier(.39, .575, .565, 1);
}
.subnav-dealers__wrapper.subnav-dealers__wrapper--fixed {
position: fixed;
width: auto;
height: 65px;
top: 0;
left: 0;
right: 0;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-animation-name: subnav-dealers-slide-down;
animation-name: subnav-dealers-slide-down;
-webkit-animation-duration: .6s;
animation-duration: .6s;
-webkit-animation-timing-function: cubic-bezier(.39, .575, .565, 1);
animation-timing-function: cubic-bezier(.39, .575, .565, 1);
-webkit-animation-delay: 0s;
animation-delay: 0s;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-direction: forward;
animation-direction: forward;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
will-change: top;
}
.subnav-dealers__wrapper.hidden {
opacity: 0;
}
.subnav-dealers .row {
margin-bottom: 0;
}
.subnav-dealers nav {
width: 100%;
height: 100%;
}
.subnav-dealers ul {
position: relative;
display: flex;
flex-wrap: nowrap;
align-items: center;
justify-content: space-between;
line-height: 1;
width: 100%;
height: 100%;
}
.subnav-dealers li {
display: flex;
}
.subnav-dealers li a {
position: relative;
display: flex;
padding: 20px calc(20px / 2);
margin: 0 calc(20px / 2);
font-size: calc(9px + 5 * ((100vw - 769px) / 1256));
text-transform: uppercase;
color: rgba(0, 0, 0, 0.7);
letter-spacing: 1px;
transition: opacity .3s cubic-bezier(.19, 1, .22, 1);
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.subnav-dealers li a::after {
content: '';
width: 0;
height: 2px;
background: rgba(0, 0, 0, 0.2);
transition: width .6s cubic-bezier(.19, 1, .22, 1);
bottom: 14px;
left: 10px;
position: absolute;
}
.subnav-dealers li a.active, .no-touch .subnav-dealers li a:hover {
color: rgb(0, 0, 0);
}
.subnav-dealers li a.active::after, .no-touch .subnav-dealers li a:hover::after {
width: calc(100% - 20px);
}
@-webkit-keyframes subnav-dealers-slide-down {
0% {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
100% {
-webkit-transform: translateY(0%);
transform: translateY(0%);
}
}
@keyframes subnav-dealers-slide-down {
0% {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
100% {
-webkit-transform: translateY(0%);
transform: translateY(0%);
}
}
.subnav-dealers-separate nav {
display: flex;
justify-content: center;
flex-direction: row;
flex-wrap: wrap;
}
.subnav-dealers-separate button {
border: 2px solid #D0D1D1;
border-radius: 4px;
padding-right: 10px;
padding-left: 10px;
margin: 0 10px;
background: transparent;
transition: border .225s cubic-bezier(.39, .575, .565, 1);
}
.subnav-dealers-separate button:hover {
border: 2px solid rgb(234, 235, 235);
cursor: pointer;
}
.header--dealers {
transition: -webkit-transform .4s ease!important;
transition: transform .4s ease!important;
transition: transform .4s ease, -webkit-transform .4s ease!important;
}
.experience {
margin-bottom: 0;
position: relative;
display: block;
height: 0;
padding: 0;
overflow: hidden;
padding-bottom: 41.66666666666667%;
}
.experience__media {
width: 100%;
height: 100%;
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
}
.experience__text {
z-index: 1;
opacity: 0;
cursor: pointer;
transition: opacity .6s cubic-bezier(.47, 0, .745, .715);
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
}
.experience__text::after {
content: '';
z-index: 2;
border-radius: 50%;
background: rgba(0, 0, 0, 0.1);
box-shadow: 0 0 150px 150px rgba(0, 0, 0, 0.1);
width: 25%;
height: 25%;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.experience__text h3 {
width: 50%;
margin-bottom: 30px;
z-index: 3;
font-size: calc(23px + 5 * ((100vw - 375px) / 1650));
text-align: center;
text-transform: uppercase;
line-height: calc(28px + 4 * ((100vw - 375px) / 1650));
}
.experience__text .button {
width: 150px;
z-index: 3;
font-size: 10px;
}
.experience__volume {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
width: 100%;
z-index: 2;
opacity: 0;
transition: opacity 1s cubic-bezier(.47, 0, .745, .715);
bottom: 30px;
left: 0;
position: absolute;
}
[dir='rtl'] .experience__volume {
direction: ltr;
}
.experience__volume .icon {
color: #fff;
width: 20px;
height: 20px;
}
.experience__volume p {
padding-top: 2px;
margin-left: calc(20px / 2);
font-size: 10px;
text-transform: uppercase;
letter-spacing: 2px;
}
.mac-os .experience__volume p {
padding-top: 4px;
}
.experience.video--paused .experience__text, .experience.video--paused .experience__volume, .experience.show .experience__text, .experience.show .experience__volume {
opacity: 1;
}
.experience.video--playing .experience__text, .experience.video--playing .experience__volume {
opacity: 0;
}
.promo {
display: flex;
}
.promo__wrapper.row {
flex-wrap: nowrap;
width: 100%;
margin-bottom: 0;
}
.promo--a a, .promo--b a {
color: inherit;
}
.promo--a .promo__img, .promo--b .promo__img {
width: 100%;
margin-bottom: 20px;
position: relative;
display: block;
height: 0;
padding: 0;
overflow: hidden;
padding-bottom: 60%;
}
.promo--a .promo__img .cover-image, .promo--b .promo__img .cover-image {
position: absolute;
}
.promo--a .promo__text, .promo--b .promo__text {
display: flex;
flex-direction: row;
justify-content: flex-start;
width: 100%;
color: inherit;
}
.promo--a .promo__text h3, .promo--b .promo__text h3 {
padding: 3px 0 0;
margin-left: 15px;
font-size: 15px;
text-transform: uppercase;
line-height: 1;
}
.promo--a .promo__text .icon, .promo--b .promo__text .icon {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
transition: -webkit-transform .3s cubic-bezier(.39, .575, .565, 1);
transition: transform .3s cubic-bezier(.39, .575, .565, 1);
transition: transform .3s cubic-bezier(.39, .575, .565, 1), -webkit-transform .3s cubic-bezier(.39, .575, .565, 1);
width: 18px;
height: 18px;
}
.page--light .promo--a .promo__text .icon, .page--light .promo--b .promo__text .icon {
color: #ae8057;
}
.page--dark .promo--a .promo__text .icon, .page--dark .promo--b .promo__text .icon {
color: rgba(255, 255, 255, 0.3);
}
[dir='rtl'] .promo--a .promo__text h3, [dir='rtl'] .promo--b .promo__text h3 {
margin-left: 0;
margin-right: 15px;
}
[dir='rtl'] .promo--a .promo__text .icon, [dir='rtl'] .promo--b .promo__text .icon {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.no-touch .promo--a .promo__col:hover .icon, .no-touch .promo--b .promo__col:hover .icon {
-webkit-transform: rotate(-90deg) translateY(33%);
transform: rotate(-90deg) translateY(33%);
}
[dir='rtl'].no-touch .promo--a .promo__col:hover .icon, [dir='rtl'].no-touch .promo--b .promo__col:hover .icon {
-webkit-transform: rotate(90deg) translateY(33%);
transform: rotate(90deg) translateY(33%);
}
[dir='rtl'] .promo--a .promo__col:not(:last-child), [dir='rtl'] .promo--b .promo__col:not(:last-child) {
margin-left: 20px;
margin-right: 0;
}
.promo__wrapper {
position: relative;
width: 100%;
margin-bottom: 0;
}
.promo--c {
position: relative;
display: block;
height: 0;
padding: 0;
overflow: hidden;
padding-bottom: 20.833333333333336%;
}
.promo--c .promo__wrapper {
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
}
.promo--c .promo__video {
width: 100%;
height: 100%;
}
.promo--c .promo__text {
z-index: 1;
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
}
.promo--c .promo__text::after {
content: '';
z-index: 2;
border-radius: 50%;
background: rgba(0, 0, 0, 0.1);
box-shadow: 0 0 150px 150px rgba(0, 0, 0, 0.1);
width: 25%;
height: 25%;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.promo--c .promo__text h3 {
width: 50%;
margin-bottom: 30px;
z-index: 3;
font-size: calc(23px + 2 * ((100vw - 480px) / 720));
text-align: center;
text-transform: uppercase;
line-height: calc(28px + 2 * ((100vw - 480px) / 720));
}
.promo--c .promo__text .button {
z-index: 3;
font-size: 10px;
}
.accessories__header {
position: relative;
width: 100%;
text-align: center;
color: #000;
}
.accessories__header.row {
margin-bottom: 85px;
}
.accessories__header h2 {
font-size: calc(20px + 5 * ((100vw - 375px) / 825));
line-height: 1;
}
.accessories__header .button {
padding: 0;
font-size: 10px;
text-decoration: none;
color: #000;
letter-spacing: 1px;
right: 0;
position: absolute;
}
.accessories__header .button:focus {
outline-color: rgba(204, 204, 204, 0.7);
}
.accessories__wrapper, .accessories__slider {
width: 100%;
margin-bottom: 0;
}
.accessories__slider.row {
flex-flow: row nowrap;
}
.accessories__img {
width: 100%;
margin-bottom: 20px;
pointer-events: none;
}
.accessories__img .cover-image {
position: relative;
display: block;
height: 0;
padding: 0;
overflow: hidden;
padding-bottom: 60%;
}
.accessories__text {
display: flex;
flex-direction: row;
justify-content: flex-start;
width: 100%;
}
.accessories__text h3 {
padding: 3px 0 0;
margin-left: 15px;
font-size: calc(15px + 3 * ((100vw - 375px) / 1650));
text-transform: uppercase;
line-height: 1;
}
.accessories__text .icon {
color: #ae8057;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
transition: -webkit-transform .3s cubic-bezier(.39, .575, .565, 1);
transition: transform .3s cubic-bezier(.39, .575, .565, 1);
transition: transform .3s cubic-bezier(.39, .575, .565, 1), -webkit-transform .3s cubic-bezier(.39, .575, .565, 1);
width: 18px;
height: 18px;
}
.no-touch .accessories__col:hover .icon {
-webkit-transform: rotate(-90deg) translate(0, 33%);
transform: rotate(-90deg) translate(0, 33%);
}
[dir='rtl'].no-touch .accessories__col:hover .icon {
-webkit-transform: rotate(90deg) translateY(33%);
transform: rotate(90deg) translateY(33%);
}
.accessories__col:focus {
outline-color: rgba(204, 204, 204, 0.7);
}
.body-copy .pillarbox.row {
margin-bottom: 0;
}
.body-copy__wrapper.col {
flex: 1 0 auto;
}
.body-copy__small-title, .body-copy .body-copy__small-title {
display: block;
margin-bottom: calc(16px + 4 * ((100vw - 375px) / 1650));
font-size: calc(14px + 2 * ((100vw - 375px) / 1645));
text-transform: uppercase;
line-height: 1;
letter-spacing: 2px;
}
.body-copy__large-title, .body-copy .body-copy__large-title {
margin-bottom: calc(24px + 4 * ((100vw - 375px) / 1650));
font-size: calc(23px + 34 * ((100vw - 375px) / 1650));
line-height: calc(26px + 24 * ((100vw - 375px) / 1650));
}
.body-copy__medium-title, .body-copy .body-copy__medium-title {
margin-bottom: calc(26px + 14 * ((100vw - 375px) / 1650));
font-size: calc(24px + 10 * ((100vw - 420px) / 860));
line-height: calc(26px + 14 * ((100vw - 375px) / 1650));
}
.body-copy__text, .body-copy .body-copy__text {
font-size: calc(14px + 4 * ((100vw - 375px) / 1650));
line-height: calc(28px + 6 * ((100vw - 375px) / 1650));
}
.body-copy__medium-text, .body-copy .body-copy__medium-text {
font-size: calc(12px + 4 * ((100vw - 375px) / 1650));
line-height: 1.75;
}
.body-copy__small-text, .body-copy .body-copy__small-text {
font-size: 11px;
line-height: 26px;
letter-spacing: 1px;
}
.form .body-copy__small-text, .form .body-copy .body-copy__small-text {
line-height: 18px;
}
.body-copy__strong {
font-size: 30px;
font-style: italic;
line-height: 1;
}
.body-copy strong {
font-weight: bold;
}
.body-copy em {
font-style: italic;
}
.body-copy a {
color: currentColor;
}
.page--dark .body-copy a {
color: #fff;
border-bottom: 2px solid rgba(255, 255, 255, 0.3);
}
.no-touch .page--dark .body-copy a:hover {
border-color: rgba(255, 255, 255, 0.4);
}
.page--dark .body-copy a:focus {
border-color: rgba(255, 255, 255, 0.2);
}
.page--dark .body-copy a.button__download {
border: 0;
}
.page--light .body-copy a {
color: #000;
border-bottom: 2px solid rgba(0, 0, 0, 0.2);
}
.no-touch .page--light .body-copy a:hover {
border-color: rgba(0, 0, 0, 0.1);
}
.page--light .body-copy a:focus {
border-color: rgba(0, 0, 0, 0.3);
}
.page--light .body-copy a.button__download {
border: 0;
}
.body-copy li {
position: relative;
font-size: calc(14px + 4 * ((100vw - 375px) / 1650));
line-height: calc(28px + 6 * ((100vw - 375px) / 1650));
}
.body-copy ul li {
padding-left: 15px;
}
.body-copy ul li::before {
content: '';
border-radius: 100%;
background: currentColor;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
width: 5px;
height: 5px;
top: 50%;
left: 0;
position: absolute;
}
[dir='rtl'] .body-copy ul li {
padding-left: 0;
padding-right: 15px;
}
[dir='rtl'] .body-copy ul li::before {
left: auto;
right: 0;
}
.body-copy ol {
counter-reset: ordered-list-counter;
}
.body-copy ol li {
counter-increment: ordered-list-counter;
padding-left: 0;
}
.body-copy ol li::before {
content: counter(ordered-list-counter) ". ";
font-style: italic;
}
.body-copy--b .body-copy__text {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-column-count: 2;
column-count: 2;
grid-column-gap: 3.42vw;
-webkit-column-gap: 3.42vw;
column-gap: 3.42vw;
}
.body-copy--d .row {
flex-wrap: nowrap;
}
[dir='rtl'] .body-copy--d .row .col:not(:last-child) {
margin-left: 20px;
margin-right: 0;
}
.body-copy--d .body-copy__small-text {
line-height: 2.2;
}
.body-copy--quote blockquote {
margin-bottom: calc(62px + 18 * ((100vw - 375px) / 1650));
margin-left: 58px;
margin-right: 58px;
}
.body-copy--quote blockquote p {
margin-bottom: calc(24px + 4 * ((100vw - 375px) / 1650));
font-size: calc(20px + 4 * ((100vw - 375px) / 1650));
font-style: italic;
line-height: calc(25px + 7 * ((100vw - 375px) / 1650));
}
.body-copy--quote blockquote footer {
font-size: calc(10px + 2 * ((100vw - 375px) / 1650));
line-height: 1;
}
.body-copy--article .body-copy__small-title {
margin-bottom: calc(28px + 4 * ((100vw - 375px) / 1650));
}
.body-copy--article .body-copy__text:not(:last-of-type), .body-copy--article p:not(:last-of-type) {
margin-bottom: calc(56px + 6 * ((100vw - 375px) / 1650));
}
.body-copy--title {
flex: 1 0 0;
padding: 0 20px;
}
.body-copy--title .body-copy__medium-title, .body-copy--title .body-copy__large-title {
margin-bottom: 0;
}
.body-copy--cropped {
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.gallery {
position: relative;
display: block;
height: 0;
padding: 0;
overflow: hidden;
padding-bottom: 45.83333333333333%;
}
.gallery__wrapper {
display: flex;
flex-flow: row wrap;
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
}
.gallery__wrapper.no-transition {
transition: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
will-change: transform;
}
[dir='rtl'] .gallery__wrapper {
direction: ltr;
}
.gallery__row {
display: flex;
flex-flow: column wrap;
width: 100%;
height: 100%;
}
.gallery__row:nth-child(odd) .gallery__item:nth-child(3), .gallery__row:nth-child(even) .gallery__item:nth-child(1) {
height: 100%;
}
.gallery__item {
cursor: pointer;
width: 50%;
height: 50%;
}
.gallery__item:first-child:last-child {
width: 100%;
height: 100%;
}
.gallery__item:first-child + .gallery__item:last-child, .gallery__item:first-child:nth-last-child(2) {
height: 100%;
}
.gallery__item:focus {
opacity: .8;
}
[data-gallery-slider] .gallery__item {
cursor: default;
}
.gallery__pager {
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
top: 50%;
right: 20px;
position: absolute;
}
[dir='rtl'] .gallery__pager .pager {
direction: ltr;
}
.gallery__pager .pager__button {
display: none;
}
.gallery__pager .pager__button:nth-child(1), .gallery__pager .pager__button:nth-child(4) {
display: flex;
}
.no-touch .gallery__pager .pager__button:hover::before, .no-touch .gallery__pager .pager__button:hover::after {
width: 2px;
height: 2px;
}
.gallery__pager .pager.hidden {
display: none;
}
.gallery__icon {
width: 0;
height: 0;
overflow: hidden;
z-index: 10010;
opacity: 0;
color: #fff;
cursor: pointer;
-webkit-transform-origin: center;
transform-origin: center;
top: 0;
left: 0;
position: absolute;
}
.gallery__icon .icon {
width: 100%;
height: 100%;
}
.gallery__icon.gallery__icon--close {
top: 10px;
right: 10px;
bottom: auto;
left: auto;
position: absolute;
width: 45px;
height: 45px;
}
.gallery__icon.gallery__icon--close .icon {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 16px;
height: 16px;
}
.gallery__icon.gallery__icon--next .icon {
-webkit-transform: rotateZ(-90deg);
transform: rotateZ(-90deg);
}
.gallery__icon.gallery__icon--previous .icon {
-webkit-transform: rotateZ(90deg);
transform: rotateZ(90deg);
}
.gallery--show-next .gallery__wrapper {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
.gallery--scroll-change .gallery__wrapper {
transition: -webkit-transform .5s cubic-bezier(.39, .575, .565, 1);
transition: transform .5s cubic-bezier(.39, .575, .565, 1);
transition: transform .5s cubic-bezier(.39, .575, .565, 1), -webkit-transform .5s cubic-bezier(.39, .575, .565, 1);
}
.gallery--show-overlay {
position: fixed;
top: 0;
left: 0;
padding-bottom: 0;
z-index: 10000;
background: #262626;
width: 100%;
height: 100%;
}
.gallery--show-overlay .gallery__wrapper {
opacity: 0;
-webkit-transform: translateY(0%);
transform: translateY(0%);
-webkit-animation-name: gallery-fade-in;
animation-name: gallery-fade-in;
-webkit-animation-duration: .4s;
animation-duration: .4s;
-webkit-animation-timing-function: cubic-bezier(.39, .575, .565, 1);
animation-timing-function: cubic-bezier(.39, .575, .565, 1);
-webkit-animation-delay: 100ms;
animation-delay: 100ms;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-direction: forward;
animation-direction: forward;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.gallery--show-overlay .gallery__icon--close {
display: block;
opacity: 1;
}
.gallery--show-overlay .gallery__item {
opacity: 0;
transition: opacity .3s cubic-bezier(.39, .575, .565, 1);
}
.gallery--show-overlay .gallery__item--active {
opacity: 1;
}
.gallery--slider-mode .gallery__icon {
transition: opacity .8s cubic-bezier(.39, .575, .565, 1);
}
.gallery--slider-mode .gallery__icon--active {
opacity: 1;
cursor: none;
width: 45px;
height: 45px;
}
.gallery--slider-mode .gallery__icon--disabled {
opacity: .1;
}
.gallery--slider-mode .gallery__item {
padding: 0;
}
.gallery--slider-mode .gallery__wrapper {
flex-wrap: nowrap;
}
.gallery--slider-mode .gallery__row {
flex: 1 0 300%;
flex-flow: row nowrap;
}
.gallery--slider-mode .gallery__item {
max-width: 100vw;
height: 100%;
}
.gallery--slider-mode .gallery__pager {
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
top: auto;
right: auto;
bottom: 20px;
left: 50%;
position: absolute;
}
.gallery--slider-mode .gallery__pager .pager {
flex-direction: row;
}
.gallery--slider-mode .gallery__pager .pager li {
display: flex;
}
.gallery--slider-mode .gallery__icon {
z-index: 1;
}
.gallery--slider-mode .pager .pager__button:hover {
cursor: default;
}
.gallery--slider-mode .pager .pager__button:hover::before, .gallery--slider-mode .pager .pager__button:hover::after {
width: 2px;
height: 2px;
}
@-webkit-keyframes gallery-fade-in {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes gallery-fade-in {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.specs {
color: #000;
}
.specs.hidden {
display: none;
}
.specs__header.row {
margin-bottom: 85px;
flex-shrink: 0;
}
.specs__header.row .specs__image-list {
position: relative;
display: block;
height: 0;
padding: 0;
overflow: hidden;
padding-bottom: 33.33333333333333%;
}
.specs__header.row .specs__image-list img {
opacity: 1;
transition: opacity .6s cubic-bezier(.39, .575, .565, 1) .6s;
top: 0;
left: 0;
position: absolute;
}
.specs__header.row .specs__image-list img.hidden {
opacity: 0;
transition: opacity .6s cubic-bezier(.39, .575, .565, 1);
}
.specs__header.row img {
width: 100%;
}
.specs__details {
flex: 0;
overflow: hidden;
}
.specs__details .pillarbox {
max-width: calc(1024px + 2 * 20px);
padding: 0 20px;
}
.specs__details--full .specs__header.row {
height: 300px;
}
.specs__details--full .specs__header.row .specs__image {
position: relative;
flex: 0 0 calc(1 / 3 * 100%);
align-self: flex-start;
height: 520px;
}
.specs__details--full .specs__header.row .specs__image-wrapper {
width: calc((100vw - 1024px) / 2 + 100% + 20px);
}
.specs__details--full .specs__header.row .specs__image-wrapper img {
width: auto;
max-width: 100%;
height: auto;
}
.specs__details--full-left .specs__image-wrapper {
top: 0;
right: 0;
position: absolute;
}
.specs__details--full-right .specs__header.row {
justify-content: flex-end;
}
.specs__details--full-right .specs__image-wrapper {
top: 0;
left: 0;
position: absolute;
}
.specs__title {
width: 100%;
margin-bottom: 62px;
z-index: 2;
}
.specs__title h1 {
flex-basis: 100%;
font-size: 20px;
line-height: 1;
}
.specs__numbers.row {
width: calc(3 / 4 * 100%);
margin-bottom: 74px;
}
.dealer-location__wrapper {
position: relative;
height: 710px;
min-height: 300px;
max-height: 60vh;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
margin-bottom: 5rem;
}
.dealer-location__copy {
text-align: right;
margin-bottom: 2rem;
}
.dealer-location__pin {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -100%);
transform: translate(-50%, -100%);
z-index: 100;
width: 64px;
height: 64px;
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg width='100%25' height='100%25' viewBox='0 0 64 64' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;'%3E%3Cpath d='M63.284,35.854l-28.284,-28.147l-28.284,28.147l28.284,28.146l28.284,-28.146Z' style='fill:%23161718;fill-opacity:0.4;'/%3E%3Cpath d='M60.284,35.854l-28.284,-28.147l-28.284,28.147l28.284,28.146l28.284,-28.146Z' style='fill:%23161718;'/%3E%3Cpath d='M32,37.328l0.5,0l0,-0.46l-0.459,-0.038l-0.041,0.498Zm0,7.979l-0.5,0l0,0.5l0.5,0l0,-0.5Zm1,0l0,0.5l0.5,0l0,-0.5l-0.5,0Zm0,-7.979l-0.041,-0.498l-0.459,0.038l0,0.46l0.5,0Zm-6,-5.952c0,-3.023 2.462,-5.474 5.5,-5.474l0,-1c-3.585,0 -6.5,2.894 -6.5,6.474l1,0Zm5.041,5.454c-2.823,-0.232 -5.041,-2.586 -5.041,-5.454l-1,0c0,3.397 2.626,6.177 5.959,6.451l0.082,-0.997Zm0.459,8.477l0,-7.979l-1,0l0,7.979l1,0Zm0.5,-0.5l-1,0l0,1l1,0l0,-1Zm-0.5,-7.479l0,7.979l1,0l0,-7.979l-1,0Zm5.5,-5.952c0,2.868 -2.218,5.222 -5.041,5.454l0.082,0.997c3.333,-0.274 5.959,-3.054 5.959,-6.451l-1,0Zm-5.5,-5.474c3.038,0 5.5,2.451 5.5,5.474l1,0c0,-3.58 -2.915,-6.474 -6.5,-6.474l0,1Zm0,0c-3.038,0 -5.5,2.451 -5.5,5.474l1,0c0,-2.466 2.01,-4.474 4.5,-4.474l0,-1Zm5.5,5.474c0,-3.023 -2.462,-5.474 -5.5,-5.474l0,1c2.49,0 4.5,2.008 4.5,4.474l1,0Zm-5.5,5.473c3.038,0 5.5,-2.451 5.5,-5.473l-1,0c0,2.466 -2.01,4.473 -4.5,4.473l0,1Zm-5.5,-5.473c0,3.022 2.462,5.473 5.5,5.473l0,-1c-2.49,0 -4.5,-2.007 -4.5,-4.473l-1,0Z' style='fill:%23fff;fill-rule:nonzero;'/%3E%3C/svg%3E");
display: block;
}
.specs__table {
position: relative;
width: 100%;
z-index: 1;
}
.specs__table .specs-accordion {
width: 100%;
}
.specs__table .specs-accordion__header.row {
width: 100%;
height: 55px;
margin-bottom: 0;
border-bottom: 1px solid #ccc;
}
.specs__table .specs-accordion__header.row h3 {
font-size: 20px;
text-transform: none;
flex-grow: 1;
}
.specs__table .specs-accordion__button {
position: relative;
cursor: pointer;
width: 40px;
height: 40px;
}
.specs__table .specs-accordion__button::before, .specs__table .specs-accordion__button::after {
content: '';
background-color: #000;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.specs__table .specs-accordion__button::before {
opacity: 1;
transition: opacity .6s cubic-bezier(.39, .575, .565, 1);
width: 1px;
height: 50%;
}
.specs__table .specs-accordion__button::after {
width: 50%;
height: 1px;
}
.specs__table .specs-accordion__content.grid {
align-items: flex-end;
height: 0;
transition: height .6s cubic-bezier(.39, .575, .565, 1);
}
.specs__table .specs-accordion__content.grid .content__item {
display: flex;
flex: 1 0 auto;
align-items: center;
width: 100%;
font-size: 14px;
line-height: 1;
}
.specs__table .specs-accordion__content.grid.content--rows .content__item {
min-height: 55px;
padding: 15px 0;
opacity: 0;
transition: opacity .2s cubic-bezier(.39, .575, .565, 1);
border-bottom: 1px solid rgba(204, 204, 204, 0.3);
}
.specs__table .specs-accordion__content.grid.content--rows .content__item:last-of-type {
margin-bottom: 30px;
}
.specs__table .specs-accordion__content.grid.content--columns .content__block {
flex: 1;
opacity: 0;
transition: opacity .2s cubic-bezier(.39, .575, .565, 1);
}
.specs__table .specs-accordion__content.grid.content--columns .content__header {
height: 55px;
padding-top: 20px;
font-size: 14px;
line-height: 1;
border-bottom: 1px solid rgba(204, 204, 204, 0.3);
}
.specs__table .specs-accordion__content.grid.content--columns ul.row {
margin-bottom: 0;
flex-grow: 1;
}
.specs__table .specs-accordion__content.grid.content--columns .content__col {
display: flex;
flex: 1 0 auto;
flex-direction: column;
margin-top: 20px;
}
.specs__table .specs-accordion__content.grid.content--columns p {
padding-bottom: 20px;
font-size: 14px;
line-height: 1;
}
.specs__table .specs-accordion__content.grid.content--columns .content__item {
position: relative;
height: 55px;
padding-left: 15px;
}
.specs__table .specs-accordion__content.grid.content--columns .content__item::before {
content: '';
border-radius: 100%;
background: #000;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 5px;
height: 5px;
top: 50%;
left: 0;
position: absolute;
}
.specs__table .specs-accordion [tabindex] {
outline-color: rgba(204, 204, 204, 0.7);
}
.specs__table .specs-accordion--opened .specs-accordion__header h3 {
font-style: italic;
}
.specs__table .specs-accordion--opened .specs-accordion__button::before {
opacity: 0;
}
.specs__table .specs-accordion--opened .specs-accordion__content.grid.content--rows .content__item, .specs__table .specs-accordion--opened .specs-accordion__content.grid.content--columns .content__block {
opacity: 1;
transition: opacity .4s .6s cubic-bezier(.39, .575, .565, 1);
}
.configurator {
position: relative;
display: flex;
flex-flow: column wrap;
align-items: center;
max-width: 100vw;
overflow: hidden;
}
.configurator__tabs {
align-self: center;
margin-bottom: 50px;
flex-grow: 0;
}
.configurator__content {
position: relative;
width: 100%;
padding-bottom: 90px;
margin-bottom: 50px;
}
.configurator__mobile-icon {
width: 36px;
height: 36px;
display: none;
margin-bottom: 30px;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.configurator__mobile-icon .icon {
width: 100%;
height: 100%;
}
.configurator__mobile-icon.active {
opacity: 1;
transition: .6s cubic-bezier(.215, .61, .355, 1) 2.4s;
}
.configurator__error {
display: none;
text-transform: uppercase;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
top: 50%;
left: 50%;
position: absolute;
}
.configurator .configurator__loader {
z-index: 1;
opacity: 0;
pointer-events: none;
transition: opacity .3s cubic-bezier(.445, .05, .55, .95);
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
}
.configurator .configurator__loader .icon.icon-am-logo {
width: 10vw;
height: 10vw;
opacity: 1;
}
.configurator .configurator__loader .icon__wrapper {
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-animation: configurator-loading 3s cubic-bezier(.445, .05, .55, .95) infinite;
animation: configurator-loading 3s cubic-bezier(.445, .05, .55, .95) infinite;
}
.configurator.error .configurator__loader {
opacity: 1;
}
.configurator.error .configurator__loader .configurator__error {
display: block;
}
.configurator.error .configurator__loader .icon__wrapper {
display: none;
}
.configurator.loading .configurator__loader {
opacity: 1;
}
.configurator__hero {
width: 100%;
height: 100%;
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
}
.configurator__hero[data-model-hero-temp] {
opacity: 0;
-webkit-transform: translateX(+20px);
transform: translateX(+20px);
}
.configurator__hero[data-model-hero-fix] {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
.configurator__text {
margin-bottom: 50px;
}
.configurator__links.row {
display: flex;
min-width: 340px;
margin-bottom: 0;
}
[dir='rtl'] .configurator__links.row {
direction: ltr;
}
.configurator__link-bt {
flex: 1 1 auto;
width: auto;
max-width: none;
}
.configurator.transitioning .configurator__hero {
transition: opacity .6s cubic-bezier(.39, .575, .565, 1), -webkit-transform .6s cubic-bezier(.39, .575, .565, 1);
transition: opacity .6s cubic-bezier(.39, .575, .565, 1), transform .6s cubic-bezier(.39, .575, .565, 1);
transition: opacity .6s cubic-bezier(.39, .575, .565, 1), transform .6s cubic-bezier(.39, .575, .565, 1), -webkit-transform .6s cubic-bezier(.39, .575, .565, 1);
}
.configurator.changing .configurator__hero[data-model-hero-temp] {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
.configurator.changing .configurator__hero[data-model-hero-fix] {
opacity: 0;
-webkit-transform: translateX(+20px);
transform: translateX(+20px);
}
@-webkit-keyframes configurator-loading {
0% {
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
50% {
-webkit-transform: translateY(-45%);
transform: translateY(-45%);
}
100% {
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
}
@keyframes configurator-loading {
0% {
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
50% {
-webkit-transform: translateY(-45%);
transform: translateY(-45%);
}
100% {
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
}
.enquire.enquire--section {
position: relative;
padding: 80px 0;
overflow: hidden;
z-index: 1;
background: url('../images/enquire-bg-car-1.png') left bottom / contain no-repeat #48434d;
transition: height .3s cubic-bezier(.445, .05, .55, .95);
}
.enquire.enquire--section .enquire__title {
top: -45px;
left: 50%;
position: absolute;
opacity: 0;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
transition: opacity .3s cubic-bezier(.39, .575, .565, 1);
}
.enquire.enquire--section .enquire__inner {
display: none;
opacity: 0;
-webkit-transform: translateY(100%);
transform: translateY(100%);
transition: opacity .6s cubic-bezier(.39, .575, .565, 1), -webkit-transform .6s cubic-bezier(.39, .575, .565, 1);
transition: opacity .6s cubic-bezier(.39, .575, .565, 1), transform .6s cubic-bezier(.39, .575, .565, 1);
transition: opacity .6s cubic-bezier(.39, .575, .565, 1), transform .6s cubic-bezier(.39, .575, .565, 1), -webkit-transform .6s cubic-bezier(.39, .575, .565, 1);
}
.enquire.enquire--section .enquire__inner.show {
display: flex;
}
.enquire.enquire--section .enquire__inner.visible {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
transition: opacity .7s cubic-bezier(.39, .575, .565, 1) .8s, -webkit-transform 1s cubic-bezier(.39, .575, .565, 1) .5s;
transition: opacity .7s cubic-bezier(.39, .575, .565, 1) .8s, transform 1s cubic-bezier(.39, .575, .565, 1) .5s;
transition: opacity .7s cubic-bezier(.39, .575, .565, 1) .8s, transform 1s cubic-bezier(.39, .575, .565, 1) .5s, -webkit-transform 1s cubic-bezier(.39, .575, .565, 1) .5s;
}
.enquire.enquire--section .enquire__inner.visible .enquire__title {
opacity: 1;
transition: opacity .6s cubic-bezier(.47, 0, .745, .715) 1.5s;
}
.enquire.enquire--section .enquire__card {
position: relative;
padding: 100px 0 50px;
overflow: hidden;
z-index: 2;
}
.enquire.enquire--section .enquire__card .enquire__background {
width: auto;
height: calc(100% + 30px);
bottom: 0;
left: -70px;
position: absolute;
}
.enquire.enquire--section .enquire__content {
width: 50%;
}
.enquire.enquire--section .enquire__text {
flex-basis: auto;
padding: 0;
margin-bottom: 25px;
}
.enquire.enquire--section .enquire__text h3 {
margin-bottom: calc(26px + 6 * ((100vw - 375px) / 1650));
font-size: calc(20px + 6 * ((100vw - 420px) / 860));
line-height: calc(25px + 7 * ((100vw - 375px) / 1650));
}
.enquire.enquire--section .enquire__location {
position: relative;
display: flex;
flex: 1 0 auto;
align-items: center;
justify-content: center;
height: 55px;
margin-bottom: 45px;
}
.enquire.enquire--section .enquire__location input {
flex: 1 0 55px;
height: 55px;
padding: 0;
font-size: 15px;
text-align: center;
text-transform: none;
color: #000;
letter-spacing: 0;
border-bottom: 1px solid #ccc;
}
.enquire.enquire--section .enquire__location input::-webkit-input-placeholder {
text-transform: none;
line-height: 55px;
color: #000;
}
.enquire.enquire--section .enquire__location input:-ms-input-placeholder {
text-transform: none;
line-height: 55px;
color: #000;
}
.enquire.enquire--section .enquire__location input::-ms-input-placeholder {
text-transform: none;
line-height: 55px;
color: #000;
}
.enquire.enquire--section .enquire__location input::placeholder {
text-transform: none;
line-height: 55px;
color: #000;
}
.enquire.enquire--section .enquire__location .enquire__search {
width: 30px;
height: 30px;
top: 50%;
right: 0;
position: absolute;
display: none;
z-index: 1;
cursor: pointer;
background-color: rgba(255, 255, 255, 0);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.enquire.enquire--section .enquire__location .enquire__search .icon {
width: 100%;
height: 100%;
}
.enquire.enquire--section .enquire__location .enquire__search span {
color: #ae8057;
}
.enquire.enquire--section .enquire__location .enquire__search.show {
display: block;
}
.enquire.enquire--section .enquire__location .enquire__search:focus {
outline: rgba(204, 204, 204, 0.7) dotted 1px;
}
.enquire.enquire--section .enquire__button-block .button {
flex: 1 0 auto;
}
.enquire.enquire--section .enquire__button {
max-width: 160px;
}
.enquire.enquire--section .enquire__button .button {
width: 100%;
}
.ie .enquire.enquire--section .enquire__button-block, .ie .enquire.enquire--section .enquire__button {
flex-wrap: nowrap;
}
.enquire.enquire--section .enquire__button-block .button, .enquire.enquire--section .enquire__button .button {
color: #fff;
}
.enquire.enquire--section .enquire__button-block .button span, .enquire.enquire--section .enquire__button .button span {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
width: 100%;
}
.enquire.enquire--section .enquire__button-block .button:focus, .enquire.enquire--section .enquire__button .button:focus {
outline-color: rgba(204, 204, 204, 0.7);
}
[dir='rtl'] .enquire.enquire--section .enquire__button-block .button:not(:last-child), [dir='rtl'] .enquire.enquire--section .enquire__button .button:not(:last-child) {
margin-left: 20px;
margin-right: 0;
}
.enquire.enquire--section .enquire__back {
width: 35px;
height: 35px;
top: 20px;
left: calc(100% - 60px);
position: absolute;
z-index: 10;
cursor: pointer;
background-color: transparent;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.enquire.enquire--section .enquire__back .icon {
width: 100%;
height: 100%;
}
.enquire.enquire--section .enquire__pager {
width: 20px;
height: 100%;
top: 0;
right: 30px;
position: absolute;
z-index: 5;
opacity: 1;
transition: opacity .7s cubic-bezier(.39, .575, .565, 1) .8s;
}
.enquire.enquire--section .enquire__pager .pager {
width: 100%;
height: 100%;
justify-content: center;
}
.enquire.enquire--section .enquire__pager .pager__button {
cursor: default;
}
.no-touch .enquire.enquire--section .enquire__pager .pager__button:hover::before, .no-touch .enquire.enquire--section .enquire__pager .pager__button:hover::after {
width: 2px;
height: 2px;
}
.enquire.enquire--section .enquire__more {
bottom: -50px;
left: 50%;
position: absolute;
display: flex;
flex-direction: row;
align-items: center;
padding: 0;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.enquire.enquire--section .enquire__more .button {
color: #fff;
}
.enquire.enquire--section .enquire__more .enquire__prev, .enquire.enquire--section .enquire__more .enquire__next {
width: 30px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
opacity: .7;
cursor: pointer;
}
.enquire.enquire--section .enquire__more .enquire__prev:hover, .enquire.enquire--section .enquire__more .enquire__next:hover {
opacity: .9;
}
.enquire.enquire--section .enquire__more .enquire__prev:focus, .enquire.enquire--section .enquire__more .enquire__next:focus {
opacity: 1;
outline: rgba(255, 255, 255, 0.5) dotted 1px;
}
.enquire.enquire--section .enquire__more .enquire__prev .icon, .enquire.enquire--section .enquire__more .enquire__next .icon {
width: 15px;
height: 15px;
}
.enquire.enquire--section .enquire__more .enquire__prev.disabled, .enquire.enquire--section .enquire__more .enquire__next.disabled {
opacity: .2;
cursor: default;
}
.enquire.enquire--section .enquire__more .enquire__prev .icon {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.enquire.enquire--section .enquire__more .enquire__next .icon {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.enquire.enquire--section .success.row {
width: 50px;
height: 50px;
margin-bottom: 30px;
border: 1px solid #ccc;
border-radius: 100%;
}
.enquire.enquire--section .success.row .icon {
width: 16px;
height: 16px;
flex: 1 1 100%;
}
.enquire.enquire--section .success.row span {
color: #000;
}
.enquire.enquire--section[data-enquire-page='1'] .enquire__pager, .enquire.enquire--section[data-enquire-page='5'] .enquire__pager {
opacity: 0;
transition: opacity .6s cubic-bezier(.39, .575, .565, 1);
}
.enquire.enquire--section[data-enquire-page='1'] .enquire__card {
background: url('../images/enquire-bg-car-1.png') left bottom / 340px 282px no-repeat #fff;
height: 410px;
transition: background-size .6s cubic-bezier(.39, .575, .565, 1);
}
.enquire.enquire--section[data-enquire-page='1'] .enquire__back {
display: none;
}
.enquire.enquire--section[data-enquire='enquire'][data-enquire-page='2'] .enquire__card {
background: url('../images/enquire-bg-car-1.png') left bottom / 340px 282px no-repeat #fff;
height: 390px;
padding: 0 0 20px;
}
.enquire.enquire--section[data-enquire='locator'][data-enquire-page='2'], .enquire.enquire--section[data-enquire-page='3'] {
background: #48434d;
}
.enquire.enquire--section[data-enquire='locator'][data-enquire-page='2'] .enquire__inner, .enquire.enquire--section[data-enquire-page='3'] .enquire__inner {
-webkit-transform: scale(1, .625);
transform: scale(1, .625);
}
.enquire.enquire--section[data-enquire='locator'][data-enquire-page='2'] .enquire__wrapper, .enquire.enquire--section[data-enquire-page='3'] .enquire__wrapper {
overflow: hidden;
}
.enquire.enquire--section[data-enquire='locator'][data-enquire-page='2'] .enquire__slider, .enquire.enquire--section[data-enquire-page='3'] .enquire__slider {
flex-flow: row nowrap;
width: 100%;
transition: -webkit-transform 1s cubic-bezier(.39, .575, .565, 1);
transition: transform 1s cubic-bezier(.39, .575, .565, 1);
transition: transform 1s cubic-bezier(.39, .575, .565, 1), -webkit-transform 1s cubic-bezier(.39, .575, .565, 1);
}
[dir='rtl'] .enquire.enquire--section[data-enquire='locator'][data-enquire-page='2'] .enquire__slider, [dir='rtl'] .enquire.enquire--section[data-enquire-page='3'] .enquire__slider {
direction: ltr;
}
.enquire.enquire--section[data-enquire='locator'][data-enquire-page='2'] .enquire__card.col, .enquire.enquire--section[data-enquire-page='3'] .enquire__card.col {
display: flex;
flex-direction: column;
height: 800px;
padding: 0;
}
.enquire.enquire--section[data-enquire='locator'][data-enquire-page='2'] .enquire__card.col:nth-child(12n), .enquire.enquire--section[data-enquire-page='3'] .enquire__card.col:nth-child(12n) {
margin-right: 60px;
}
.enquire.enquire--section[data-enquire='locator'][data-enquire-page='2'] .enquire__map-wrapper, .enquire.enquire--section[data-enquire-page='3'] .enquire__map-wrapper {
position: relative;
display: block;
height: 0;
padding: 0;
overflow: hidden;
padding-bottom: 66.66666666666666%;
}
.enquire.enquire--section[data-enquire='locator'][data-enquire-page='2'] .enquire__map-wrapper img, .enquire.enquire--section[data-enquire-page='3'] .enquire__map-wrapper img {
top: 0;
left: 0;
position: absolute;
}
.enquire.enquire--section[data-enquire='locator'][data-enquire-page='2'] .enquire__content, .enquire.enquire--section[data-enquire-page='3'] .enquire__content {
flex: 1 0 auto;
width: 100%;
padding: 30px;
}
.enquire.enquire--section[data-enquire='locator'][data-enquire-page='2'] .enquire__text.row, .enquire.enquire--section[data-enquire-page='3'] .enquire__text.row {
margin-bottom: 25px;
}
[dir='rtl'] .enquire.enquire--section[data-enquire='locator'][data-enquire-page='2'] .enquire__text.row, [dir='rtl'] .enquire.enquire--section[data-enquire-page='3'] .enquire__text.row {
direction: rtl;
}
.enquire.enquire--section[data-enquire='locator'][data-enquire-page='2'] .enquire__text.row:first-of-type, .enquire.enquire--section[data-enquire-page='3'] .enquire__text.row:first-of-type {
border-bottom: 1px solid #ccc;
}
.enquire.enquire--section[data-enquire='locator'][data-enquire-page='2'] .enquire__text.row h3, .enquire.enquire--section[data-enquire='locator'][data-enquire-page='2'] .enquire__text.row p, .enquire.enquire--section[data-enquire='locator'][data-enquire-page='2'] .enquire__text.row a, .enquire.enquire--section[data-enquire-page='3'] .enquire__text.row h3, .enquire.enquire--section[data-enquire-page='3'] .enquire__text.row p, .enquire.enquire--section[data-enquire-page='3'] .enquire__text.row a {
flex: 1 0 auto;
width: 100%;
margin-bottom: 30px;
text-align: left;
color: #000;
}
[dir='rtl'] .enquire.enquire--section[data-enquire='locator'][data-enquire-page='2'] .enquire__text.row h3, [dir='rtl'] .enquire.enquire--section[data-enquire='locator'][data-enquire-page='2'] .enquire__text.row p, [dir='rtl'] .enquire.enquire--section[data-enquire='locator'][data-enquire-page='2'] .enquire__text.row a, [dir='rtl'] .enquire.enquire--section[data-enquire-page='3'] .enquire__text.row h3, [dir='rtl'] .enquire.enquire--section[data-enquire-page='3'] .enquire__text.row p, [dir='rtl'] .enquire.enquire--section[data-enquire-page='3'] .enquire__text.row a {
text-align: right;
}
.enquire.enquire--section[data-enquire='locator'][data-enquire-page='2'] .enquire__text.row a:last-of-type, .enquire.enquire--section[data-enquire-page='3'] .enquire__text.row a:last-of-type {
margin-bottom: 0;
}
.enquire.enquire--section[data-enquire='locator'][data-enquire-page='2'] .enquire__text.row a:focus, .enquire.enquire--section[data-enquire-page='3'] .enquire__text.row a:focus {
outline-color: rgba(204, 204, 204, 0.7);
}
.enquire.enquire--section[data-enquire='locator'][data-enquire-page='2'] .enquire__text.row span, .enquire.enquire--section[data-enquire-page='3'] .enquire__text.row span {
font-size: 10px;
line-height: 1;
}
.enquire.enquire--section[data-enquire='locator'][data-enquire-page='2'] .enquire__text.row .enquire__link, .enquire.enquire--section[data-enquire-page='3'] .enquire__text.row .enquire__link {
position: relative;
display: inline;
width: auto;
flex-grow: 0;
}
.enquire.enquire--section[data-enquire='locator'][data-enquire-page='2'] .enquire__button, .enquire.enquire--section[data-enquire-page='3'] .enquire__button {
align-self: flex-end;
width: 100%;
}
.enquire.enquire--section[data-enquire='locator'][data-enquire-page='2'] .enquire__mobile-pager, .enquire.enquire--section[data-enquire-page='3'] .enquire__mobile-pager {
display: none;
}
.enquire.enquire--section[data-enquire-page='4'] {
background: #48434d;
}
.enquire.enquire--section[data-enquire-page='4'] .enquire__card {
height: auto;
padding: 20px;
}
.enquire.enquire--section[data-enquire-page='4'] .enquire__text {
padding: 0 20px;
margin-bottom: 0;
}
.enquire.enquire--section[data-enquire-page='4'] .enquire__text p:not(:last-of-type) {
margin-bottom: 15px;
}
.enquire.enquire--section[data-enquire-page='5'] .enquire__card {
background: url('../images/enquire-bg-car-1.png') left bottom / 340px 282px no-repeat #fff;
}
.enquire.enquire--section[data-enquire-page='5'] .enquire__text h3 {
margin-bottom: 0;
}
.enquire.enquire--section[data-enquire-page='5'] .enquire__button-block .button {
flex: 0 1 auto;
width: auto;
margin-bottom: 30px;
}
.enquire.enquire--section[data-enquire-page='5'] .enquire__button-block .button:first-of-type {
margin-right: 20px;
}
.enquire.enquire--section[data-enquire-page='5'] .enquire__back {
display: none;
}
.enquire.enquire--section .form .form__element, .enquire.enquire--section .form .form__element-group {
flex: 1;
border: 1px solid #ccc;
}
.enquire.enquire--section .form .form__element .form__element, .enquire.enquire--section .form .form__element.form__element--no-border, .enquire.enquire--section .form .form__element-group .form__element, .enquire.enquire--section .form .form__element-group.form__element--no-border {
border: 0;
}
.enquire.enquire--section .form .form__element .error-msg, .enquire.enquire--section .form .form__element-group .error-msg {
color: #ae8057;
}
[dir='rtl'] .enquire.enquire--section .form .form__element .error-msg, [dir='rtl'] .enquire.enquire--section .form .form__element-group .error-msg {
width: 100%;
padding-right: 0;
text-align: right;
}
.enquire.enquire--section .form .form__element.error {
border: 1px solid #ae8057;
}
.enquire.enquire--section .form .form__element[data-form-element='ContactViaEmail'].error, .enquire.enquire--section .form .form__element[data-form-element='ContactViaSms'].error, .enquire.enquire--section .form .form__element[data-form-element='ContactViaPhone'].error {
border: 0;
}
.enquire.enquire--section .form .form__element[data-form-element='ContactViaEmail'].error .icon, .enquire.enquire--section .form .form__element[data-form-element='ContactViaSms'].error .icon, .enquire.enquire--section .form .form__element[data-form-element='ContactViaPhone'].error .icon {
border: 1px solid #ae8057;
}
.enquire.enquire--section .form .form__element-group.error {
border: 1px solid #ae8057;
}
.enquire.enquire--section .form .form__element-group .form__element.error {
border: 0;
}
.enquire.enquire--section .form fieldset {
width: 100%;
border-bottom: 1px solid rgba(204, 204, 204, 0.2);
}
.enquire.enquire--section .form fieldset:last-of-type {
border: 0;
}
.enquire.enquire--section .form fieldset:last-of-type .form__row.row {
margin-bottom: 0;
}
.enquire.enquire--section .form fieldset a {
color: #000;
}
.enquire.enquire--section .form fieldset a::before {
background-color: rgba(174, 128, 87, 0.5);
}
.enquire.enquire--section .form fieldset a::after {
background-color: rgb(174, 128, 87);
}
.enquire.enquire--section .form input::-ms-clear {
display: none;
}
.enquire.enquire--section .form input[type='text'], .enquire.enquire--section .form input[type='text']::-webkit-input-placeholder, .enquire.enquire--section .form .checkbox label {
color: #000;
}
.enquire.enquire--section .form input[type='text'], .enquire.enquire--section .form input[type='text']:-ms-input-placeholder, .enquire.enquire--section .form .checkbox label {
color: #000;
}
.enquire.enquire--section .form input[type='text'], .enquire.enquire--section .form input[type='text']::-ms-input-placeholder, .enquire.enquire--section .form .checkbox label {
color: #000;
}
.enquire.enquire--section .form input[type='text'], .enquire.enquire--section .form input[type='text']::placeholder, .enquire.enquire--section .form .checkbox label {
color: #000;
}
.mobile-safari .enquire.enquire--section .form input, .mobile-safari .enquire.enquire--section .form input::-webkit-input-placeholder {
padding-top: 2px;
}
.mobile-safari .enquire.enquire--section .form input, .mobile-safari .enquire.enquire--section .form input:-ms-input-placeholder {
padding-top: 2px;
}
.mobile-safari .enquire.enquire--section .form input, .mobile-safari .enquire.enquire--section .form input::-ms-input-placeholder {
padding-top: 2px;
}
.mobile-safari .enquire.enquire--section .form input, .mobile-safari .enquire.enquire--section .form input::placeholder {
padding-top: 2px;
}
.enquire.enquire--section .form .checkbox .icon {
color: #ae8057;
border: 1px solid #ccc;
}
.enquire.enquire--section .form .select__mimic {
max-width: calc(100vw - (100vw * 2 / 12 - (10px - 10px / 12)) - 100px);
color: #000;
}
.enquire.enquire--section .form .select .icon__wrapper {
color: #ae8057;
}
.enquire.enquire--section .form .select select, .enquire.enquire--section .form .select option {
color: #000;
}
.enquire.enquire--section .form select:focus, .enquire.enquire--section .form input[type='text']:focus, .enquire.enquire--section .form input[type='email']:focus, .enquire.enquire--section .form input[type='password']:focus {
border-color: rgba(204, 204, 204, 0.7);
}
.enquire.enquire--section .form input[type='checkbox']:focus + span {
border-bottom: 3px solid rgba(204, 204, 204, 0.7);
}
.enquire.enquire--section .MicrosoftMap .as_container_search {
width: 100%;
top: 100%;
left: 0;
}
.enquire.enquire--section .MicrosoftMap .as_container_search .asOuterContainer {
border: 0;
}
.enquire.enquire--section .MicrosoftMap .as_container .suggestLink {
padding: 0;
}
.enquire.enquire--section .MicrosoftMap .as_container ul {
padding: 0;
}
.enquire.enquire--section .MicrosoftMap .as_container ul li {
border-bottom: 1px solid rgb(237, 237, 237);
}
.enquire.enquire--section .MicrosoftMap .as_container ul li:last-of-type {
border-bottom: none;
}
.enquire.enquire--section .MicrosoftMap .as_container .bingLogoContainer {
opacity: .15;
}
.enquire.enquire--section .MicrosoftMap .as_lines_root {
padding: 5px 10px;
text-align: left;
}
.enquire.enquire--section .MicrosoftMap .as_img.address {
display: none;
}
.enquire.enquire--section .MicrosoftMap .suggestLink:hover {
background: rgb(237, 237, 237);
}
.enquire.enquire--section .MicrosoftMap .line1, .enquire.enquire--section .MicrosoftMap .line2 {
display: inline-block;
width: auto;
}
.enquire.enquire--section .MicrosoftMap .line1::after {
content: ', ';
}
.enquire.enquire--campaign {
color: #000;
}
.enquire.enquire--campaign.enquire--section.no-background {
padding: 0;
background: none;
}
.enquire.enquire--campaign.enquire--section .enquire__text {
max-width: none;
}
.enquire.enquire--campaign .enquire__card {
overflow: visible!important;
z-index: 0!important;
}
.enquire.enquire--campaign.enquire--section{
overflow: visible!important;
}
[dir='rtl'] .enquire.enquire--campaign .enquire__model {
margin-left: 0;
}
.enquire2--section {
background: hsl(0, 0%, 95%);
color: #000000;
padding-top: calc(74px + 14 * ((100vw - 375px) / 1650));
padding-bottom: calc(74px + 14 * ((100vw - 375px) / 1650));
}
.enquire2--section .body-copy__text {
color: #000000;
margin-bottom: calc(52px + 14 * ((100vw - 375px) / 1650));
}
.enquire2--section .cta__buttons {
display: flex;
margin-bottom: 0;
}
.enquire2--section .cta__buttons button {
flex: 1 0 auto;
margin-bottom: 20px;
margin-right: 20px;
color: #000000;
}
.enquire2--section.variant--dark {
background: rgb(66, 62, 56);
color: #ffffff;
}
.enquire2--section.variant--dark .cta__buttons button {
border-color: #686560;
color: #ffffff;
}
.enquire2--section.variant--dark .body-copy__text {
color: #ffffff;
}
.overlay.enquire2--overlay .close-button {
position: absolute;
top: 15px;
right: 15px;
padding: 0;
z-index: 10;
color: #fff;
cursor: pointer;
background: none;
touch-action: manipulation;
width: 17px;
height: 17px;
color: black;
}
.overlay.enquire2--overlay a:focus, .overlay.enquire2--overlay button:focus {
outline-offset: 5px;
outline: rgba(0, 0, 0, 0.5) dotted 1px;
}
.overlay.enquire2--overlay .hidden {
display: none;
}
.overlay.enquire2--overlay #mappin-icon1, .overlay.enquire2--overlay #mappin-icon2, .overlay.enquire2--overlay #mappin-icon3 {
position: absolute;
z-index: -1;
opacity: 0;
visibility: hidden;
position: absolute;
left: -10000px;
}
.overlay.enquire2--overlay .overlay__header {
transition: height .2s ease;
position: absolute;
z-index: 1;
top: 0;
width: 100%;
height: 180px;
background: #FFFFFF;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
overflow: hidden;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.overlay.enquire2--overlay .overlay__header .title {
transition: opacity, height .3s ease;
width: 100%;
flex-grow: 1;
text-align: center;
padding: 0 45px 0 45px;
}
.overlay.enquire2--overlay .overlay__header .title h1 {
color: #161718;
font-size: 40px;
line-height: 100px;
}
.overlay.enquire2--overlay .overlay__header .subtitle {
display: none;
text-align: center;
padding: 0 45px;
}
.overlay.enquire2--overlay .overlay__header .steps-nav {
width: 100%;
height: 60px;
display: flex;
justify-content: center;
align-items: flex-end;
padding-bottom: 32px;
}
.overlay.enquire2--overlay .overlay__header .steps-nav .step {
padding: 10px 20px;
margin: 0 20px;
font-size: 15px;
line-height: 23px;
letter-spacing: 2px;
text-transform: uppercase;
cursor: pointer;
border-bottom: 2px solid rgba(0,0,0,0.1);
background: none;
/* &:focus {
border-bottom: 2px solid #A47B58;
} */
}
.overlay.enquire2--overlay .overlay__header .steps-nav .step:disabled {
cursor: default;
}
.overlay.enquire2--overlay .overlay__header .steps-nav .step:not([disabled]).active, .overlay.enquire2--overlay .overlay__header .steps-nav .step:not([disabled]):hover {
border-bottom: 2px solid #A47B58;
}
.overlay.enquire2--overlay .overlay__header.submitted {
box-shadow: none;
}
.overlay.enquire2--overlay .overlay__header.submitted .title, .overlay.enquire2--overlay .overlay__header.submitted .subtitle, .overlay.enquire2--overlay .overlay__header.submitted .steps-nav {
display: none !important;
}
.overlay.enquire2--overlay .overlay__content {
position: relative;
overflow-y: auto;
height: 100vh;
}
.overlay.enquire2--overlay .overlay__body {
height: 100vh;
padding-top: 180px;
}
.overlay.enquire2--overlay .overlay__body .body-copy__text {
color: #161718;
margin-bottom: calc(26px + 14 * ((100vw - 375px) / 1650));
}
.overlay.enquire2--overlay .overlay__body .body__buttons {
display: flex;
justify-content: center;
}
.overlay.enquire2--overlay .overlay__body .body__buttons .button {
color: white;
width: auto;
}
.overlay.enquire2--overlay .overlay__body .enquire-step {
display: none;
}
.overlay.enquire2--overlay .overlay__body .enquire-step.active {
display: flex;
}
.overlay.enquire2--overlay .overlay__body .enquire-step[data-enquire-step='1'] {
position: relative;
}
.overlay.enquire2--overlay .overlay__body .enquire-step[data-enquire-step='1'] .dealer-map {
width: calc(100vw - 500px);
height: calc(100vh - 180px);
position: relative;
}
.overlay.enquire2--overlay .overlay__body .enquire-step[data-enquire-step='1'] .dealer-map .map-shadow-t {
display: block;
position: absolute;
width: 100%;
height: 8px;
top: 0;
left: 0;
z-index: 1;
background: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 58.33%);
}
.overlay.enquire2--overlay .overlay__body .enquire-step[data-enquire-step='1'] .dealer-map #dealer-map {
height: 100%;
width: 100%;
}
.overlay.enquire2--overlay .overlay__body .enquire-step[data-enquire-step='1'] .dealer-map * {
overflow:visible;
}
.overlay.enquire2--overlay .overlay__body .enquire-step[data-enquire-step='1'] .dealer-list {
width: 500px;
height: calc(100vh - 180px);
color: #161718;
}
.overlay.enquire2--overlay .overlay__body .enquire-step[data-enquire-step='1'] .dealer-list .row-search {
display: flex;
width: 100%;
height: 70px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.overlay.enquire2--overlay .overlay__body .enquire-step[data-enquire-step='1'] .dealer-list .row-search .col1 {
width: 80px;
padding: 17px 27px 17px 27px;
font-size: 18px;
display: flex;
justify-content: center;
align-items: center;
}
.overlay.enquire2--overlay .overlay__body .enquire-step[data-enquire-step='1'] .dealer-list .row-search .col2 {
width: 100%;
padding: 17px 27px 17px 27px;
}
.overlay.enquire2--overlay .overlay__body .enquire-step[data-enquire-step='1'] .dealer-list .row-search .form {
position: relative;
}
.overlay.enquire2--overlay .overlay__body .enquire-step[data-enquire-step='1'] .dealer-list .row-search .form .search-icon {
position: absolute;
width: 18px;
height: 18px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
/* Clearable text inputs */
.overlay.enquire2--overlay .overlay__body .enquire-step[data-enquire-step='1'] .dealer-list .row-search .form .clearable{
display: inline-flex;
width: 100%;
justify-content: center;
align-items: center;
}
.overlay.enquire2--overlay .overlay__body .enquire-step[data-enquire-step='1'] .dealer-list .row-search .form .clearable input[type=text]{
width: 100%;
box-sizing: border-box;
}
.overlay.enquire2--overlay .overlay__body .enquire-step[data-enquire-step='1'] .dealer-list .row-search .form .clearable__clear {
display: block;
padding: 10px 6px;
font-style: normal;
font-size: 15px;
line-height: 15px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: pointer;
background: none;
}
.overlay.enquire2--overlay .overlay__body .enquire-step[data-enquire-step='1'] .dealer-list .row-search .form .clearable input::-ms-clear { /* Remove IE default X */
display: none;
}
.overlay.enquire2--overlay .overlay__body .enquire-step[data-enquire-step='1'] .dealer-list .row-search .form .input-search {
flex: 1;
padding: 0 0 0 50px;
overflow: hidden;
font-size: 14px;
text-transform: uppercase;
color: #000;
width: 100%;
font-weight: bold;
}
.overlay.enquire2--overlay .overlay__body .enquire-step[data-enquire-step='1'] .dealer-list .row-search .form .input-search::-webkit-input-placeholder {
color: #000;
font-weight: bold;
}
.overlay.enquire2--overlay .overlay__body .enquire-step[data-enquire-step='1'] .dealer-list .row-search .form .input-search:-ms-input-placeholder {
color: #000;
font-weight: bold;
}
.overlay.enquire2--overlay .overlay__body .enquire-step[data-enquire-step='1'] .dealer-list .row-search .form .input-search::-ms-input-placeholder {
color: #000;
font-weight: bold;
}
.overlay.enquire2--overlay .overlay__body .enquire-step[data-enquire-step='1'] .dealer-list .row-search .form .input-search::placeholder {
color: #000;
font-weight: bold;
}
.overlay.enquire2--overlay .overlay__body .enquire-step[data-enquire-step='1'] .dealer-list .row-result {
transition: height .3s ease;
height: 98px;
overflow: hidden;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.overlay.enquire2--overlay .overlay__body .enquire-step[data-enquire-step='1'] .dealer-list .row-result .paper {
background: white;
width: 100%;
height: auto;
display: flex;
}
.overlay.enquire2--overlay .overlay__body .enquire-step[data-enquire-step='1'] .dealer-list .row-result .col1 {
width: 80px;
padding: 27px;
font-size: 18px;
text-align: center;
}
.overlay.enquire2--overlay .overlay__body .enquire-step[data-enquire-step='1'] .dealer-list .row-result .col2 {
width: 100%;
padding: 27px 27px 27px 0;
font-size: 14px;
}
.overlay.enquire2--overlay .overlay__body .enquire-step[data-enquire-step='1'] .dealer-list .row-result .col2 .col2-pad {
padding-right: 48px;
}
.overlay.enquire2--overlay .overlay__body .enquire-step[data-enquire-step='1'] .dealer-list .row-result .col2 .title {
display: flex;
width: 100%;
font-size: 18px;
margin-bottom: 4px;
text-transform: uppercase;
position: relative;
color: #161718;
cursor: pointer;
}
.overlay.enquire2--overlay .overlay__body .enquire-step[data-enquire-step='1'] .dealer-list .row-result .col2 .title .left {
flex: 1 1 auto;
}
.overlay.enquire2--overlay .overlay__body .enquire-step[data-enquire-step='1'] .dealer-list .row-result .col2 .title .right {
flex: 0 0 auto;
margin-left: 16px;
}
.overlay.enquire2--overlay .overlay__body .enquire-step[data-enquire-step='1'] .dealer-list .row-result .col2 .title .tick {
background: none;
cursor: pointer;
}
.overlay.enquire2--overlay .overlay__body .enquire-step[data-enquire-step='1'] .dealer-list .row-result .col2 .title .unit {
text-transform: uppercase;
}
.overlay.enquire2--overlay .overlay__body .enquire-step[data-enquire-step='1'] .dealer-list .row-result .col2 .address {
margin-bottom: 12px;
}
.overlay.enquire2--overlay .overlay__body .enquire-step[data-enquire-step='1'] .dealer-list .row-result .col2 .phone {
margin-bottom: 12px;
}
.overlay.enquire2--overlay .overlay__body .enquire-step[data-enquire-step='1'] .dealer-list .row-result .col2 .phone a {
color: #161718;
}
.overlay.enquire2--overlay .overlay__body .enquire-step[data-enquire-step='1'] .dealer-list .row-result .col2 .desc {
display: block;
font-size: 14px;
margin-bottom: 28px;
}
.overlay.enquire2--overlay .overlay__body .enquire-step[data-enquire-step='1'] .dealer-list .row-result .col2 .directions {
font-size: 12px;
margin-bottom: 16px;
}
.overlay.enquire2--overlay .overlay__body .enquire-step[data-enquire-step='1'] .dealer-list .row-result .col2 .visit {
font-size: 12px;
margin-bottom: 34px;
}
/* display: flex;
align-items: stretch;
align-content: stretch; */
.overlay.enquire2--overlay .overlay__body .enquire-step[data-enquire-step='1'] .dealer-list .row-result .col2 .send-enquiry {
flex: 1;
font-size: 10px;
line-height: 12px;
text-align: center;
letter-spacing: 1.16667px;
text-transform: uppercase;
background: #878787;
color: #FFFFFF;
border-radius: 4px;
padding: 14px 20px;
margin-right: 16px;
cursor: pointer;
transition: background-color .3s cubic-bezier(.445, .05, .55, .95);
}
.overlay.enquire2--overlay .overlay__body .enquire-step[data-enquire-step='1'] .dealer-list .row-result .col2 .send-enquiry:hover {
background: #A1A1A1;
}
.overlay.enquire2--overlay .overlay__body .enquire-step[data-enquire-step='1'] .dealer-list .row-result .col2 .view-dealer {
flex: 1;
font-size: 10px;
line-height: 12px;
text-align: center;
letter-spacing: 1.16667px;
text-transform: uppercase;
background: none;
color: #161718;
border-radius: 4px;
padding: 12px 20px;
border: 2px solid #878787;
box-sizing: border-box;
display: inline-block;
transition: color, border .3s cubic-bezier(.445, .05, .55, .95);
}
.overlay.enquire2--overlay .overlay__body .enquire-step[data-enquire-step='1'] .dealer-list .row-result .col2 .view-dealer:hover, .overlay.enquire2--overlay .overlay__body .enquire-step[data-enquire-step='1'] .dealer-list .row-result .col2 .view-dealer:focus {
color: rgba(22,23,24,0.81569);
border: 2px solid #A1A1A1;
}
.overlay.enquire2--overlay .overlay__body .enquire-step[data-enquire-step='1'] .dealer-list .row-result .col2 .opening-hours {
transition: opacity, height .3s ease;
margin-bottom: 32px;
cursor: pointer;
height: 18px;
overflow: hidden;
position: relative;
display: inline-block;
width: 100%;
}
.overlay.enquire2--overlay .overlay__body .enquire-step[data-enquire-step='1'] .dealer-list .row-result .col2 .opening-hours .tick {
position: absolute;
right: 0px;
top: 0px;
-webkit-transform: scaleY(-1);
transform: scaleY(-1);
background: none;
}
.overlay.enquire2--overlay .overlay__body .enquire-step[data-enquire-step='1'] .dealer-list .row-result .col2 .opening-hours .paper {
height: auto;
}
.overlay.enquire2--overlay .overlay__body .enquire-step[data-enquire-step='1'] .dealer-list .row-result .col2 .opening-hours .folded {
display: block;
}
.overlay.enquire2--overlay .overlay__body .enquire-step[data-enquire-step='1'] .dealer-list .row-result .col2 .opening-hours .unfolded {
display: none;
}
.overlay.enquire2--overlay .overlay__body .enquire-step[data-enquire-step='1'] .dealer-list .row-result .col2 .opening-hours.active .tick {
-webkit-transform: scaleY(1);
transform: scaleY(1);
}
.overlay.enquire2--overlay .overlay__body .enquire-step[data-enquire-step='1'] .dealer-list .row-result .col2 .opening-hours.active .folded {
display: none;
}
.overlay.enquire2--overlay .overlay__body .enquire-step[data-enquire-step='1'] .dealer-list .row-result .col2 .opening-hours.active .unfolded {
display: block;
}
.overlay.enquire2--overlay .overlay__body .enquire-step[data-enquire-step='1'] .dealer-list .row-result .col2 .opening-hours.hidden {
display: none;
}
/* &.active {
height: 380px;
@media (--medium-and-small-viewport) {
height: auto;
padding-top: 25vh;
}
.col2 {
.title .tick svg {
transform: scaleY(-1);
}
}
} */
.overlay.enquire2--overlay .overlay__body .enquire-step[data-enquire-step='1'] .dealer-list .row-result.selected .col1 {
color: #A77F5A;
}
.overlay.enquire2--overlay .overlay__body .enquire-step[data-enquire-step='1'] .dealer-list .row-loadmore {
display: flex;
width: 100%;
height: 70px;
justify-content: center;
align-items: center;
font-size: 14px;
padding: 18px;
}
.overlay.enquire2--overlay .overlay__body .enquire-step[data-enquire-step='1'] .dealer-list .row-loadmore button {
cursor: pointer;
}
.overlay.enquire2--overlay .overlay__body .enquire-step[data-enquire-step='1'] .dealer-list.empty .row-loadmore, .overlay.enquire2--overlay .overlay__body .enquire-step[data-enquire-step='1'] .dealer-list.all-loaded .row-loadmore {
display: none;
}
.overlay.enquire2--overlay .overlay__body [data-enquire-step='2'] {
padding-bottom: 54px;
}
.overlay.enquire2--overlay .overlay__body [data-enquire-step='3'] {
padding-bottom: 54px;
}
.overlay.enquire2--overlay .overlay__body [data-enquire-step='4'] {
padding-top: 108px;
padding-bottom: 54px;
}
.overlay.enquire2--overlay .overlay__body .link {
line-height: 26px;
border-bottom: 2px solid rgba(161,161,161,0.81569);
background: none;
text-transform: uppercase;
color: #161718;
letter-spacing: 2px;
padding-bottom: 3px;
transition: border-bottom .3s cubic-bezier(.445, .05, .55, .95);
}
.overlay.enquire2--overlay .overlay__body .link:hover, .overlay.enquire2--overlay .overlay__body .link:focus {
color: rgba(22,23,24,0.81569);
border-bottom: 2px solid rgba(161,161,161,0.62745);
}
.overlay.enquire2--overlay .overlay__body .link:hover svg path, .overlay.enquire2--overlay .overlay__body .link:focus svg path {
stroke: rgba(22,23,24,0.81569);
}
.overlay.enquire2--overlay .overlay__body .link svg path {
stroke: #161718;
}
.overlay-active .header {
opacity: 0;
}
/* google autosuggest layer */
.pac-container {
z-index: 1001;
}
/* bing autosuggest layer */
.overlay.enquire2--overlay .MicrosoftMap .as_container_search, .enquire2--findadealer .MicrosoftMap .as_container_search {
width: 100%;
top: 100%;
left: 0;
}
.overlay.enquire2--overlay .MicrosoftMap .as_container_search .asOuterContainer, .enquire2--findadealer .MicrosoftMap .as_container_search .asOuterContainer {
border: 0;
}
.overlay.enquire2--overlay .MicrosoftMap .as_container .suggestLink, .enquire2--findadealer .MicrosoftMap .as_container .suggestLink {
padding: 8px 12px 8px 10px;
}
.overlay.enquire2--overlay .MicrosoftMap .as_container ul, .enquire2--findadealer .MicrosoftMap .as_container ul {
padding: 0;
}
.overlay.enquire2--overlay .MicrosoftMap .as_container ul li, .enquire2--findadealer .MicrosoftMap .as_container ul li {
border-bottom: 1px solid rgb(237, 237, 237);
}
.overlay.enquire2--overlay .MicrosoftMap .as_container ul li:last-of-type, .enquire2--findadealer .MicrosoftMap .as_container ul li:last-of-type {
border-bottom: none;
}
.overlay.enquire2--overlay .MicrosoftMap .as_container .bingLogoContainer, .enquire2--findadealer .MicrosoftMap .as_container .bingLogoContainer {
opacity: .15;
}
.overlay.enquire2--overlay .MicrosoftMap .as_lines_root, .enquire2--findadealer .MicrosoftMap .as_lines_root {
padding: 5px 10px;
text-align: left;
}
.overlay.enquire2--overlay .MicrosoftMap .as_img.address, .enquire2--findadealer .MicrosoftMap .as_img.address {
display: none;
}
.overlay.enquire2--overlay .MicrosoftMap .suggestLink:hover, .enquire2--findadealer .MicrosoftMap .suggestLink:hover {
background: rgb(237, 237, 237);
}
.overlay.enquire2--overlay .MicrosoftMap .line1, .overlay.enquire2--overlay .MicrosoftMap .line2, .enquire2--findadealer .MicrosoftMap .line1, .enquire2--findadealer .MicrosoftMap .line2 {
display: inline-block;
width: auto;
line-height: 1;
}
.overlay.enquire2--overlay .MicrosoftMap .line1::after, .enquire2--findadealer .MicrosoftMap .line1::after {
content: ', ';
}
body.noscroll {
overflow: hidden;
position: fixed;
}
.overlay.enquire2--overlay .form .select {
border-bottom: 1px solid #D0D1D1;
flex-basis: 36px;
height: 36px;
}
.overlay.enquire2--overlay .form .select:focus {
border-bottom: 2px solid #A47B58;
}
.overlay.enquire2--overlay .form .select select {
color: #737475;
padding: 0;
font-size: 16px;
}
.overlay.enquire2--overlay .form .select__mimic {
padding-left: 0;
line-height: 40px;
}
.overlay.enquire2--overlay .form input[type='text'] {
color: #161718;
padding: 0;
font-size: 16px;
border-bottom: 1px solid #D0D1D1;
}
.overlay.enquire2--overlay .form input[type='text']:active, .overlay.enquire2--overlay .form input[type='text']:focus {
border-bottom: 2px solid #A47B58;
}
.overlay.enquire2--overlay .form input[type='text']::-webkit-input-placeholder {
color: #737475;
}
.overlay.enquire2--overlay .form input[type='text']:-ms-input-placeholder {
color: #737475;
}
.overlay.enquire2--overlay .form input[type='text']::-ms-input-placeholder {
color: #737475;
}
.overlay.enquire2--overlay .form input[type='text']::placeholder {
color: #737475;
}
.overlay.enquire2--overlay .form label {
color: #737475;
position: absolute;
top: -14px;
text-transform: uppercase;
}
.overlay.enquire2--overlay .form [data-form-element='AdditionalComments'] label {
margin-bottom: 12px;
}
.overlay.enquire2--overlay .form [data-form-element='AdditionalComments'] textarea {
color: #161718;
border: 1px solid #D0D1D1;
margin-top: 12px;
font-size: 16px;
resize: none;
text-transform: none;
}
.overlay.enquire2--overlay .form [data-form-element='AdditionalComments'] textarea:active, .overlay.enquire2--overlay .form [data-form-element='AdditionalComments'] textarea:focus {
border: 2px solid #A47B58;
}
.overlay.enquire2--overlay .form [data-form-element='AdditionalComments'] textarea::-webkit-input-placeholder {
color: #161718 !important;
line-height: 1 !important;
}
.overlay.enquire2--overlay .form [data-form-element='AdditionalComments'] textarea:-ms-input-placeholder {
color: #161718 !important;
line-height: 1 !important;
}
.overlay.enquire2--overlay .form [data-form-element='AdditionalComments'] textarea::-ms-input-placeholder {
color: #161718 !important;
line-height: 1 !important;
}
.overlay.enquire2--overlay .form [data-form-element='AdditionalComments'] textarea::placeholder {
color: #161718 !important;
line-height: 1 !important;
}
.overlay.enquire2--overlay .form button[type="submit"] {
color: white;
}
.overlay.enquire2--overlay .form .error-msg {
left: 0;
color: #C79668;
}
.overlay.enquire2--overlay .form .error .select {
border-bottom: 3px solid #A47B58;
}
.overlay.enquire2--overlay .form .error input[type='text'] {
border-bottom: 3px solid #A47B58;
}
.overlay.enquire2--overlay .form .checkbox .icon {
color: #ae8057;
border: 1px solid #ccc;
}
.overlay.enquire2--overlay .form .checkbox label {
position: static;
}
.overlay.enquire2--overlay .enquire-step[data-enquire-step='2'] {
padding-top: 44px;
}
.overlay.enquire2--overlay .enquire-step[data-enquire-step='3'] {
padding-top: 44px;
}
.overlay.enquire2--overlay .enquire-step[data-enquire-step='3'] .body-copy__small-text p {
font-size: 12px;
line-height: 18px;
margin-bottom: 12px;
}
.overlay.enquire2--overlay .enquire-step[data-enquire-step='3'] .body-copy__small-text a {
border-bottom: 1px solid #161718;
background: none;
color: #161718;
letter-spacing: 2px;
}
.overlay.enquire2--overlay .enquire-step[data-enquire-step='3'] .body-copy__small-text a:hover, .overlay.enquire2--overlay .enquire-step[data-enquire-step='3'] .body-copy__small-text a:focus {
border-bottom: 1px solid #161718;
}
.overlay.enquire2--overlay .enquire-step[data-enquire-step='3'] .body-copy ul li {
font-size: 12px;
line-height: 18px;
margin-bottom: 12px;
}
.overlay.enquire2--overlay .enquire-step[data-enquire-step='4'] {
padding-top: 44px;
}
.overlay.enquire2--overlay .enquire-step[data-enquire-step='4'] .role--confirm, .overlay.enquire2--overlay .enquire-step[data-enquire-step='4'] [data-role='confirm'] {
font-size: 14px;
line-height: 28px;
color: #161718;
display: none;
}
.overlay.enquire2--overlay .enquire-step[data-enquire-step='4'] .role--confirm.active, .overlay.enquire2--overlay .enquire-step[data-enquire-step='4'] [data-role='confirm'].active {
display: block;
}
.overlay.enquire2--overlay .enquire-step[data-enquire-step='4'] .role--confirm .dealership-card, .overlay.enquire2--overlay .enquire-step[data-enquire-step='4'] [data-role='confirm'] .dealership-card {
width: 100%;
box-shadow: 0px 5px 14px rgba(0, 0, 0, 0.1);
margin-bottom: 58px;
}
.overlay.enquire2--overlay .enquire-step[data-enquire-step='4'] .role--confirm .dealership-card .map-box, .overlay.enquire2--overlay .enquire-step[data-enquire-step='4'] [data-role='confirm'] .dealership-card .map-box {
position: relative;
}
.overlay.enquire2--overlay .enquire-step[data-enquire-step='4'] .role--confirm .dealership-card .map-box [data-enquire-map], .overlay.enquire2--overlay .enquire-step[data-enquire-step='4'] [data-role='confirm'] .dealership-card .map-box [data-enquire-map] {
width: 100%;
height: auto;
}
.overlay.enquire2--overlay .enquire-step[data-enquire-step='4'] .role--confirm .dealership-card .map-box [data-enquire-mappin], .overlay.enquire2--overlay .enquire-step[data-enquire-step='4'] [data-role='confirm'] .dealership-card .map-box [data-enquire-mappin] {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.overlay.enquire2--overlay .enquire-step[data-enquire-step='4'] .role--confirm .dealership-card .paper, .overlay.enquire2--overlay .enquire-step[data-enquire-step='4'] [data-role='confirm'] .dealership-card .paper {
padding: 24px 24px 32px 24px;
}
.overlay.enquire2--overlay .enquire-step[data-enquire-step='4'] .role--confirm .dealership-card .big-heading, .overlay.enquire2--overlay .enquire-step[data-enquire-step='4'] [data-role='confirm'] .dealership-card .big-heading {
font-size: 25px;
line-height: 30px;
letter-spacing: 1px;
text-transform: uppercase;
margin-bottom: 24px;
}
.overlay.enquire2--overlay .enquire-step[data-enquire-step='4'] .role--confirm .dealership-card .small-heading, .overlay.enquire2--overlay .enquire-step[data-enquire-step='4'] [data-role='confirm'] .dealership-card .small-heading {
font-size: 12px;
line-height: 16px;
text-transform: uppercase;
letter-spacing: 2px;
margin-bottom: 8px;
border-bottom: 0;
padding-bottom: 0;
}
.overlay.enquire2--overlay .enquire-step[data-enquire-step='4'] .role--confirm .dealership-card p, .overlay.enquire2--overlay .enquire-step[data-enquire-step='4'] [data-role='confirm'] .dealership-card p {
margin-bottom: 16px;
}
.overlay.enquire2--overlay .enquire-step[data-enquire-step='4'] .role--confirm .dealership-card .hours, .overlay.enquire2--overlay .enquire-step[data-enquire-step='4'] [data-role='confirm'] .dealership-card .hours {
margin-bottom: 32px;
}
.overlay.enquire2--overlay .enquire-step[data-enquire-step='4'] .role--confirm .dealership-card .directions, .overlay.enquire2--overlay .enquire-step[data-enquire-step='4'] [data-role='confirm'] .dealership-card .directions {
font-size: 12px;
line-height: 16px;
margin-bottom: 16px;
}
.overlay.enquire2--overlay .enquire-step[data-enquire-step='4'] .role--confirm .dealership-card .visit, .overlay.enquire2--overlay .enquire-step[data-enquire-step='4'] [data-role='confirm'] .dealership-card .visit {
font-size: 12px;
line-height: 16px;
}
.overlay.enquire2--overlay .enquire-step[data-enquire-step='4'] .role--confirm .data-card .small-heading, .overlay.enquire2--overlay .enquire-step[data-enquire-step='4'] [data-role='confirm'] .data-card .small-heading {
font-size: 12px;
line-height: 16px;
text-transform: uppercase;
letter-spacing: 2px;
margin-bottom: 16px;
border-bottom: 1px solid #E5E5E5;
padding-bottom: 16px;
}
.overlay.enquire2--overlay .enquire-step[data-enquire-step='4'] .role--confirm .data-card p, .overlay.enquire2--overlay .enquire-step[data-enquire-step='4'] [data-role='confirm'] .data-card p {
font-size: 14px;
letter-spacing: 1px;
text-transform: uppercase;
}
.overlay.enquire2--overlay .enquire-step[data-enquire-step='4'] .role--confirm .data-card p .hidden, .overlay.enquire2--overlay .enquire-step[data-enquire-step='4'] [data-role='confirm'] .data-card p .hidden {
display: none;
}
.overlay.enquire2--overlay .enquire-step[data-enquire-step='4'] .role--confirm .data-card .details-box, .overlay.enquire2--overlay .enquire-step[data-enquire-step='4'] [data-role='confirm'] .data-card .details-box {
margin-bottom: 48px;
}
.overlay.enquire2--overlay .enquire-step[data-enquire-step='4'] .role--thank-you, .overlay.enquire2--overlay .enquire-step[data-enquire-step='4'] [data-role='thank-you'] {
display: none;
}
.overlay.enquire2--overlay .enquire-step[data-enquire-step='4'] .role--thank-you.active, .overlay.enquire2--overlay .enquire-step[data-enquire-step='4'] [data-role='thank-you'].active {
display: block;
}
.overlay.enquire2--overlay .enquire-step[data-enquire-step='4'] .role--thank-you h3, .overlay.enquire2--overlay .enquire-step[data-enquire-step='4'] [data-role='thank-you'] h3 {
margin-bottom: calc(26px + 14 * ((100vw - 375px) / 1650));
}
.overlay.enquire2--overlay .enquire-step[data-enquire-step='4'] .flex-start {
align-self: flex-start;
}
.enquire2--findadealer a:focus, .enquire2--findadealer button:focus {
outline-offset: 5px;
outline: rgba(0, 0, 0, 0.5) dotted 1px;
}
.enquire2--findadealer .hidden {
display: none;
}
.enquire2--findadealer .findadealer-container {
border-top: 1px solid rgba(0, 0, 0, 0.1);
display: flex;
}
.enquire2--findadealer .findadealer-container .body-copy__text {
color: #161718;
margin-bottom: calc(26px + 14 * ((100vw - 375px) / 1650));
}
.enquire2--findadealer .findadealer-container .body__buttons {
display: flex;
justify-content: center;
}
.enquire2--findadealer .findadealer-container .body__buttons .button {
color: white;
width: auto;
}
.enquire2--findadealer .findadealer-container .dealer-map {
width: calc(100vw - 500px);
height: calc(100vh);
position: relative;
}
.enquire2--findadealer .findadealer-container .dealer-map .map-shadow-t {
display: block;
position: absolute;
width: 100%;
height: 8px;
top: 0;
left: 0;
z-index: 1;
background: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 58.33%);
}
.enquire2--findadealer .findadealer-container .dealer-map #findadealer-map {
height: 100%;
width: 100%;
}
.enquire2--findadealer .findadealer-container .dealer-map * {
overflow:visible;
}
.enquire2--findadealer .findadealer-container .dealer-list {
width: 500px;
height: calc(100vh);
color: #161718;
}
.enquire2--findadealer .findadealer-container .dealer-list .row-search {
display: flex;
width: 100%;
height: 70px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.enquire2--findadealer .findadealer-container .dealer-list .row-search .col1 {
width: 80px;
padding: 17px 27px 17px 27px;
font-size: 18px;
display: flex;
justify-content: center;
align-items: center;
}
.enquire2--findadealer .findadealer-container .dealer-list .row-search .col2 {
width: 100%;
padding: 17px 27px 17px 27px;
}
.enquire2--findadealer .findadealer-container .dealer-list .row-search .form {
position: relative;
}
.enquire2--findadealer .findadealer-container .dealer-list .row-search .form .search-icon {
position: absolute;
width: 18px;
height: 18px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.enquire2--findadealer .findadealer-container .dealer-list .row-search .form .clearable{
display: inline-flex;
width: 100%;
justify-content: center;
align-items: center;
}
.enquire2--findadealer .findadealer-container .dealer-list .row-search .form .clearable input[type=text]{
width: 100%;
box-sizing: border-box;
}
.enquire2--findadealer .findadealer-container .dealer-list .row-search .form .clearable__clear {
display: block;
padding: 10px 6px;
font-style: normal;
font-size: 15px;
line-height: 15px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: pointer;
background: none;
}
.enquire2--findadealer .findadealer-container .dealer-list .row-search .form .clearable input::-ms-clear { /* Remove IE default X */
display: none;
}
.enquire2--findadealer .findadealer-container .dealer-list .row-search .form .input-search {
flex: 1;
padding: 0 0 0 50px;
overflow: hidden;
font-size: 14px;
text-transform: uppercase;
color: #000;
width: 100%;
font-weight: bold;
}
.enquire2--findadealer .findadealer-container .dealer-list .row-search .form .input-search::-webkit-input-placeholder {
color: #000;
font-weight: bold;
}
.enquire2--findadealer .findadealer-container .dealer-list .row-search .form .input-search:-ms-input-placeholder {
color: #000;
font-weight: bold;
}
.enquire2--findadealer .findadealer-container .dealer-list .row-search .form .input-search::-ms-input-placeholder {
color: #000;
font-weight: bold;
}
.enquire2--findadealer .findadealer-container .dealer-list .row-search .form .input-search::placeholder {
color: #000;
font-weight: bold;
}
.enquire2--findadealer .findadealer-container .dealer-list .row-result {
transition: height .3s ease;
height: 98px;
overflow: hidden;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.enquire2--findadealer .findadealer-container .dealer-list .row-result .paper {
background: white;
width: 100%;
height: auto;
display: flex;
}
.enquire2--findadealer .findadealer-container .dealer-list .row-result .col1 {
width: 80px;
padding: 27px;
font-size: 18px;
}
.enquire2--findadealer .findadealer-container .dealer-list .row-result .col2 {
width: 100%;
padding: 27px 27px 27px 0;
font-size: 14px;
}
.enquire2--findadealer .findadealer-container .dealer-list .row-result .col2 .col2-pad {
padding-right: 48px;
}
.enquire2--findadealer .findadealer-container .dealer-list .row-result .col2 .title {
display: flex;
width: 100%;
font-size: 18px;
margin-bottom: 4px;
text-transform: uppercase;
position: relative;
color: #161718;
cursor: pointer;
}
.enquire2--findadealer .findadealer-container .dealer-list .row-result .col2 .title .left {
flex: 1 1 auto;
}
.enquire2--findadealer .findadealer-container .dealer-list .row-result .col2 .title .right {
flex: 0 0 auto;
margin-left: 16px;
}
.enquire2--findadealer .findadealer-container .dealer-list .row-result .col2 .title .tick {
background: none;
cursor: pointer;
}
.enquire2--findadealer .findadealer-container .dealer-list .row-result .col2 .title .unit {
text-transform: uppercase;
}
.enquire2--findadealer .findadealer-container .dealer-list .row-result .col2 .address {
margin-bottom: 12px;
}
.enquire2--findadealer .findadealer-container .dealer-list .row-result .col2 .phone {
margin-bottom: 12px;
}
.enquire2--findadealer .findadealer-container .dealer-list .row-result .col2 .phone a {
color: #161718;
}
.enquire2--findadealer .findadealer-container .dealer-list .row-result .col2 .desc {
display: block;
font-size: 14px;
margin-bottom: 28px;
}
.enquire2--findadealer .findadealer-container .dealer-list .row-result .col2 .directions {
font-size: 12px;
margin-bottom: 16px;
}
.enquire2--findadealer .findadealer-container .dealer-list .row-result .col2 .visit {
font-size: 12px;
margin-bottom: 34px;
}
/* display: flex;
align-items: stretch;
align-content: stretch; */
.enquire2--findadealer .findadealer-container .dealer-list .row-result .col2 .send-enquiry {
flex: 1;
font-size: 10px;
line-height: 12px;
text-align: center;
letter-spacing: 1.16667px;
text-transform: uppercase;
background: #878787;
color: #FFFFFF;
border-radius: 4px;
padding: 14px 20px;
margin-right: 16px;
cursor: pointer;
}
.enquire2--findadealer .findadealer-container .dealer-list .row-result .col2 .send-enquiry:hover {
background: #A1A1A1;
}
.enquire2--findadealer .findadealer-container .dealer-list .row-result .col2 .view-dealer {
flex: 1;
font-size: 10px;
line-height: 12px;
text-align: center;
letter-spacing: 1.16667px;
text-transform: uppercase;
background: none;
color: #FFFFFF;
background-color: #161718;
border-radius: 4px;
padding: 14px 20px;
box-sizing: border-box;
display: inline-block;
transition: background-color .225s cubic-bezier(.39, .575, .565, 1);
}
.enquire2--findadealer .findadealer-container .dealer-list .row-result .col2 .view-dealer:hover {
background-color: rgb(47, 48, 50);
}
.enquire2--findadealer .findadealer-container .dealer-list .row-result .col2 .opening-hours {
transition: opacity, height .3s ease;
margin-bottom: 32px;
cursor: pointer;
height: 18px;
overflow: hidden;
position: relative;
width: 100%;
display: inline-block;
}
.enquire2--findadealer .findadealer-container .dealer-list .row-result .col2 .opening-hours .tick {
position: absolute;
right: 0px;
top: 0px;
-webkit-transform: scaleY(-1);
transform: scaleY(-1);
background: none;
}
.enquire2--findadealer .findadealer-container .dealer-list .row-result .col2 .opening-hours .paper {
height: auto;
}
.enquire2--findadealer .findadealer-container .dealer-list .row-result .col2 .opening-hours .folded {
display: block;
}
.enquire2--findadealer .findadealer-container .dealer-list .row-result .col2 .opening-hours .unfolded {
display: none;
}
.enquire2--findadealer .findadealer-container .dealer-list .row-result .col2 .opening-hours.active .tick {
-webkit-transform: scaleY(1);
transform: scaleY(1);
}
.enquire2--findadealer .findadealer-container .dealer-list .row-result .col2 .opening-hours.active .folded {
display: none;
}
.enquire2--findadealer .findadealer-container .dealer-list .row-result .col2 .opening-hours.active .unfolded {
display: block;
}
.enquire2--findadealer .findadealer-container .dealer-list .row-result .col2 .opening-hours.hidden {
display: none;
}
/* &.active {
height: 380px;
@media (--medium-and-small-viewport) {
height: auto;
padding-top: 25vh;
}
.col2 {
.title .tick svg {
transform: scaleY(-1);
}
}
} */
.enquire2--findadealer .findadealer-container .dealer-list .row-result.selected .col1 {
color: #A77F5A;
}
.enquire2--findadealer .findadealer-container .dealer-list .row-loadmore {
display: flex;
width: 100%;
height: 70px;
justify-content: center;
align-items: center;
font-size: 14px;
padding: 18px;
}
.enquire2--findadealer .findadealer-container .dealer-list .row-loadmore button {
cursor: pointer;
}
.enquire2--findadealer .findadealer-container .dealer-list.empty .row-loadmore, .enquire2--findadealer .findadealer-container .dealer-list.all-loaded .row-loadmore {
display: none;
}
.enquire2--findadealer .findadealer-container .link {
line-height: 26px;
border-bottom: 2px solid #A2A2A3;
background: none;
text-transform: uppercase;
color: #161718;
letter-spacing: 2px;
padding-bottom: 3px;
transition: color, border-bottom .3s cubic-bezier(.445, .05, .55, .95);
}
.enquire2--findadealer .findadealer-container .link:hover, .enquire2--findadealer .findadealer-container .link:focus {
border-bottom: 2px solid #878787;
}
.contact-form .select .icon__wrapper {
color: #ae8057;
}
.contact-form .select select {
color: #000;
}
.contact-form__select {
height: 36px !important;
}
.contact-form .form__element {
border: 1px solid #ccc;
}
.contact-form .form__element.error {
border: 1px solid #ae8057;
}
.contact-form .form__element .error-msg {
color: #ae8057;
}
.contact-form select, .contact-form input[type='text'], .contact-form input[type='email'], .contact-form input[type='password'] {
color: #000 !important;
}
.contact-form select::-webkit-input-placeholder, .contact-form input[type='text']::-webkit-input-placeholder, .contact-form input[type='email']::-webkit-input-placeholder, .contact-form input[type='password']::-webkit-input-placeholder {
line-height: 36px;
color: #000;
}
.contact-form select:-ms-input-placeholder, .contact-form input[type='text']:-ms-input-placeholder, .contact-form input[type='email']:-ms-input-placeholder, .contact-form input[type='password']:-ms-input-placeholder {
line-height: 36px;
color: #000;
}
.contact-form select::-ms-input-placeholder, .contact-form input[type='text']::-ms-input-placeholder, .contact-form input[type='email']::-ms-input-placeholder, .contact-form input[type='password']::-ms-input-placeholder {
line-height: 36px;
color: #000;
}
.contact-form select::placeholder, .contact-form input[type='text']::placeholder, .contact-form input[type='email']::placeholder, .contact-form input[type='password']::placeholder {
line-height: 36px;
color: #000;
}
.contact-form select:focus, .contact-form input[type='text']:focus, .contact-form input[type='email']:focus, .contact-form input[type='password']:focus {
outline: none;
border-bottom: 2px solid rgba(204, 204, 204, 0.7);
}
.contact-form .form__textarea {
color: #000;
background: transparent;
box-sizing: border-box;
}
.contact-form .form__textarea::-webkit-input-placeholder {
line-height: 1em;
color: #000;
}
.contact-form .form__textarea:-ms-input-placeholder {
line-height: 1em;
color: #000;
}
.contact-form .form__textarea::-ms-input-placeholder {
line-height: 1em;
color: #000;
}
.contact-form .form__textarea::placeholder {
line-height: 1em;
color: #000;
}
.contact-form .form__textarea:focus {
outline: none;
border-bottom: 2px solid rgba(204, 204, 204, 0.7);
}
.contact-form .form__textarea::-webkit-input-placeholder {
color: #000;
}
.contact-form .form__textarea:-moz-placeholder { /* Firefox 18- */
color: #000;
}
.contact-form .form__textarea::-moz-placeholder { /* Firefox 19+ */
color: #000;
}
.contact-form .form__textarea:-ms-input-placeholder {
color: #000;
}
.contact-form .button[type="submit"] {
color: #fff;
}
.contact-form .form fieldset {
padding-top: 0;
margin-bottom: 0;
border-bottom: 1px solid rgba(0, 0, 0, 0);
}
.contact-form.success .form fieldset {
display: none;
}
.contact-form .contact__success {
display: none;
opacity: 0;
transition: opacity .6s cubic-bezier(.39, .575, .565, 1);
}
.contact-form .contact__success.show {
display: block;
}
.contact-form .contact__success.visible {
opacity: 1;
transition: opacity .7s cubic-bezier(.39, .575, .565, 1);
}
.contact-form .contact__success .account__buttons .button {
color: #fff;
}
.contact-form__text {
text-align: center;
}
[dir='rtl'] .contact-form .col {
margin-left: 15px;
margin-right: 15px;
}
.stats-slider h2 {
margin-bottom: 15px;
font-size: 55px;
font-style: italic;
line-height: 1;
}
.stats-slider h2 span:not(.stats-slider__counter) {
font-size: 12px;
text-transform: none;
}
.stats-slider p {
font-size: 15px;
line-height: 18px;
}
.stats-slider__wrapper {
width: 100%;
}
.stats-slider__item.col {
flex: 1 0 auto;
}
.stats-slider__row.row {
flex-wrap: nowrap;
justify-content: space-between;
width: 100%;
margin-bottom: 0;
list-style: none;
-webkit-transform: translateX(0);
transform: translateX(0);
transition: -webkit-transform .6s cubic-bezier(.39, .575, .565, 1);
transition: transform .6s cubic-bezier(.39, .575, .565, 1);
transition: transform .6s cubic-bezier(.39, .575, .565, 1), -webkit-transform .6s cubic-bezier(.39, .575, .565, 1);
box-sizing: content-box;
}
.stats-slider__row.row li {
list-style-type: none;
}
.stats-slider__row.row.no-transition {
transition: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
will-change: transform;
}
[dir='rtl'] .stats-slider__row.row {
direction: ltr;
}
.stats-slider__button {
position: absolute;
top: 50%;
cursor: pointer;
}
.stats-slider__button.button--left {
left: 0;
-webkit-transform: translateY(-50%) rotate(90deg);
transform: translateY(-50%) rotate(90deg);
}
.stats-slider__button.button--right {
right: 0;
-webkit-transform: translateY(-50%) rotate(-90deg);
transform: translateY(-50%) rotate(-90deg);
}
.stats-slider__button.disabled {
opacity: .3;
}
.stats-slider__button:focus {
outline: #ccc dotted 1px;
outline-offset: 5px;
}
.stats-slider__button .icon {
color: #000;
width: 25px;
height: 25px;
}
.stats-slider.stats-slider--desktop {
position: relative;
width: 300px;
}
.stats-slider.stats-slider--desktop .stats-slider__item {
flex: 1 0 auto;
width: 100%;
}
.stats-slider.stats-slider--desktop .stats-slider__wrapper {
position: relative;
width: calc(100% - 50px);
overflow: hidden;
}
.stats-slider.stats-slider--desktop .stats-slider__wrapper::after {
content: '';
background: linear-gradient(
to left, #fff 0%, rgba(255, 255, 255, 0) 10%,
rgba(255, 255, 255, 0) 90%, #fff 100%
);
background-color: transparent;
width: 100%;
height: 100%;
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
}
.table__title {
align-self: center;
margin-bottom: 62px;
}
.table__stats.row {
width: calc(3 / 4 * 100%);
margin-bottom: 74px;
}
.table__column.col {
flex: 1;
border-top: 1px solid rgba(204, 204, 204, 0.3);
}
[dir='rtl'] .table__column.col:not(:last-child) {
margin-left: 60px;
margin-right: 0;
}
.table__row.row {
flex: 1 0 auto;
align-items: center;
width: 100%;
min-height: 55px;
padding: 15px 0;
margin-bottom: 0;
border-bottom: 1px solid rgba(204, 204, 204, 0.3);
}
.table p {
font-size: 14px;
line-height: 1;
}
.table__head, .table__data {
display: block;
align-items: center;
width: 50%;
padding: .25em 0;
overflow: hidden;
text-overflow: ellipsis;
}
.table__data {
padding-left: .5em;
text-align: right;
}
.dealer-details img {
width: 100%;
max-width: 100%;
margin-bottom: .5rem;
pointer-events: none;
}
.dealer-details__header {
margin-bottom: 1em;
}
.dealer-details__desc {
margin-bottom: 3em;
}
.dealer-details__address {
margin-bottom: 2rem;
}
.dealer-details__tel {
margin-bottom: 1rem;
}
.dealer-details__website a.button {
width: auto;
border-bottom: 0;
}
.dealer-details__email {
margin-bottom: 2rem;
text-transform: uppercase;
}
.dealer-details .row {
justify-content: center;
}
.dealer-details .button {
display: inline-flex!important;
margin-bottom: 2rem;
color: #FFF!important;
border-bottom: 0!important;
}
.dealer-details .row, .dealer-details div {
overflow: hidden;
}
.dealer-details *::-ms-backdrop, .dealer-details .row {
flex-wrap: nowrap;
}
/* IE11 */
.dealer-details.block--content {
padding-bottom: 0;
}
.dealer-opening__accordion-wrapper {
transition: max-height .8s ease;
}
.dealer-opening h3 {
margin-bottom: 1em;
}
.dealer-opening__col {
width: 50%;
float: left;
}
.dealer-opening__col:first-of-type {
padding-right: 10px;
}
.dealer-opening__col:nth-of-type(2) {
padding-left: 10px;
}
.dealer-opening__wrapper {
margin-bottom: 3rem;
overflow: hidden;
}
.dealer-opening p {
margin-bottom: .25rem;
}
.dealer-opening .body-copy__small-title {
margin-bottom: .5em;
}
.dealer-opening__items {
margin-bottom: 2rem;
}
.dealer-opening .row, .dealer-opening div {
overflow: hidden;
}
.dealer-representative {
overflow: hidden;
max-width: 100%;
}
.dealer-representative .tab__link::after {
background: rgba(255, 255, 255, 0.2);
}
.page--light .dealer-representative .tab__link::after {
background: rgba(204, 204, 204, 0.5);
}
.dealer-representative .tab__link:focus::after, .no-touch .dealer-representative .tab__link:hover::after {
background: rgba(255, 255, 255, 0.5);
}
.page--light .dealer-representative .tab__link:hover::after {
background: rgba(174, 128, 87, 0.2);
}
.dealer-representative .tab__link:active::after, .dealer-representative .tab__link.active::after {
background: rgba(255, 255, 255, 0.2);
}
.page--light .dealer-representative .tab__link:active::after, .page--light .dealer-representative .tab__link.active::after {
background: rgba(174, 128, 87, 0.5);
}
.dealer-representative .tabbed__content {
display: block!important;
max-height: 0!important;
overflow: hidden;
}
.dealer-representative .tabbed__content.active{
max-height:none!important;
overflow: visible;
}
.dealer-representative hr {
color: #161718;
opacity: .2;
margin-top: 16px;
margin-bottom: 16px;
}
.dealer-representative .swiper-container {
overflow: visible;
}
.dealer-representative .swiper-slide {
height: auto;
}
.dealer-representative__item {
backroung: red;
box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.2);
display: block;
overflow: visible;
padding: 2rem 2rem 7rem 2rem;
width: 33%;
}
.dealer-representative__item .swiper-slide {
width: 33.33%!important;
}
.dealer-representative__item .desc {
text-transform: uppercase;
}
.dealer-representative__item p.attr {
display: table;
line-height: 1.5;
}
.dealer-representative__item p.attr span.left {
display: table-cell;
width: 100%;
}
.dealer-representative__item p.attr span.right {
padding-left: 1em;
white-space: nowrap;
}
.dealer-representative__item button {
position: absolute;
bottom: 2rem;
}
.dealer-representative [data-open-overlay] {
background: transparent;
color: #000;
border-bottom: 2px solid rgba(0, 0, 0, 0.2);
padding-right: 0;
padding-left: 0;
}
.no-touch .dealer-representative [data-open-overlay]:hover {
border-color: rgba(0, 0, 0, 0.1);
cursor: pointer;
}
.dealer-representative [data-open-overlay]:focus {
border-color: rgba(0, 0, 0, 0.3);
}
.dealer-representative .button {
display: inline-flex !important;
margin-bottom: 2rem;
color: #FFF !important;
border-bottom: 0 !important;
padding-left: 54px;
padding-right: 54px;
background-color: rgb(135, 135, 135);
}
.dealer-representative--overlay {
background: rgba(0, 0, 0, .2);
overflow-y: auto;
}
.dealer-representative--overlay hr {
color: #161718;
opacity: 0.2;
margin-bottom: 2.5rem;
}
.dealer-representative--overlay h2 {
margin-bottom: 1rem;
}
.dealer-representative--overlay .dealer-preowned__copy p {
font-size: calc(12px + 2 * ((100vw - 375px) / 1650));
line-height: calc(20px + 8 * ((100vw - 375px) / 1650));
margin-bottom: 1em;
}
.dealer-representative--overlay [data-close-overlay] {
float: right;
clear: both;
background: transparent;
color: #000;
border-bottom: 2px solid rgba(0, 0, 0, 0.2);
padding-right: 0;
padding-left: 0;
margin-bottom: 1rem;
}
.no-touch .dealer-representative--overlay [data-close-overlay]:hover {
border-color: rgba(0, 0, 0, 0.1);
cursor: pointer;
}
.dealer-representative--overlay [data-close-overlay]:focus {
border-color: rgba(0, 0, 0, 0.3);
}
.dealer-representative--overlay .overlay__header {
display: block;
background: #FFF;
padding: 24px;
padding-bottom: 56px;
}
.dealer-representative--overlay .overlay__header div {
overflow: hidden;
}
.dealer-preowned .swiper-slide {
height: auto;
}
.dealer-preowned__item {
box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.2);
margin-bottom: 20px;
display: block;
overflow: visible;
height: calc(100% - 20px);
display: flex;
flex-direction: column;
}
.dealer-preowned__desc {
padding: 2rem 2rem 7rem 2rem;
}
.dealer-preowned__slider {
margin-top: 3rem;
}
.dealer-preowned__image {
padding-top: 56.25%;
background-color: #DDD;
background-position: center center;
background-size: cover;
}
.dealer-preowned__year {
font-size: 16px;
margin-bottom: 1rem;
line-height: 1;
}
.dealer-preowned__name {
font-size: 34px;
margin-bottom: 1rem;
line-height: 1;
}
.dealer-preowned__price {
font-size: 26px;
margin-bottom: 1rem;
}
.dealer-preowned__linkmore {
position: absolute;
bottom: calc(2rem + 20px);
left: 2rem;
}
.dealer-preowned__linkmore a.more {
position: relative;
padding: 20px 0;
font-size: calc(12px + 2 * ((100vw - 769px) / 1256));
text-transform: uppercase;
color: rgba(0, 0, 0, 0.7);
letter-spacing: 1px;
transition: opacity .3s cubic-bezier(.19, 1, .22, 1);
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-bottom: 0;
}
.dealer-preowned__linkmore a.more::after {
content: '';
width: 0;
height: 2px;
background: rgba(0, 0, 0, 0.2);
transition: width .6s cubic-bezier(.19, 1, .22, 1);
bottom: 14px;
left: 0px;
position: absolute;
}
.dealer-preowned__linkmore a.more.active, .no-touch .dealer-preowned__linkmore a.more:hover, .dealer-preowned__linkmore a.more:focus {
color: rgb(0, 0, 0);
}
.dealer-preowned__linkmore a.more.active::after, .no-touch .dealer-preowned__linkmore a.more:hover::after, .dealer-preowned__linkmore a.more:focus::after {
width: calc(100%);
}
.dealer-preowned p .right {
float: right;
}
.dealer-preowned .enquire.enquire--section {
background: transparent;
padding: 0;
color: #000;
}
.dealer-preowned .enquire.enquire--section .form__element {
margin-top: 2rem;
margin-bottom: 2rem;
}
.dealer-preowned .enquire.enquire--section .form .select .icon__wrapper {
color: #161718;
}
.dealer-preowned .enquire.enquire--section .form .form__element {
border: 0;
border-bottom: 2px solid rgba(22, 23, 24, .2);
border-radius: 0;
}
.dealer-preowned .enquire.enquire--section .form select {
padding-left: 0;
}
.dealer-preowned .enquire.enquire--section select:focus {
border-bottom: 0!important;
}
.dealer-preowned .enquire.enquire--section .form .select {
text-align: left;
}
.dealer-preowned .enquire.enquire--section .form .select .icon {
right: 0;
}
.dealer-preowned .enquire.enquire--section .form .select__mimic {
padding-left: 0;
}
.landing__text {
display: flex;
flex-direction: column;
justify-content: center;
}
.landing__text p {
margin-bottom: 20px;
font-size: 14px;
font-style: italic;
line-height: 1;
}
.landing__text .landing__link {
display: flex;
flex-flow: row nowrap;
justify-content: flex-start;
width: 100%;
color: inherit;
}
.landing__text .landing__link h3 {
width: 100%;
margin-bottom: 0;
margin-left: 15px;
font-size: calc(20px + 6 * ((100vw - 420px) / 860));
text-transform: uppercase;
line-height: calc(25px + 7 * ((100vw - 375px) / 1650));
}
.landing__text .landing__link .icon {
flex: 1 0 auto;
margin-top: 3px;
color: #ae8057;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
transition: -webkit-transform .3s cubic-bezier(.39, .575, .565, 1);
transition: transform .3s cubic-bezier(.39, .575, .565, 1);
transition: transform .3s cubic-bezier(.39, .575, .565, 1), -webkit-transform .3s cubic-bezier(.39, .575, .565, 1);
width: 22px;
height: 22px;
}
.no-touch .landing__text .landing__link:hover .icon {
-webkit-transform: rotate(-90deg) translateY(33%);
transform: rotate(-90deg) translateY(33%);
}
[dir='rtl'].no-touch .landing__text .landing__link:hover .icon {
-webkit-transform: rotate(90deg) translateY(33%);
transform: rotate(90deg) translateY(33%);
}
[dir='rtl'] .landing__text {
direction: rtl;
}
[dir='rtl'] .landing__text p {
text-align: right;
}
[dir='rtl'] .landing__text h3 {
margin-left: 0;
margin-right: 15px;
}
[dir='rtl'] .landing__text .icon {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.brand {
position: relative;
}
.brand__wrapper.row {
overflow: hidden;
}
.brand__wrapper.row .video--narrow::after {
content: '';
display: block;
z-index: 1;
opacity: 0;
pointer-events: none;
background: rgba(0, 0, 0, 0.3);
transition: opacity .6s cubic-bezier(.39, .575, .565, 1);
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
}
.brand__wrapper.row:hover .video--narrow:not(:hover)::after {
opacity: 1;
}
.brand__video {
position: relative;
height: 100vh;
transition: -webkit-transform 1s cubic-bezier(.215, .61, .355, 1);
transition: transform 1s cubic-bezier(.215, .61, .355, 1);
transition: transform 1s cubic-bezier(.215, .61, .355, 1), -webkit-transform 1s cubic-bezier(.215, .61, .355, 1);
}
.brand__video.col {
flex: 1 0 auto;
max-width: calc(1 / 3 * 100%);
margin-left: 0;
margin-right: 0;
}
.brand__video .video__caption {
padding: 0 60px;
z-index: 1;
cursor: pointer;
pointer-events: none;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
transition: -webkit-transform .6s cubic-bezier(.215, .61, .355, 1);
transition: transform .6s cubic-bezier(.215, .61, .355, 1);
transition: transform .6s cubic-bezier(.215, .61, .355, 1), -webkit-transform .6s cubic-bezier(.215, .61, .355, 1);
top: 50%;
left: 0;
position: absolute;
}
.brand__video .video__caption::after {
content: '';
width: 50%;
height: 50%;
z-index: 4;
border-radius: 50%;
background: rgba(0, 0, 0, 0.1);
box-shadow: 0 0 150px 150px rgba(0, 0, 0, 0.1);
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.brand__video .video__caption h1, .brand__video .video__caption h2 {
z-index: 5;
}
.brand__video .video__more {
z-index: 5;
opacity: 0;
-webkit-transform: translate(-50%, 40px);
transform: translate(-50%, 40px);
transition: opacity .6s linear .2s, -webkit-transform .6s cubic-bezier(.215, .61, .355, 1) .2s;
transition: opacity .6s linear .2s, transform .6s cubic-bezier(.215, .61, .355, 1) .2s;
transition: opacity .6s linear .2s, transform .6s cubic-bezier(.215, .61, .355, 1) .2s, -webkit-transform .6s cubic-bezier(.215, .61, .355, 1) .2s;
bottom: 45px;
left: 50%;
position: absolute;
}
.brand__video .video__more .arrow {
cursor: pointer;
background: rgba(255, 255, 255, 0);
width: 36px;
height: 36px;
}
.brand__video .video__more .arrow .icon {
width: 100%;
height: 100%;
}
.brand__video.video--full {
display: none;
z-index: 500;
opacity: 0;
transition: opacity .6s cubic-bezier(.39, .575, .565, 1) .2s;
width: 100%;
height: 100vh;
top: 0;
left: 0;
position: absolute;
}
.brand__video.video--full.show {
display: block;
}
.brand__video.video--full.visible {
opacity: 1;
transition: opacity .6s cubic-bezier(.39, .575, .565, 1) .2s;
}
.brand__video.video--full.visible .video__caption {
-webkit-animation: in-out 4s cubic-bezier(.39, .575, .565, 1) .8s forwards;
animation: in-out 4s cubic-bezier(.39, .575, .565, 1) .8s forwards;
}
.brand__video.video--full.visible .video__more {
opacity: 1;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
transition-delay: 4.8s;
outline-color: transparent;
}
.brand__video.video--full.visible .video__more .arrow {
transition: opacity .6s linear 5.2s, -webkit-transform .6s cubic-bezier(.215, .61, .355, 1) 5.2s;
transition: opacity .6s linear 5.2s, transform .6s cubic-bezier(.215, .61, .355, 1) 5.2s;
transition: opacity .6s linear 5.2s, transform .6s cubic-bezier(.215, .61, .355, 1) 5.2s, -webkit-transform .6s cubic-bezier(.215, .61, .355, 1) 5.2s;
}
.brand__video.video--full .video__caption {
opacity: 0;
-webkit-transform: translateY(40px);
transform: translateY(40px);
transition: opacity .6s linear .2s, -webkit-transform .6s cubic-bezier(.215, .61, .355, 1) .2s;
transition: opacity .6s linear .2s, transform .6s cubic-bezier(.215, .61, .355, 1) .2s;
transition: opacity .6s linear .2s, transform .6s cubic-bezier(.215, .61, .355, 1) .2s, -webkit-transform .6s cubic-bezier(.215, .61, .355, 1) .2s;
}
.brand__video.video--full .video__caption .body-copy__small-title {
margin-bottom: 28px;
}
.brand__video.video--full .video__caption .body-copy__large-title {
margin-bottom: 0;
}
.brand__video.video--narrow {
cursor: pointer;
}
.brand__video.video--narrow .video__caption {
-webkit-transform: translateY(-12px);
transform: translateY(-12px);
}
.brand__video.video--narrow .video__caption h2 {
width: 100%;
opacity: 0;
line-height: 24px;
-webkit-transform: translateY(12px);
transform: translateY(12px);
transition: opacity .2s linear, -webkit-transform .2s cubic-bezier(.215, .61, .355, 1);
transition: opacity .2s linear, transform .2s cubic-bezier(.215, .61, .355, 1);
transition: opacity .2s linear, transform .2s cubic-bezier(.215, .61, .355, 1), -webkit-transform .2s cubic-bezier(.215, .61, .355, 1);
}
.brand__video.video--narrow:hover .video__caption {
-webkit-transform: translateY(calc(-50% - 6px));
transform: translateY(calc(-50% - 6px));
transition: -webkit-transform .6s cubic-bezier(.215, .61, .355, 1) .2s;
transition: transform .6s cubic-bezier(.215, .61, .355, 1) .2s;
transition: transform .6s cubic-bezier(.215, .61, .355, 1) .2s, -webkit-transform .6s cubic-bezier(.215, .61, .355, 1) .2s;
}
.brand__video.video--narrow:hover .video__caption h2 {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
transition: opacity .4s linear .4s, -webkit-transform .4s cubic-bezier(.215, .61, .355, 1) .4s;
transition: opacity .4s linear .4s, transform .4s cubic-bezier(.215, .61, .355, 1) .4s;
transition: opacity .4s linear .4s, transform .4s cubic-bezier(.215, .61, .355, 1) .4s, -webkit-transform .4s cubic-bezier(.215, .61, .355, 1) .4s;
}
.brand[data-brand-active='1'] .brand__content[data-brand-content='1'] {
display: block;
}
.brand[data-brand-active='2'] .brand__content[data-brand-content='2'] {
display: block;
}
.brand[data-brand-active='3'] .brand__content[data-brand-content='3'] {
display: block;
}
.brand__content-wrapper {
display: none;
width: 100%;
}
.brand__content-wrapper.show {
display: block;
}
.brand__content {
display: none;
flex: 1 0 auto;
max-width: 100%;
height: auto;
}
@-webkit-keyframes in-out {
25% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
75% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes in-out {
25% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
75% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
.tabbed {
position: relative;
display: flex;
flex-flow: column wrap;
align-items: center;
color: inherit;
width: 100%;
height: auto;
}
.tabbed .tabs-wrapper {
align-self: center;
max-width: 100%;
margin-bottom: 50px;
color: inherit;
flex-grow: 0;
}
.tabbed__content {
display: none;
flex: 1 1 auto;
opacity: 0;
transition: opacity .3s cubic-bezier(.445, .05, .55, .95);
width: 100%;
height: auto;
}
.tabbed__content.active {
display: block;
}
.tabbed__content.fade {
opacity: 1;
}
/* stylelint-disable declaration-no-important */
.wid-accessories-icon {
background: url('../images/widgets/accesories.gif') no-repeat 0 0 !important;
}
.wid-brand-header-icon {
background: url('../images/widgets/brand_header.gif') no-repeat 0 0 !important;
}
.wid-car-icon {
background: url('../images/widgets/car-range-specs.gif') no-repeat 0 0 !important;
}
.wid-copy-module-icon {
background: url('../images/widgets/copy-module.gif') no-repeat 0 0 !important;
}
.wid-copy-enquire-phases-icon {
background: url('../images/widgets/enquire.gif') no-repeat 0 0 !important;
}
.wid-copy-experience-icon {
background: url('../images/widgets/experience-module.gif') no-repeat 0 0 !important;
}
.wid-copy-gallery-icon {
background: url('../images/widgets/image-gallery.gif') no-repeat 0 0 !important;
}
.wid-copy-generic-hero-icon {
background: url('../images/widgets/generic-hero.gif') no-repeat 0 0 !important;
}
.wid-copy-hero-a-icon {
background: url('../images/widgets/hero-A.gif') no-repeat 0 0 !important;
}
.wid-copy-hero-b-icon {
background: url('../images/widgets/hero_B.gif') no-repeat 0 0 !important;
}
.wid-copy-landing-module-icon {
background: url('../images/widgets/landing-page-A.gif') no-repeat 0 0 !important;
}
.wid-copy-module-a-icon {
background: url('../images/widgets/copy_module_A.gif') no-repeat 0 0 !important;
}
.wid-copy-module-b-icon {
background: url('../images/widgets/copy_module_B.gif') no-repeat 0 0 !important;
}
.wid-copy-module-c-icon {
background: url('../images/widgets/copy_module_C.gif') no-repeat 0 0 !important;
}
.wid-copy-module-d-icon {
background: url('../images/widgets/copy_module_D.gif') no-repeat 0 0 !important;
}
.wid-copy-module-e-icon {
background: url('../images/widgets/copy_module_E.gif') no-repeat 0 0 !important;
}
.wid-copy-module-f-icon {
background: url('../images/widgets/copy_module_F.gif') no-repeat 0 0 !important;
}
.wid-copy-module-g-icon {
background: url('../images/widgets/copy_module_G.gif') no-repeat 0 0 !important;
}
.wid-copy-module-h-icon {
background: url('../images/widgets/module_H.gif') no-repeat 0 0 !important;
}
.wid-copy-promo-a-icon {
background: url('../images/widgets/promo-module-A.gif') no-repeat 0 0 !important;
}
.wid-copy-promo-b-icon {
background: url('../images/widgets/promo-module-B.gif') no-repeat 0 0 !important;
}
.wid-copy-promo-c-icon {
background: url('../images/widgets/promo-module-C.gif') no-repeat 0 0 !important;
}
.wid-copy-quote-authors-a-icon {
background: url('../images/widgets/quote-module-A.gif') no-repeat 0 0 !important;
}
.wid-copy-quote-media-a-icon {
background: url('../images/widgets/quote-module-A.gif') no-repeat 0 0 !important;
}
.wid-copy-quote-b-icon {
background: url('../images/widgets/quote-module-B.gif') no-repeat 0 0 !important;
}
.wid-copy-quote-c-icon {
background: url('../images/widgets/quote-module-C.gif') no-repeat 0 0 !important;
}
.wid-page-navigation-icon {
background: url('../images/widgets/page-navigation-section.gif') no-repeat 0 0 !important;
}
.wid-copy-stats-icon {
background: url('../images/widgets/stats_module.gif') no-repeat 0 0 !important;
}
.wid-copy-videos-presenter-icon {
background: url('../images/widgets/video_presenter.gif') no-repeat 0 0 !important;
}
.wid-copy-sticky-navigation-icon {
background: url('../images/widgets/sticky_navigation.gif') no-repeat 0 0 !important;
}
.wid-copy-table-icon {
background: url('../images/widgets/table-module.gif') no-repeat 0 0 !important;
}
.wid-accordion-title {
background: url('../images/widgets/accordion-title.gif') no-repeat 0 0 !important;
}
.wid-gallery-slider {
background: url('../images/widgets/gallery-slider.gif') no-repeat 0 0 !important;
}
.wid-content-b-download-icon {
background: url('../images/widgets/content-module-B-with-link.gif') no-repeat 0 0 !important;
}
.wid-sticky-mobile-icon {
background: url('../images/widgets/sticky-mobile-navigation.gif') no-repeat 0 0 !important;
}
.wid-error-page-icon {
background: url('../images/widgets/error-page.gif') no-repeat 0 0 !important;
}
.wid-tab-module {
background: url('../images/widgets/tab-slider.gif') no-repeat 0 0 !important;
}
.error-page {
display: flex;
flex: 1;
flex-direction: column;
width: 100%;
min-height: 100vh;
background: #535353;
}
.ie .error-page {
padding-top: 6rem;
height: 100vh!important;
}
.error-page .pillarbox {
display: flex;
flex: 1;
}
.error-page .error-page__content {
padding: 20px 10px calc(20px * 4);
}
.valkyrie-form {
position: relative;
}
.swiper-container {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
/* Fix of Webkit flickering */
z-index:1;
}
.swiper-container-vertical > .swiper-wrapper {
flex-direction: column;
}
.swiper-wrapper {
position:relative;
width: 100%;
height: 100%;
z-index: 1;
display: flex;
transition-property:-webkit-transform;
transition-property:transform;
transition-property:transform, -webkit-transform;
box-sizing: content-box;
}
.swiper-container-android .swiper-slide, .swiper-wrapper {
-webkit-transform:translate3d(0px,0,0);
transform:translate3d(0px,0,0);
}
.swiper-container-multirow > .swiper-wrapper {
flex-wrap: wrap;
}
.swiper-container-multirow-column > .swiper-wrapper {
flex-wrap: wrap;
flex-direction: column;
}
.swiper-container-free-mode > .swiper-wrapper {
transition-timing-function: ease-out;
margin: 0 auto;
}
.swiper-slide {
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
}
.swiper-slide-invisible-blank {
visibility: hidden;
}
/* Auto Height */
.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
align-items: flex-start;
transition-property: height, -webkit-transform;
transition-property: transform, height;
transition-property: transform, height, -webkit-transform;
}
/* CSS Mode */
.swiper-container-css-mode > .swiper-wrapper {
overflow: auto;
scrollbar-width: none; /* For Firefox */
-ms-overflow-style: none;
}
/* For Internet Explorer and Edge */
.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
display: none;
}
.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
scroll-snap-align: start start;
}
.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
-ms-scroll-snap-type: x mandatory;
scroll-snap-type: x mandatory;
}
.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
-ms-scroll-snap-type: y mandatory;
scroll-snap-type: y mandatory;
}
/* a11y */
.swiper-container .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000;
}
.pricing {
position: relative;
margin-top: 2rem !important;
word-wrap: break-word;
}
.pricing__title {
margin-bottom: 2em !important;
}
.pricing__item {
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
}
.ie .pricing__item:last-of-type {
margin-right: -1px;
}
.pricing__item p {
padding: 0;
margin: 0;
font-size: calc(45px + 10 * ((100vw - 375px) / 1650));
font-style: italic;
line-height: 55px;
}
.pricing__item p sup {
top: -.75em;
font-size: 25px;
}
.pricing__blocks {
position: relative;
flex-wrap: no-wrap;
justify-content: center;
padding: 0;
margin: 0;
}
.pricing__blocks h6 {
margin-bottom: 10px;
font-size: 15px;
line-height: 15px;
}
.pricing__legal {
padding-top: 60px;
}
.pricing__legal p {
margin-bottom: 20px;
opacity: .5;
font-size: 10px;
line-height: 15px;
}
.global-landing__background {
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
width: 100%;
height: 100%;
}
.global-landing__background::before {
content: '';
z-index: 10;
background: rgba(0, 0, 0, 0.6);
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
width: 100%;
height: 100%;
}
.global-landing__content {
position: relative;
z-index: 100;
}
.global-landing__title {
margin-bottom: 35px;
}
.global-landing .form .button.button--secondary-cta-white {
display: flex;
}
.global-landing .form .button.button--loading::before {
border-top-color: #000;
}
.global-landing .form .form__element {
border: 0;
border-bottom: 1px #fff solid;
}
.global-landing .form .select {
flex-basis: 36px;
height: 36px;
font-size: 10px;
text-transform: uppercase;
}
.global-landing .form .select span {
color: rgb(255, 255, 255);
}
.touch .global-landing .form [data-landing-select] {
position: relative;
display: block;
opacity: 1;
line-height: normal;
}
.global-landing .button {
color: #fff;
}
.audio-module {
position: relative;
display: block;
height: 0;
padding: 0;
overflow: hidden;
padding-bottom: 41.66666666666667%;
color: rgb(255, 255, 255);
}
.audio-module__media {
width: 100%;
height: 100%;
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
}
.audio-module__blocks {
z-index: 1;
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
}
.audio-module__wrapper {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.audio-module__title h3 {
margin-bottom: calc(18px + 4 * ((100vw - 375px) / 1650));
font-size: calc(20px + 8 * ((100vw - 375px) / 1650));
line-height: calc(24px + 8 * ((100vw - 375px) / 1650));
}
.audio-module__sounds {
display: flex;
justify-content: center;
margin-bottom: 35px;
}
.audio-module__sound {
position: relative;
margin: 0 12px;
opacity: .5;
cursor: pointer;
-webkit-transform: translateZ(0);
transform: translateZ(0);
transition: opacity .3s;
width: 46px;
height: 46px;
}
.audio-module__sound.active {
opacity: 1;
}
.audio-module__sound .icon {
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
width: 100%;
height: 100%;
}
.audio-module__sound:focus, .audio-module__sound:hover {
opacity: 1;
}
.audio-module__label {
min-height: 22px;
font-size: calc(14px + 4 * ((100vw - 375px) / 1650));
line-height: calc(18px + 4 * ((100vw - 375px) / 1650));
}
.audio-module .icon svg {
transition: opacity .115s cubic-bezier(.47, 0, .745, .715);
}
.audio-module__sound-btn--play {
opacity: 1;
}
.active .audio-module__sound-btn--play {
opacity: 0;
}
.audio-module__sound-btn--pause {
opacity: 0;
}
.active .audio-module__sound-btn--pause {
opacity: 1;
}
.cookies {
position: fixed;
visibility: hidden;
width: 100%;
bottom: 0;
z-index: 1001;
color: #fff;
background: #000;
-webkit-transform: translateY(100%) translateZ(0);
transform: translateY(100%) translateZ(0);
transition: visibility .525s, -webkit-transform .525s cubic-bezier(1, 0, 0, 1);
transition: transform .525s cubic-bezier(1, 0, 0, 1), visibility .525s;
transition: transform .525s cubic-bezier(1, 0, 0, 1), visibility .525s, -webkit-transform .525s cubic-bezier(1, 0, 0, 1);
border-top: 1px solid rgba(204, 204, 204, 0.1);
}
.cookies--visible {
visibility: visible;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.overlay-active .cookies {
z-index: 998;
}
.cookies div {
display: block;
flex: none;
height: auto;
float: none;
}
.cookies__wrapper {
padding: 43px 0 20px;
}
.cookies__wrapper p {
font-size: calc(10px + 2 * ((100vw - 320px) / 744));
text-transform: none;
text-transform: initial;
line-height: 1.35em;
color: #ccc;
}
.cookies__wrapper p a {
color: inherit;
border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}
.cookies__wrapper p a:hover, .cookies__wrapper p a:focus {
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.cookies__cta {
position: absolute;
width: 20px;
top: 13px;
left: 50%;
padding: 5px;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
.cookies__cta .icon {
width: 10px;
height: 10px;
}
.sfPageEditor .cookies {
position: relative;
visibility: visible;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.news-list__item {
position: relative;
padding-top: 1.5em;
padding-bottom: 1.5em;
border-bottom: 1px solid #ccc;
}
.news-list__item:last-of-type {
border-bottom: 1px solid transparent;
}
.news-list__description {
margin-bottom: 1em;
}
.news-list__date {
display: block;
font-style: italic;
}
.news-list__title {
margin-bottom: 1em;
}
.news-list__link {
line-height: 2em;
}
.news-list__pagination {
margin-top: 5em;
}
.news-list__pagination li.active {
font-weight: bold;
}
.news-list__pagination li.active a {
border-bottom: 2px solid rgba(0, 0, 0, .4);
}
.news-list__pagination li {
display: inline-block;
margin-right: 1.5em;
}
.news-list__pagination li .sr-only {
display: none;
}
.news-list__pagination li::before {
position: absolute;
content: '';
width: 0 !important;
height: 0 !important;
top: 0;
left: 0;
background: transparent;
}
.news-full {
height: auto!important;
}
.news-full img {
max-width: 100%;
height: auto;
margin-bottom: 3em;
}
.news-full p {
margin-bottom: 1em;
}
.news-full__info {
font-style: italic;
}
.news-full__title {
margin-top: 2em;
}
.news-full__social-icons {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
margin-top: 1em;
margin-bottom: 2em;
}
.news-full__social-link {
color: #000;
border-bottom: 0 solid #000 !important;
}
.news-full__social-link:hover, .news-full__social-link:focus {
opacity: .8;
}
.news-full__social-link .icon {
width: 20px;
height: 20px;
margin-bottom: 1em;
margin-right: 1.5em;
}
.news-full ul {
list-style-type: none !important;
}
.generic-table .gen-tbl-container {
overflow-x: auto;
}
.generic-table table {
width: 100%;
border-spacing: 0;
}
.generic-table table th, .generic-table table td {
text-align: center;
vertical-align: middle;
border-bottom: 1px rgba(204, 204, 204, 0.3) solid;
text-align: center;
padding: 16px 16px;
font-size: 12px;
}
.generic-table table th {
font-weight: bold;
}
.form [data-datepicker-wrapper] .icon {
width: 18px;
height: 18px;
position: absolute;
top: calc(50% + 2px);
right: 15px;
opacity: 1;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
transition: opacity .3s;
}
.form [data-datepicker-wrapper] .icon .icon__wrapper {
color: #ae8057;
}
.form [data-datepicker-wrapper] [data-toggle] {
cursor: pointer;
}
.flatpickr-calendar {
background: transparent;
opacity: 0;
display: none;
text-align: center;
visibility: hidden;
padding: 0;
-webkit-animation: none;
animation: none;
direction: ltr;
border: 0;
font-size: 14px;
line-height: 24px;
border-radius: 5px;
position: absolute;
width: 307.875px;
box-sizing: border-box;
touch-action: manipulation;
background: #fff;
box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0,0,0,0.08);
}
.flatpickr-calendar.open, .flatpickr-calendar.inline {
opacity: 1;
max-height: 640px;
visibility: visible;
}
.flatpickr-calendar.open {
display: inline-block;
z-index: 99999;
}
.flatpickr-calendar.animate.open {
-webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
.flatpickr-calendar.inline {
display: block;
position: relative;
top: 2px;
}
.flatpickr-calendar.static {
position: absolute;
top: calc(100% + 2px);
}
.flatpickr-calendar.static.open {
z-index: 999;
display: block;
}
.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
box-shadow: none !important;
}
.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}
.flatpickr-calendar .hasWeeks .dayContainer, .flatpickr-calendar .hasTime .dayContainer {
border-bottom: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.flatpickr-calendar .hasWeeks .dayContainer {
border-left: 0;
}
.flatpickr-calendar.showTimeInput.hasTime .flatpickr-time {
height: 40px;
border-top: 1px solid #e6e6e6;
}
.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
height: auto;
}
.flatpickr-calendar:before, .flatpickr-calendar:after {
position: absolute;
display: block;
pointer-events: none;
border: solid transparent;
content: '';
height: 0;
width: 0;
left: 22px;
}
.flatpickr-calendar.rightMost:before, .flatpickr-calendar.rightMost:after {
left: auto;
right: 22px;
}
.flatpickr-calendar:before {
border-width: 5px;
margin: 0 -5px;
}
.flatpickr-calendar:after {
border-width: 4px;
margin: 0 -4px;
}
.flatpickr-calendar.arrowTop:before, .flatpickr-calendar.arrowTop:after {
bottom: 100%;
}
.flatpickr-calendar.arrowTop:before {
border-bottom-color: #e6e6e6;
}
.flatpickr-calendar.arrowTop:after {
border-bottom-color: #fff;
}
.flatpickr-calendar.arrowBottom:before, .flatpickr-calendar.arrowBottom:after {
top: 100%;
}
.flatpickr-calendar.arrowBottom:before {
border-top-color: #e6e6e6;
}
.flatpickr-calendar.arrowBottom:after {
border-top-color: #fff;
}
.flatpickr-calendar:focus {
outline: 0;
}
.flatpickr-wrapper {
position: relative;
display: inline-block;
}
.flatpickr-months {
display: flex;
}
.flatpickr-months .flatpickr-month {
background: transparent;
color: rgba(0,0,0,0.9);
fill: rgba(0,0,0,0.9);
height: 34px;
line-height: 1;
text-align: center;
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
overflow: hidden;
flex: 1;
}
.flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month {
text-decoration: none;
cursor: pointer;
position: absolute;
top: 0;
height: 34px;
padding: 10px;
z-index: 3;
color: rgba(0,0,0,0.9);
fill: rgba(0,0,0,0.9);
}
.flatpickr-months .flatpickr-prev-month.flatpickr-disabled, .flatpickr-months .flatpickr-next-month.flatpickr-disabled {
display: none;
}
.flatpickr-months .flatpickr-prev-month i, .flatpickr-months .flatpickr-next-month i {
position: relative;
}
.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month, .flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
/*
/*rtl:begin:ignore*/
/*
*/
left: 0;
/*
/*rtl:end:ignore*/
/*
*/
}
/*
/*rtl:begin:ignore*/
/*
/*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month, .flatpickr-months .flatpickr-next-month.flatpickr-next-month {
/*
/*rtl:begin:ignore*/
/*
*/
right: 0;
/*
/*rtl:end:ignore*/
/*
*/
}
/*
/*rtl:begin:ignore*/
/*
/*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month:hover, .flatpickr-months .flatpickr-next-month:hover {
color: #878787;
}
.flatpickr-months .flatpickr-prev-month:hover svg, .flatpickr-months .flatpickr-next-month:hover svg {
fill: #878787;
}
.flatpickr-months .flatpickr-prev-month svg, .flatpickr-months .flatpickr-next-month svg {
width: 14px;
height: 14px;
}
.flatpickr-months .flatpickr-prev-month svg path, .flatpickr-months .flatpickr-next-month svg path {
transition: fill 0.1s;
fill: inherit;
}
.numInputWrapper {
position: relative;
height: auto;
}
.numInputWrapper input, .numInputWrapper span {
display: inline-block;
}
.numInputWrapper input {
width: 100%;
}
.numInputWrapper input::-ms-clear {
display: none;
}
.numInputWrapper input::-webkit-outer-spin-button, .numInputWrapper input::-webkit-inner-spin-button {
margin: 0;
-webkit-appearance: none;
}
.numInputWrapper span {
position: absolute;
right: 0;
width: 14px;
padding: 0 4px 0 2px;
height: 50%;
line-height: 50%;
opacity: 0;
cursor: pointer;
border: 1px solid rgba(57,57,57,0.15);
box-sizing: border-box;
}
.numInputWrapper span:hover {
background: rgba(0,0,0,0.1);
}
.numInputWrapper span:active {
background: rgba(0,0,0,0.2);
}
.numInputWrapper span:after {
display: block;
content: "";
position: absolute;
}
.numInputWrapper span.arrowUp {
top: 0;
border-bottom: 0;
}
.numInputWrapper span.arrowUp:after {
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-bottom: 4px solid rgba(57,57,57,0.6);
top: 26%;
}
.numInputWrapper span.arrowDown {
top: 50%;
}
.numInputWrapper span.arrowDown:after {
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 4px solid rgba(57,57,57,0.6);
top: 40%;
}
.numInputWrapper span svg {
width: inherit;
height: auto;
}
.numInputWrapper span svg path {
fill: rgba(0,0,0,0.5);
}
.numInputWrapper:hover {
background: rgba(0,0,0,0.05);
}
.numInputWrapper:hover span {
opacity: 1;
}
.flatpickr-current-month {
font-size: 135%;
line-height: inherit;
font-weight: 300;
color: inherit;
position: absolute;
width: 75%;
left: 12.5%;
padding: 7.48px 0 0 0;
line-height: 1;
height: 34px;
display: inline-block;
text-align: center;
-webkit-transform: translate3d(0px, 0px, 0px);
transform: translate3d(0px, 0px, 0px);
}
.flatpickr-current-month span.cur-month {
font-family: inherit;
font-weight: 700;
color: inherit;
display: inline-block;
margin-left: 0.5ch;
padding: 0;
}
.flatpickr-current-month span.cur-month:hover {
background: rgba(0,0,0,0.05);
}
.flatpickr-current-month .numInputWrapper {
width: 6ch;
width: 7ch\0;
display: inline-block;
}
.flatpickr-current-month .numInputWrapper span.arrowUp:after {
border-bottom-color: rgba(0,0,0,0.9);
}
.flatpickr-current-month .numInputWrapper span.arrowDown:after {
border-top-color: rgba(0,0,0,0.9);
}
.flatpickr-current-month input.cur-year {
background: transparent;
box-sizing: border-box;
color: inherit;
cursor: text;
padding: 0 0 0 0.5ch;
margin: 0;
display: inline-block;
font-size: inherit;
font-family: inherit;
font-weight: 300;
line-height: inherit;
height: auto;
border: 0;
border-radius: 0;
vertical-align: baseline;
vertical-align: initial;
-webkit-appearance: textfield;
-moz-appearance: textfield;
appearance: textfield;
}
.flatpickr-current-month input.cur-year:focus {
outline: 0;
}
.flatpickr-current-month input.cur-year[disabled], .flatpickr-current-month input.cur-year[disabled]:hover {
pointer-events: none;
}
.flatpickr-current-month .flatpickr-monthDropdown-months {
appearance: menulist;
background: transparent;
border: none;
border-radius: 0;
box-sizing: border-box;
color: inherit;
cursor: pointer;
font-size: inherit;
font-family: inherit;
font-weight: 300;
height: auto;
line-height: inherit;
margin: -1px 0 0 0;
outline: none;
padding: 0 0 0 0.5ch;
position: relative;
vertical-align: baseline;
vertical-align: initial;
-webkit-box-sizing: border-box;
-webkit-appearance: menulist;
-moz-appearance: menulist;
width: auto;
}
.flatpickr-current-month .flatpickr-monthDropdown-months:focus, .flatpickr-current-month .flatpickr-monthDropdown-months:active {
outline: none;
}
.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
background: rgba(0,0,0,0.05);
}
.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
background-color: transparent;
outline: none;
padding: 0;
}
.flatpickr-weekdays {
background: transparent;
text-align: center;
overflow: hidden;
width: 100%;
display: flex;
align-items: center;
height: 28px;
}
.flatpickr-weekdays .flatpickr-weekdaycontainer {
display: flex;
flex: 1;
}
span.flatpickr-weekday {
cursor: default;
font-size: 90%;
background: transparent;
color: rgba(0,0,0,0.54);
line-height: 1;
margin: 0;
text-align: center;
display: block;
flex: 1;
font-weight: bolder;
}
.dayContainer, .flatpickr-weeks {
padding: 1px 0 0 0;
}
.flatpickr-days {
position: relative;
overflow: hidden;
display: flex;
align-items: flex-start;
width: 307.875px;
}
.flatpickr-days:focus {
outline: 0;
}
.dayContainer {
padding: 0;
outline: 0;
text-align: left;
width: 307.875px;
min-width: 307.875px;
max-width: 307.875px;
box-sizing: border-box;
display: inline-block;
display: flex;
flex-wrap: wrap;
-ms-flex-wrap: wrap;
justify-content: space-around;
-webkit-transform: translate3d(0px, 0px, 0px);
transform: translate3d(0px, 0px, 0px);
opacity: 1;
}
.dayContainer + .dayContainer {
box-shadow: -1px 0 0 #e6e6e6;
}
.flatpickr-day {
background: none;
border: 1px solid transparent;
border-radius: 150px;
box-sizing: border-box;
color: #393939;
cursor: pointer;
font-weight: 400;
width: 14.2857143%;
flex-basis: 14.2857143%;
max-width: 39px;
height: 39px;
line-height: 39px;
margin: 0;
display: inline-block;
position: relative;
justify-content: center;
text-align: center;
}
.flatpickr-day.inRange, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day.today.inRange, .flatpickr-day.prevMonthDay.today.inRange, .flatpickr-day.nextMonthDay.today.inRange, .flatpickr-day:hover, .flatpickr-day.prevMonthDay:hover, .flatpickr-day.nextMonthDay:hover, .flatpickr-day:focus, .flatpickr-day.prevMonthDay:focus, .flatpickr-day.nextMonthDay:focus {
cursor: pointer;
outline: 0;
background: #e6e6e6;
border-color: #e6e6e6;
}
.flatpickr-day.today {
border-color: #878787;
}
.flatpickr-day.today:hover, .flatpickr-day.today:focus {
border-color: #878787;
background: #878787;
color: #fff;
}
.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay {
background: #878787;
box-shadow: none;
color: #fff;
border-color: #878787;
}
.flatpickr-day.selected.startRange, .flatpickr-day.startRange.startRange, .flatpickr-day.endRange.startRange {
border-radius: 50px 0 0 50px;
}
.flatpickr-day.selected.endRange, .flatpickr-day.startRange.endRange, .flatpickr-day.endRange.endRange {
border-radius: 0 50px 50px 0;
}
.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
box-shadow: -10px 0 0 #878787;
}
.flatpickr-day.selected.startRange.endRange, .flatpickr-day.startRange.startRange.endRange, .flatpickr-day.endRange.startRange.endRange {
border-radius: 50px;
}
.flatpickr-day.inRange {
border-radius: 0;
box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}
.flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover, .flatpickr-day.prevMonthDay, .flatpickr-day.nextMonthDay, .flatpickr-day.notAllowed, .flatpickr-day.notAllowed.prevMonthDay, .flatpickr-day.notAllowed.nextMonthDay {
color: rgba(57,57,57,0.3);
background: transparent;
border-color: transparent;
cursor: default;
}
.flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover {
cursor: not-allowed;
color: rgba(57,57,57,0.1);
}
.flatpickr-day.week.selected {
border-radius: 0;
box-shadow: -5px 0 0 #878787, 5px 0 0 #878787;
}
.flatpickr-day.hidden {
visibility: hidden;
}
.rangeMode .flatpickr-day {
margin-top: 1px;
}
.flatpickr-weekwrapper {
float: left;
}
.flatpickr-weekwrapper .flatpickr-weeks {
padding: 0 12px;
box-shadow: 1px 0 0 #e6e6e6;
}
.flatpickr-weekwrapper .flatpickr-weekday {
float: none;
width: 100%;
line-height: 28px;
}
.flatpickr-weekwrapper span.flatpickr-day, .flatpickr-weekwrapper span.flatpickr-day:hover {
display: block;
width: 100%;
max-width: none;
color: rgba(57,57,57,0.3);
background: transparent;
cursor: default;
border: none;
}
.flatpickr-innerContainer {
display: block;
display: flex;
box-sizing: border-box;
overflow: hidden;
}
.flatpickr-rContainer {
display: inline-block;
padding: 0;
box-sizing: border-box;
}
.flatpickr-time {
text-align: center;
outline: 0;
display: block;
height: 0;
line-height: 40px;
max-height: 40px;
box-sizing: border-box;
overflow: hidden;
display: flex;
}
.flatpickr-time:after {
content: "";
display: table;
clear: both;
}
.flatpickr-time .numInputWrapper {
flex: 1;
width: 40%;
height: 40px;
float: left;
}
.flatpickr-time .numInputWrapper span.arrowUp:after {
border-bottom-color: #393939;
}
.flatpickr-time .numInputWrapper span.arrowDown:after {
border-top-color: #393939;
}
.flatpickr-time.hasSeconds .numInputWrapper {
width: 26%;
}
.flatpickr-time.time24hr .numInputWrapper {
width: 49%;
}
.flatpickr-time input {
background: transparent;
box-shadow: none;
border: 0;
border-radius: 0;
text-align: center;
margin: 0;
padding: 0;
height: inherit;
line-height: inherit;
color: #393939;
font-size: 14px;
position: relative;
box-sizing: border-box;
-webkit-appearance: textfield;
-moz-appearance: textfield;
appearance: textfield;
}
.flatpickr-time input.flatpickr-hour {
font-weight: bold;
}
.flatpickr-time input.flatpickr-minute, .flatpickr-time input.flatpickr-second {
font-weight: 400;
}
.flatpickr-time input:focus {
outline: 0;
border: 0;
}
.flatpickr-time .flatpickr-time-separator, .flatpickr-time .flatpickr-am-pm {
height: inherit;
float: left;
line-height: inherit;
color: #393939;
font-weight: bold;
width: 2%;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
align-self: center;
}
.flatpickr-time .flatpickr-am-pm {
outline: 0;
width: 18%;
cursor: pointer;
text-align: center;
font-weight: 400;
}
.flatpickr-time input:hover, .flatpickr-time .flatpickr-am-pm:hover, .flatpickr-time input:focus, .flatpickr-time .flatpickr-am-pm:focus {
background: #eee;
}
.flatpickr-input[readonly] {
cursor: pointer;
}
@-webkit-keyframes fpFadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fpFadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
/* Overlays */
.overlay {
display: none;
width: 100%;
height: 100vh;
overflow: hidden;
z-index: 1001;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
transition: -webkit-transform .26s cubic-bezier(.47, 0, .745, .715);
transition: transform .26s cubic-bezier(.47, 0, .745, .715);
transition: transform .26s cubic-bezier(.47, 0, .745, .715), -webkit-transform .26s cubic-bezier(.47, 0, .745, .715);
top: 0;
left: 0;
position: fixed;
}
.ie .overlay {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
.overlay[data-overlay-visible='true'] {
display: block;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
will-change: transform;
}
.overlay[data-overlay-quicksearch='false'] .close-overlay .icon-circle-close {
display: none;
}
.overlay[data-overlay-quicksearch='false'] .close-overlay .icon-circle-arrow-up {
display: block;
}
.overlay[data-overlay-quicksearch='true'] .close-overlay .icon-circle-close {
display: block;
}
.overlay[data-overlay-quicksearch='true'] .close-overlay .icon-circle-arrow-up {
display: none;
}
.overlay[data-overlay-active='true'] {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
transition: -webkit-transform .375s cubic-bezier(.39, .575, .565, 1);
transition: transform .375s cubic-bezier(.39, .575, .565, 1);
transition: transform .375s cubic-bezier(.39, .575, .565, 1), -webkit-transform .375s cubic-bezier(.39, .575, .565, 1);
}
.ie .overlay[data-overlay-active='true'] {
-webkit-transform: translateY(0);
transform: translateY(0);
}
.overlay[data-overlay-color='white'] {
background-color: #fff;
}
.overlay[data-overlay-color='white-light'] {
background-color: rgb(255, 255, 255);
}
.overlay[data-overlay-color='black'] {
background-color: #000;
}
.overlay[data-overlay-color='black-light'] {
background-color: rgb(26, 26, 26);
}
.overlay[data-overlay-color='yellow'] {
background-color: #ff0;
}
.overlay[data-overlay-color='yellow-light'] {
background-color: rgb(255, 255, 51);
}
.overlay[data-overlay-color='red'] {
background-color: #f00;
}
.overlay[data-overlay-color='red-light'] {
background-color: rgb(255, 51, 51);
}
.overlay[data-overlay-color='gray'] {
background-color: #ccc;
}
.overlay[data-overlay-color='gray-light'] {
background-color: rgb(230, 230, 230);
}
.overlay[data-overlay-color='dimgray'] {
background-color: #8e8b87;
}
.overlay[data-overlay-color='dimgray-light'] {
background-color: rgb(166, 164, 160);
}
.overlay[data-overlay-color='midgray'] {
background-color: #535353;
}
.overlay[data-overlay-color='midgray-light'] {
background-color: rgb(110, 110, 110);
}
.overlay[data-overlay-color='mediumgray'] {
background-color: #2f2f2f;
}
.overlay[data-overlay-color='mediumgray-light'] {
background-color: rgb(71, 71, 71);
}
.overlay[data-overlay-color='valkyriegray'] {
background-color: #9b9fa2;
}
.overlay[data-overlay-color='valkyriegray-light'] {
background-color: rgb(181, 184, 186);
}
.overlay[data-overlay-color='gold'] {
background-color: #535353;
}
.overlay[data-overlay-color='gold-light'] {
background-color: rgb(110, 110, 110);
}
.overlay[data-overlay-color='lightstone'] {
background-color: #ae8057;
}
.overlay[data-overlay-color='lightstone-light'] {
background-color: rgb(190, 153, 121);
}
.overlay[data-overlay-color='silver'] {
background-color: #f9f9f9;
}
.overlay[data-overlay-color='silver-light'] {
background-color: rgb(255, 255, 255);
}
.overlay[data-overlay-color='asphalt'] {
background-color: #77736e;
}
.overlay[data-overlay-color='asphalt-light'] {
background-color: rgb(145, 141, 136);
}
.overlay[data-overlay-color='sunshine'] {
background-color: #5c6169;
}
.overlay[data-overlay-color='sunshine-light'] {
background-color: rgb(116, 123, 134);
}
.overlay[data-overlay-color='burgundy'] {
background-color: #b87811;
}
.overlay[data-overlay-color='burgundy-light'] {
background-color: rgb(229, 149, 21);
}
.overlay[data-overlay-color='caramel'] {
background-color: #7d4e55;
}
.overlay[data-overlay-color='caramel-light'] {
background-color: rgb(157, 98, 107);
}
.overlay[data-overlay-color='ashgrey'] {
background-color: #ae8057;
}
.overlay[data-overlay-color='ashgrey-light'] {
background-color: rgb(190, 153, 121);
}
.overlay[data-overlay-color='teal'] {
background-color: #5b5549;
}
.overlay[data-overlay-color='teal-light'] {
background-color: rgb(119, 111, 95);
}
.overlay[data-overlay-color='cobalt'] {
background-color: #485556;
}
.overlay[data-overlay-color='cobalt-light'] {
background-color: rgb(95, 113, 114);
}
.overlay[data-overlay-color='smoke'] {
background-color: #657974;
}
.overlay[data-overlay-color='smoke-light'] {
background-color: rgb(127, 148, 143);
}
.overlay[data-overlay-color='aubergine'] {
background-color: #48434d;
}
.overlay[data-overlay-color='aubergine-light'] {
background-color: rgb(97, 90, 104);
}
.overlay[data-overlay-color='abbay'] {
background-color: #27191f;
}
.overlay[data-overlay-color='abbay-light'] {
background-color: rgb(72, 46, 57);
}
.overlay__outer-wrapper {
height: 100vh;
overflow: auto;
}
.touch .overlay__outer-wrapper {
-webkit-overflow-scrolling: touch;
overflow-y: scroll;
}
.overlay__inner-wrapper {
display: flex;
flex-direction: row;
}
.overlay__content {
display: flex;
flex-direction: column;
justify-content: center;
width: 100%;
min-height: 100vh;
overflow: hidden;
}
.overlay__header {
position: relative;
}
.overlay__header .close-overlay {
position: absolute;
top: 20px;
right: 20px;
padding: 0;
z-index: 10;
color: #fff;
cursor: pointer;
background: none;
touch-action: manipulation;
width: 44px;
height: 44px;
}
.overlay__header .icon {
width: 100%;
height: 100%;
}
/* stylelint-disable declaration-no-important */
.overlay--no-transition {
transition: none !important;
}
.overlay--no-transition[data-overlay-items][data-overlay-active='true'], .overlay--no-transition.overlay--menu-opened li {
transition-delay: 0s !important;
}
/* stylelint-enable declaration-no-important */
.overlay[data-overlay='main-menu'], .overlay[data-overlay='collection-menu'], .overlay[data-overlay='subnavigation-menu'], .overlay[data-overlay='subnav-dealers-menu-mobile'] {
z-index: 999;
}
.overlay[data-overlay='main-menu'] ul, .overlay[data-overlay='collection-menu'] ul, .overlay[data-overlay='subnavigation-menu'] ul, .overlay[data-overlay='subnav-dealers-menu-mobile'] ul {
position: relative;
padding: 45px 0 35px;
font-size: calc(28px + 12 * ((100vw - 320px) / 744));
text-align: center;
text-transform: uppercase;
line-height: calc(28px + 12 * ((100vw - 320px) / 744));
pointer-events: none;
}
.overlay[data-overlay='main-menu'] ul a, .overlay[data-overlay='collection-menu'] ul a, .overlay[data-overlay='subnavigation-menu'] ul a, .overlay[data-overlay='subnav-dealers-menu-mobile'] ul a {
display: inline-block;
padding: 10px 0;
color: #fff;
pointer-events: auto;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transform-origin: center;
transform-origin: center;
}
.overlay[data-overlay='main-menu'] ul li, .overlay[data-overlay='collection-menu'] ul li, .overlay[data-overlay='subnavigation-menu'] ul li, .overlay[data-overlay='subnav-dealers-menu-mobile'] ul li {
display: flex;
justify-content: center;
opacity: 0;
-webkit-transform: translate3d(0, -10vh, 0);
transform: translate3d(0, -10vh, 0);
transition: opacity .9s, -webkit-transform .9s;
transition: opacity .9s, transform .9s;
transition: opacity .9s, transform .9s, -webkit-transform .9s;
transition-timing-function: ease, cubic-bezier(.165, .84, .44, 1);
}
.ie .overlay[data-overlay='main-menu'] ul li, .ie .overlay[data-overlay='collection-menu'] ul li, .ie .overlay[data-overlay='subnavigation-menu'] ul li, .ie .overlay[data-overlay='subnav-dealers-menu-mobile'] ul li {
-webkit-transform: translateY(-100px);
transform: translateY(-100px);
}
.overlay[data-overlay='main-menu'] ul::before, .overlay[data-overlay='main-menu'] ul::after, .overlay[data-overlay='collection-menu'] ul::before, .overlay[data-overlay='collection-menu'] ul::after, .overlay[data-overlay='subnavigation-menu'] ul::before, .overlay[data-overlay='subnavigation-menu'] ul::after, .overlay[data-overlay='subnav-dealers-menu-mobile'] ul::before, .overlay[data-overlay='subnav-dealers-menu-mobile'] ul::after {
position: absolute;
content: '';
width: 12px;
height: 1px;
left: 50%;
opacity: 0;
background-color: #fff;
-webkit-transform: translate3d(-50%, -10vh, 0);
transform: translate3d(-50%, -10vh, 0);
transition: opacity .9s, -webkit-transform .9s;
transition: opacity .9s, transform .9s;
transition: opacity .9s, transform .9s, -webkit-transform .9s;
transition-timing-function: ease, cubic-bezier(.165, .84, .44, 1);
}
.ie .overlay[data-overlay='main-menu'] ul::before, .ie .overlay[data-overlay='main-menu'] ul::after, .ie .overlay[data-overlay='collection-menu'] ul::before, .ie .overlay[data-overlay='collection-menu'] ul::after, .ie .overlay[data-overlay='subnavigation-menu'] ul::before, .ie .overlay[data-overlay='subnavigation-menu'] ul::after, .ie .overlay[data-overlay='subnav-dealers-menu-mobile'] ul::before, .ie .overlay[data-overlay='subnav-dealers-menu-mobile'] ul::after {
-webkit-transform: translateX(-50%) translateY(-100px);
transform: translateX(-50%) translateY(-100px);
}
.overlay[data-overlay='main-menu'] ul::before, .overlay[data-overlay='collection-menu'] ul::before, .overlay[data-overlay='subnavigation-menu'] ul::before, .overlay[data-overlay='subnav-dealers-menu-mobile'] ul::before {
top: 0;
}
.overlay[data-overlay='main-menu'] ul::after, .overlay[data-overlay='collection-menu'] ul::after, .overlay[data-overlay='subnavigation-menu'] ul::after, .overlay[data-overlay='subnav-dealers-menu-mobile'] ul::after {
bottom: 0;
}
.overlay[data-overlay='main-menu'][data-overlay-active='true'], .overlay[data-overlay='main-menu'].overlay--menu-opened li, .overlay[data-overlay='collection-menu'][data-overlay-active='true'], .overlay[data-overlay='collection-menu'].overlay--menu-opened li, .overlay[data-overlay='subnavigation-menu'][data-overlay-active='true'], .overlay[data-overlay='subnavigation-menu'].overlay--menu-opened li, .overlay[data-overlay='subnav-dealers-menu-mobile'][data-overlay-active='true'], .overlay[data-overlay='subnav-dealers-menu-mobile'].overlay--menu-opened li {
/* stylelint-disable declaration-no-important */
transition-delay: 0s !important;
/* stylelint-enable declaration-no-important */
}
.no-touch .overlay[data-overlay='main-menu'].overlay--menu-opened ul:hover li, .no-touch .overlay[data-overlay='collection-menu'].overlay--menu-opened ul:hover li, .no-touch .overlay[data-overlay='subnavigation-menu'].overlay--menu-opened ul:hover li, .no-touch .overlay[data-overlay='subnav-dealers-menu-mobile'].overlay--menu-opened ul:hover li {
opacity: .3;
transition-duration: .3s;
transition-delay: 0s;
}
.no-touch .overlay[data-overlay='main-menu'].overlay--menu-opened ul:hover li:hover, .no-touch .overlay[data-overlay='collection-menu'].overlay--menu-opened ul:hover li:hover, .no-touch .overlay[data-overlay='subnavigation-menu'].overlay--menu-opened ul:hover li:hover, .no-touch .overlay[data-overlay='subnav-dealers-menu-mobile'].overlay--menu-opened ul:hover li:hover {
opacity: 1;
transition-duration: .3s;
transition-delay: 0s;
}
.overlay[data-overlay='subnavigation-menu'] ul, .overlay[data-overlay='subnav-dealers-menu-mobile'] ul {
padding: 10px 0;
font-size: calc(24px + 16 * ((100vw - 320px) / 744));
}
.overlay[data-overlay='subnavigation-menu'] ul::before, .overlay[data-overlay='subnavigation-menu'] ul::after, .overlay[data-overlay='subnav-dealers-menu-mobile'] ul::before, .overlay[data-overlay='subnav-dealers-menu-mobile'] ul::after {
content: none;
}
.overlay[data-overlay='subnavigation-menu'] ul a, .overlay[data-overlay='subnav-dealers-menu-mobile'] ul a {
padding: 20px 0;
letter-spacing: 2px;
}
.overlay[data-overlay='subnavigation-menu'] ul a.active::after, .overlay[data-overlay='subnav-dealers-menu-mobile'] ul a.active::after {
content: '';
width: 100%;
height: 3px;
background: rgba(255, 255, 255, 0.2);
transition: width .6s cubic-bezier(.19, 1, .22, 1);
bottom: 5px;
left: 0;
position: absolute;
}
.overlay[data-overlay='subnavigation-menu'] .close-overlay, .overlay[data-overlay='subnav-dealers-menu-mobile'] .close-overlay {
padding: 5px;
}
.overlay[data-overlay='subnavigation-menu'] .close-overlay .icon, .overlay[data-overlay='subnav-dealers-menu-mobile'] .close-overlay .icon {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.scrollbar-measure {
position: absolute;
width: 100px;
height: 100px;
overflow: scroll;
-webkit-transform: translateX(-100vw);
transform: translateX(-100vw);
}
.overlay[data-overlay='main-menu']::before {
position: absolute;
content: '';
height: calc(65px * 2);
top: 0;
left: 0;
right: 20px;
z-index: 10;
background: linear-gradient(to bottom, #535353 35%, rgba(83, 83, 83, 0) 100%);
}
.overlay[data-overlay='main-menu'] .overlay__header {
flex: 0 0 65px;
}
.overlay[data-overlay='main-menu'] .overlay__body {
display: flex;
flex-direction: column;
justify-content: center;
padding: 45px 0;
flex-grow: 1;
}
.overlay[data-overlay='main-menu'] .overlay__footer {
flex: 0 0 122px;
opacity: 0;
-webkit-transform: translateY(-10vh);
transform: translateY(-10vh);
transition: opacity .9s, -webkit-transform .9s;
transition: opacity .9s, transform .9s;
transition: opacity .9s, transform .9s, -webkit-transform .9s;
transition-timing-function: ease, cubic-bezier(.165, .84, .44, 1);
}
.ie .overlay[data-overlay='main-menu'] .overlay__footer {
-webkit-transform: translateY(-100px);
transform: translateY(-100px);
}
[dir='rtl'] .overlay[data-overlay='main-menu'] .overlay__footer {
direction: ltr;
}
.overlay[data-overlay='main-menu'] .overlay__footer .pillarbox {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
}
.overlay[data-overlay='main-menu'] .overlay__footer .pillarbox::before {
position: absolute;
content: '';
width: auto;
height: 1px;
top: 0;
left: 20px;
right: 20px;
background-color: rgba(255, 255, 255, 0.2);
}
.overlay[data-overlay='main-menu'] .overlay__footer nav {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
width: 100%;
}
.no-touch .overlay[data-overlay='main-menu'] .overlay__footer nav:hover a {
opacity: .3;
}
.no-touch .overlay[data-overlay='main-menu'] .overlay__footer nav:hover a:hover {
opacity: 1;
}
.overlay[data-overlay='main-menu'] .overlay__footer a {
position: relative;
display: block;
padding: 20px;
font-size: 10px;
text-transform: uppercase;
text-decoration: none;
color: #fff;
letter-spacing: 2px;
cursor: pointer;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transform-origin: center;
transform-origin: center;
transition: opacity .4s cubic-bezier(.39, .575, .565, 1);
}
.no-touch .overlay[data-overlay='main-menu'] .overlay__footer a::after {
content: '';
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
}
.no-touch .overlay[data-overlay='main-menu'] .overlay__footer a:first-of-type {
padding-left: 0;
}
.no-touch .overlay[data-overlay='main-menu'] .overlay__footer a:first-of-type::after {
left: -10px;
}
.no-touch .overlay[data-overlay='main-menu'] .overlay__footer a:last-of-type {
padding-right: 0;
}
.no-touch .overlay[data-overlay='main-menu'] .overlay__footer a:last-of-type::after {
left: 10px;
}
.no-touch .overlay[data-overlay='main-menu'] .overlay__footer a:focus {
outline: none;
}
.no-touch .overlay[data-overlay='main-menu'] .overlay__footer a:focus::after {
outline: rgba(255, 255, 255, 0.5) dotted 1px;
}
.overlay[data-overlay='main-menu'][data-overlay-active='true'] {
transition-delay: 0s;
}
.overlay[data-overlay='main-menu'][data-overlay-active='true'].overlay--menu-opening .overlay__footer {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
transition-delay: 0s;
}
.ie .overlay[data-overlay='main-menu'][data-overlay-active='true'].overlay--menu-opening .overlay__footer {
-webkit-transform: translateY(0);
transform: translateY(0);
}
.overlay[data-overlay='main-menu'][data-overlay-active='true'].overlay--menu-opened .overlay__footer {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.ie .overlay[data-overlay='main-menu'][data-overlay-active='true'].overlay--menu-opened .overlay__footer {
-webkit-transform: translateY(0);
transform: translateY(0);
}
.overlay[data-overlay='main-menu'].overlay--menu-opening ul::before, .overlay[data-overlay='main-menu'].overlay--menu-opening ul::after {
opacity: 1;
-webkit-transform: translateX(-50%) translateY(0);
transform: translateX(-50%) translateY(0);
}
.ie .overlay[data-overlay='main-menu'].overlay--menu-opening ul::before, .ie .overlay[data-overlay='main-menu'].overlay--menu-opening ul::after {
-webkit-transform: translateX(-50%) translateY(0);
transform: translateX(-50%) translateY(0);
}
.overlay[data-overlay='main-menu'].overlay--menu-opening li {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.ie .overlay[data-overlay='main-menu'].overlay--menu-opening li {
-webkit-transform: translateY(0);
transform: translateY(0);
}
.overlay[data-overlay='main-menu'].overlay--menu-opening ul::after {
transition-delay: .3s;
}
.overlay[data-overlay='main-menu'].overlay--menu-opened ul::before, .overlay[data-overlay='main-menu'].overlay--menu-opened ul::after {
opacity: 1;
-webkit-transform: translateX(-50%) translateY(0);
transform: translateX(-50%) translateY(0);
}
.ie .overlay[data-overlay='main-menu'].overlay--menu-opened ul::before, .ie .overlay[data-overlay='main-menu'].overlay--menu-opened ul::after {
-webkit-transform: translateX(-50%) translateY(0);
transform: translateX(-50%) translateY(0);
}
.overlay[data-overlay='main-menu'].overlay--menu-opened li {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.ie .overlay[data-overlay='main-menu'].overlay--menu-opened li {
-webkit-transform: translateY(0);
transform: translateY(0);
}
.overlay[data-overlay='main-menu'].overlay--menu-closing li {
opacity: 0;
-webkit-transform: translateY(-10vh);
transform: translateY(-10vh);
transition-duration: .45s;
}
.ie .overlay[data-overlay='main-menu'].overlay--menu-closing li {
-webkit-transform: translateY(-100px);
transform: translateY(-100px);
}
.overlay[data-overlay='main-menu'].overlay--menu-closing ul::before, .overlay[data-overlay='main-menu'].overlay--menu-closing ul::after {
opacity: 0;
-webkit-transform: translateX(-50%) translateY(-10vh);
transform: translateX(-50%) translateY(-10vh);
}
.ie .overlay[data-overlay='main-menu'].overlay--menu-closing ul::before, .ie .overlay[data-overlay='main-menu'].overlay--menu-closing ul::after {
-webkit-transform: translateX(-50%) translateY(-100px);
transform: translateX(-50%) translateY(-100px);
}
.overlay[data-overlay='main-menu'].overlay--menu-closing ul::before {
transition-delay: 0s;
}
.overlay[data-overlay='main-menu'].overlay--closing .overlay__footer {
opacity: 0;
-webkit-transform: translateY(-10vh);
transform: translateY(-10vh);
}
.ie .overlay[data-overlay='main-menu'].overlay--closing .overlay__footer {
-webkit-transform: translateY(-100px);
transform: translateY(-100px);
}
[data-overlay='account'][data-overlay-active='true'] ~ .overlay[data-overlay='main-menu'], [data-overlay='search'][data-overlay-active='true'] ~ .overlay[data-overlay='main-menu'], [data-overlay='enquire'][data-overlay-active='true'] ~ .overlay[data-overlay='main-menu'] {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
/* stylelint-disable declaration-no-important */
transition: -webkit-transform .375s cubic-bezier(.47, 0, .745, .715) 0s !important;
transition: transform .375s cubic-bezier(.47, 0, .745, .715) 0s !important;
transition: transform .375s cubic-bezier(.47, 0, .745, .715) 0s, -webkit-transform .375s cubic-bezier(.47, 0, .745, .715) 0s !important;
}
.ie [data-overlay='account'][data-overlay-active='true'] ~ .overlay[data-overlay='main-menu'], .ie [data-overlay='search'][data-overlay-active='true'] ~ .overlay[data-overlay='main-menu'], .ie [data-overlay='enquire'][data-overlay-active='true'] ~ .overlay[data-overlay='main-menu'] {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
.overlay[data-overlay='enquire'] {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
.ie .overlay[data-overlay='enquire'] {
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
.overlay[data-overlay='enquire'][data-overlay-active='true'] {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.ie .overlay[data-overlay='enquire'][data-overlay-active='true'] {
-webkit-transform: translateY(0);
transform: translateY(0);
}
.overlay[data-overlay='enquire'][data-overlay-active='false'] {
transition: -webkit-transform .375s cubic-bezier(.47, 0, .745, .715);
transition: transform .375s cubic-bezier(.47, 0, .745, .715);
transition: transform .375s cubic-bezier(.47, 0, .745, .715), -webkit-transform .375s cubic-bezier(.47, 0, .745, .715);
}
.overlay[data-overlay='enquire'] .overlay__header {
flex: 0 0 calc(20px * 2 + 44px);
}
.overlay[data-overlay='enquire'] .overlay__body {
display: flex;
flex-direction: column;
}
.overlay[data-overlay='enquire'] .overlay__body.success {
flex: 1;
}
.overlay[data-overlay='enquire'] .overlay__body.success .pillarbox {
display: flex;
flex: 1;
padding-bottom: calc(20px * 2 + 44px);
}
.overlay[data-overlay='enquire'] .enquire__form, .overlay[data-overlay='enquire'] .enquire__success {
display: none;
opacity: 0;
transition: opacity .6s cubic-bezier(.39, .575, .565, 1);
}
.overlay[data-overlay='enquire'] .enquire__form.show, .overlay[data-overlay='enquire'] .enquire__success.show {
display: block;
}
.overlay[data-overlay='enquire'] .enquire__form.visible, .overlay[data-overlay='enquire'] .enquire__success.visible {
opacity: 1;
transition: opacity .7s cubic-bezier(.39, .575, .565, 1);
}
.enquire {
padding: 20px 0;
text-align: center;
color: #fff;
}
.enquire__text {
padding: 0 20px;
margin-bottom: 45px;
}
.enquire__text .body-copy__text {
margin-bottom: 10px;
}
.enquire .form__element.disabled, .enquire .form__element-group.disabled {
border-color: rgba(255, 255, 255, 0.2);
}
.enquire .form__element.disabled span, .enquire .form__element-group.disabled span {
color: rgba(255, 255, 255, 0.2);
}
.enquire .form__element-group {
display: flex;
flex-direction: row;
}
.enquire .form__element-group .form__element:nth-child(2) .error-msg {
text-align: right;
top: calc(100% + 10px);
right: 15px;
position: absolute;
}
[dir='rtl'] .enquire .form__element-group .form__element:nth-child(2) .error-msg {
right: 0;
}
.enquire .form__element-group .form__element {
width: 50%;
border: 0;
}
.enquire .form__element-group .form__element:last-of-type input, .enquire .form__element-group .form__element:last-of-type input::-webkit-input-placeholder {
text-align: right;
}
.enquire .form__element-group .form__element:last-of-type input, .enquire .form__element-group .form__element:last-of-type input:-ms-input-placeholder {
text-align: right;
}
.enquire .form__element-group .form__element:last-of-type input, .enquire .form__element-group .form__element:last-of-type input::-ms-input-placeholder {
text-align: right;
}
.enquire .form__element-group .form__element:last-of-type input, .enquire .form__element-group .form__element:last-of-type input::placeholder {
text-align: right;
}
.enquire .form__element-group.error {
border: 2px solid #fff;
}
.enquire .form__element-group .form__element.error {
border: 0;
}
.enquire fieldset a {
position: relative;
color: #fff;
cursor: pointer;
}
.enquire fieldset a::before, .enquire fieldset a::after {
position: absolute;
content: '';
width: 100%;
height: 3px;
bottom: -10px;
left: 0;
z-index: 1;
background-color: rgba(255, 255, 255, 0.5);
transition: width .225s cubic-bezier(.39, .575, .565, 1);
}
.enquire fieldset a::after {
width: 0;
z-index: 10;
opacity: 1;
background-color: rgb(255, 255, 255);
}
.no-touch .enquire fieldset a:hover::after {
width: 100%;
}
.enquire .select {
flex-basis: 36px;
height: 36px;
font-size: 10px;
}
.enquire .select span {
color: rgb(255, 255, 255);
}
.enquire__success .body-copy__small-title {
margin-bottom: 6.6vw;
}
.enquire__success .body-copy__large-title {
margin-bottom: 6.6vw;
line-height: calc(26px + 49 * ((100vw - 375px) / 1650));
}
.enquire--simple {
padding: 0;
}
.enquire--simple .button {
min-width: 164px;
}
.enquire--simple .enquire__form, .enquire--simple .enquire__success {
display: none;
opacity: 0;
transition: opacity .6s cubic-bezier(.39, .575, .565, 1);
}
.enquire--simple .enquire__form.show, .enquire--simple .enquire__success.show {
display: block;
}
.enquire--simple .enquire__form.visible, .enquire--simple .enquire__success.visible {
opacity: 1;
transition: opacity .7s cubic-bezier(.39, .575, .565, 1);
}
.enquire--simple .enquire__form fieldset:first-of-type {
padding-top: 0;
}
.overlay[data-overlay='account'] {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
.ie .overlay[data-overlay='account'] {
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
.overlay[data-overlay='account'][data-overlay-active='true'] {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.ie .overlay[data-overlay='account'][data-overlay-active='true'] {
-webkit-transform: translateY(0);
transform: translateY(0);
}
.overlay[data-overlay='account'][data-overlay-active='false'] {
transition: -webkit-transform .375s cubic-bezier(.47, 0, .745, .715);
transition: transform .375s cubic-bezier(.47, 0, .745, .715);
transition: transform .375s cubic-bezier(.47, 0, .745, .715), -webkit-transform .375s cubic-bezier(.47, 0, .745, .715);
}
.overlay[data-overlay='account'] .overlay__header {
flex: 0 0 calc(20px * 2 + 44px);
}
.overlay[data-overlay='account'] .overlay__body {
display: flex;
flex: 1;
flex-direction: column;
}
.overlay[data-overlay='account'] .pillarbox {
display: flex;
flex: 1;
padding-bottom: calc(20px * 2 + 44px);
}
.account {
padding: 20px 10px calc(20px * 4);
}
.account__text {
margin-bottom: 55px;
}
.account__buttons {
display: flex;
justify-content: center;
}
.account__buttons .button {
min-width: 164px;
margin: 0 20px;
}
.overlay[data-overlay='collection-menu'] .overlay__header {
flex: 0 0 65px;
}
.overlay[data-overlay='collection-menu'] .overlay__body {
display: flex;
flex-direction: column;
justify-content: center;
padding: 45px 0 calc(20px * 2 + 44px);
flex-grow: 1;
}
.overlay[data-overlay='collection-menu'] .overlay__canvas {
z-index: 2;
width: 100%;
height: 100%;
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
}
.overlay[data-overlay='collection-menu'] .overlay__canvas canvas {
background: transparent;
transition-property: background;
transition-timing-function: cubic-bezier(.39, .575, .565, 1);
}
.overlay[data-overlay='collection-menu'] .overlay__inner-wrapper {
position: relative;
z-index: 3;
}
.overlay[data-overlay='collection-menu'].overlay--menu-opening ul::before, .overlay[data-overlay='collection-menu'].overlay--menu-opening ul::after {
opacity: 1;
-webkit-transform: translateX(-50%) translateY(0);
transform: translateX(-50%) translateY(0);
}
.overlay[data-overlay='collection-menu'].overlay--menu-opening li {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.ie .overlay[data-overlay='collection-menu'].overlay--menu-opening li {
-webkit-transform: translateY(0);
transform: translateY(0);
}
.overlay[data-overlay='collection-menu'].overlay--menu-opening ul::after {
transition-delay: .3s;
}
.overlay[data-overlay='collection-menu'].overlay--menu-opened ul::before, .overlay[data-overlay='collection-menu'].overlay--menu-opened ul::after {
opacity: 1;
-webkit-transform: translateX(-50%) translateY(0);
transform: translateX(-50%) translateY(0);
}
.overlay[data-overlay='collection-menu'].overlay--menu-opened li {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.ie .overlay[data-overlay='collection-menu'].overlay--menu-opened li {
-webkit-transform: translateY(0);
transform: translateY(0);
}
.overlay[data-overlay='collection-menu'].overlay--menu-closing li {
opacity: 0;
-webkit-transform: translateY(-10vh);
transform: translateY(-10vh);
transition-duration: .45s;
}
.ie .overlay[data-overlay='collection-menu'].overlay--menu-closing li {
-webkit-transform: translateY(-100px);
transform: translateY(-100px);
}
.overlay[data-overlay='collection-menu'].overlay--menu-closing ul::before, .overlay[data-overlay='collection-menu'].overlay--menu-closing ul::after {
opacity: 0;
-webkit-transform: translate3d(-50%, -10vh, 0);
transform: translate3d(-50%, -10vh, 0);
}
.ie .overlay[data-overlay='collection-menu'].overlay--menu-closing ul::before, .ie .overlay[data-overlay='collection-menu'].overlay--menu-closing ul::after {
-webkit-transform: translateX(-50%) translateY(-100px);
transform: translateX(-50%) translateY(-100px);
}
.overlay[data-overlay='collection-menu'].overlay--menu-closing ul::before {
transition-delay: 0s;
}
.overlay[data-overlay='collection-menu'].overlay--pageload .overlay__body {
opacity: 0;
transition: opacity .6s cubic-bezier(.19, 1, .22, 1);
}
.overlay[data-overlay='collection-menu'].overlay--pageload-progress::after {
position: absolute;
content: '';
width: 100%;
height: 4px;
bottom: 0;
left: 0;
z-index: 100;
background: rgba(255, 255, 255, 0.8);
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-animation-name: pageload-animation;
animation-name: pageload-animation;
-webkit-animation-duration: 15s;
animation-duration: 15s;
-webkit-animation-timing-function: cubic-bezier(.19, 1, .22, 1);
animation-timing-function: cubic-bezier(.19, 1, .22, 1);
-webkit-animation-delay: .6s;
animation-delay: .6s;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-direction: forward;
animation-direction: forward;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes pageload-animation {
0% {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
100% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
}
@keyframes pageload-animation {
0% {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
100% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
}
.sub-nav.search {
transition: all .3s, color 0s;
}
.sub-nav.search .search__wrapper {
padding-top: 200px;
overflow-y: auto;
height: 100vh;
}
.sub-nav.search .pillarbox {
flex: 1;
padding-bottom: calc(20px * 2 + 44px);
}
.search {
padding: 0;
margin: 0;
}
.search__form {
position: relative;
display: flex;
padding: 0;
margin: 0;
width: calc(100vw - 310px);
}
.search__form.mobile {
display: none;
}
.search__form input[type='search'] {
display: block;
width: 100%;
height: auto;
padding: .5em 50px .22em 0;
margin-bottom: .28em;
margin-left: 0;
font-size: 46px;
text-transform: none;
color: #fff;
border: none;
border-radius: none;
background: transparent;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-bottom: 2px solid #fff;
}
.search__form input[type='search']::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.2);
text-transform: none;
}
.search__form input[type='search']:-ms-input-placeholder {
color: rgba(255, 255, 255, 0.2);
text-transform: none;
}
.search__form input[type='search']::-ms-input-placeholder {
color: rgba(255, 255, 255, 0.2);
text-transform: none;
}
.search__form input[type='search']::placeholder {
color: rgba(255, 255, 255, 0.2);
text-transform: none;
}
.search__form input[type='search']::-webkit-input-placeholder:focus {
color: rgba(255, 255, 255, 0.1);
}
.search__form input[type='search']:-ms-input-placeholder:focus {
color: rgba(255, 255, 255, 0.1);
}
.search__form input[type='search']::-ms-input-placeholder:focus {
color: rgba(255, 255, 255, 0.1);
}
.search__form input[type='search']::placeholder:focus {
color: rgba(255, 255, 255, 0.1);
}
.search__form input[type='search']:focus {
outline: thin dotted #ccc;
border-bottom: 2px solid #fff;
}
.search__form input[type='search']:focus.no-outline {
outline: none;
}
.search__form .close-icon {
position: absolute;
width: 24px;
height: 33px;
bottom: 28px;
right: 0;
opacity: 1;
cursor: pointer;
background: url('../Images/nav/close-icon.svg') no-repeat;
background-size: 24px 24px;
}
.search__form input[type='search']:not(:valid) ~ .close-icon {
display: none;
}
.search__form .search-icon {
display: none;
}
.search__form input[type='search']:not(:valid) ~ .search-icon {
position: absolute;
display: block;
width: 34px;
height: 36px;
bottom: 40px;
right: 0;
font-size: 0;
pointer-events: none;
background: url('../Images/nav/magnifying-glass-big.svg') no-repeat;
background-size: 32px 34px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
/* input[type='search']:valid {
background-image: url('../Images/nav/magnifying-glass-big.svg');
background-position: right 32px;
background-size: 32px 34px;
} */
.search__form .icon {
position: absolute;
top: 50%;
right: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 24px;
height: 24px;
}
.search__results {
width: calc(100vw - 310px);
height: 0;
padding: 32px 0;
opacity: 1;
transition: height .75s cubic-bezier(.39, .575, .565, 1), opacity .5s cubic-bezier(.215, .61, .355, 1);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
will-change: height;
}
.search__results.hide {
opacity: 0;
}
.search__results.mobile {
display: none;
}
.search__results.mobile ul {
float: none;
}
.search__results.mobile ul li {
float: none;
}
.search__results .category-name {
margin-bottom: 30px;
font-size: 12px;
text-transform: uppercase;
line-height: 1;
color: rgba(255, 255, 255, 0.5);
letter-spacing: .25em;
}
.search__results li {
display: flex;
font-size: calc(15px + 5 * ((100vw - 320px) / 744));
line-height: 1;
}
.search__results ul {
padding: 0;
margin: 0 0 10px;
list-style: none;
}
.search__results ul li a {
position: relative;
display: flex;
padding: 10px 0;
margin-bottom: 20px;
overflow: hidden;
opacity: .5;
font-size: 24px;
text-overflow: ellipsis;
text-decoration: none;
color: #fff;
white-space: nowrap;
cursor: pointer;
}
[dir='rtl'] .search__results ul li a {
padding: 10px 28px 10px 0;
}
[dir='rtl'] .search__results ul li a::before {
left: auto;
left: initial;
right: 0;
padding: 10px 28px 10px 0;
}
.search__results ul li a:hover {
opacity: 1;
}
.overlay[data-overlay='subnavigation-menu'] .overlay__header, .overlay[data-overlay='subnav-dealers-menu-mobile'] .overlay__header {
flex: 0 0 65px;
}
.overlay[data-overlay='subnavigation-menu'] .overlay__body, .overlay[data-overlay='subnav-dealers-menu-mobile'] .overlay__body {
display: flex;
flex-direction: column;
justify-content: center;
padding: 45px 0 calc(20px * 2 + 44px);
flex-grow: 1;
}
.overlay[data-overlay='subnavigation-menu'] .overlay__canvas, .overlay[data-overlay='subnav-dealers-menu-mobile'] .overlay__canvas {
z-index: 2;
width: 100%;
height: 100%;
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
}
.overlay[data-overlay='subnavigation-menu'] .overlay__inner-wrapper, .overlay[data-overlay='subnav-dealers-menu-mobile'] .overlay__inner-wrapper {
position: relative;
z-index: 3;
}
.overlay[data-overlay='subnavigation-menu'].overlay--menu-opening ul::before, .overlay[data-overlay='subnavigation-menu'].overlay--menu-opening ul::after, .overlay[data-overlay='subnav-dealers-menu-mobile'].overlay--menu-opening ul::before, .overlay[data-overlay='subnav-dealers-menu-mobile'].overlay--menu-opening ul::after {
opacity: 1;
-webkit-transform: translateX(-50%) translateY(0);
transform: translateX(-50%) translateY(0);
}
.ie .overlay[data-overlay='subnavigation-menu'].overlay--menu-opening ul::before, .ie .overlay[data-overlay='subnavigation-menu'].overlay--menu-opening ul::after, .ie .overlay[data-overlay='subnav-dealers-menu-mobile'].overlay--menu-opening ul::before, .ie .overlay[data-overlay='subnav-dealers-menu-mobile'].overlay--menu-opening ul::after {
-webkit-transform: translateX(-50%) translateY(0);
transform: translateX(-50%) translateY(0);
}
.overlay[data-overlay='subnavigation-menu'].overlay--menu-opening li, .overlay[data-overlay='subnav-dealers-menu-mobile'].overlay--menu-opening li {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.ie .overlay[data-overlay='subnavigation-menu'].overlay--menu-opening li, .ie .overlay[data-overlay='subnav-dealers-menu-mobile'].overlay--menu-opening li {
-webkit-transform: translateY(0);
transform: translateY(0);
}
.overlay[data-overlay='subnavigation-menu'].overlay--menu-opened ul::before, .overlay[data-overlay='subnavigation-menu'].overlay--menu-opened ul::after, .overlay[data-overlay='subnav-dealers-menu-mobile'].overlay--menu-opened ul::before, .overlay[data-overlay='subnav-dealers-menu-mobile'].overlay--menu-opened ul::after {
opacity: 1;
-webkit-transform: translateX(-50%) translateY(0);
transform: translateX(-50%) translateY(0);
}
.ie .overlay[data-overlay='subnavigation-menu'].overlay--menu-opened ul::before, .ie .overlay[data-overlay='subnavigation-menu'].overlay--menu-opened ul::after, .ie .overlay[data-overlay='subnav-dealers-menu-mobile'].overlay--menu-opened ul::before, .ie .overlay[data-overlay='subnav-dealers-menu-mobile'].overlay--menu-opened ul::after {
-webkit-transform: translateX(-50%) translateY(0);
transform: translateX(-50%) translateY(0);
}
.overlay[data-overlay='subnavigation-menu'].overlay--menu-opened li, .overlay[data-overlay='subnav-dealers-menu-mobile'].overlay--menu-opened li {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.ie .overlay[data-overlay='subnavigation-menu'].overlay--menu-opened li, .ie .overlay[data-overlay='subnav-dealers-menu-mobile'].overlay--menu-opened li {
-webkit-transform: translateY(0);
transform: translateY(0);
}
.overlay[data-overlay='subnavigation-menu'].overlay--menu-closing li, .overlay[data-overlay='subnav-dealers-menu-mobile'].overlay--menu-closing li {
opacity: 0;
-webkit-transform: translateY(-10vh);
transform: translateY(-10vh);
transition-duration: calc(.9s / 2);
}
.ie .overlay[data-overlay='subnavigation-menu'].overlay--menu-closing li, .ie .overlay[data-overlay='subnav-dealers-menu-mobile'].overlay--menu-closing li {
-webkit-transform: translateY(-100px);
transform: translateY(-100px);
}
/* Trumps */
.footer__wrapper {
background-image:
repeating-linear-gradient(
110deg, #2f2f2f, #2f2f2f 1px,
transparent 1px, transparent 6px, #2f2f2f 6px, #2f2f2f 7px,
transparent 7px, transparent 12px, #2f2f2f 12px, #2f2f2f 13px,
transparent 13px, transparent 18px, #2f2f2f 18px, #2f2f2f 19px,
transparent 19px, transparent 24px, #2f2f2f 24px, #2f2f2f 25px,
transparent 25px, transparent 30px, #2f2f2f 30px, #2f2f2f 31px,
transparent 31px, transparent 45px
),
repeating-linear-gradient(
-110deg, #2f2f2f, #2f2f2f 1px,
transparent 1px, transparent 6px, #2f2f2f 6px, #2f2f2f 7px,
transparent 7px, transparent 12px, #2f2f2f 12px, #2f2f2f 13px,
transparent 13px, transparent 18px, #2f2f2f 18px, #2f2f2f 19px,
transparent 19px, transparent 24px, #2f2f2f 24px, #2f2f2f 25px,
transparent 25px, transparent 30px, #2f2f2f 30px, #2f2f2f 31px,
transparent 31px, transparent 45px
);
}
/* New navigation */
.header__logo {
z-index: 1002;
pointer-events: all;
}
.header {
z-index: 1002;
pointer-events: none;
background-color: rgba(0, 0, 0, 0);
transition: background .25s linear;
}
.header .header-nav, .header .js-mobile-menu {
pointer-events: all;
}
.header svg.hamburger {
width: 71px;
height: 17px;
}
.header svg.hamburger rect {
transition: -webkit-transform .4s .3s cubic-bezier(0, .8, .2, 1);
transition: transform .4s .3s cubic-bezier(0, .8, .2, 1);
transition: transform .4s .3s cubic-bezier(0, .8, .2, 1), -webkit-transform .4s .3s cubic-bezier(0, .8, .2, 1);
}
.header.disable:not(.header--subnavigation-active) {
height: 65px;
-webkit-transform: translateY(-65px);
transform: translateY(-65px);
}
.header.disable:not(.header--subnavigation-active) .header__logo {
top: 50%;
z-index: 1002;
opacity: 1;
pointer-events: all;
}
.header.disable + nav.primary {
height: 0;
pointer-events: none;
}
.header.disable + nav.primary .parallax-container {
opacity: 0;
}
.header.disable:not(.header--subnavigation-active) + nav.primary {
height: 65px;
}
.header.disable:not(.header--subnavigation-active) + nav.primary .parallax-container {
-webkit-transform: translateY(-65px);
transform: translateY(-65px);
}
.left-toggle > .icon, .right-toggle > .icon {
position: absolute;
width: 71px;
height: 17px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.left-toggle > .icon {
left: 20px;
}
.right-toggle > .icon {
right: 20px;
}
.right-toggle > .icon svg {
cursor: pointer;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
html.left_nav, html.right_nav, body.left_nav, body.right_nav {
height: 100%;
overflow: hidden;
}
.touch nav.primary .mobile-search .input-search {
font-size: 2.666rem;
}
nav.primary {
position: fixed;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
width: 100%;
height: 100%;
top: 0;
left: 0;
padding: 75px 20px 0;
z-index: 1000;
opacity: 0;
color: inherit;
pointer-events: none;
background: #161718;
transition: opacity .3s 0s linear, -webkit-transform .3s .25s cubic-bezier(0, .7, .3, 1);
transition: transform .3s .25s cubic-bezier(0, .7, .3, 1), opacity .3s 0s linear;
transition: transform .3s .25s cubic-bezier(0, .7, .3, 1), opacity .3s 0s linear, -webkit-transform .3s .25s cubic-bezier(0, .7, .3, 1);
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
nav.primary.hidden {
opacity: 0;
pointer-events: none;
transition: opacity .3s .35s linear, -webkit-transform .3s .25s cubic-bezier(0, .7, .3, 1);
transition: transform .3s .25s cubic-bezier(0, .7, .3, 1), opacity .3s .35s linear;
transition: transform .3s .25s cubic-bezier(0, .7, .3, 1), opacity .3s .35s linear, -webkit-transform .3s .25s cubic-bezier(0, .7, .3, 1);
}
nav.primary.hidden > div, nav.primary.hidden ul, nav.primary.hidden li {
pointer-events: none;
}
nav.primary > .parallax-container {
width: 100%;
overflow: visible;
}
nav.primary::before {
position: fixed;
content: '';
display: none;
width: 100%;
height: 80px;
top: 0;
left: 0;
z-index: 1;
opacity: 0;
background: linear-gradient(to bottom, rgba(22, 23, 24, 1) 60%, rgba(22, 23, 24, 0) 100%);
}
nav.primary .left-menu, nav.primary .right-menu {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
width: 100%;
color: inherit;
transition: all .5s cubic-bezier(0, .7, .3, 1), opacity .4s linear, color 0s 0s;
-webkit-tap-highlight-color: rgba(22, 23, 24, 0);
touch-action: manipulation;
-webkit-touch-callout: none;
}
nav.primary .left-menu.right-menu, nav.primary .right-menu.right-menu {
justify-content: flex-end;
}
nav.primary ul {
position: relative;
display: block;
flex-direction: column;
width: 100%;
top: 0;
padding: 0;
margin: 0;
opacity: 0;
color: inherit;
list-style: none;
-webkit-transform: translateX(0);
transform: translateX(0);
transition: all .4s cubic-bezier(.7, 0, 1, .3), opacity .4s linear, color 0s 0s;
}
nav.primary ul > li {
max-height: 140px;
margin: 0;
color: inherit;
-webkit-transform: translateY(0);
transform: translateY(0);
transition: max-height .5s cubic-bezier(0, .7, .3, 1), -webkit-transform .5s cubic-bezier(0, .7, .3, 1);
transition: transform .5s cubic-bezier(0, .7, .3, 1), max-height .5s cubic-bezier(0, .7, .3, 1);
transition: transform .5s cubic-bezier(0, .7, .3, 1), max-height .5s cubic-bezier(0, .7, .3, 1), -webkit-transform .5s cubic-bezier(0, .7, .3, 1);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
will-change: transform, height;
}
nav.primary ul > li.search a.close-sub-nav {
display: none;
}
nav.primary ul > li.active a svg {
opacity: 0.2;
}
nav.primary ul > li a {
position: relative;
display: inline-block;
padding: 10px 4px;
font-size: 2.666rem;
text-decoration: none;
color: #fff;
letter-spacing: .06em;
cursor: pointer;
transition: color .2s, opacity .3s;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
nav.primary ul > li a::after {
position: absolute;
content: '';
display: block;
width: 100%;
left: -1px;
margin-top: 2px;
opacity: 0;
transition: opacity .2s .2s;
border-bottom: 2px solid rgba(255, 255, 255, .4);
}
nav.primary ul > li a::before {
position: absolute;
content: '';
display: block;
width: 24px;
height: 24px;
top: 50%;
left: calc(50% - 12px);
opacity: 0;
background: url('../Images/nav/close-icon.svg') no-repeat;
background-size: contain;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
transition: opacity .3s;
}
nav.primary ul > li a.search-icon {
position: relative;
display: none;
width: 28px;
top: 8px;
padding-top: 18px;
margin-bottom: -.5em;
}
nav.primary ul > li a.search-icon:before {
top: 7px;
left: -1px;
}
nav.primary ul > li a.search-icon:after {
width: 28px;
}
nav.primary ul > li a.search-icon svg {
position: absolute;
top: -2px;
}
nav.primary ul > li a.search-icon svg path, nav.primary ul > li a.search-icon svg ellipse {
stroke: #fff;
}
nav.primary ul.left {
margin: 0;
}
nav.primary ul.right {
-webkit-transform: translateX(0);
transform: translateX(0);
}
nav.primary .search__form {
padding: 9px 0;
}
nav.primary .input-search {
flex: 1;
padding: 0 30px 0 0;
overflow: hidden;
font-size: 2.666rem;
text-transform: none;
text-rendering: geometricPrecision;
color: #fff;
width: 100%;
}
nav.primary .input-search::-webkit-input-placeholder {
color: #fff;
}
nav.primary .input-search:-ms-input-placeholder {
color: #fff;
}
nav.primary .input-search::-ms-input-placeholder {
color: #fff;
}
nav.primary .input-search::placeholder {
color: #fff;
}
.touch nav.primary .input-search, .touch nav.primary .input-search::-webkit-input-placeholder {
font-size: 2.666rem;
padding-top: 0;
}
.touch nav.primary .input-search, .touch nav.primary .input-search:-ms-input-placeholder {
font-size: 2.666rem;
padding-top: 0;
}
.touch nav.primary .input-search, .touch nav.primary .input-search::-ms-input-placeholder {
font-size: 2.666rem;
padding-top: 0;
}
.touch nav.primary .input-search, .touch nav.primary .input-search::placeholder {
font-size: 2.666rem;
padding-top: 0;
}
body.expose_nav nav.primary {
display: flex;
opacity: 1;
pointer-events: all;
}
body.expose_nav nav.primary ul {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
transition: opacity 0.3s 0.2s linear, -webkit-transform .5s cubic-bezier(0, .7, .3, 1);
transition: transform .5s cubic-bezier(0, .7, .3, 1), opacity 0.3s 0.2s linear;
transition: transform .5s cubic-bezier(0, .7, .3, 1), opacity 0.3s 0.2s linear, -webkit-transform .5s cubic-bezier(0, .7, .3, 1);
}
a.close-sub-nav {
position: relative;
display: none;
padding-left: 26px;
font-size: 1.333rem;
text-transform: uppercase;
text-decoration: none;
color: #fff;
letter-spacing: .06em;
}
a.close-sub-nav svg {
position: absolute;
display: block;
width: 20px;
top: 0;
left: -4px;
}
.sub-navigation > nav, .sub-navigation > section {
position:fixed;
top:0;
left:0;
width: 100%;
min-height: 100%;
opacity: 0;
pointer-events:none;
background-color: #161718;
z-index: 990;
}
.sub-navigation > nav.active, .sub-navigation > section.active {
z-index: 999;
opacity: 1;
pointer-events: all;
}
.sub-navigation > nav {
padding: 60px 155px 0;
transition: opacity .3s linear, -webkit-transform .5s cubic-bezier(.8, 0, .2, 1);
transition: transform .5s cubic-bezier(.8, 0, .2, 1), opacity .3s linear;
transition: transform .5s cubic-bezier(.8, 0, .2, 1), opacity .3s linear, -webkit-transform .5s cubic-bezier(.8, 0, .2, 1);
}
.sub-navigation > nav .sub-nav-container {
display: block;
padding-top: 15vh;
}
.sub-navigation > nav.active {
max-height: 100%;
transition: opacity .25s .15s linear, -webkit-transform .5s cubic-bezier(0, .7, .3, 1);
transition: transform .5s cubic-bezier(0, .7, .3, 1), opacity .25s .15s linear;
transition: transform .5s cubic-bezier(0, .7, .3, 1), opacity .25s .15s linear, -webkit-transform .5s cubic-bezier(0, .7, .3, 1);
overflow-y: auto;
}
.sub-navigation > nav.active ul li a {
pointer-events: all;
-webkit-transform: none;
transform: none;
}
.sub-navigation > nav ul {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
font-size: inherit;
list-style: none;
}
.sub-navigation > nav ul li {
position: relative;
width: 50%;
font-size: 2.875em;
transition: opacity .2s;
}
.sub-navigation > nav ul li a:hover {
z-index: 3;
color: #fff;
cursor: pointer;
}
.sub-navigation > nav ul li a:hover .sub-nav-title {
z-index: 4;
}
.sub-navigation > nav ul a {
display: inline-block;
width: auto;
margin-bottom: 15vh;
font-size: 2.667rem;
text-decoration: none;
color: #fff;
pointer-events: none;
-webkit-transform: translateX(-1000%);
transform: translateX(-1000%);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.sub-navigation > nav ul a .sub-nav-title {
position: relative;
display: inline;
z-index: 2;
font-size: 2.667rem;
font-weight: normal;
text-transform: none;
word-break: break-all;
word-break: break-word;
}
.sub-navigation > nav ul a .sub-nav-title .description-dash {
display: none;
opacity: 0;
transition: opacity .2s;
}
.sub-navigation > nav ul a .description {
position: absolute;
width: calc(100% - 40px);
z-index: 2;
opacity: 0;
font-size: 2.1666rem;
line-height: 3.1666rem;
pointer-events: none;
transition: opacity .25s;
}
.sub-navigation > nav ul img {
position: fixed;
max-width: 40vw;
top: 50%;
left: 50%;
z-index: -1;
opacity: 0;
pointer-events: none;
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
transition: opacity .2s;
}
.sub-navigation > nav.search {
display: flex;
justify-content: center;
padding-top: 200px;
}
.sub-navigation > nav.search form {
width: calc(100vw - 310px);
}
.sub-navigation > nav::before {
position: fixed;
content: '';
display: block;
width: 100%;
height: 80px;
top: 0;
left: 0;
z-index: 1000;
opacity: 0;
pointer-events: none;
background: linear-gradient(to bottom, rgba(22, 23, 24, 1) 60%, rgba(22, 23, 24, 0) 100%);
transition: opacity .3s linear;
}
.sub-navigation > nav.active::before {
opacity: 1;
pointer-events: all;
}
.sub-navigation .models {
padding: 0;
color: #fff;
background-color: #161718;
transition: all .3s, color 0s;
}
.sub-navigation .models .models-wrapper {
background-color: transparent;
transition: background .3s linear;
}
.sub-navigation .models.models-nav-open .gradient-top {
background: linear-gradient(to bottom, rgba(22, 23, 24, 1) 60%, rgba(22, 23, 24, 0) 100%);
}
.sub-navigation .models__header {
position: relative;
padding: 0 20px;
z-index: 10;
}
.sub-navigation .models a.close-sub-nav {
margin-bottom: 50px;
color: inherit;
}
.sub-navigation .models .active-model {
position: relative;
display: none;
width: 100%;
padding-right: 35px;
font-size: 24px;
text-transform: uppercase;
color: inherit;
word-break: break-all;
word-break: break-word;
}
.sub-navigation .models .active-model svg {
position: absolute;
display: block;
width: 25px;
top: 50%;
right: 0;
-webkit-transform: translateY(-50%) rotate(-90deg);
transform: translateY(-50%) rotate(-90deg);
}
.sub-navigation .models .active-model.active {
color: #fff;
}
.sub-navigation .models .active-model.active svg {
-webkit-transform: translateY(-50%) rotate(90deg);
transform: translateY(-50%) rotate(90deg);
}
.sub-navigation .models nav.model-nav {
position: absolute;
height: 100%;
top: 0;
bottom: 0;
left: 0;
right: 0;
padding: 120px 60px 80px;
z-index: 1;
pointer-events: none;
box-sizing: border-box;
}
.sub-navigation .models nav.model-nav ul {
padding: 0 425px 0 95px;
list-style: none;
box-sizing: border-box;
}
.sub-navigation .models nav.model-nav ul li {
width: 100%;
opacity: 1;
transition: all .3s cubic-bezier(.6, 0, 1, .4), opacity .3s linear, color 0s 0s;
}
.sub-navigation .models nav.model-nav ul li:not(:last-of-type) a {
margin-bottom: 4.5vh;
}
.sub-navigation .models nav.model-nav ul li a {
display: inline-block;
opacity: .6;
text-transform: uppercase;
text-decoration: none;
line-height: 1em;
color: inherit;
cursor: pointer;
pointer-events: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.sub-navigation .models nav.model-nav ul li a:hover, .sub-navigation .models nav.model-nav ul li a.active {
opacity: 1;
}
.sub-navigation .models .stats {
position: absolute;
display: flex;
flex-direction: column;
top: 120px;
right: 140px;
z-index: 30;
opacity: 1;
transition: opacity .3s cubic-bezier(.6, 0, 1, .4);
}
.sub-navigation .models .stats.hidden {
opacity: 0;
}
.sub-navigation .models .stats > div {
display: flex;
flex-direction: row;
margin-bottom: 20px;
}
.sub-navigation .models .stats label {
font-size: 11px;
text-transform: uppercase;
line-height: 2.18em;
letter-spacing: .083em;
}
.sub-navigation .models .stats .value {
position: relative;
display: flex;
flex-direction: row;
align-self: center;
min-width: 105px;
max-width: 130px;
top: 5px;
margin-left: 18px;
font-size: 24px;
}
.sub-navigation .models .stats .value .number.noValue {
font-size: 12px;
letter-spacing: .15em;
word-break: break-all;
word-break: break-word;
}
.sub-navigation .models .stats .value .number.noValue + .type {
display: none;
}
.sub-navigation .models .stats .value .type {
margin-left: 7px;
opacity: .5;
}
.sub-navigation .models .stats .progress {
height: 38px;
}
.sub-navigation .models .stats .progress progress {
display: block;
width: 194px;
height: 2px;
color: #fff;
border: none;
border-radius: 4px;
background-color: rgba(255, 255, 255, .2);
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.sub-navigation .models .stats .progress progress::-moz-progress-bar {
background-color: #fff;
}
.sub-navigation .models .stats .progress progress::-webkit-progress-inner-element, .sub-navigation .models .stats .progress progress::-webkit-progress-bar, .sub-navigation .models .stats .progress progress::-webkit-progress-value {
overflow: hidden;
border-radius: 4px;
}
.sub-navigation .models .stats .progress progress::-webkit-progress-bar {
background-color: rgba(255, 255, 255, .2);
}
.sub-navigation .models .stats .progress progress::-webkit-progress-value {
opacity: 1;
background-color: #fff;
}
.sub-navigation .models .models-videos {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
overflow: hidden;
z-index: 0;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
transition: opacity .3s .1s cubic-bezier(.6, 0, 1, .4);
}
.sub-navigation .models .models-videos .model-video {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0;
transition: opacity .3s 0s;
}
.sub-navigation .models .models-videos .model-video.active {
opacity: 1;
transition: opacity .4s 0s;
z-index: 10;
}
.sub-navigation .models .models-videos .model-video.active video, .sub-navigation .models .models-videos .model-video.active img {
position: absolute;
top: 0;
left: 0;
z-index: 11;
}
.sub-navigation .models .models-videos video {
opacity: 0;
transition: opacity .2s .2s;
}
.sub-navigation .models .models-videos video.ready {
opacity: 1;
}
.sub-navigation .models .models-videos video, .sub-navigation .models .models-videos img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
z-index: 10;
pointer-events: none;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.sub-navigation .models .models-videos::after {
position: absolute;
content: '';
display: none;
top: 0;
bottom: 0;
left: 0;
right: 0;
pointer-events: none;
background-color: rgba(22, 23, 24, 0.4);
z-index: 10;
}
.sub-navigation .models .model-view-link {
position: absolute;
bottom: 0;
left: 50%;
font-size: 1rem;
text-transform: uppercase;
color: inherit;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
z-index: 11;
}
.sub-navigation .models .models-controls {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
padding: 0 20px;
margin: 20px auto;
opacity: 1;
text-align: center;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.sub-navigation .models .models-controls .prev, .sub-navigation .models .models-controls .next {
position: relative;
display: inline-block;
width: 32px;
height: 32px;
padding: 14px;
opacity: 1;
text-align: center;
cursor: pointer;
pointer-events: auto;
border: 2px solid rgba(255, 255, 255, 0.2);
border-radius: 50%;
background: none;
transition: all .3s;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.sub-navigation .models .models-controls .prev svg, .sub-navigation .models .models-controls .next svg {
position: absolute;
width: 7.5px;
top: 50%;
left: 15px;
-webkit-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
}
.sub-navigation .models .models-controls .prev.prev, .sub-navigation .models .models-controls .next.prev {
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
}
.sub-navigation .models .models-controls .models-indicators {
position: relative;
display: inline-block;
width: 100%;
}
.sub-navigation .models .models-controls .models-indicators button {
position: relative;
padding: 8px;
margin-left: 1px;
cursor: pointer;
background: transparent;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.sub-navigation .models .models-controls .models-indicators button:first-child {
margin-left: 0;
}
.sub-navigation .models .models-controls .models-indicators button::before {
content: '';
display: inline-block;
width: 3px;
height: 3px;
border: 2px solid #fff;
border-radius: 6px;
transition: width .3s;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.sub-navigation .models .models-controls .models-indicators button.active::before {
width: 24px;
}
.sub-navigation .models .gradient-top {
position: fixed;
content: '';
display: block;
width: 100%;
height: 80px;
top: 0;
left: 0;
pointer-events: none;
z-index: 1000;
opacity: 0;
}
.model-sub-navigation {
position: fixed;
width: 100%;
bottom: 0;
left: 0;
padding: 0 155px;
z-index: 999;
opacity: 0;
pointer-events: none;
-webkit-transform: translateY(24px);
transform: translateY(24px);
transition: opacity .15s linear, -webkit-transform .5s cubic-bezier(.8, 0, .2, 1);
transition: transform .5s cubic-bezier(.8, 0, .2, 1), opacity .15s linear;
transition: transform .5s cubic-bezier(.8, 0, .2, 1), opacity .15s linear, -webkit-transform .5s cubic-bezier(.8, 0, .2, 1);
box-sizing: border-box;
}
.model-sub-navigation.active {
opacity: 1;
pointer-events: all;
-webkit-transform: translateY(0);
transform: translateY(0);
transition: opacity .25s linear, -webkit-transform .5s cubic-bezier(.8, 0, .2, 1);
transition: transform .5s cubic-bezier(.8, 0, .2, 1), opacity .25s linear;
transition: transform .5s cubic-bezier(.8, 0, .2, 1), opacity .25s linear, -webkit-transform .5s cubic-bezier(.8, 0, .2, 1);
}
.model-sub-navigation nav {
display: flex;
align-items: center;
padding: 24px 0;
border-top: 1px solid rgba(255, 255, 255, .2);
}
.model-sub-navigation nav ul {
display: flex;
align-self: center;
width: auto;
list-style: none;
}
.model-sub-navigation nav ul li {
margin-left: 48px;
}
.model-sub-navigation nav ul li:first-child {
margin-left: 0;
}
.model-sub-navigation nav a {
position: relative;
font-size: 16px;
text-transform: uppercase;
text-decoration: none;
line-height: 1.75em;
color: #fff;
white-space: nowrap;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.model-sub-navigation nav a::after {
position: absolute;
content: '';
display: block;
width: 100%;
left: -1px;
margin-top: 2px;
opacity: 0;
transition: opacity .2s .2s;
border-bottom: 2px solid rgba(255, 255, 255, .4);
}
.model-sub-navigation nav a:hover::after {
opacity: 1;
}
@media (max-width: 736px) and (orientation: portrait) {
.block--fs {
min-height: 480px
}
}
@media (max-width: 736px) and (orientation: landscape) {
.block--fs {
min-height: 320px
}
}
@media (min-width: 769px) and (max-width: 1024px) {
.block--hidden-medium {
display: none;
}
.block--visible-medium {
display: block;
}
.model-accordion {
top: calc(100% - 310px)
}
.specs__details--full .specs__header.row {
height: 180px
}
.specs__details--full .specs__header.row .specs__image {
height: 320px;
}
.specs__details--full .specs__header.row .specs__image-wrapper {
width: calc(100% + 20px);
}
.enquire.enquire--section[data-enquire='locator'][data-enquire-page='2'] .enquire__card.col, .enquire.enquire--section[data-enquire-page='3'] .enquire__card.col {
flex-basis: calc(100% / 3 - (30px - 30px / 3));
width: calc(100% / 3 - (30px - 30px / 3));
height: 830px;
margin-right: 30px
}
.enquire.enquire--section[data-enquire='locator'][data-enquire-page='2'] .enquire__card.col:nth-child(12n), .enquire.enquire--section[data-enquire-page='3'] .enquire__card.col:nth-child(12n) {
margin-right: 30px;
}
.overlay.enquire2--overlay .enquire-step[data-enquire-step='4'] .role--confirm .grid--wide .col--4-12, .overlay.enquire2--overlay .enquire-step[data-enquire-step='4'] [data-role='confirm'] .grid--wide .col--4-12 {
flex: 1;
max-width: none;
}
.table__stats.row {
width: 100%
}
.pricing__item p {
padding: 0 .5rem;
font-size: calc(24px + 10 * ((100vw - 420px) / 860));
line-height: calc(26px + 14 * ((100vw - 375px) / 1650));
}
@media screen and (min-width: 2025px) {
.pricing__item p {
line-height: 40px;
}
}
@media screen and (max-width: 375px) {
.pricing__item p {
line-height: 26px;
}
}
@media screen and (min-width: 1280px) {
.pricing__item p {
font-size: 34px;
}
}
@media screen and (max-width: 420px) {
.pricing__item p {
font-size: 24px;
}
}
.pricing__item p sup {
top: -0.5em;
font-size: 20px;
}
.news-full__social-link .icon {
margin-right: 1em;
}
.enquire--simple__container {
flex-basis: calc(100% * 10 / 12 - (20px - 20px * 10 / 12));
width: calc(100% * 10 / 12 - (20px - 20px * 10 / 12));
max-width: calc(100% * 10 / 12 - (20px - 20px * 10 / 12));
}
}
@media (max-width: 768px) {
.block--hidden-small {
display: none;
}
.block--visible-small {
display: block;
}
.button {
width: 100%
}
.grid .row, .row {
display: flex;
flex-flow: column nowrap;
}
.grid .row--centred, .row--centred {
justify-content: flex-start;
}
.grid .row--m, .row--m {
display: flex;
flex-flow: row wrap;
}
.grid--wide [class*='col--'], .grid--no-gutter [class*='col--'], [class*='col--'] {
flex-grow: 0;
flex-shrink: 0;
flex-basis: calc(100% * 1/1 - (10px - 10px * 1/1));
max-width: calc(100% * 1/1 - (10px - 10px * 1/1));
width: calc(100% * 1/1 - (10px - 10px * 1/1));
}
.grid--wide [class*='col--']:nth-child(1n), .grid--no-gutter [class*='col--']:nth-child(1n), [class*='col--']:nth-child(1n) {
margin-right: 10px;
margin-left: 0;
}
.grid--wide [class*='col--']:last-child, .grid--no-gutter [class*='col--']:last-child, [class*='col--']:last-child {
margin-right: 0;
}
.grid--wide [class*='col--']:nth-child(1n), .grid--no-gutter [class*='col--']:nth-child(1n), [class*='col--']:nth-child(1n) {
margin-right: 0;
margin-left: auto;
}
[class*='col--offset'] {
margin-left: 0 !important;
margin-right: 0 !important;
}
[data-page='home-page'] .pager {
-webkit-transform: translate3d(-11px, -50%, 0);
transform: translate3d(-11px, -50%, 0)
}
.pillarbox {
padding: 0 calc(99.9% / 12 - (10px - 10px / 12))
}
.tabs li {
flex: 1 0 auto
}
.model-accordion {
top: calc(100% - 300px)
}
.header__logo {
transition: opacity .4s cubic-bezier(.39, .575, .565, 1)
}
.header--subnavigation-active .collection-menu, .header--subnavigation-active .main-menu {
width: 15px;
height: 15px;
}
width: 15px;
height: 18px;
.collection-menu {
max-width: 50px;
padding: 20px 20px 20px calc(20px / 2)
}
.collection-menu .icon {
left: calc(20px / 2)
}
.collection-menu .title {
display: none
}
.main-menu {
padding: 20px calc(20px / 2) 20px 20px
}
.main-menu .icon {
right: calc(20px / 2)
}
.footer {
height: auto
}
.footer .footer__wrapper {
padding-bottom: 40px;
}
.footer .nav {
display: block;
margin-left: auto;
margin-right: auto;
width: 100%;
padding-top: 90px;
margin-bottom: 0;
}
.footer .nav ul {
margin-bottom: 0;
}
.footer .nav ul:nth-of-type(1) li, .footer .nav ul:nth-of-type(2) li {
text-align: center;
}
.footer .nav ul:nth-of-type(2) {
margin-bottom: 20px;
}
.footer .nav ul::after {
display: none;
}
.footer .nav ul li.location-item {
padding: 20px 0;
margin-top: 20px;
border-color: rgba(255, 255, 255, 0.2);
border-style: solid;
border-width: 1px 0;
}
.footer .nav li a {
padding: 14px 10px 10px;
}
.footer .nav li a::before {
padding: 14px 0 10px 10px;
}
.footer .nav .no-touch li a:hover::before {
width: 100%;
}
.footer .nav__logo {
top: 0;
left: 50%;
position: absolute;
width: 108px;
padding: 0;
margin: 0;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.footer .nav__logo::after {
display: none;
}
.footer .nav__panel {
display: block;
margin-left: auto;
margin-right: auto;
}
.footer .location-switch {
display: inline-block;
}
.footer .location-list__body li:nth-child(odd), .footer .location-list__body li:nth-child(even) {
display: block;
width: 100%;
padding: 21px 0 19px;
}
.footer .location-list__body li:nth-child(odd)::after, .footer .location-list__body li:nth-child(even)::after {
left: 0;
right: 0;
}
.footer .emission-block h4 {
margin-bottom: 35px;
}
.footer .emission-block__body {
-webkit-column-count: 1;
column-count: 1;
}
.footer .emission-block__body p {
margin-bottom: 20px;
}
[dir='rtl'] .footer__wrapper .col:not(:last-child) {
margin-left: 0;
}
.video[data-video-controls-enabled='true'] .video__controls {
display: none
}
.hero--home .hero__text {
padding: 20px
}
.hero--b {
height: 400px
}
.hero--b .hero__outer-media {
bottom: 15px;
}
.hero--b .hero__inner-media {
height: 235px;
padding: 0 20px;
}
.hero--b .hero__inner-media .cover-image, .hero--b .hero__inner-media .video {
top: 0;
right: calc(99.9% / 12 - (10px - 10px / 12));
left: calc(99.9% / 12 - (10px - 10px / 12));
position: absolute;
width: auto;
height: 100%;
}
.hero--login {
min-height: 0
}
.hero--login .parallax-container {
position: absolute;
}
.hero.block--70 {
height: 70vh;
}
.generic-hero__link {
margin-bottom: 75px
}
.form .form__col.col {
flex: 1 0 auto;
width: 180px;
margin: 0;
}
.form .form__col.col .form__element.error {
margin: 0 0 50px;
}
.form__row.row {
flex-direction: column;
margin-bottom: 1rem
}
.form__row.row .col {
flex: 1 0 auto;
}
.safari .form__row.row .col {
flex: 0 1 auto;
}
.form fieldset.fieldset--no-spacing {
padding-top: 0;
margin-bottom: 0;
}
.form__element, .form__element-group {
margin-bottom: 20px
}
.form__element .error-msg, .form__element-group .error-msg {
top: calc(100% + 10px)
}
.form__element.error {
margin-bottom: 30px
}
.form__element[data-form-element='ContactViaEmail'].error .error-msg, .form__element[data-form-element='ContactViaSms'].error .error-msg, .form__element[data-form-element='ContactViaPhone'].error .error-msg {
top: calc(100% + 10px)
}
.touch .form .select__mimic {
display: block;
max-width: calc(100vw - (100vw * 2 / 12 - (10px - 10px / 12)));
overflow: hidden;
font-size: 16px;
text-overflow: ellipsis;
line-height: 40px;
white-space: nowrap;
}
.touch .form .select select {
font-size: 16px;
color: #fff;
-webkit-appearance: normal;
-moz-appearance: normal;
appearance: normal
}
.form .checkbox label {
flex-basis: 80%;
}
.form .button {
width: 100%
}
.mobile-safari .form .button {
display: block;
margin: 0 auto;
}
.form--login .checkbox.row {
justify-content: center;
}
.form--login .checkbox.row label {
flex-basis: auto;
}
.content--b .content__media .parallax-container {
position: relative;
width: 100%;
height: auto
}
.content--a, .content--b {
height: auto;
padding-bottom: 0
}
.content--a .pillarbox, .content--a .content__wrapper, .content--b .pillarbox, .content--b .content__wrapper {
position: relative;
display: block;
height: auto;
}
.content--a .content__wrapper, .content--b .content__wrapper {
display: flex;
}
.content--a .content__text, .content--a .content__media, .content--b .content__text, .content--b .content__media {
display: flex;
flex: 1 0 auto;
flex-direction: column;
order: 2;
}
.content--a .content__text, .content--b .content__text {
padding: 0 20px 17px;
}
.content--a .content__text h3, .content--b .content__text h3 {
margin-bottom: 18px;
}
.content--a .content__text .content__download .icon, .content--b .content__text .content__download .icon {
width: 33px;
height: 33px;
}
.content--a .content__text .content__download p, .content--b .content__text .content__download p {
margin-left: 30px;
}
.content--a .content__media, .content--b .content__media {
display: block;
margin-bottom: 47px;
order: 1;
}
.content--a .content__media .cover-image, .content--a .content__media .video, .content--b .content__media .cover-image, .content--b .content__media .video {
position: relative;
display: block;
height: 0;
padding: 0;
overflow: hidden;
padding-bottom: 69.62962962962963%;
width: 100%;
height: auto;
}
.content--a .content__media .video__player, .content--b .content__media .video__player {
position: absolute;
}
.content--a .content__media .cover-image, .content--b .content__media .cover-image {
width: 100%;
}
.content--c .pillarbox {
display: block;
height: auto;
}
.content--c .content__wrapper {
justify-content: flex-start;
padding: 0;
}
.content--c .content__media-wrapper {
margin-bottom: 47px;
}
.content--c .content__col {
flex: 1 0 auto;
width: 100%;
}
.content--c .content__col:first-of-type .content__text {
margin-bottom: 27px;
}
.content--c .content__col:nth-of-type(1) .content__text {
order: 2;
}
.content--c .content__col:nth-of-type(1) .content__media-wrapper {
order: 1;
}
.content--c .content__text {
width: 100%;
height: auto;
padding: 0 20px;
}
.content--c .content__media {
width: 100%;
height: auto;
max-height: 100vh;
padding-bottom: 0;
margin-bottom: 47px;
}
.content--c .content__media .cover-image, .content--c .content__media .video {
position: relative;
display: block;
height: 0;
padding: 0;
overflow: hidden;
padding-bottom: 166.66666666666669%;
}
.content--c .content__media .video__player {
position: absolute;
}
.content--d .content__col {
width: 100%;
}
.content--d .content__col:not(:last-of-type) {
margin-bottom: calc(20px * 2);
}
.content--d .content__col .content__media:first-of-type {
margin-bottom: calc(20px * 2);
}
.content--d .content__col .content__media figcaption {
display: none;
}
.content--d .content__col .content__media.media--large {
position: relative;
display: block;
height: 0;
padding: 0;
overflow: hidden;
padding-bottom: 141.1764705882353%;
overflow: visible;
}
.content--d .content__col .content__media.media--small {
position: relative;
display: block;
height: 0;
padding: 0;
overflow: hidden;
padding-bottom: 70.58823529411765%;
overflow: visible;
}
.content--e {
height: auto;
padding-bottom: 0
}
.content--e .pillarbox, .content--e .content__wrapper {
position: relative;
display: block;
height: auto;
}
.content--e .content__col {
flex: 1 0 auto;
width: 100%;
}
.content--e .content__col:first-of-type {
margin-bottom: calc(20px * 2);
}
.content--e .content__media {
position: relative;
display: block;
height: 0;
padding: 0;
overflow: hidden;
padding-bottom: 141.1764705882353%;
}
.content--e .content__media .video, .content--e .content__media .cover-image {
position: absolute;
width: 100%;
height: 100%;
}
.content--g {
height: auto;
padding-bottom: 0
}
.content--g .pillarbox, .content--g .content__wrapper {
position: relative;
display: block;
height: auto;
}
.content--g .content__media {
position: relative;
display: block;
height: 0;
padding: 0;
overflow: hidden;
padding-bottom: 70.58823529411765%;
}
.content--g .content__media .video, .content--g .content__media .cover-image {
position: absolute;
width: 100%;
height: 100%;
}
.content--h {
height: 235px;
padding: 0
}
.content--h .content__media {
left: calc(99.9% / 12 - (10px - 10px / 12));
right: calc(99.9% / 12 - (10px - 10px / 12));
}
.general-error {
display: none
}
.quote__container {
text-align: center
}
.quote--a, .quote--b {
flex-direction: column;
height: auto;
padding-bottom: 0
}
.quote--a .pillarbox, .quote--a .quote__wrapper, .quote--b .pillarbox, .quote--b .quote__wrapper {
position: relative;
display: block;
height: auto;
}
.quote--a .parallax-container, .quote--b .parallax-container {
position: absolute;
}
.quote--a .quote__wrapper, .quote--b .quote__wrapper {
padding: 0;
}
.quote--a .quoter-image, .quote--b .quoter-image {
display: none;
}
.quote--a .quote__nav, .quote--b .quote__nav {
justify-content: center;
order: 1;
}
.quote--a .quote__text-wrapper, .quote--b .quote__text-wrapper {
height: 180px;
overflow: hidden;
order: 2;
}
.quote--a .quote__wrapper .quote__container, .quote--a .quote__wrapper .quote__img-wrapper, .quote--b .quote__wrapper .quote__container, .quote--b .quote__wrapper .quote__img-wrapper {
margin-left: 0 !important;
margin-right: 0 !important;
}
.quote--a .quote__container, .quote--b .quote__container {
padding: 0 20px 17px;
}
.quote--a .quote__container h2, .quote--b .quote__container h2 {
margin-bottom: 18px;
}
.quote--a .quote__img-wrapper, .quote--b .quote__img-wrapper {
margin-bottom: 47px;
position: relative;
display: block;
height: 0;
padding: 0;
overflow: hidden;
padding-bottom: 69.62962962962963%;
}
.quote--a .quote__img-wrapper .quote-img-row, .quote--b .quote__img-wrapper .quote-img-row {
width: 100%;
}
.quote--a .quote__img-wrapper .cover-image, .quote--b .quote__img-wrapper .cover-image {
position: absolute;
width: 100%;
height: 100%;
}
.quote--b .quote__img-wrapper .parallax-container {
width: 100%;
right: auto
}
.quote--c.content--d .content__media {
display: none
}
.subnavigation {
margin-top: -55px
}
.subnavigation {
height: 55px
}
.subnavigation .subnavigation__wrapper {
flex-direction: row;
justify-content: center;
cursor: pointer;
}
.subnavigation .subnavigation__wrapper.subnavigation__wrapper--fixed {
height: 55px;
}
.subnavigation .subnavigation__wrapper nav {
flex-flow: row nowrap;
}
.subnavigation .subnavigation__wrapper ul {
flex-direction: column;
width: auto;
height: auto;
}
.subnavigation .subnavigation__wrapper ul li a {
display: none;
opacity: 0;
font-size: 13px;
transition: opacity .8s cubic-bezier(.39, .575, .565, 1);
}
.subnavigation .subnavigation__wrapper ul li a.active {
display: flex;
}
.subnavigation .subnavigation__wrapper ul li a.visible {
opacity: 1;
}
.subnavigation .subnavigation__wrapper .icon {
color: rgba(255, 255, 255, 0.7);
width: 21px;
height: 14px;
}
.subnav-dealers {
margin-top: -55px
}
.subnav-dealers {
height: 55px
}
.subnav-dealers .subnav-dealers__wrapper {
flex-direction: row;
justify-content: center;
cursor: pointer;
}
.subnav-dealers .subnav-dealers__wrapper.subnav-dealers__wrapper--fixed {
height: 55px;
}
.subnav-dealers .subnav-dealers__wrapper nav {
flex-flow: row nowrap;
}
.subnav-dealers .subnav-dealers__wrapper ul {
flex-direction: column;
width: auto;
height: auto;
}
.subnav-dealers .subnav-dealers__wrapper ul li a {
display: none;
opacity: 0;
font-size: 13px;
transition: opacity .8s cubic-bezier(.39, .575, .565, 1);
}
.subnav-dealers .subnav-dealers__wrapper ul li a.active {
display: flex;
}
.subnav-dealers .subnav-dealers__wrapper ul li a.visible {
opacity: 1;
}
.subnav-dealers .subnav-dealers__wrapper .icon {
color: rgba(255, 255, 255, 0.7);
width: 21px;
height: 14px;
}
.subnav-dealers-separate button {
width: 100%;
margin-bottom: 1rem
}
.experience {
height: 615px;
min-height: 320px;
max-height: 100vh
}
.experience__text h3 {
width: 100%;
padding: 0 calc(20px * 2);
}
.experience__text .button {
width: 230px;
letter-spacing: 2px;
}
.experience__volume {
display: none;
}
[dir='rtl'] .promo--a .promo__col:not(:last-child), [dir='rtl'] .promo--b .promo__col:not(:last-child) {
margin-left: 0
}
.promo--a .promo__col, .promo--b .promo__col {
flex: 1 0 auto;
}
.promo--a .promo__img, .promo--b .promo__img {
margin-bottom: 25px;
position: relative;
display: block;
height: 0;
padding: 0;
overflow: hidden;
padding-bottom: 70.58823529411765%;
}
.promo--a .promo__col:not(:last-of-type) .promo__text, .promo--b .promo__col:not(:last-of-type) .promo__text {
margin-bottom: 50px;
}
.promo--a .promo__col:last-of-type .promo__text, .promo--b .promo__col:last-of-type .promo__text {
margin-bottom: 10px;
}
.promo--a .promo__text h3, .promo--b .promo__text h3 {
margin-left: 20px;
}
.promo--c {
height: 665px
}
.promo--c .promo__text .button {
width: 240px;
letter-spacing: 2px;
}
[dir='rtl'] .accessories__slider {
direction: ltr
}
.accessories {
padding-bottom: 30px;
overflow: hidden
}
.accessories__header {
padding-top: 30px;
}
.accessories__header.row {
margin-bottom: 50px;
}
.accessories__wrapper {
padding: 0 15px;
margin-bottom: 40px;
}
.accessories__slider.row {
flex-flow: row nowrap;
padding-right: 15px;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
transition: -webkit-transform .4s cubic-bezier(.39, .575, .565, 1);
transition: transform .4s cubic-bezier(.39, .575, .565, 1);
transition: transform .4s cubic-bezier(.39, .575, .565, 1), -webkit-transform .4s cubic-bezier(.39, .575, .565, 1);
box-sizing: content-box;
}
.accessories__slider.row.no-transition {
transition: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
will-change: transform;
}
.accessories__col.col {
flex: 1 0 auto;
margin-left: 0;
margin-right: 15px;
}
.accessories__img {
margin-bottom: 40px;
}
.accessories__text {
justify-content: center;
}
.accessories__text h3 {
margin-left: 0;
}
.accessories__text .icon {
display: none;
}
.accessories__button {
display: flex;
justify-content: center;
width: 100%;
}
.accessories__button .button {
color: #000;
}
.body-copy--b .body-copy__text {
-webkit-column-count: 1;
column-count: 1;
grid-column-gap: 0;
-webkit-column-gap: 0;
column-gap: 0
}
[dir='rtl'] .body-copy--d .row .col:not(:last-child) {
margin-left: 0
}
.body-copy--d .body-copy__sidebar, .body-copy--d .body-copy__wrapper {
flex: 1 0 auto;
}
.body-copy--quote blockquote {
margin-left: 20px;
margin-right: 20px
}
.gallery {
height: 50vh;
padding-bottom: 0
}
.gallery__wrapper {
transition: -webkit-transform .3s cubic-bezier(.39, .575, .565, 1);
transition: transform .3s cubic-bezier(.39, .575, .565, 1);
transition: transform .3s cubic-bezier(.39, .575, .565, 1), -webkit-transform .3s cubic-bezier(.39, .575, .565, 1);
}
.gallery--show-next .gallery__wrapper {
-webkit-transform: translateY(0%);
transform: translateY(0%);
}
.gallery--show-overlay .gallery__item {
opacity: 1;
}
.gallery .gallery__wrapper {
flex-wrap: nowrap;
}
.gallery .gallery__row {
flex: 1 0 300%;
flex-flow: row nowrap;
}
.gallery .gallery__item {
max-width: 100vw;
height: 100%;
}
.gallery .gallery__pager {
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
top: auto;
right: auto;
bottom: 20px;
left: 50%;
position: absolute;
}
.gallery .gallery__pager .pager {
flex-direction: row;
}
.gallery .gallery__pager .pager li {
display: flex;
}
.specs__details--full .specs__header.row {
flex-flow: row wrap
}
.specs__details--full .specs__header.row .specs__image {
flex-basis: auto;
width: 100%;
height: 240px;
}
.specs__details--full .specs__header.row .specs__image-wrapper {
width: calc(100% + 20px);
}
.specs__header.row {
margin-bottom: 65px;
}
.specs__header.row .col {
flex: 1 0 auto;
}
.specs__image.col {
flex: 0;
}
.specs__numbers.row .col {
flex: 1 0 auto;
}
.dealer-location__copy {
text-align: center
}
.specs__table {
padding: 0 20px
}
.specs__table .specs-accordion {
margin-bottom: 15px;
}
.specs__table .specs-accordion__header.row {
flex-flow: row nowrap;
}
.specs__table .specs-accordion__content.content--rows .content__item, .specs__table .specs-accordion__content.content--columns .content__col {
width: calc(100% - 30px);
margin-left: 30px;
}
.specs__table .specs-accordion__content.content--columns .content__block:not(:first-of-type) {
border-top: 1px solid rgba(204, 204, 204, 0.3);
}
.specs__table .specs-accordion__content.content--columns .content__col:not(:last-of-type) {
border-bottom: 1px solid rgba(204, 204, 204, 0.3);
}
.specs__table .specs-accordion__content.content--columns .content__item {
margin-left: 30px;
}
.configurator__mobile-icon {
display: block;
opacity: .3;
transition: .3s cubic-bezier(.215, .61, .355, 1)
}
.configurator__links.row {
width: 100%;
padding: 20px;
}
.configurator__links.row .col {
flex: 1 0 auto;
margin: 0 0 calc(10px * 2);
}
.enquire.enquire--section {
padding: 60px 0
}
.enquire.enquire--section .enquire__title {
top: 20px;
}
.enquire.enquire--section .enquire__more {
display: none;
}
.safari .enquire.enquire--section .enquire__more::after {
content: none;
}
.enquire.enquire--section .enquire__back {
top: 10px;
left: 30px;
position: absolute;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.enquire.enquire--section .enquire__back .icon {
width: 100%;
height: 100%;
}
.enquire.enquire--section .enquire__wrapper {
padding: 0 20px;
}
.enquire.enquire--section .enquire__card {
min-height: 500px;
}
.enquire.enquire--section .enquire__card .enquire__background {
width: auto;
height: 40%;
bottom: 0;
left: 0;
position: absolute;
max-height: 220px;
}
.enquire.enquire--section .enquire__content {
width: 100%;
}
.enquire.enquire--section .enquire__location, .enquire.enquire--section .enquire__text {
max-width: 480px;
margin-left: 0;
}
.enquire.enquire--section .enquire__text {
padding: 0;
}
.enquire.enquire--section .enquire__text p br {
display: block;
}
.enquire.enquire--section .enquire__more, .enquire.enquire--section .enquire__pager {
display: none;
}
.enquire.enquire--section .enquire__button-block .button:not(:last-of-type) {
margin-bottom: 30px;
}
.enquire.enquire--section .enquire__button {
justify-content: center;
}
.enquire.enquire--section .enquire__button-block, .enquire.enquire--section .enquire__button {
max-width: 200px;
}
.enquire.enquire--section .enquire__button-block .button, .enquire.enquire--section .enquire__button .button {
width: 100%;
}
[dir='rtl'] .enquire.enquire--section .enquire__button-block .button:not(:last-child), [dir='rtl'] .enquire.enquire--section .enquire__button .button:not(:last-child) {
margin-left: 0;
}
.enquire.enquire--section .success.row {
justify-content: center
}
.enquire.enquire--section[data-enquire-page='1'] .enquire__card {
background: url('../images/enquire-bg-car-1.png') -40px 100% / 220px 180px no-repeat #fff;
}
.enquire.enquire--section[data-enquire-page='1'] .enquire__card {
height: auto;
padding: 80px 30px 120px;
}
.enquire.enquire--section[data-enquire='enquire'][data-enquire-page='2'] .enquire__card {
background: url('../images/enquire-bg-car-1.png') -40px 100% / 220px 180px no-repeat #fff;
}
.enquire.enquire--section[data-enquire='enquire'][data-enquire-page='2'] .enquire__card {
height: auto;
padding: 100px 0 120px;
}
.enquire.enquire--section[data-enquire='enquire'][data-enquire-page='2'] .enquire__content {
width: 100%
}
.enquire.enquire--section[data-enquire='locator'][data-enquire-page='2'], .enquire.enquire--section[data-enquire-page='3'] {
height: 100%;
padding: 60px 0
}
.enquire.enquire--section[data-enquire='locator'][data-enquire-page='2'] .enquire__wrapper, .enquire.enquire--section[data-enquire-page='3'] .enquire__wrapper {
overflow: visible;
}
.enquire.enquire--section[data-enquire='locator'][data-enquire-page='2'] .enquire__title, .enquire.enquire--section[data-enquire-page='3'] .enquire__title {
top: -40px;
}
.enquire.enquire--section[data-enquire='locator'][data-enquire-page='2'] .enquire__card.col, .enquire.enquire--section[data-enquire-page='3'] .enquire__card.col {
flex: 1 0 auto;
height: auto;
margin-left: 0;
margin-right: 20px;
}
.enquire.enquire--section[data-enquire='locator'][data-enquire-page='2'] .enquire__card.col:nth-child(12n), .enquire.enquire--section[data-enquire-page='3'] .enquire__card.col:nth-child(12n) {
margin-right: 20px;
}
position: relative;
display: block;
height: 0;
padding: 0;
overflow: hidden;
padding-bottom: 41.66666666666667%;
.enquire.enquire--section[data-enquire='locator'][data-enquire-page='2'] .enquire__text.row, .enquire.enquire--section[data-enquire-page='3'] .enquire__text.row {
align-items: center
}
.enquire.enquire--section[data-enquire='locator'][data-enquire-page='2'] .enquire__text.row p, .enquire.enquire--section[data-enquire='locator'][data-enquire-page='2'] .enquire__text.row h3, .enquire.enquire--section[data-enquire='locator'][data-enquire-page='2'] .enquire__text.row a, .enquire.enquire--section[data-enquire-page='3'] .enquire__text.row p, .enquire.enquire--section[data-enquire-page='3'] .enquire__text.row h3, .enquire.enquire--section[data-enquire-page='3'] .enquire__text.row a {
text-align: center;
}
.enquire.enquire--section[data-enquire='locator'][data-enquire-page='2'] .enquire__text.row .enquire__tel, .enquire.enquire--section[data-enquire-page='3'] .enquire__text.row .enquire__tel {
position: relative;
display: flex;
flex-direction: row;
justify-content: center;
width: 100%;
max-width: 200px;
padding: 10px 0;
margin: 0 auto;
border: 1px solid #ae8057;
border-radius: 3px;
}
.enquire.enquire--section[data-enquire='locator'][data-enquire-page='2'] .enquire__text.row .enquire__tel::before, .enquire.enquire--section[data-enquire-page='3'] .enquire__text.row .enquire__tel::before {
width: 16px;
height: 16px;
top: 50%;
left: 15px;
position: absolute;
content: '';
background: url('../images/phone-icon.svg') center / contain transparent;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.enquire.enquire--section[data-enquire='locator'][data-enquire-page='2'] .enquire__button, .enquire.enquire--section[data-enquire-page='3'] .enquire__button {
align-self: center;
max-width: 200px;
}
.enquire.enquire--section[data-enquire='locator'][data-enquire-page='2'] .enquire__mobile-pager, .enquire.enquire--section[data-enquire-page='3'] .enquire__mobile-pager {
display: flex;
}
width: 100%;
height: 20px;
bottom: -40px;
left: 0;
position: absolute;
.enquire.enquire--section[data-enquire='locator'][data-enquire-page='2'] .enquire__mobile-pager .pager, .enquire.enquire--section[data-enquire-page='3'] .enquire__mobile-pager .pager {
width: 100%;
height: 100%;
justify-content: center;
}
.enquire.enquire--section[data-enquire-page='4'] .enquire__card {
padding: 30px 30px 40px;
}
.enquire.enquire--section[data-enquire-page='4'] .enquire__text {
padding: 0;
margin-bottom: 30px
}
.enquire.enquire--section[data-enquire-page='5'] .enquire__card {
background: url('../images/enquire-bg-car-1.png') -40px 100% / 220px 180px no-repeat #fff
}
.enquire.enquire--section[data-enquire-page='5'] .enquire__card {
padding: 80px 30px 60px
}
.enquire.enquire--section[data-enquire-page='5'] .enquire__button-block .button {
display: flex;
flex: 1;
justify-content: center;
width: 100%
}
.enquire.enquire--section[data-enquire-page='5'] .enquire__button-block .button:first-of-type {
margin-right: 0;
}
.enquire.enquire--section .form fieldset {
margin-bottom: 35px;
}
.enquire.enquire--section .form fieldset:last-of-type {
margin-bottom: 0;
}
.enquire.enquire--section .form .form__element, .enquire.enquire--section .form .form__element-group {
margin-bottom: 30px;
}
.enquire.enquire--section .form .form__element-group {
border: 0;
}
.enquire.enquire--section .form .form__element-group .form__element {
border: 1px solid #ccc;
}
.enquire.enquire--section .form .form__row .col {
flex: 1 0 auto;
}
.enquire.enquire--section .form .checkbox label {
flex-basis: 80%;
}
.enquire.enquire--section .form .form__element-group .form__element.error {
border: 1px solid #ae8057;
}
.enquire2--section .cta__buttons button {
margin-right: 0
}
.overlay.enquire2--overlay .overlay__header {
height: 80px;
position: fixed;
z-index: 1003
}
.overlay.enquire2--overlay .overlay__header .title {
height: 0px;
opacity: 0
}
.overlay.enquire2--overlay .overlay__header .title h1 {
font-size: 22px;
line-height: 22px
}
.overlay.enquire2--overlay .overlay__header .subtitle {
display: flex;
justify-content: center;
align-items: center;
height: 50px;
width: 100%
}
.overlay.enquire2--overlay .overlay__header .subtitle h2 {
font-size: 12px;
line-height: 18px;
}
.overlay.enquire2--overlay .overlay__header .steps-nav {
height: 35px;
padding-bottom: 0px
}
.overlay.enquire2--overlay .overlay__header .steps-nav .step {
padding: 0 20px;
flex: 1;
text-align: center;
margin: 0;
height: 100%
}
.overlay.enquire2--overlay .overlay__header .steps-nav .step .name {
display: none
}
.overlay.enquire2--overlay.top-scrolled:not(.dealer-active) .overlay__header {
height: 132px
}
.overlay.enquire2--overlay.top-scrolled:not(.dealer-active) .overlay__header .title {
opacity: 1;
height: 62px;
padding: 32px 15px 14px 15px;
display: flex;
align-items: center;
justify-content: center;
}
.overlay.enquire2--overlay.top-scrolled:not(.dealer-active) .overlay__header .subtitle {
height: 37px;
}
.overlay.enquire2--overlay.dealer-active .overlay__body {
padding-top: 80px
}
.overlay.enquire2--overlay .overlay__body {
height: auto;
min-height: 100vh;
padding-top: 132px
}
.overlay.enquire2--overlay .overlay__body .enquire-step.active {
flex-direction: column
}
.overlay.enquire2--overlay .overlay__body .enquire-step[data-enquire-step='1'] {
padding-bottom: 54px
}
.overlay.enquire2--overlay .overlay__body .enquire-step[data-enquire-step='1'] .dealer-map {
width: 100vw;
height: 50vh;
order: 1
}
.overlay.enquire2--overlay .overlay__body .enquire-step[data-enquire-step='1'] .dealer-map.dealer-active {
height: 25vh;
}
.overlay.enquire2--overlay .overlay__body .enquire-step[data-enquire-step='1'] .dealer-list {
width: 100vw;
height: auto;
order: 2;
z-index: 2;
position: relative
}
.overlay.enquire2--overlay .overlay__body .enquire-step[data-enquire-step='1'] .dealer-list .row-search {
position: absolute;
top: -50vh;
z-index: 1002;
background: white;
width: calc(100vw - 30px);
margin: 15px;
height: auto;
border: 1px solid #CCCCCC;
box-sizing: border-box;
box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.2);
border-radius: 2px
}
.overlay.enquire2--overlay .overlay__body .enquire-step[data-enquire-step='1'] .dealer-list .row-search .col1 {
width: 50px;
padding: 0;
}
.overlay.enquire2--overlay .overlay__body .enquire-step[data-enquire-step='1'] .dealer-list .row-search .col2 {
padding: 0;
}
.overlay.enquire2--overlay .overlay__body .enquire-step[data-enquire-step='1'] .dealer-list .row-search .form .search-icon {
left: 10px
}
.overlay.enquire2--overlay .overlay__body .enquire-step[data-enquire-step='1'] .dealer-list .row-search .form .clearable__clear {
padding: 10px 10px
}
.overlay.enquire2--overlay .overlay__body .enquire-step[data-enquire-step='1'] .dealer-list .row-search .form .input-search {
font-size: 16px;
font-weight: normal;
padding: 0 0 0 38px
}
.overlay.enquire2--overlay .overlay__body .enquire-step[data-enquire-step='1'] .dealer-list .row-search .form .input-search::-webkit-input-placeholder {
font-size: 16px;
font-weight: normal;
}
.overlay.enquire2--overlay .overlay__body .enquire-step[data-enquire-step='1'] .dealer-list .row-search .form .input-search:-ms-input-placeholder {
font-size: 16px;
font-weight: normal;
}
.overlay.enquire2--overlay .overlay__body .enquire-step[data-enquire-step='1'] .dealer-list .row-search .form .input-search::-ms-input-placeholder {
font-size: 16px;
font-weight: normal;
}
.overlay.enquire2--overlay .overlay__body .enquire-step[data-enquire-step='1'] .dealer-list .row-search .form .input-search::placeholder {
font-size: 16px;
font-weight: normal;
}
.overlay.enquire2--overlay .overlay__body .enquire-step[data-enquire-step='1'] .dealer-list .row-result .col1 {
width: 55px;
padding: 27px 15px
}
.overlay.enquire2--overlay .overlay__body .enquire-step[data-enquire-step='1'] .dealer-list .row-result .col2 {
padding: 27px 15px 27px 0
}
.overlay.enquire2--overlay .overlay__body .enquire-step[data-enquire-step='1'] .dealer-list .row-result .col2 .col2-pad {
padding-right: 36px
}
.overlay.enquire2--overlay .overlay__body .enquire-step[data-enquire-step='1'] .dealer-list .row-result .col2 .title {
font-size: 16px
}
.overlay.enquire2--overlay .overlay__body .enquire-step[data-enquire-step='1'] .dealer-list .row-result .col2 .ctas {
display: block
}
.overlay.enquire2--overlay .overlay__body .enquire-step[data-enquire-step='1'] .dealer-list .row-result .col2 .send-enquiry {
width: 100%;
margin: 0 0 10px 0
}
.overlay.enquire2--overlay .overlay__body .enquire-step[data-enquire-step='1'] .dealer-list .row-result .col2 .view-dealer {
width: 100%;
margin: 0
}
.overlay.enquire2--overlay .overlay__body .enquire-step[data-enquire-step='1'] .dealer-list.dealer-active {
margin-top: 0
}
.overlay.enquire2--overlay .overlay__body .enquire-step[data-enquire-step='1'] .dealer-list.dealer-active .row-search {
display: none;
}
.overlay.enquire2--overlay .overlay__body .enquire-step[data-enquire-step='1'] .dealer-list.dealer-active .row-result {
display: none;
}
.overlay.enquire2--overlay .overlay__body .enquire-step[data-enquire-step='1'] .dealer-list.dealer-active .row-result.active {
border-bottom: none;
display: block;
}
/*height: auto;*/
.overlay.enquire2--overlay .overlay__body .enquire-step[data-enquire-step='1'] .dealer-list.dealer-active .row-result.active .col2 .title .tick svg {
-webkit-transform: scaleY(-1);
transform: scaleY(-1);
}
.overlay.enquire2--overlay .overlay__body .enquire-step[data-enquire-step='1'] .dealer-list.dealer-active .row-loadmore {
display: none;
}
.enquire2--findadealer.dealer-active .overlay__body {
padding-top: 80px
}
.enquire2--findadealer .findadealer-container {
flex-wrap: wrap
}
.enquire2--findadealer .findadealer-container .dealer-map {
width: 100vw;
height: 50vh;
order: 1;
flex: 0 0 100%
}
.enquire2--findadealer .findadealer-container .dealer-map.dealer-active {
/* height: 25vh; */
}
.enquire2--findadealer .findadealer-container .dealer-list {
width: 100vw;
height: auto;
order: 2;
flex: 0 0 100%;
z-index: 1002;
position: relative
}
.enquire2--findadealer .findadealer-container .dealer-list .row-search {
position: absolute;
top: -50vh;
z-index: 1002;
background: white;
width: calc(100vw - 30px);
margin: 15px;
height: auto;
border: 1px solid #CCCCCC;
box-sizing: border-box;
box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.2);
border-radius: 2px
}
.enquire2--findadealer .findadealer-container .dealer-list .row-search .col1 {
width: 50px;
padding: 0;
}
.enquire2--findadealer .findadealer-container .dealer-list .row-search .col2 {
padding: 0;
}
.enquire2--findadealer .findadealer-container .dealer-list .row-search .form .search-icon {
left: 10px
}
.enquire2--findadealer .findadealer-container .dealer-list .row-search .form .clearable__clear {
padding: 10px 10px
}
.enquire2--findadealer .findadealer-container .dealer-list .row-search .form .input-search {
font-size: 16px;
font-weight: normal;
padding: 0 0 0 38px
}
.enquire2--findadealer .findadealer-container .dealer-list .row-search .form .input-search::-webkit-input-placeholder {
font-size: 16px;
font-weight: normal;
}
.enquire2--findadealer .findadealer-container .dealer-list .row-search .form .input-search:-ms-input-placeholder {
font-size: 16px;
font-weight: normal;
}
.enquire2--findadealer .findadealer-container .dealer-list .row-search .form .input-search::-ms-input-placeholder {
font-size: 16px;
font-weight: normal;
}
.enquire2--findadealer .findadealer-container .dealer-list .row-search .form .input-search::placeholder {
font-size: 16px;
font-weight: normal;
}
.enquire2--findadealer .findadealer-container .dealer-list .row-result .col1 {
width: 55px;
padding: 27px 15px
}
.enquire2--findadealer .findadealer-container .dealer-list .row-result .col2 {
padding: 27px 15px 27px 0
}
.enquire2--findadealer .findadealer-container .dealer-list .row-result .col2 .col2-pad {
padding-right: 36px
}
.enquire2--findadealer .findadealer-container .dealer-list .row-result .col2 .title {
font-size: 16px
}
.enquire2--findadealer .findadealer-container .dealer-list .row-result .col2 .ctas {
display: block
}
.enquire2--findadealer .findadealer-container .dealer-list .row-result .col2 .send-enquiry {
width: 100%;
margin: 0 0 10px 0
}
.enquire2--findadealer .findadealer-container .dealer-list .row-result .col2 .view-dealer {
width: 100%;
margin: 0
}
.enquire2--findadealer .findadealer-container .dealer-list.dealer-active {
margin-top: 0
}
.enquire2--findadealer .findadealer-container .dealer-list.dealer-active .row-result.active {
display: block;
}
/*height: auto;*/
.enquire2--findadealer .findadealer-container .dealer-list.dealer-active .row-result.active .col2 .title .tick svg {
-webkit-transform: scaleY(-1);
transform: scaleY(-1);
}
.enquire2--findadealer .findadealer-container .dealer-list.dealer-active .row-loadmore {
display: none;
}
[dir='rtl'] .contact-form .col {
margin-left: 0
}
.stats-slider__item.col {
width: calc(100% * (1 / 1) - (10px - (10px / 1)))
}
.stats-slider.row, .stats-slider.stats-slider--desktop.row {
width: 200px;
}
.stats-slider.row .stats-slider__wrapper, .stats-slider.stats-slider--desktop.row .stats-slider__wrapper {
width: 100%;
overflow: visible;
}
.stats-slider.row .stats-slider__wrapper::after, .stats-slider.stats-slider--desktop.row .stats-slider__wrapper::after {
content: none;
}
.stats-slider__row.row {
flex-flow: row nowrap;
}
.stats-slider__item {
transition: color .1s;
}
.stats-slider__item.active {
color: #000;
}
.page--light .stats-slider__item {
color: #000;
}
.page--dark .stats-slider__item {
color: #fff;
}
[dir='rtl'] .table__column.col:not(:last-child) {
margin-left: 0
}
.table {
overflow: hidden
}
.table__column.col {
flex: 1 0 auto;
}
.table__column.col:last-of-type {
border-top: none;
}
.dealer-opening .tick {
display: flex;
padding-top: 5px;
padding-bottom: 10px;
padding-right: 0;
float: right;
background: transparent;
overflow: visible;
}
.dealer-opening .tick svg {
-webkit-transform: rotate(0);
transform: rotate(0);
transition: -webkit-transform .8s ease;
transition: transform .8s ease;
transition: transform .8s ease, -webkit-transform .8s ease;
}
.dealer-opening .open .tick svg {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.dealer-opening__accordion-wrapper {
position: relative;
max-height: 0;
margin-bottom: 2rem;
overflow: hidden;
border-bottom: 2px solid rgba(0, 0, 0, .2);
}
.dealer-opening__accordion {
padding-bottom: 2rem;
padding-top: 1rem;
overflow: visible!important;
}
.dealer-opening h3 {
margin-bottom: 1rem;
cursor: pointer;
font-size: 15px;
}
.dealer-opening .open h3 {
font-weight: 700;
}
.dealer-representative--overlay .overlay__header {
margin: 0;
min-height: 100vh;
}
.dealer-preowned__name {
font-size: 25px;
overflow: hidden
}
.dealer-preowned__price {
font-size: 22px
}
.landing__text {
display: flex;
flex: 1 0 auto;
flex-direction: column;
height: auto;
padding: 0 20px 17px;
order: 2;
}
.landing__text .landing__link .icon {
width: 18px;
height: 18px;
}
.brand__video.video--narrow .video__caption {
-webkit-transform: translateY(calc(-50% - 6px));
transform: translateY(calc(-50% - 6px));
}
.brand__video.video--narrow .video__caption h2 {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.brand .brand__content-wrapper {
display: block;
order: 2;
}
.brand[data-brand-active='1'] .video--narrow {
order: 1;
}
.brand[data-brand-active='1'] .video--narrow:not(:first-of-type) {
order: 3;
}
.brand[data-brand-active='2'] .video--narrow {
order: 1;
}
.brand[data-brand-active='2'] .video--narrow[data-brand-video='3'] {
order: 3;
}
.brand, .brand__wrapper.row {
height: auto;
}
.brand__video.col {
max-width: 100%;
width: 100%;
height: 100vh;
}
.pricing__item {
margin-bottom: 65px
}
.pricing__legal {
padding-top: 0
}
.news-full__sidebar {
padding-top: 5em
}
.overlay__header .close-overlay {
top: 10px;
right: 50%;
-webkit-transform: translate3d(50%, 0, 0);
transform: translate3d(50%, 0, 0)
}
width: 36px;
height: 36px;
.ie .overlay__header .close-overlay {
-webkit-transform: translateY(50%);
transform: translateY(50%);
}
.overlay[data-overlay='main-menu'] .overlay__footer .pillarbox {
height: auto
}
.overlay[data-overlay='main-menu'] .overlay__footer .pillarbox::before {
left: 10px;
right: 10px;
}
.overlay[data-overlay='main-menu'] .overlay__footer nav {
flex: 1 0 auto
}
.overlay[data-overlay='enquire'] .overlay__header {
flex: 0 1 calc(10px * 2 + 44px)
}
.overlay[data-overlay='enquire'] .overlay__body.success .pillarbox {
padding-bottom: calc(10px * 2 + 88px)
}
.overlay[data-overlay='enquire'] .overlay__body {
flex: 0 1 auto
}
.enquire {
padding-bottom: calc(20px * 3)
}
.enquire.col {
flex: 1 0 auto;
}
.enquire__text {
padding: 20px calc(20px / 2) 0;
margin-bottom: 30px
}
.enquire .form__element-group {
flex-direction: column;
border: 0
}
.enquire .form__element-group .form__element:nth-child(2) .error-msg {
text-align: left;
top: calc(100% + 3px);
left: 15px;
position: absolute;
}
[dir='rtl'] .enquire .form__element-group .form__element:nth-child(2) .error-msg {
top: calc(100% + 10px);
left: 15px;
position: absolute;
left: auto;
}
.enquire .form__element-group .form__element {
width: 100%;
border: 1px solid #fff
}
.enquire .form__element-group .form__element:last-of-type input, .enquire .form__element-group .form__element:last-of-type input::-webkit-input-placeholder {
text-align: left
}
.enquire .form__element-group .form__element:last-of-type input, .enquire .form__element-group .form__element:last-of-type input:-ms-input-placeholder {
text-align: left
}
.enquire .form__element-group .form__element:last-of-type input, .enquire .form__element-group .form__element:last-of-type input::-ms-input-placeholder {
text-align: left
}
.enquire .form__element-group .form__element:last-of-type input, .enquire .form__element-group .form__element:last-of-type input::placeholder {
text-align: left
}
[dir='rtl'] .enquire .form__element-group .form__element:last-of-type input, [dir='rtl'] .enquire .form__element-group .form__element:last-of-type input::-webkit-input-placeholder {
text-align: right;
}
[dir='rtl'] .enquire .form__element-group .form__element:last-of-type input, [dir='rtl'] .enquire .form__element-group .form__element:last-of-type input:-ms-input-placeholder {
text-align: right;
}
[dir='rtl'] .enquire .form__element-group .form__element:last-of-type input, [dir='rtl'] .enquire .form__element-group .form__element:last-of-type input::-ms-input-placeholder {
text-align: right;
}
[dir='rtl'] .enquire .form__element-group .form__element:last-of-type input, [dir='rtl'] .enquire .form__element-group .form__element:last-of-type input::placeholder {
text-align: right;
}
.enquire .form__element-group .form__element:last-of-type {
margin-bottom: 0
}
.enquire .form__element-group .form__element:last-of-type.error {
margin-bottom: 10px;
}
.enquire .form__element-group.error {
border: 0
}
.enquire .form__element-group .form__element.error {
border: 2px solid #fff
}
.enquire fieldset:nth-last-of-type(2) {
margin-bottom: 45px;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.enquire__success .button {
width: 100%;
}
.overlay[data-overlay='account'] .overlay__header {
flex: 0 0 calc(10px * 2 + 44px)
}
.overlay[data-overlay='account'] .pillarbox {
padding-bottom: calc(10px * 2 + 88px)
}
.account__text {
margin-bottom: 35px;
}
.account__buttons {
flex-direction: column;
}
.account__buttons .button {
margin: 0 0 calc(10px * 2);
}
.overlay[data-overlay='collection-menu']::before {
position: absolute;
content: '';
height: calc(65px * 2);
top: 0;
left: 20px;
right: 20px;
z-index: 10;
background: linear-gradient(to bottom, #535353 35%, rgba(83, 83, 83, 0) 100%);
}
.overlay[data-overlay='collection-menu'] .overlay__body {
padding-bottom: calc(10px * 2 + 65px)
}
.sub-nav.search .pillarbox {
padding-bottom: calc(10px * 2 + 88px)
}
.overlay[data-overlay='subnavigation-menu'] .overlay__body, .overlay[data-overlay='subnav-dealers-menu-mobile'] .overlay__body {
padding-bottom: calc(10px * 2 + 88px)
}
}
@media all and (max-width: 600px) {
.block--content {
padding-top: 4.666vw;
padding-bottom: 4.666vw;
}
.block--content-top {
padding-top: 4.666vw;
}
.block--content-bottom {
padding-bottom: 4.666vw;
}
.block.block--content:last-of-type .experience {
margin-bottom: -4.666vw
}
.block.block--content:last-of-type .promo.promo--c {
margin-bottom: -4.666vw
}
}
@media all and (min-width: 601px) and (max-width: 800px) {
.block--content {
padding-top: 4.625vw;
padding-bottom: 4.625vw;
}
.block--content-top {
padding-top: 4.625vw;
}
.block--content-bottom {
padding-bottom: 4.625vw;
}
.block > [data-accordion-open='true'].accordion.accordion--no-spacing {
margin-bottom: -4.625vw
}
.block.block--content:last-of-type .experience {
margin-bottom: -4.625vw
}
.block.block--content:last-of-type .promo.promo--c {
margin-bottom: -4.625vw
}
}
@media all and (min-width: 801px) and (max-width: 1200px) {
.block--content {
padding-top: 4.583vw;
padding-bottom: 4.583vw;
}
.block--content-top {
padding-top: 4.583vw;
}
.block--content-bottom {
padding-bottom: 4.583vw;
}
.block > [data-accordion-open='true'].accordion.accordion--no-spacing {
margin-bottom: -4.583vw
}
.block.block--content:last-of-type .experience {
margin-bottom: -4.583vw
}
.block.block--content:last-of-type .promo.promo--c {
margin-bottom: -4.583vw
}
}
@media all and (min-width: 1201px) and (max-width: 2399px) {
.block--content {
padding-top: 4.625vw;
padding-bottom: 4.625vw;
}
.block--content-top {
padding-top: 4.625vw;
}
.block--content-bottom {
padding-bottom: 4.625vw;
}
.block > [data-accordion-open='true'].accordion.accordion--no-spacing {
margin-bottom: -4.625vw
}
.block.block--content:last-of-type .experience {
margin-bottom: -4.625vw
}
.block.block--content:last-of-type .promo.promo--c {
margin-bottom: -4.625vw
}
}
@media all and (min-width: 2400px) {
.block--content {
padding-top: 4.583vw;
padding-bottom: 4.583vw;
}
.block--content-top {
padding-top: 4.583vw;
}
.block--content-bottom {
padding-bottom: 4.583vw;
}
.block > [data-accordion-open='true'].accordion.accordion--no-spacing {
margin-bottom: -4.583vw
}
.block.block--content:last-of-type .experience {
margin-bottom: -4.583vw
}
.block.block--content:last-of-type .promo.promo--c {
margin-bottom: -4.583vw
}
}
@media screen and (min-width: 1064px) {
.button__download p {
font-size: 10px;
}
.quote__container .comment {
line-height: 28px;
}
.cookies__wrapper p {
font-size: 12px;
}
.overlay[data-overlay='main-menu'] ul, .overlay[data-overlay='collection-menu'] ul, .overlay[data-overlay='subnavigation-menu'] ul, .overlay[data-overlay='subnav-dealers-menu-mobile'] ul {
line-height: 40px;
}
.overlay[data-overlay='main-menu'] ul, .overlay[data-overlay='collection-menu'] ul, .overlay[data-overlay='subnavigation-menu'] ul, .overlay[data-overlay='subnav-dealers-menu-mobile'] ul {
font-size: 40px;
}
.overlay[data-overlay='subnavigation-menu'] ul, .overlay[data-overlay='subnav-dealers-menu-mobile'] ul {
font-size: 40px;
}
.search__results li {
font-size: 20px;
}
}
@media screen and (max-width: 320px) {
.button__download p {
font-size: 13px;
}
.collection-list .collection-model__title h3 {
font-size: 18px;
}
.collection-list .collection-model__title h4 {
font-size: 11px;
}
.quote__container .comment {
line-height: 25px;
}
.cookies__wrapper p {
font-size: 10px;
}
.overlay[data-overlay='main-menu'] ul, .overlay[data-overlay='collection-menu'] ul, .overlay[data-overlay='subnavigation-menu'] ul, .overlay[data-overlay='subnav-dealers-menu-mobile'] ul {
line-height: 28px;
}
.overlay[data-overlay='main-menu'] ul, .overlay[data-overlay='collection-menu'] ul, .overlay[data-overlay='subnavigation-menu'] ul, .overlay[data-overlay='subnav-dealers-menu-mobile'] ul {
font-size: 28px;
}
.overlay[data-overlay='subnavigation-menu'] ul, .overlay[data-overlay='subnav-dealers-menu-mobile'] ul {
font-size: 24px;
}
.search__results li {
font-size: 15px;
}
}
@media (max-width: 480px) {
h1 {
font-size: 35px;
line-height: calc(50 / 50)
}
position: relative;
display: block;
height: 0;
padding: 0;
overflow: hidden;
padding-bottom: 87.5%;
.hero--login .hero__text {
bottom: 12vw;
}
.generic-hero__text h1 {
width: 95%
}
.generic-hero {
padding-bottom: 60%
}
position: relative;
display: block;
height: 0;
padding: 0;
overflow: hidden;
padding-bottom: 24%;
.content--f {
height: 235px;
padding: 0
}
.specs__details--full .specs__header.row {
height: 200px
}
.configurator__content {
padding-bottom: 45px;
margin-bottom: 10px
}
position: relative;
display: block;
height: 0;
padding: 0;
overflow: hidden;
padding-bottom: 106.66666666666667%;
}
@media (min-width: 769px) and (min-height: 501px) {
.no-touch [data-page='home-page'] main {
position: relative;
margin-bottom: 204px;
z-index: 2;
}
.no-touch [data-page='home-page'] .footer {
right: 0;
bottom: 0;
left: 0;
position: fixed;
z-index: 1;
}
.no-touch .sfPageEditor[data-page='home-page'] .footer {
position: relative;
}
}
@media (min-width: 769px) {
body[data-page='brand-page'] .footer {
display: none;
}
body[data-page='brand-page'] .footer--enabled {
display: block;
}
.hero.block--70 {
height: 70vh;
min-height: 550px;
}
bottom: 0;
left: 0;
position: absolute;
[dir='rtl'] .accessories__slider .accessories__col:not(:last-child) {
margin-left: 20px;
margin-right: 0;
}
[dir='rtl'] .accessories__slider .accessories__text h3 {
margin-left: 0;
margin-right: 15px;
}
[dir='rtl'] .accessories__slider .accessories__text .icon {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.enquire2--section .cta__buttons {
width: 50%
}
.overlay.enquire2--overlay .overlay__body .enquire-step[data-enquire-step='1'] .dealer-map .map-shadow-l {
display: block;
position: absolute;
width: 8px;
height: 100%;
top: 0;
left: 0;
z-index: 1;
background: linear-gradient(90deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 58.33%);
}
.overlay.enquire2--overlay .overlay__body .enquire-step[data-enquire-step='1'] .dealer-list {
overflow-y: scroll;
scroll-behavior: smooth
}
.overlay.enquire2--overlay .overlay__body .enquire-step[data-enquire-step='1'] .dealer-list .row-result .col2 .opening-hours {
/* min-width: 75%; */
}
.overlay.enquire2--overlay .overlay__body .enquire-step[data-enquire-step='1'] .dealer-list.dealer-active .row-result.active {
transition: height .3s ease;
}
/*height: auto;*/
.overlay.enquire2--overlay .overlay__body .enquire-step[data-enquire-step='1'] .dealer-list.dealer-active .row-result.active .col2 .title .tick svg {
-webkit-transform: scaleY(-1);
transform: scaleY(-1);
}
.amscrollbar::-webkit-scrollbar-track
{
background-color: #F5F5F5;
}
.amscrollbar::-webkit-scrollbar
{
width: 8px;
background-color: #F5F5F5;
}
.amscrollbar::-webkit-scrollbar-thumb
{
background-color: rgba(0,0,0,0.1);
}
.overlay.enquire2--overlay .enquire-step[data-enquire-step='4'] .role--confirm .dealership-card, .overlay.enquire2--overlay .enquire-step[data-enquire-step='4'] [data-role='confirm'] .dealership-card {
max-width: 430px
}
.overlay.enquire2--overlay .enquire-step[data-enquire-step='4'] .role--confirm .dealership-card .big-heading, .overlay.enquire2--overlay .enquire-step[data-enquire-step='4'] [data-role='confirm'] .dealership-card .big-heading {
font-size: 40px;
line-height: 52px
}
.overlay.enquire2--overlay .enquire-step[data-enquire-step='4'] .role--confirm .data-card .small-heading, .overlay.enquire2--overlay .enquire-step[data-enquire-step='4'] [data-role='confirm'] .data-card .small-heading {
margin-bottom: 24px
}
.overlay.enquire2--overlay .enquire-step[data-enquire-step='4'] .role--confirm .data-card p, .overlay.enquire2--overlay .enquire-step[data-enquire-step='4'] [data-role='confirm'] .data-card p {
font-size: 25px;
line-height: 30px;
margin-bottom: 16px
}
.enquire2--findadealer .findadealer-container .dealer-map .map-shadow-l {
display: block;
position: absolute;
width: 8px;
height: 100%;
top: 0;
left: 0;
z-index: 1;
background: linear-gradient(90deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 58.33%);
}
.enquire2--findadealer .findadealer-container .dealer-list {
overflow-y: scroll;
scroll-behavior: smooth
}
.enquire2--findadealer .findadealer-container .dealer-list.dealer-active .row-result.active {
transition: height .3s ease;
}
/*height: auto;*/
.enquire2--findadealer .findadealer-container .dealer-list.dealer-active .row-result.active .col2 .title .tick svg {
-webkit-transform: scaleY(-1);
transform: scaleY(-1);
}
.amscrollbar::-webkit-scrollbar-track
{
background-color: #F5F5F5;
}
.amscrollbar::-webkit-scrollbar
{
width: 8px;
background-color: #F5F5F5;
}
.amscrollbar::-webkit-scrollbar-thumb
{
background-color: rgba(0,0,0,0.1);
}
.stats-slider__item.col {
min-width: 200px
}
.dealer-opening__accordion-wrapper {
max-height: inherit!important;
}
.dealer-opening .tick {
display: none;
}
.dealer-representative--overlay .overlay__header {
width: 664px;
margin: 4rem auto;
}
.pricing__item::after {
position: absolute;
content: '';
width: 1px;
height: 8rem;
top: 50%;
right: -10px;
background: rgba(255, 255, 255, 0.5);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.pricing__item:last-child::after {
display: none;
}
.generic-table table th, .generic-table table td {
padding: 8px 20px;
font-size: 14px
}
}
@media (min-width: 769px) and (max-width: 1600px) {
html[lang='de'] .footer .footer__menu nav {
word-wrap: break-word;
}
html[lang='de'] .footer .footer__menu nav .nav__panel {
flex: 1 1 0%;
}
html[lang='de'] .footer .footer__menu nav .nav__panel:first-of-type {
flex-direction: column;
}
html[lang='de'] .footer .footer__menu nav .nav__panel:last-of-type {
flex-direction: column-reverse;
}
html[lang='de'] .footer .footer__menu nav .nav__panel li.col {
width: 100% !important;
max-width: 100% !important;
margin-bottom: 1rem;
margin-right: 0 !important;
}
}
@media (orientation: landscape) {
.video__cover .landscape {
opacity: 1;
}
.collection-list .collection-model__item {
height: 100vh
}
.collection-list .collection-model__title {
-webkit-transform: translate3d(0%, -50%, 0);
transform: translate3d(0%, -50%, 0)
}
.collection-list .collection-model__image {
width: 100%;
max-width: 400px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%)
}
.collection-list .collection-model:nth-child(even) .collection-model__title {
-webkit-transform: translate3d(-100%, -50%, 0);
transform: translate3d(-100%, -50%, 0)
}
}
@media (orientation: portrait) {
.video__cover .portrait {
opacity: 1;
}
}
@media (max-width: 320px) {
.hero--home .hero__text {
padding: 20px calc(20px * 2)
}
}
@media screen and (min-width: 2025px) {
.hero--home .title {
font-size: 65px;
}
.hero--home .subtitle {
font-size: 16px;
}
.hero--a .hero__text .title {
font-size: 20px;
}
.hero--a .hero__text .subtitle {
line-height: 75px;
}
.hero--a .hero__text .subtitle {
font-size: 85px;
}
.generic-hero__text h1 {
line-height: 54px;
}
.generic-hero__text h1 {
font-size: 60px;
}
.content__text h3 {
line-height: 28px;
}
.content__text h3 {
font-size: 26px;
}
.content__text p {
line-height: 34px;
}
.content__text p {
font-size: 18px;
}
.quote__container h4 {
font-size: 16px;
}
.quote__container p {
line-height: 24px;
}
.quote__container p {
font-size: 20px;
}
.quote__container p.body-copy {
line-height: 26px;
}
.quote__container p.body-copy {
font-size: 16px;
}
.subnavigation li a {
font-size: 14px;
}
.subnav-dealers li a {
font-size: 14px;
}
.experience__text h3 {
line-height: 32px;
}
.experience__text h3 {
font-size: 28px;
}
.accessories__text h3 {
font-size: 18px;
}
.body-copy__large-title, .body-copy .body-copy__large-title {
line-height: 50px;
}
.body-copy__large-title, .body-copy .body-copy__large-title {
font-size: 57px;
}
.body-copy__medium-title, .body-copy .body-copy__medium-title {
line-height: 40px;
}
.body-copy__text, .body-copy .body-copy__text {
line-height: 34px;
}
.body-copy__text, .body-copy .body-copy__text {
font-size: 18px;
}
.body-copy__medium-text, .body-copy .body-copy__medium-text {
font-size: 16px;
}
.body-copy li {
line-height: 34px;
}
.body-copy li {
font-size: 18px;
}
.body-copy--quote blockquote p {
line-height: 32px;
}
.body-copy--quote blockquote p {
font-size: 24px;
}
.body-copy--quote blockquote footer {
font-size: 12px;
}
.enquire.enquire--section .enquire__text h3 {
line-height: 32px;
}
.dealer-representative--overlay .dealer-preowned__copy p {
line-height: 28px;
}
.dealer-representative--overlay .dealer-preowned__copy p {
font-size: 14px;
}
.dealer-preowned__linkmore a.more {
font-size: 14px;
}
.landing__text .landing__link h3 {
line-height: 32px;
}
.pricing__item p {
font-size: 55px;
}
.audio-module__title h3 {
line-height: 32px;
}
.audio-module__title h3 {
font-size: 28px;
}
.audio-module__label {
line-height: 22px;
}
.audio-module__label {
font-size: 18px;
}
.enquire__success .body-copy__large-title {
line-height: 75px;
}
}
@media screen and (max-width: 375px) {
.hero--home .title {
font-size: 35px;
}
.hero--home .subtitle {
font-size: 12px;
}
.hero--a .hero__text .subtitle {
line-height: 35px;
}
.hero--a .hero__text .subtitle {
font-size: 35px;
}
.generic-hero__text h1 {
line-height: 26px;
}
.generic-hero__text h1 {
font-size: 26px;
}
.content__text h3 {
line-height: 22px;
}
.content__text h3 {
font-size: 18px;
}
.content__text p {
line-height: 28px;
}
.content__text p {
font-size: 14px;
}
.quote__container h4 {
font-size: 13px;
}
.quote__container p {
line-height: 20px;
}
.quote__container p {
font-size: 16px;
}
.quote__container p.body-copy {
line-height: 20px;
}
.quote__container p.body-copy {
font-size: 13px;
}
.experience__text h3 {
line-height: 28px;
}
.experience__text h3 {
font-size: 23px;
}
.accessories__header h2 {
font-size: 20px;
}
.accessories__text h3 {
font-size: 15px;
}
.body-copy__small-title, .body-copy .body-copy__small-title {
font-size: 14px;
}
.body-copy__large-title, .body-copy .body-copy__large-title {
line-height: 26px;
}
.body-copy__large-title, .body-copy .body-copy__large-title {
font-size: 23px;
}
.body-copy__medium-title, .body-copy .body-copy__medium-title {
line-height: 26px;
}
.body-copy__text, .body-copy .body-copy__text {
line-height: 28px;
}
.body-copy__text, .body-copy .body-copy__text {
font-size: 14px;
}
.body-copy__medium-text, .body-copy .body-copy__medium-text {
font-size: 12px;
}
.body-copy li {
line-height: 28px;
}
.body-copy li {
font-size: 14px;
}
.body-copy--quote blockquote p {
line-height: 25px;
}
.body-copy--quote blockquote p {
font-size: 20px;
}
.body-copy--quote blockquote footer {
font-size: 10px;
}
.enquire.enquire--section .enquire__text h3 {
line-height: 25px;
}
.dealer-representative--overlay .dealer-preowned__copy p {
line-height: 20px;
}
.dealer-representative--overlay .dealer-preowned__copy p {
font-size: 12px;
}
.landing__text .landing__link h3 {
line-height: 25px;
}
.pricing__item p {
font-size: 45px;
}
.audio-module__title h3 {
line-height: 24px;
}
.audio-module__title h3 {
font-size: 20px;
}
.audio-module__label {
line-height: 18px;
}
.audio-module__label {
font-size: 14px;
}
.enquire__success .body-copy__large-title {
line-height: 26px;
}
}
@media screen and (max-width: 1200px) {
.hero--a .hero__text .title {
font-size: 15px;
}
}
@media all and (min-width: 1000px) and (max-width: 1200px) {
.hero--login .hero__text {
bottom: 16vw
}
}
@media all and (min-width: 769px) and (max-width: 999px) {
.hero--login .hero__text {
bottom: 24vw
}
.valkyrie-form {
margin-top: -20vw
}
}
@media (min-width: 481px) and (max-width: 768px) {
position: relative;
display: block;
height: 0;
padding: 0;
overflow: hidden;
padding-bottom: 63.63636363636363%;
.hero--login .hero__text {
bottom: 6.6vw;
}
.generic-hero__text h1 {
width: 90%
}
.generic-hero {
padding-bottom: 60%
}
position: relative;
display: block;
height: 0;
padding: 0;
overflow: hidden;
padding-bottom: 24%;
.form .button {
max-width: 340px
}
.accessories__button {
max-width: 340px;
}
.specs__details--full .specs__header.row {
height: 360px
}
.configurator__content {
padding-bottom: 65px;
margin-bottom: 10px
}
.configurator__links.row {
max-width: 340px;
}
.enquire2--section .cta__buttons {
width: 50%
}
.audio-module {
height: 400px;
padding-bottom: 0
}
.generic-table table th, .generic-table table td {
padding: 8px 24px;
font-size: 14px
}
.enquire__success .button {
max-width: 340px;
}
}
@media screen and (min-width: 375px) {
.collection-list .collection-model__title h3 {
font-size: 25px;
}
.collection-list .collection-model__title h4 {
font-size: 14px;
}
}
@media all and (min-width: 769px) {
.content--a, .content--b {
min-height: 365px
}
.content--c .content__media {
min-height: 365px
}
.gallery--slider-mode .gallery__icon--previous, .gallery--slider-mode .gallery__icon--next {
top: 50%;
left: auto;
right: auto;
opacity: 1;
width: 45px;
height: 45px;
}
.gallery--slider-mode .gallery__icon--previous {
left: 50px;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.gallery--slider-mode .gallery__icon--next {
right: 50px;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.gallery--slider-mode .gallery__item {
opacity: 0;
transition: opacity .3s cubic-bezier(.39, .575, .565, 1);
}
.gallery--slider-mode .gallery__item--active {
opacity: 1;
}
.gallery--show-overlay {
background: #262626;
}
.gallery--show-overlay .gallery__icon {
transition: opacity .8s cubic-bezier(.39, .575, .565, 1);
}
.gallery--show-overlay .gallery__icon--active {
opacity: 1;
cursor: none;
width: 45px;
height: 45px;
}
.gallery--show-overlay .gallery__icon--disabled {
opacity: .1;
}
.gallery--show-overlay .gallery__item {
padding: 0;
}
.gallery--show-overlay .gallery__wrapper {
flex-wrap: nowrap;
}
.gallery--show-overlay .gallery__row {
flex: 1 0 300%;
flex-flow: row nowrap;
}
.gallery--show-overlay .gallery__item {
max-width: 100vw;
height: 100%;
}
.gallery--show-overlay .gallery__pager {
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
top: auto;
right: auto;
bottom: 20px;
left: 50%;
position: absolute;
}
.gallery--show-overlay .gallery__pager .pager {
flex-direction: row;
}
.gallery--show-overlay .gallery__pager .pager li {
display: flex;
}
.gallery--show-overlay .gallery__item .cover-image {
cursor: none;
}
.gallery--show-overlay .gallery__item .cover-image img {
-o-object-fit: contain;
object-fit: contain;
}
}
@media all and (min-width: 1001px) and (max-width: 1100px) {
position: relative;
display: block;
height: 0;
padding: 0;
overflow: hidden;
padding-bottom: 107.6923076923077%;
}
@media all and (min-width: 901px) and (max-width: 1000px) {
position: relative;
display: block;
height: 0;
padding: 0;
overflow: hidden;
padding-bottom: 115.38461538461537%;
}
@media all and (min-width: 801px) and (max-width: 900px) {
position: relative;
display: block;
height: 0;
padding: 0;
overflow: hidden;
padding-bottom: 130.76923076923077%;
}
@media all and (min-width: 769px) and (max-width: 800px) {
position: relative;
display: block;
height: 0;
padding: 0;
overflow: hidden;
padding-bottom: 138.46153846153845%;
}
@media all and (min-width: 576px) and (max-width: 768px) {
position: relative;
display: block;
height: 0;
padding: 0;
overflow: hidden;
padding-bottom: 84.61538461538461%;
}
@media all and (min-width: 481px) and (max-width: 575px) {
position: relative;
display: block;
height: 0;
padding: 0;
overflow: hidden;
padding-bottom: 100%;
}
@media all and (min-width: 320px) and (max-width: 480px) {
position: relative;
display: block;
height: 0;
padding: 0;
overflow: hidden;
padding-bottom: 130.76923076923077%;
}
@media screen and (min-width: 1600px) {
.content--d .content__media figcaption span {
font-size: 12px;
}
}
@media screen and (max-width: 768px) {
.content--d .content__media figcaption span {
font-size: 10px;
}
}
@media screen and (max-width: 769px) {
.subnavigation li a {
font-size: 9px;
}
.subnav-dealers li a {
font-size: 9px;
}
.dealer-preowned__linkmore a.more {
font-size: 12px;
}
}
@media all and (min-width: 769px) and (max-width: 1100px) {
.subnavigation .subnavigation__wrapper ul li a {
padding: 20px calc(20px / 8);
margin: 0 calc(20px / 4);
}
.subnavigation .subnavigation__wrapper ul li a::after {
left: 5px;
}
.subnavigation .subnavigation__wrapper ul li a.active::after, .no-touch .subnavigation .subnavigation__wrapper ul li a:hover::after {
width: calc(100% - 10px);
}
.subnav-dealers .subnav-dealers__wrapper ul {
justify-content: center;
}
.subnav-dealers .subnav-dealers__wrapper ul li a {
padding: 20px calc(20px / 8);
margin: 0 calc(20px / 4);
}
.subnav-dealers .subnav-dealers__wrapper ul li a::after {
left: 5px;
}
.subnav-dealers .subnav-dealers__wrapper ul li a.active::after, .no-touch .subnav-dealers .subnav-dealers__wrapper ul li a:hover::after {
width: calc(100% - 10px);
}
}
@media (min-width: 1025px) {
.subnav-dealers-separate {
display: none
}
.dealer-representative__item p.attr:last-of-type {
margin-bottom: 10rem;
}
.enquire--simple__container {
flex-basis: calc(100% * 8 / 12 - (20px - 20px * 8 / 12));
width: calc(100% * 8 / 12 - (20px - 20px * 8 / 12));
max-width: calc(100% * 8 / 12 - (20px - 20px * 8 / 12));
}
}
@media (max-width: 1024px) {
.subnav-dealers-bt {
display: none!important;
}
.dealer-representative__item p.attr {
margin-bottom: 12px;
padding-bottom: 12px;
border-bottom: 1px solid rgba(22, 23, 24, .1)
}
.dealer-representative__item p.attr::after {
content: '';
clear: both;
}
.dealer-representative__item p.attr:last-of-type {
border-bottom: 0;
}
}
@media screen and (min-width: 1200px) {
.promo--c .promo__text h3 {
line-height: 30px;
}
.promo--c .promo__text h3 {
font-size: 25px;
}
.accessories__header h2 {
font-size: 25px;
}
}
@media screen and (max-width: 480px) {
.promo--c .promo__text h3 {
line-height: 28px;
}
.promo--c .promo__text h3 {
font-size: 23px;
}
}
@media screen and (min-width: 2020px) {
.body-copy__small-title, .body-copy .body-copy__small-title {
font-size: 16px;
}
}
@media screen and (min-width: 1280px) {
.body-copy__medium-title, .body-copy .body-copy__medium-title {
font-size: 34px;
}
.enquire.enquire--section .enquire__text h3 {
font-size: 26px;
}
.landing__text .landing__link h3 {
font-size: 26px;
}
}
@media screen and (max-width: 420px) {
.body-copy__medium-title, .body-copy .body-copy__medium-title {
font-size: 24px;
}
.enquire.enquire--section .enquire__text h3 {
font-size: 20px;
}
.landing__text .landing__link h3 {
font-size: 20px;
}
}
@media (max-width: 1100px) and (min-width: 769px) {
.enquire.enquire--section .enquire__inner {
padding: 0 50px;
}
}
@media (max-width: 960px) {
.enquire.enquire--section .enquire__card .enquire__background {
width: auto;
height: 75%;
bottom: 0;
left: 0;
position: absolute;
}
}
@media (max-width: 1200px) and (min-width: 769px) {
.enquire.enquire--section[data-enquire-page='1'] .enquire__card {
background: url('../images/enquire-bg-car-1.png') -60px bottom / 290px 240px no-repeat #fff;
}
.enquire.enquire--section[data-enquire='enquire'][data-enquire-page='2'] .enquire__card {
background: url('../images/enquire-bg-car-1.png') -60px bottom / 290px 240px no-repeat #fff;
}
.enquire.enquire--section[data-enquire-page='5'] .enquire__card {
background: url('../images/enquire-bg-car-1.png') -60px bottom / 290px 240px no-repeat #fff
}
}
@media (min-width: 769px) and (max-width: 1100px) {
.enquire.enquire--section[data-enquire-page='1'] .enquire__card {
height: 460px;
}
}
@media (max-width: 1440px) and (min-width: 769px) {
.enquire.enquire--section[data-enquire='enquire'][data-enquire-page='2'] .enquire__content {
width: 50%
}
}
@media (min-width: 1441px) {
.enquire.enquire--section[data-enquire-page='4'] .enquire__text {
width: 75%
}
}
@media (max-width: 839px) and (min-width: 769px) {
.enquire.enquire--section[data-enquire-page='5'] .enquire__card {
height: 540px;
}
}
@media all and (max-width: 768px) {
body[data-page='brand-page'] .brand__content .block.block--content:last-of-type {
display: none
}
.valkyrie-form {
margin-top: -6vw
}
}
@media (max-height: 640px) {
.error-page {
padding-top: 4rem
}
}
@media all and (min-width: 1000px) {
.valkyrie-form {
margin-top: -10vw
}
}
@media (min-width: 541px) and (max-width: 1023px) {
.overlay {
transition-duration: .225s
}
.overlay[data-overlay-active='true'] {
transition-duration: .275s
}
}
@media (max-width: 540px) {
.overlay {
transition-duration: .185s
}
.overlay[data-overlay-active='true'] {
transition-duration: .225s
}
}
@media (max-width: 539px) {
.overlay[data-overlay='main-menu']::before {
right: calc(20px / 2);
}
.overlay[data-overlay='main-menu'] .overlay__body {
justify-content: flex-start;
padding: 20px 0 0;
flex-grow: 0
}
.overlay[data-overlay='main-menu'] .overlay__footer {
flex: 1;
padding-bottom: calc(20px * 4)
}
.overlay[data-overlay='main-menu'] .overlay__footer .pillarbox::before {
display: none;
}
.overlay[data-overlay='main-menu'] .overlay__footer nav {
flex-direction: column;
align-items: center;
padding: 25px 0 0
}
.overlay[data-overlay='main-menu'] .overlay__footer nav a, .overlay[data-overlay='main-menu'] .overlay__footer nav a:first-of-type, .overlay[data-overlay='main-menu'] .overlay__footer nav a:last-of-type {
padding: 20px;
font-size: 12px;
}
.overlay[data-overlay='collection-menu']::before {
right: calc(20px / 2);
}
.overlay[data-overlay='collection-menu'] .overlay__body {
justify-content: flex-start;
padding: 20px 0 calc(10px * 2 + 65px);
flex-grow: 0
}
.overlay[data-overlay='subnavigation-menu'] .overlay__body, .overlay[data-overlay='subnav-dealers-menu-mobile'] .overlay__body {
justify-content: flex-start;
padding: 20px 0 calc(10px * 2 + 88px);
flex-grow: 0
}
}
@media (min-width: 1140px) {
.safari .search__form input[type='search'], .touch .search__form input[type='search'] {
padding: .5em 50px .22em 0;
font-size: 46px;
line-height: normal;
}
.safari .search__form input[type='search']::-webkit-input-placeholder, .touch .search__form input[type='search']::-webkit-input-placeholder {
font-size: 46px;
line-height: normal;
}
.safari .search__form input[type='search']:-ms-input-placeholder, .touch .search__form input[type='search']:-ms-input-placeholder {
font-size: 46px;
line-height: normal;
}
.safari .search__form input[type='search']::-ms-input-placeholder, .touch .search__form input[type='search']::-ms-input-placeholder {
font-size: 46px;
line-height: normal;
}
.safari .search__form input[type='search']::placeholder, .touch .search__form input[type='search']::placeholder {
font-size: 46px;
line-height: normal;
}
.left-toggle, .right-toggle {
width: 50%;
height: 65px;
float: left
}
body.expose_nav header svg.hamburger rect {
opacity: 0;
transition: all .25s cubic-bezier(.8, 0, 1, .2)
}
body.expose_nav header svg.hamburger rect:nth-child(1) {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
transition-delay: .1s;
}
body.expose_nav header svg.hamburger rect:nth-child(2) {
-webkit-transform: translate3d(8px, 0, 0);
transform: translate3d(8px, 0, 0);
transition-delay: .05s;
}
body.expose_nav header svg.hamburger rect:nth-child(3) {
-webkit-transform: translate3d(16px, 0, 0);
transform: translate3d(16px, 0, 0);
}
body.left_nav header svg.hamburger rect {
transition: all .4s .3s cubic-bezier(0, .8, .2, 1);
}
body.left_nav header svg.hamburger.right rect {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
body.right_nav header svg.hamburger rect {
transition: all .4s .3s cubic-bezier(0, .8, .2, 1);
}
body.right_nav header svg.hamburger.left rect {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
body header.left svg.hamburger.left rect {
opacity: 0;
transition: all .25s cubic-bezier(.8, 0, 1, .2)
}
body header.left svg.hamburger.left rect:nth-child(1) {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
transition-delay: .1s;
}
body header.left svg.hamburger.left rect:nth-child(2) {
-webkit-transform: translate3d(8px, 0, 0);
transform: translate3d(8px, 0, 0);
transition-delay: .05s;
}
body header.left svg.hamburger.left rect:nth-child(3) {
-webkit-transform: translate3d(16px, 0, 0);
transform: translate3d(16px, 0, 0);
}
body header.right svg.hamburger.right rect {
opacity: 0;
transition: all .25s cubic-bezier(.8, 0, 1, .2)
}
body header.right svg.hamburger.right rect:nth-child(1) {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
transition-delay: .1s;
}
body header.right svg.hamburger.right rect:nth-child(2) {
-webkit-transform: translate3d(8px, 0, 0);
transform: translate3d(8px, 0, 0);
transition-delay: .05s;
}
body header.right svg.hamburger.right rect:nth-child(3) {
-webkit-transform: translate3d(16px, 0, 0);
transform: translate3d(16px, 0, 0);
}
nav.primary {
flex-direction: row;
align-items: center;
justify-content: space-between;
height: 65px;
padding: 0 20px;
overflow: hidden;
background: none
}
nav.primary > .parallax-container {
display: flex
}
nav.primary .left-menu, nav.primary .right-menu {
flex-direction: row;
align-items: center;
justify-content: space-between
}
nav.primary ul {
display: flex;
flex-direction: row;
width: auto;
-webkit-transform: translateX(-60px);
transform: translateX(-60px)
}
nav.primary ul li a:hover::after {
display: block;
}
nav.primary ul > li.active a {
color: rgba(255, 255, 255, .2)
}
nav.primary ul > li.active a::before {
opacity: 1;
transition: opacity .2s .2s
}
nav.primary ul > li.active a::after {
opacity: 0 !important;
transition: opacity .2s
}
nav.primary ul > li a {
font-size: 1.083rem;
text-transform: uppercase;
white-space: nowrap;
pointer-events: all
}
nav.primary ul > li a:hover::after {
opacity: 1
}
nav.primary ul > li a.search-icon {
display: block;
top: 10px;
padding-top: 16px
}
nav.primary ul.left li {
margin: 0 8px 0 0
}
nav.primary ul.right {
-webkit-transform: translateX(60px);
transform: translateX(60px)
}
nav.primary ul.right li {
margin: 0 0 0 8px;
}
nav.primary .mobile-search {
display: none
}
body.left_nav nav.primary ul.right:not(:hover) {
opacity: 0;
-webkit-transform: translateX(60px);
transform: translateX(60px);
transition: all .4s cubic-bezier(.7, 0, 1, .3), opacity 0.4s linear;
}
body.left_nav nav.primary ul.right:not(:hover) li a {
pointer-events: none;
}
body.left_nav header.right+nav.primary ul.right {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
transition: opacity 0.3s 0.25s linear, -webkit-transform .3s 0.25s cubic-bezier(0, .7, .3, 1);
transition: transform .3s 0.25s cubic-bezier(0, .7, .3, 1), opacity 0.3s 0.25s linear;
transition: transform .3s 0.25s cubic-bezier(0, .7, .3, 1), opacity 0.3s 0.25s linear, -webkit-transform .3s 0.25s cubic-bezier(0, .7, .3, 1);
}
body.left_nav header.right+nav.primary ul.right li a {
pointer-events: all;
}
body.right_nav nav.primary ul.left:not(:hover) {
opacity: 0;
-webkit-transform: translateX(-60px);
transform: translateX(-60px);
transition: all .4s cubic-bezier(.7, 0, 1, .3), opacity 0.4s linear;
}
body.right_nav header.left + nav.primary ul.left {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
transition: opacity 0.3s 0.25s linear, -webkit-transform .3s 0.25s cubic-bezier(0, .7, .3, 1);
transition: transform .3s 0.25s cubic-bezier(0, .7, .3, 1), opacity 0.3s 0.25s linear;
transition: transform .3s 0.25s cubic-bezier(0, .7, .3, 1), opacity 0.3s 0.25s linear, -webkit-transform .3s 0.25s cubic-bezier(0, .7, .3, 1);
}
body.right_nav header.left + nav.primary ul.left li a {
pointer-events: all;
}
.sub-navigation > nav ul.hover li a {
opacity:0.08
}
.sub-navigation > nav ul li a:hover {
opacity:1
}
.sub-navigation > nav ul li a:hover .sub-nav-title .description-dash {
opacity: 1;
}
.sub-navigation > nav ul li a:hover .description {
z-index: 4;
opacity: 1;
pointer-events: all;
}
.sub-navigation > nav ul li:nth-of-type(odd) a {
padding-right: 10px;
}
.sub-navigation > nav ul li:nth-of-type(even) a {
padding-left: 10px;
}
.sub-navigation > nav ul a {
font-size: 3.883rem
}
.sub-navigation > nav ul a .sub-nav-title {
font-size: 3.883rem
}
.sub-navigation > nav ul a .sub-nav-title .description-dash {
display: inline;
}
.sub-navigation > nav ul a:hover + img {
opacity: 1
}
.sub-navigation .models__header {
display: none
}
.sub-navigation .models nav.model-nav {
transition-delay: 0s
}
.sub-navigation .models nav.model-nav ul li a {
font-size: 5vh
}
.sub-navigation .models .models-videos video {
display: block
}
.sub-navigation .models .models-videos video.ie11 {
display: none;
}
.sub-navigation .models .models-videos img {
display: none
}
.sub-navigation .models .models-videos img.ie11 {
display: block;
}
.sub-navigation .models .models-videos::after {
display: block
}
.sub-navigation .models .model-view-link {
width: 80%;
height: 50%;
top: 59%;
left: 50%;
overflow: hidden;
opacity: .4;
font-size: 0;
text-align: center;
color: transparent;
cursor: url('../Images/nav/explore.png') 40.5 40.5, url('../Images/nav/explore.cur') 40.5 40.5, pointer;
border-radius: 50%;
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.sub-navigation .models .models-controls {
display: none
}
.sub-navigation .models.active nav.model-nav ul li a {
pointer-events: all
}
}
@media (max-width: 1139px) {
.search {
padding-top: 6px
}
.search__form.mobile {
display: block;
width: 100%
}
.search__form input[type='search'] {
padding-top: 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.1)
}
.search__form input[type='search']:focus {
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.search__form .close-icon {
width: 21px;
height: 21px;
bottom: 28px;
background-size: 19px 19px
}
.search__form input[type='search']:not(:valid) ~ .search-icon {
width: 21px;
height: 21px;
bottom: 28px;
background-size: 19px 21px
}
.search__results.mobile {
display: block;
width: 100%;
height: 100%
}
.search__results .category-name {
margin-bottom: 36px
}
.search__results ul li a {
margin-bottom: 40px;
opacity: 1;
}
.search__results ul li a, .search__results ul li a::before {
padding: 5px 0 5px 14px;
}
.header svg.hamburger rect {
transition: all .3s ease-out
}
.left-toggle > .icon svg {
opacity: 0;
pointer-events: none
}
.right-toggle > .icon svg {
pointer-events: all
}
html.expose_nav, body.expose_nav {
height: 100%;
overflow: hidden
}
body.expose_nav header svg.hamburger rect {
height: 25px;
opacity: 1;
transition: all .3s ease-out
}
body.expose_nav header svg.hamburger rect:nth-child(1) {
-webkit-transform: translate3d(1px, 1px, 0) rotate(-45deg);
transform: translate3d(1px, 1px, 0) rotate(-45deg);
-webkit-transform-origin: top left;
transform-origin: top left;
transition-delay: 0s;
}
body.expose_nav header svg.hamburger rect:nth-child(2) {
height: 0;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
transition-delay: 0s;
}
body.expose_nav header svg.hamburger rect:nth-child(3) {
-webkit-transform: translate3d(4px, -13px, 0) rotate(45deg);
transform: translate3d(4px, -13px, 0) rotate(45deg);
-webkit-transform-origin: top left;
transform-origin: top left;
transition-delay: 0s;
}
body header.left svg.hamburger.left rect {
height: 25px;
opacity: 1;
transition: all .3s ease-out
}
body header.left svg.hamburger.left rect:nth-child(1) {
-webkit-transform: translate3d(1px, 1px, 0) rotate(-45deg);
transform: translate3d(1px, 1px, 0) rotate(-45deg);
-webkit-transform-origin: top left;
transform-origin: top left;
transition-delay: 0s;
}
body header.left svg.hamburger.left rect:nth-child(2) {
height: 0;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
transition-delay: 0s;
}
body header.left svg.hamburger.left rect:nth-child(3) {
-webkit-transform: translate3d(4px, -13px, 0) rotate(45deg);
transform: translate3d(4px, -13px, 0) rotate(45deg);
-webkit-transform-origin: top left;
transform-origin: top left;
transition-delay: 0s;
}
body header.right svg.hamburger.right rect {
height: 25px;
opacity: 1;
transition: all .3s ease-out
}
body header.right svg.hamburger.right rect:nth-child(1) {
-webkit-transform: translate3d(1px, 1px, 0) rotate(-45deg);
transform: translate3d(1px, 1px, 0) rotate(-45deg);
-webkit-transform-origin: top left;
transform-origin: top left;
transition-delay: 0s;
}
body header.right svg.hamburger.right rect:nth-child(2) {
height: 0;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
transition-delay: 0s;
}
body header.right svg.hamburger.right rect:nth-child(3) {
-webkit-transform: translate3d(4px, -13px, 0) rotate(45deg);
transform: translate3d(4px, -13px, 0) rotate(45deg);
-webkit-transform-origin: top left;
transform-origin: top left;
transition-delay: 0s;
}
.modelBlackText .header svg.hamburger rect {
fill: #000;
}
.modelBlackText .header .header__logo svg {
fill: #000;
}
nav.primary ul > li.search a.close-sub-nav {
display: none;
font-size: 1.333rem;
text-transform: uppercase;
padding: 0 0 0 24px;
line-height: 24px;
margin-bottom: 10px;
}
nav.primary ul > li.search a.close-sub-nav:before {
display: none;
}
nav.primary ul > li a {
letter-spacing: .0325rem;
text-transform: none;
padding: 1.333rem 0
}
nav.primary.searching li:not(.search):not(.result) {
-webkit-transform: translateY(-50px);
transform: translateY(-50px);
max-height: 0px;
}
nav.primary.searching li a:not(.search):not(.result):not(.close-sub-nav) {
opacity: 0;
pointer-events: none;
}
nav.primary.searching .search a.close-sub-nav {
display: inline-block;
opacity: 1;
}
nav.primary.searching .search a.close-sub-nav:hover::after {
display: none;
}
nav.primary.searching .search__form {
padding: 9px 0;
}
nav.primary.searching .search__results ul {
float: none;
margin-bottom: 20px;
}
nav.primary.searching .search__results ul li {
float: none;
max-height: none;
}
nav.primary.searching .search__results ul li a {
font-size: 24px;
padding: 0;
}
nav.primary.searching .search__results ul li.search a.close-sub-nav {
display: inline-block;
}
body.expose_nav nav.primary:not(.hidden) {
overflow-y: scroll
}
body.expose_nav nav.primary:not(.hidden)::before {
display: block;
opacity: 1;
}
body.expose_nav nav.primary ul {
display: block;
float: left;
transition: opacity 0.5s linear, -webkit-transform .5s cubic-bezier(0, .7, .3, 1);
transition: transform .5s cubic-bezier(0, .7, .3, 1), opacity 0.5s linear;
transition: transform .5s cubic-bezier(0, .7, .3, 1), opacity 0.5s linear, -webkit-transform .5s cubic-bezier(0, .7, .3, 1)
}
body.expose_nav nav.primary.hidden {
opacity: 0;
pointer-events: none
}
body.expose_nav nav.primary.hidden ul {
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
transition: opacity 0.25s linear, -webkit-transform .5s cubic-bezier(0, .7, .3, 1);
transition: transform .5s cubic-bezier(0, .7, .3, 1), opacity 0.25s linear;
transition: transform .5s cubic-bezier(0, .7, .3, 1), opacity 0.25s linear, -webkit-transform .5s cubic-bezier(0, .7, .3, 1);
opacity: 0;
pointer-events: none;
}
.modelBlackText nav.primary ul li a {
color: #161718;
}
.modelBlackText nav.primary ul li a::after {
border-color: rgba(22, 23, 24, .4);
}
.modelBlackText nav.primary ul li a.search-icon svg ellipse, .modelBlackText nav.primary ul li a.search-icon svg path {
stroke: #161718;
}
.modelBlackText nav.primary ul li.active a {
color: rgba(22, 23, 24, .4);
}
.modelBlackText nav.primary ul li.active a::before {
background: url('../Images/nav/close-icon-black.svg') no-repeat;
}
a.close-sub-nav {
display: inline-block;
z-index: 9;
pointer-events: all
}
.sub-navigation > nav, .sub-navigation > section {
padding: 80px 20px 0
}
.sub-navigation > nav {
transition: opacity .25s .25s linear, -webkit-transform .5s cubic-bezier(0, .7, .3, 1);
transition: transform .5s cubic-bezier(0, .7, .3, 1), opacity .25s .25s linear;
transition: transform .5s cubic-bezier(0, .7, .3, 1), opacity .25s .25s linear, -webkit-transform .5s cubic-bezier(0, .7, .3, 1)
}
.sub-navigation > nav .sub-nav-container {
padding: 30px 0 0;
opacity: 0;
-webkit-transform: translateX(60px);
transform: translateX(60px);
transition: opacity .25s linear, -webkit-transform .5s cubic-bezier(0, .7, .3, 1);
transition: transform .5s cubic-bezier(0, .7, .3, 1), opacity .25s linear;
transition: transform .5s cubic-bezier(0, .7, .3, 1), opacity .25s linear, -webkit-transform .5s cubic-bezier(0, .7, .3, 1)
}
.sub-navigation > nav.active .sub-nav-container {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0)
}
.sub-navigation > nav ul {
display: block
}
.sub-navigation > nav ul li {
width: 100%;
font-size: 2em
}
.sub-navigation > nav ul a {
padding: 16px 0;
margin-bottom: 0
}
.sub-navigation > nav ul a .description {
display: none
}
.sub-navigation .models {
height: 100%;
padding: 0;
overflow-y: auto;
z-index: 999
}
.sub-navigation .models .models-wrapper {
position: relative;
min-height: 100%;
padding: 80px 0 0;
}
.sub-navigation .models.models-nav-open .models-wrapper {
background-color: #161718
}
.sub-navigation .models .active-model {
display: inline-block
}
.sub-navigation .models nav.model-nav {
position: absolute;
height: auto;
top: 230px;
padding: 0 20px;
opacity: 0;
pointer-events: none;
transition: opacity .1s cubic-bezier(.6, 0, 1, .4)
}
.sub-navigation .models nav.model-nav > .sub-nav-container {
padding: 40px 0 0;
}
.sub-navigation .models nav.model-nav ul {
position: relative;
display: flex;
flex-direction: column;
width: 100%;
padding: 0;
line-height: .5em;
transition: -webkit-transform .1s cubic-bezier(.6, 0, 1, .4);
transition: transform .1s cubic-bezier(.6, 0, 1, .4);
transition: transform .1s cubic-bezier(.6, 0, 1, .4), -webkit-transform .1s cubic-bezier(.6, 0, 1, .4)
}
.sub-navigation .models nav.model-nav ul li {
display: block
}
.sub-navigation .models nav.model-nav ul li a {
margin-bottom: 30px;
}
.sub-navigation .models nav.model-nav ul li a {
opacity: 1;
font-size: 18px;
line-height: 1.2222em;
letter-spacing: .015em
}
.sub-navigation .models nav.model-nav ul li a.active {
display: none;
}
.sub-navigation .models nav.model-nav.active {
position: static;
height: 100%;
opacity: 1;
color: #fff;
pointer-events: all;
transition: opacity .3s cubic-bezier(.6, 0, 1, .4)
}
.sub-navigation .models nav.model-nav.active + div + .models-videos {
height: 0;
max-height: 0;
opacity: 0;
transition: opacity .3s cubic-bezier(.6, 0, 1, .4);
}
.sub-navigation .models nav.model-nav.active + div + .models-videos video, .sub-navigation .models nav.model-nav.active + div + .models-videos img {
opacity: 0;
}
.sub-navigation .models nav.model-nav.active + div + div + .models-controls {
height: 0;
margin: 0;
opacity: 0;
pointer-events: none;
}
.sub-navigation .models nav.model-nav.active + div + div + div + .model-sub-navigation.active {
opacity: 1;
pointer-events: all;
}
.sub-navigation .models .stats {
display: none
}
.sub-navigation .models .models-videos {
position: relative
}
.sub-navigation .models .models-videos .model-video {
height: 75vw;
top: 50%;
-webkit-transform: translate3d(0, -60%, 0);
transform: translate3d(0, -60%, 0)
}
.sub-navigation .models .models-videos video, .sub-navigation .models .models-videos img {
opacity: 1;
-webkit-mask-image: linear-gradient(to top, rgba(0, 0, 0, 0) 2%, rgba(0, 0, 0, 1) 30%, rgba(0, 0, 0, 1) 65%, rgba(0, 0, 0, 0) 75%);
mask-image: linear-gradient(to top, rgba(0, 0, 0, 0) 2%, rgba(0, 0, 0, 1) 30%, rgba(0, 0, 0, 1) 65%, rgba(0, 0, 0, 0) 75%)
}
.sub-navigation .models.active nav.model-nav.active ul li a {
pointer-events: all
}
.sub-navigation .models.active .gradient-top {
opacity: 1;
pointer-events: all
}
body.modelBlackText .sub-navigation .models {
color: #161718;
}
body.modelBlackText .sub-navigation .models .close-sub-nav svg path, body.modelBlackText .sub-navigation .models .active-model svg path {
stroke: #161718 !important;
}
body.modelBlackText .sub-navigation .models .stats .progress progress {
color: #161718;
background-color: rgba(22, 23, 24, .2);
}
body.modelBlackText .sub-navigation .models .stats .progress progress::-moz-progress-bar {
background-color: #161718;
}
body.modelBlackText .sub-navigation .models .stats .progress progress::-webkit-progress-bar {
background-color: rgba(22, 23, 24, .2);
}
body.modelBlackText .sub-navigation .models .stats .progress progress::-webkit-progress-value {
background-color: #161718;
}
body.modelBlackText .sub-navigation .models .models-controls button {
border-color: rgba(22, 23, 24, 0.2);
}
body.modelBlackText .sub-navigation .models .models-controls button::before {
border-color: #161718;
}
body.modelBlackText .sub-navigation .models .models-controls button polygon {
fill: #161718;
}
body.modelBlackText .model-sub-navigation nav {
border-color: rgba(22, 23, 24, .2);
}
body.modelBlackText .model-sub-navigation nav a {
color: #161718;
}
body.modelBlackText .model-sub-navigation nav a::after {
border-color: rgba(22, 23, 24, .4);
}
.model-sub-navigation {
position: static;
bottom: 8px;
padding: 0 20px
}
.model-sub-navigation nav {
width: 100%
}
.model-sub-navigation nav ul {
flex-direction: column;
align-self: flex-start;
width: 100%
}
.model-sub-navigation nav ul li {
align-self: flex-start;
margin-bottom: .8em;
margin-left: 0
}
}
@media (min-width: 1300px) {
.left-toggle > .icon {
left: 40px
}
.right-toggle > .icon {
right: 40px
}
nav.primary {
padding: 0 40px
}
nav.primary ul > li a {
font-size: 1.333rem
}
nav.primary ul > li a.search-icon {
top: 12px;
padding-top: 18px
}
nav.primary ul.left li {
margin: 0 16px 0 0
}
nav.primary ul.right li {
margin: 0 0 0 16px;
}
}
@media (min-width: 1140px) and (max-width: 1139px) {
body.left_nav header svg.hamburger rect {
transition: all .3s ease-out
}
body.right_nav header svg.hamburger rect {
transition: all .3s ease-out
}
}
@media (pointer: fine) {
nav.primary ul > li a:hover::after {
opacity: 1;
transition: opacity 0.2s
}
.model-sub-navigation nav a:hover::after {
transition: opacity .2s
}
}
/*# sourceMappingURL=maps/astonmartin.css.map */