html {
font-family: sans-serif;
line-height: 1.15;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%
}
body {
margin: 0
}
article,
aside,
footer,
header,
nav,
section {
display: block
}
h1 {
font-size: 2em;
margin: 0.67em 0
}
figcaption,
figure,
main {
display: block
}
figure {
margin: 1em 40px
}
hr {
box-sizing: content-box;
height: 0;
overflow: visible
}
pre {
font-family: monospace, monospace;
font-size: 1em
}
a {
background-color: transparent;
-webkit-text-decoration-skip: objects
}
a:active,
a:hover {
outline-width: 0
}
abbr[title] {
border-bottom: none;
text-decoration: underline;
text-decoration: underline dotted
}
b,
strong {
font-weight: inherit
}
b,
strong {
font-weight: bolder
}
code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em
}
dfn {
font-style: italic
}
mark {
background-color: #ff0;
color: #000
}
small {
font-size: 80%
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
sub {
bottom: -0.25em
}
sup {
top: -0.5em
}
audio,
video {
display: inline-block
}
audio:not([controls]) {
display: none;
height: 0
}
img {
border-style: none
}
svg:not(:root) {
overflow: hidden
}
button,
input,
optgroup,
select,
textarea {
font-family: sans-serif;
font-size: 100%;
line-height: 1.15;
margin: 0
}
button,
input {
overflow: visible
}
button,
select {
text-transform: none
}
button,
html [type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText
}
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em
}
legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal
}
progress {
display: inline-block;
vertical-align: baseline
}
textarea {
overflow: auto
}
[type="checkbox"],
[type="radio"] {
box-sizing: border-box;
padding: 0
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto
}
[type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px
}
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit
}
details,
menu {
display: block
}
summary {
display: list-item
}
canvas {
display: inline-block
}
template {
display: none
}
[hidden] {
display: none
}
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 {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block
}
body {
line-height: 1
}
ol,
ul {
list-style: none
}
blockquote,
q {
quotes: none
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: '';
content: none
}
table {
border-collapse: collapse;
border-spacing: 0
}
abbr,
span.abbr {
border-bottom: none
}
.clear {
clear: both;
height: 0
}
.clearfix:after {
content: ".";
visibility: hidden;
display: block;
height: 0;
clear: both
}
.hide {
position: absolute;
top: -9999px;
left: -9999px;
overflow: hidden
}
.hidetext {
text-indent: 100%;
white-space: nowrap;
overflow: hidden
}
.cream {
color: #f1eee9 !important
}
.dark-brown {
color: #0f0b04 !important
}
.brown {
color: #3e3937 !important
}
.light-brown {
color: #a68676 !important
}
.dark-gray {
color: #3e3937 !important
}
.gray {
color: #7b7877 !important
}
.light-gray {
color: #b7b4b0 !important
}
.almost-black {
color: #1e1e22 !important
}
@font-face {
font-family: 'millerdisplay-italicregular';
src: url("https://www.couroazul.com/public/fonts/millerdisplay-italic-webfont.woff2") format("woff2"), url("https://www.couroazul.com/public/fonts/millerdisplay-italic-webfont.woff") format("woff"), url("https://www.couroazul.com/public/fonts/millerdisplay-italic-webfont.svg#millerdisplay-italicregular") format("svg");
font-weight: normal;
font-style: normal
}
@font-face {
font-family: 'millerdisplay-lightregular';
src: url("https://www.couroazul.com/public/fonts/millerdisplay-light-webfont.woff2") format("woff2"), url("https://www.couroazul.com/public/fonts/millerdisplay-light-webfont.woff") format("woff"), url("https://www.couroazul.com/public/fonts/millerdisplay-light-webfont.svg#millerdisplay-lightregular") format("svg");
font-weight: normal;
font-style: normal
}
@font-face {
font-family: 'millerdisplay-lightitalicRg';
src: url("https://www.couroazul.com/public/fonts/millerdisplay-lightitalic-webfont.woff2") format("woff2"), url("https://www.couroazul.com/public/fonts/millerdisplay-lightitalic-webfont.woff") format("woff"), url("https://www.couroazul.com/public/fonts/millerdisplay-lightitalic-webfont.svg#millerdisplay-lightitalicRg") format("svg");
font-weight: normal;
font-style: normal
}
@font-face {
font-family: 'millerdisplay-romanregular';
src: url("https://www.couroazul.com/public/fonts/millerdisplay-roman-webfont.woff2") format("woff2"), url("https://www.couroazul.com/public/fonts/millerdisplay-roman-webfont.woff") format("woff"), url("https://www.couroazul.com/public/fonts/millerdisplay-roman-webfont.svg#millerdisplay-romanregular") format("svg");
font-weight: normal;
font-style: normal
}
@font-face {
font-family: 'gillsans-lightregular';
src: url("https://www.couroazul.com/public/fonts/gillsans-light-webfont.woff2") format("woff2"), url("https://www.couroazul.com/public/fonts/gillsans-light-webfont.woff") format("woff"), url("https://www.couroazul.com/public/fonts/gillsans-light-webfont.svg#gillsans-lightregular") format("svg");
font-weight: normal;
font-style: normal
}
@font-face {
font-family: 'gillsans-mediumregular';
src: url("https://www.couroazul.com/public/fonts/gillsans-medium-webfont.woff2") format("woff2"), url("https://www.couroazul.com/public/fonts/gillsans-medium-webfont.woff") format("woff"), url("https://www.couroazul.com/public/fonts/gillsans-medium-webfont.svg#gillsans-mediumregular") format("svg");
font-weight: normal;
font-style: normal
}
@font-face {
font-family: 'gillsans-bookregular';
src: url("https://www.couroazul.com/public/fonts/gillsans-book-webfont.woff2") format("woff2"), url("https://www.couroazul.com/public/fonts/gillsans-book-webfont.woff") format("woff"), url("https://www.couroazul.com/public/fonts/gillsans-book-webfont.svg#gillsans-bookregular") format("svg");
font-weight: normal;
font-style: normal
}
@font-face {
font-family: 'gillsans-bold';
src: url("https://www.couroazul.com/public/fonts/gillsans-bold-webfont.woff2") format("woff2"), url("https://www.couroazul.com/public/fonts/gillsans-bold-webfont.woff") format("woff"), url("https://www.couroazul.com/public/fonts/gillsans-bold-webfont.svg#gillsans-bold") format("svg");
font-weight: normal;
font-style: normal
}
@font-face {
font-family: 'thisregular';
src: url("https://www.couroazul.com/public/fonts/this-regular-webfont.woff2") format("woff2"), url("https://www.couroazul.com/public/fonts/this-regular-webfont.woff") format("woff"), url("https://www.couroazul.com/public/fonts/this-regular-webfont.svg#thisregular") format("svg");
font-weight: normal;
font-style: normal
}
html,
body {
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
-moz-font-feature-settings: "smcp" 1, "onum" 1, "frac" 1, "kern" 1, "liga" 1, "dlig" 1, "swsh" 1;
-moz-font-feature-settings: "smcp=1, onum=1, frac=1, kern=1, liga=1, dlig=1, swsh=1";
-ms-font-feature-settings: "smcp" 1, "onum" 1, "frac" 1, "kern" 1, "liga" 1, "dlig" 1, "swsh" 1;
-o-font-feature-settings: "smcp" 1, "onum" 1, "frac" 1, "kern" 1, "liga" 1, "dlig" 1, "swsh" 1;
-webkit-font-feature-settings: "smcp" 1, "onum" 1, "frac" 1, "kern" 1, "liga" 1, "dlig" 1, "swsh" 1;
font-feature-settings: "smcp" 1, "onum" 1, "frac" 1, "kern" 1, "liga" 1, "dlig" 1, "swsh" 1;
font-feature-settings: normal
}
input,
textarea,
select,
button {
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
-moz-font-feature-settings: "smcp" 1, "onum" 1, "frac" 1, "kern" 1, "liga" 1, "dlig" 1, "swsh" 1;
-moz-font-feature-settings: "smcp=1, onum=1, frac=1, kern=1, liga=1, dlig=1, swsh=1";
-ms-font-feature-settings: "smcp" 1, "onum" 1, "frac" 1, "kern" 1, "liga" 1, "dlig" 1, "swsh" 1;
-o-font-feature-settings: "smcp" 1, "onum" 1, "frac" 1, "kern" 1, "liga" 1, "dlig" 1, "swsh" 1;
-webkit-font-feature-settings: "smcp" 1, "onum" 1, "frac" 1, "kern" 1, "liga" 1, "dlig" 1, "swsh" 1;
font-feature-settings: "smcp" 1, "onum" 1, "frac" 1, "kern" 1, "liga" 1, "dlig" 1, "swsh" 1
}
.text-subs,
.sub,
sub {
-moz-font-feature-settings: "subs" 1;
-moz-font-feature-settings: "subs=1";
-ms-font-feature-settings: "subs" 1;
-o-font-feature-settings: "subs" 1;
-webkit-font-feature-settings: "subs" 1;
font-feature-settings: "subs" 1
}
.text-sups,
.sup,
sup {
-moz-font-feature-settings: "sups" 1;
-moz-font-feature-settings: "sups=1";
-ms-font-feature-settings: "sups" 1;
-o-font-feature-settings: "sups" 1;
-webkit-font-feature-settings: "sups" 1;
font-feature-settings: "sups" 1
}
.sub,
sub,
.sup,
sup {
position: relative;
vertical-align: baseline;
font-size: 75%;
line-height: 0
}
.sup,
sup {
top: -0.5em
}
.sub,
sub {
bottom: -0.25em
}
strong,
.strong {
font-family: "#", Helvetica, Arial, sans-serif
}
h2 {
font-family: "millerdisplay-lightregular", Helvetica, Arial, sans-serif;
font-size: 48px;
line-height: 58px;
letter-spacing: 14px;
text-transform: uppercase;
color: #3e3937
}
h2 .char {
position: relative;
font-family: "millerdisplay-lightregular", Helvetica, Arial, sans-serif;
font-size: 48px;
line-height: 58px;
letter-spacing: 14px;
text-transform: uppercase;
color: inherit
}
h3 {
font-family: "gillsans-lightregular", Helvetica, Arial, sans-serif;
font-size: 30px;
line-height: 38px;
color: #a68676
}
h4 {
font-family: "millerdisplay-lightregular", Helvetica, Arial, sans-serif;
font-size: 15px;
letter-spacing: 4px;
line-height: 26px;
text-transform: uppercase;
color: #0f0b04
}
h6 {
font-family: "gillsans-mediumregular", Helvetica, Arial, sans-serif;
font-size: 11px;
letter-spacing: 1px;
line-height: 22px;
color: #a68676
}
p,
li,
span,
a {
font-family: "gillsans-bookregular", Helvetica, Arial, sans-serif;
font-size: 18px;
line-height: 29px;
letter-spacing: 0.25px;
color: #7b7877
}
@media only screen and (max-width: 1650px) {
.archive-markets h2 {
font-size: 38px;
line-height: 48px
}
.archive-markets h2 .char {
font-size: 38px;
line-height: 48px
}
}
@media only screen and (max-width: 1440px) {
.archive-markets h2 {
font-size: 31px;
line-height: 40px
}
.archive-markets h2 .char {
font-size: 31px;
line-height: 40px
}
}
@media only screen and (max-width: 1280px) {
h2 {
font-size: 36px;
line-height: 46px
}
h2 .char {
font-size: 36px;
line-height: 46px
}
}
@media only screen and (max-width: 1024px) {
h2 {
font-size: 36px;
line-height: 42px;
letter-spacing: 3px
}
h2 .char {
font-size: 36px;
line-height: 42px;
letter-spacing: 3px
}
p,
li {
font-size: 16px;
line-height: 27px
}
p span,
li span {
font-size: 16px;
line-height: 27px
}
.tablet h2 {
letter-spacing: 10px
}
.tablet h2 .char {
letter-spacing: 10px
}
}
@media only screen and (max-width: 414px) {
h2 {
font-size: 26px;
line-height: 31px;
letter-spacing: 8px
}
h2 .char {
font-size: 26px;
line-height: 31px;
letter-spacing: 8px
}
}
html {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
*,
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
html,
body {
width: 100%;
min-height: 100%;
height: auto;
font-family: '#', Helvetica, Arial, sans-serif;
color: #ffffff;
background-color: #000000;
-webkit-overflow-scrolling: touch;
overflow-scrolling: touch
}
html.fixed-all,
body.fixed-all,
html.modal-open,
body.modal-open,
html.open-nav,
body.open-nav {
overflow: hidden
}
body.js-byrefresh {
opacity: 0;
background-color: #ffffff
}
.no-js body.js-byrefresh {
opacity: 1
}
.scroll-content-wrapper {
position: relative
}
.scroll-content-wrapper.js-scroll {
width: 100vw;
height: 100vh
}
.scrollbar-track {
user-select: none
}
body.js-loading-page>* {
pointer-events: none !important
}
.page-main {
position: relative;
z-index: 100;
width: 100%;
transform-origin: top center;
-webkit-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;
overflow: hidden;
background-color: #f1eee9;
will-change: filter
}
.page-next,
.page-prev {
position: fixed;
top: 0;
left: 0;
width: 0;
height: 0;
min-height: 0;
-webkit-transform: translate3d(0%, 0, 0);
-ms-transform: translate3d(0%, 0, 0);
transform: translate3d(0%, 0, 0);
visibility: hidden;
opacity: 0
}
.js-loading-page .page-next,
.js-loading-page .page-prev {
width: 100%;
height: auto;
min-height: 100%;
visibility: visible
}
.preload,
.preload-hold {
position: absolute;
top: -9999px;
left: -9999px;
width: 1px;
height: 1px;
overflow: hidden;
visibility: hidden
}
#loading-page {
position: fixed;
z-index: 5000;
left: 0;
top: 0;
display: none;
width: 0;
height: 0
}
#loading-page.js-loading-page {
display: block;
width: 100%;
height: 100%;
background-color: #000000
}
img {
display: block;
max-width: 100%;
height: auto;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-user-drag: none;
-moz-user-drag: none
}
#modal-bg,
#modal-wrapper {
display: none;
width: 0;
height: 0
}
.modal-open #modal-bg {
position: fixed;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
z-index: 1030;
background-color: #281a13;
opacity: 0.8;
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0)
}
a {
text-decoration: none
}
a:hover,
a:focus {
text-decoration: none
}
a[href^="tel:"] {
cursor: default
}
::-moz-selection {
background: #3e3937;
color: #ffffff
}
::selection {
background: #3e3937;
color: #f1eee9
}
.block-bg-cover {
position: absolute;
left: 0;
top: 0;
z-index: 0;
width: 100%;
height: 100%;
overflow: hidden
}
.block-bg-cover .element-cover {
position: relative;
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: 50% 50%;
overflow: hidden
}
.firefox .block-bg-cover .element-cover {
max-width: none;
width: auto;
display:none;
}
input:focus,
textarea:focus,
button:focus {
outline: none
}
:invalid,
:-moz-ui-invalid {
box-shadow: none
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
margin: 0
}
#hello-world {
display: inline-block;
position: fixed;
top: 50%;
left: 50%;
transform: translate3d(-50%, -50%, 0)
}
#hello-world p {
font-size: 100px
}
.row {
max-width: 106.25rem;
margin-left: auto;
margin-right: auto;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap
}
.row .row {
margin-left: -0.625rem;
margin-right: -0.625rem
}
.row.expanded {
max-width: none
}
.row.collapse>.column,
.row.collapse>.columns {
padding-left: 0;
padding-right: 0
}
.row.is-collapse-child,
.row.collapse>.column>.row,
.row.collapse>.columns>.row {
margin-left: 0;
margin-right: 0
}
.column,
.columns {
-webkit-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px;
padding-left: 0.625rem;
padding-right: 0.625rem;
min-width: initial
}
.column.row.row,
.row.row.columns {
float: none;
display: block
}
.row .column.row.row,
.row .row.row.columns {
padding-left: 0;
padding-right: 0;
margin-left: 0;
margin-right: 0
}
.xxlarge-1 {
-webkit-flex: 0 0 6.25%;
-ms-flex: 0 0 6.25%;
flex: 0 0 6.25%;
max-width: 6.25%
}
.xxlarge-offset-0 {
margin-left: 0%
}
.xxlarge-2 {
-webkit-flex: 0 0 12.5%;
-ms-flex: 0 0 12.5%;
flex: 0 0 12.5%;
max-width: 12.5%
}
.xxlarge-offset-1 {
margin-left: 6.25%
}
.xxlarge-3 {
-webkit-flex: 0 0 18.75%;
-ms-flex: 0 0 18.75%;
flex: 0 0 18.75%;
max-width: 18.75%
}
.xxlarge-offset-2 {
margin-left: 12.5%
}
.xxlarge-4 {
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.xxlarge-offset-3 {
margin-left: 18.75%
}
.xxlarge-5 {
-webkit-flex: 0 0 31.25%;
-ms-flex: 0 0 31.25%;
flex: 0 0 31.25%;
max-width: 31.25%
}
.xxlarge-offset-4 {
margin-left: 25%
}
.xxlarge-6 {
-webkit-flex: 0 0 37.5%;
-ms-flex: 0 0 37.5%;
flex: 0 0 37.5%;
max-width: 37.5%
}
.xxlarge-offset-5 {
margin-left: 31.25%
}
.xxlarge-7 {
-webkit-flex: 0 0 43.75%;
-ms-flex: 0 0 43.75%;
flex: 0 0 43.75%;
max-width: 43.75%
}
.xxlarge-offset-6 {
margin-left: 37.5%
}
.xxlarge-8 {
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.xxlarge-offset-7 {
margin-left: 43.75%
}
.xxlarge-9 {
-webkit-flex: 0 0 56.25%;
-ms-flex: 0 0 56.25%;
flex: 0 0 56.25%;
max-width: 56.25%
}
.xxlarge-offset-8 {
margin-left: 50%
}
.xxlarge-10 {
-webkit-flex: 0 0 62.5%;
-ms-flex: 0 0 62.5%;
flex: 0 0 62.5%;
max-width: 62.5%
}
.xxlarge-offset-9 {
margin-left: 56.25%
}
.xxlarge-11 {
-webkit-flex: 0 0 68.75%;
-ms-flex: 0 0 68.75%;
flex: 0 0 68.75%;
max-width: 68.75%
}
.xxlarge-offset-10 {
margin-left: 62.5%
}
.xxlarge-12 {
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%
}
.xxlarge-offset-11 {
margin-left: 68.75%
}
.xxlarge-13 {
-webkit-flex: 0 0 81.25%;
-ms-flex: 0 0 81.25%;
flex: 0 0 81.25%;
max-width: 81.25%
}
.xxlarge-offset-12 {
margin-left: 75%
}
.xxlarge-14 {
-webkit-flex: 0 0 87.5%;
-ms-flex: 0 0 87.5%;
flex: 0 0 87.5%;
max-width: 87.5%
}
.xxlarge-offset-13 {
margin-left: 81.25%
}
.xxlarge-15 {
-webkit-flex: 0 0 93.75%;
-ms-flex: 0 0 93.75%;
flex: 0 0 93.75%;
max-width: 93.75%
}
.xxlarge-offset-14 {
margin-left: 87.5%
}
.xxlarge-16 {
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.xxlarge-offset-15 {
margin-left: 93.75%
}
.xxlarge-order-1 {
-webkit-order: 1;
-ms-flex-order: 1;
order: 1
}
.xxlarge-order-2 {
-webkit-order: 2;
-ms-flex-order: 2;
order: 2
}
.xxlarge-order-3 {
-webkit-order: 3;
-ms-flex-order: 3;
order: 3
}
.xxlarge-order-4 {
-webkit-order: 4;
-ms-flex-order: 4;
order: 4
}
.xxlarge-order-5 {
-webkit-order: 5;
-ms-flex-order: 5;
order: 5
}
.xxlarge-order-6 {
-webkit-order: 6;
-ms-flex-order: 6;
order: 6
}
.xxlarge-up-1 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.xxlarge-up-1>.column,
.xxlarge-up-1>.columns {
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.xxlarge-up-2 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.xxlarge-up-2>.column,
.xxlarge-up-2>.columns {
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.xxlarge-up-3 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.xxlarge-up-3>.column,
.xxlarge-up-3>.columns {
-webkit-flex: 0 0 33.33333%;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%
}
.xxlarge-up-4 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.xxlarge-up-4>.column,
.xxlarge-up-4>.columns {
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.xxlarge-up-5 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.xxlarge-up-5>.column,
.xxlarge-up-5>.columns {
-webkit-flex: 0 0 20%;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%
}
.xxlarge-up-6 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.xxlarge-up-6>.column,
.xxlarge-up-6>.columns {
-webkit-flex: 0 0 16.66667%;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%
}
.xxlarge-up-7 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.xxlarge-up-7>.column,
.xxlarge-up-7>.columns {
-webkit-flex: 0 0 14.28571%;
-ms-flex: 0 0 14.28571%;
flex: 0 0 14.28571%;
max-width: 14.28571%
}
.xxlarge-up-8 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.xxlarge-up-8>.column,
.xxlarge-up-8>.columns {
-webkit-flex: 0 0 12.5%;
-ms-flex: 0 0 12.5%;
flex: 0 0 12.5%;
max-width: 12.5%
}
.xxlarge-collapse>.column,
.xxlarge-collapse>.columns {
padding-left: 0;
padding-right: 0
}
.xxlarge-uncollapse>.column,
.xxlarge-uncollapse>.columns {
padding-left: 0.625rem;
padding-right: 0.625rem
}
@media screen and (max-width: 103.125em) {
.xlarge-1 {
-webkit-flex: 0 0 6.25%;
-ms-flex: 0 0 6.25%;
flex: 0 0 6.25%;
max-width: 6.25%
}
.xlarge-offset-0 {
margin-left: 0%
}
.xlarge-2 {
-webkit-flex: 0 0 12.5%;
-ms-flex: 0 0 12.5%;
flex: 0 0 12.5%;
max-width: 12.5%
}
.xlarge-offset-1 {
margin-left: 6.25%
}
.xlarge-3 {
-webkit-flex: 0 0 18.75%;
-ms-flex: 0 0 18.75%;
flex: 0 0 18.75%;
max-width: 18.75%
}
.xlarge-offset-2 {
margin-left: 12.5%
}
.xlarge-4 {
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.xlarge-offset-3 {
margin-left: 18.75%
}
.xlarge-5 {
-webkit-flex: 0 0 31.25%;
-ms-flex: 0 0 31.25%;
flex: 0 0 31.25%;
max-width: 31.25%
}
.xlarge-offset-4 {
margin-left: 25%
}
.xlarge-6 {
-webkit-flex: 0 0 37.5%;
-ms-flex: 0 0 37.5%;
flex: 0 0 37.5%;
max-width: 37.5%
}
.xlarge-offset-5 {
margin-left: 31.25%
}
.xlarge-7 {
-webkit-flex: 0 0 43.75%;
-ms-flex: 0 0 43.75%;
flex: 0 0 43.75%;
max-width: 43.75%
}
.xlarge-offset-6 {
margin-left: 37.5%
}
.xlarge-8 {
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.xlarge-offset-7 {
margin-left: 43.75%
}
.xlarge-9 {
-webkit-flex: 0 0 56.25%;
-ms-flex: 0 0 56.25%;
flex: 0 0 56.25%;
max-width: 56.25%
}
.xlarge-offset-8 {
margin-left: 50%
}
.xlarge-10 {
-webkit-flex: 0 0 62.5%;
-ms-flex: 0 0 62.5%;
flex: 0 0 62.5%;
max-width: 62.5%
}
.xlarge-offset-9 {
margin-left: 56.25%
}
.xlarge-11 {
-webkit-flex: 0 0 68.75%;
-ms-flex: 0 0 68.75%;
flex: 0 0 68.75%;
max-width: 68.75%
}
.xlarge-offset-10 {
margin-left: 62.5%
}
.xlarge-12 {
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%
}
.xlarge-offset-11 {
margin-left: 68.75%
}
.xlarge-13 {
-webkit-flex: 0 0 81.25%;
-ms-flex: 0 0 81.25%;
flex: 0 0 81.25%;
max-width: 81.25%
}
.xlarge-offset-12 {
margin-left: 75%
}
.xlarge-14 {
-webkit-flex: 0 0 87.5%;
-ms-flex: 0 0 87.5%;
flex: 0 0 87.5%;
max-width: 87.5%
}
.xlarge-offset-13 {
margin-left: 81.25%
}
.xlarge-15 {
-webkit-flex: 0 0 93.75%;
-ms-flex: 0 0 93.75%;
flex: 0 0 93.75%;
max-width: 93.75%
}
.xlarge-offset-14 {
margin-left: 87.5%
}
.xlarge-16 {
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.xlarge-offset-15 {
margin-left: 93.75%
}
.xlarge-order-1 {
-webkit-order: 1;
-ms-flex-order: 1;
order: 1
}
.xlarge-order-2 {
-webkit-order: 2;
-ms-flex-order: 2;
order: 2
}
.xlarge-order-3 {
-webkit-order: 3;
-ms-flex-order: 3;
order: 3
}
.xlarge-order-4 {
-webkit-order: 4;
-ms-flex-order: 4;
order: 4
}
.xlarge-order-5 {
-webkit-order: 5;
-ms-flex-order: 5;
order: 5
}
.xlarge-order-6 {
-webkit-order: 6;
-ms-flex-order: 6;
order: 6
}
.xlarge-up-1 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.xlarge-up-1>.column,
.xlarge-up-1>.columns {
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.xlarge-up-2 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.xlarge-up-2>.column,
.xlarge-up-2>.columns {
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.xlarge-up-3 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.xlarge-up-3>.column,
.xlarge-up-3>.columns {
-webkit-flex: 0 0 33.33333%;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%
}
.xlarge-up-4 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.xlarge-up-4>.column,
.xlarge-up-4>.columns {
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.xlarge-up-5 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.xlarge-up-5>.column,
.xlarge-up-5>.columns {
-webkit-flex: 0 0 20%;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%
}
.xlarge-up-6 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.xlarge-up-6>.column,
.xlarge-up-6>.columns {
-webkit-flex: 0 0 16.66667%;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%
}
.xlarge-up-7 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.xlarge-up-7>.column,
.xlarge-up-7>.columns {
-webkit-flex: 0 0 14.28571%;
-ms-flex: 0 0 14.28571%;
flex: 0 0 14.28571%;
max-width: 14.28571%
}
.xlarge-up-8 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.xlarge-up-8>.column,
.xlarge-up-8>.columns {
-webkit-flex: 0 0 12.5%;
-ms-flex: 0 0 12.5%;
flex: 0 0 12.5%;
max-width: 12.5%
}
}
@media screen and (max-width: 103.125em) and (max-width: 103.125em) {
.xlarge-expand {
-webkit-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px
}
}
.row.xlarge-unstack>.column,
.row.xlarge-unstack>.columns {
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%
}
@media screen and (max-width: 103.125em) {
.row.xlarge-unstack>.column,
.row.xlarge-unstack>.columns {
-webkit-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px
}
}
@media screen and (max-width: 103.125em) {
.xlarge-collapse>.column,
.xlarge-collapse>.columns {
padding-left: 0;
padding-right: 0
}
.xlarge-uncollapse>.column,
.xlarge-uncollapse>.columns {
padding-left: 0.625rem;
padding-right: 0.625rem
}
}
@media screen and (max-width: 90em) {
.large-1 {
-webkit-flex: 0 0 6.25%;
-ms-flex: 0 0 6.25%;
flex: 0 0 6.25%;
max-width: 6.25%
}
.large-offset-0 {
margin-left: 0%
}
.large-2 {
-webkit-flex: 0 0 12.5%;
-ms-flex: 0 0 12.5%;
flex: 0 0 12.5%;
max-width: 12.5%
}
.large-offset-1 {
margin-left: 6.25%
}
.large-3 {
-webkit-flex: 0 0 18.75%;
-ms-flex: 0 0 18.75%;
flex: 0 0 18.75%;
max-width: 18.75%
}
.large-offset-2 {
margin-left: 12.5%
}
.large-4 {
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.large-offset-3 {
margin-left: 18.75%
}
.large-5 {
-webkit-flex: 0 0 31.25%;
-ms-flex: 0 0 31.25%;
flex: 0 0 31.25%;
max-width: 31.25%
}
.large-offset-4 {
margin-left: 25%
}
.large-6 {
-webkit-flex: 0 0 37.5%;
-ms-flex: 0 0 37.5%;
flex: 0 0 37.5%;
max-width: 37.5%
}
.large-offset-5 {
margin-left: 31.25%
}
.large-7 {
-webkit-flex: 0 0 43.75%;
-ms-flex: 0 0 43.75%;
flex: 0 0 43.75%;
max-width: 43.75%
}
.large-offset-6 {
margin-left: 37.5%
}
.large-8 {
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.large-offset-7 {
margin-left: 43.75%
}
.large-9 {
-webkit-flex: 0 0 56.25%;
-ms-flex: 0 0 56.25%;
flex: 0 0 56.25%;
max-width: 56.25%
}
.large-offset-8 {
margin-left: 50%
}
.large-10 {
-webkit-flex: 0 0 62.5%;
-ms-flex: 0 0 62.5%;
flex: 0 0 62.5%;
max-width: 62.5%
}
.large-offset-9 {
margin-left: 56.25%
}
.large-11 {
-webkit-flex: 0 0 68.75%;
-ms-flex: 0 0 68.75%;
flex: 0 0 68.75%;
max-width: 68.75%
}
.large-offset-10 {
margin-left: 62.5%
}
.large-12 {
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%
}
.large-offset-11 {
margin-left: 68.75%
}
.large-13 {
-webkit-flex: 0 0 81.25%;
-ms-flex: 0 0 81.25%;
flex: 0 0 81.25%;
max-width: 81.25%
}
.large-offset-12 {
margin-left: 75%
}
.large-14 {
-webkit-flex: 0 0 87.5%;
-ms-flex: 0 0 87.5%;
flex: 0 0 87.5%;
max-width: 87.5%
}
.large-offset-13 {
margin-left: 81.25%
}
.large-15 {
-webkit-flex: 0 0 93.75%;
-ms-flex: 0 0 93.75%;
flex: 0 0 93.75%;
max-width: 93.75%
}
.large-offset-14 {
margin-left: 87.5%
}
.large-16 {
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.large-offset-15 {
margin-left: 93.75%
}
.large-order-1 {
-webkit-order: 1;
-ms-flex-order: 1;
order: 1
}
.large-order-2 {
-webkit-order: 2;
-ms-flex-order: 2;
order: 2
}
.large-order-3 {
-webkit-order: 3;
-ms-flex-order: 3;
order: 3
}
.large-order-4 {
-webkit-order: 4;
-ms-flex-order: 4;
order: 4
}
.large-order-5 {
-webkit-order: 5;
-ms-flex-order: 5;
order: 5
}
.large-order-6 {
-webkit-order: 6;
-ms-flex-order: 6;
order: 6
}
.large-up-1 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.large-up-1>.column,
.large-up-1>.columns {
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.large-up-2 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.large-up-2>.column,
.large-up-2>.columns {
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.large-up-3 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.large-up-3>.column,
.large-up-3>.columns {
-webkit-flex: 0 0 33.33333%;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%
}
.large-up-4 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.large-up-4>.column,
.large-up-4>.columns {
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.large-up-5 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.large-up-5>.column,
.large-up-5>.columns {
-webkit-flex: 0 0 20%;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%
}
.large-up-6 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.large-up-6>.column,
.large-up-6>.columns {
-webkit-flex: 0 0 16.66667%;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%
}
.large-up-7 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.large-up-7>.column,
.large-up-7>.columns {
-webkit-flex: 0 0 14.28571%;
-ms-flex: 0 0 14.28571%;
flex: 0 0 14.28571%;
max-width: 14.28571%
}
.large-up-8 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.large-up-8>.column,
.large-up-8>.columns {
-webkit-flex: 0 0 12.5%;
-ms-flex: 0 0 12.5%;
flex: 0 0 12.5%;
max-width: 12.5%
}
}
@media screen and (max-width: 90em) and (max-width: 90em) {
.large-expand {
-webkit-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px
}
}
.row.large-unstack>.column,
.row.large-unstack>.columns {
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%
}
@media screen and (max-width: 90em) {
.row.large-unstack>.column,
.row.large-unstack>.columns {
-webkit-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px
}
}
@media screen and (max-width: 90em) {
.large-collapse>.column,
.large-collapse>.columns {
padding-left: 0;
padding-right: 0
}
.large-uncollapse>.column,
.large-uncollapse>.columns {
padding-left: 0.625rem;
padding-right: 0.625rem
}
}
@media screen and (max-width: 64em) {
.medium-1 {
-webkit-flex: 0 0 6.25%;
-ms-flex: 0 0 6.25%;
flex: 0 0 6.25%;
max-width: 6.25%
}
.medium-offset-0 {
margin-left: 0%
}
.medium-2 {
-webkit-flex: 0 0 12.5%;
-ms-flex: 0 0 12.5%;
flex: 0 0 12.5%;
max-width: 12.5%
}
.medium-offset-1 {
margin-left: 6.25%
}
.medium-3 {
-webkit-flex: 0 0 18.75%;
-ms-flex: 0 0 18.75%;
flex: 0 0 18.75%;
max-width: 18.75%
}
.medium-offset-2 {
margin-left: 12.5%
}
.medium-4 {
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.medium-offset-3 {
margin-left: 18.75%
}
.medium-5 {
-webkit-flex: 0 0 31.25%;
-ms-flex: 0 0 31.25%;
flex: 0 0 31.25%;
max-width: 31.25%
}
.medium-offset-4 {
margin-left: 25%
}
.medium-6 {
-webkit-flex: 0 0 37.5%;
-ms-flex: 0 0 37.5%;
flex: 0 0 37.5%;
max-width: 37.5%
}
.medium-offset-5 {
margin-left: 31.25%
}
.medium-7 {
-webkit-flex: 0 0 43.75%;
-ms-flex: 0 0 43.75%;
flex: 0 0 43.75%;
max-width: 43.75%
}
.medium-offset-6 {
margin-left: 37.5%
}
.medium-8 {
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.medium-offset-7 {
margin-left: 43.75%
}
.medium-9 {
-webkit-flex: 0 0 56.25%;
-ms-flex: 0 0 56.25%;
flex: 0 0 56.25%;
max-width: 56.25%
}
.medium-offset-8 {
margin-left: 50%
}
.medium-10 {
-webkit-flex: 0 0 62.5%;
-ms-flex: 0 0 62.5%;
flex: 0 0 62.5%;
max-width: 62.5%
}
.medium-offset-9 {
margin-left: 56.25%
}
.medium-11 {
-webkit-flex: 0 0 68.75%;
-ms-flex: 0 0 68.75%;
flex: 0 0 68.75%;
max-width: 68.75%
}
.medium-offset-10 {
margin-left: 62.5%
}
.medium-12 {
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%
}
.medium-offset-11 {
margin-left: 68.75%
}
.medium-13 {
-webkit-flex: 0 0 81.25%;
-ms-flex: 0 0 81.25%;
flex: 0 0 81.25%;
max-width: 81.25%
}
.medium-offset-12 {
margin-left: 75%
}
.medium-14 {
-webkit-flex: 0 0 87.5%;
-ms-flex: 0 0 87.5%;
flex: 0 0 87.5%;
max-width: 87.5%
}
.medium-offset-13 {
margin-left: 81.25%
}
.medium-15 {
-webkit-flex: 0 0 93.75%;
-ms-flex: 0 0 93.75%;
flex: 0 0 93.75%;
max-width: 93.75%
}
.medium-offset-14 {
margin-left: 87.5%
}
.medium-16 {
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.medium-offset-15 {
margin-left: 93.75%
}
.medium-order-1 {
-webkit-order: 1;
-ms-flex-order: 1;
order: 1
}
.medium-order-2 {
-webkit-order: 2;
-ms-flex-order: 2;
order: 2
}
.medium-order-3 {
-webkit-order: 3;
-ms-flex-order: 3;
order: 3
}
.medium-order-4 {
-webkit-order: 4;
-ms-flex-order: 4;
order: 4
}
.medium-order-5 {
-webkit-order: 5;
-ms-flex-order: 5;
order: 5
}
.medium-order-6 {
-webkit-order: 6;
-ms-flex-order: 6;
order: 6
}
.medium-up-1 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.medium-up-1>.column,
.medium-up-1>.columns {
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.medium-up-2 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.medium-up-2>.column,
.medium-up-2>.columns {
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.medium-up-3 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.medium-up-3>.column,
.medium-up-3>.columns {
-webkit-flex: 0 0 33.33333%;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%
}
.medium-up-4 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.medium-up-4>.column,
.medium-up-4>.columns {
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.medium-up-5 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.medium-up-5>.column,
.medium-up-5>.columns {
-webkit-flex: 0 0 20%;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%
}
.medium-up-6 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.medium-up-6>.column,
.medium-up-6>.columns {
-webkit-flex: 0 0 16.66667%;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%
}
.medium-up-7 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.medium-up-7>.column,
.medium-up-7>.columns {
-webkit-flex: 0 0 14.28571%;
-ms-flex: 0 0 14.28571%;
flex: 0 0 14.28571%;
max-width: 14.28571%
}
.medium-up-8 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.medium-up-8>.column,
.medium-up-8>.columns {
-webkit-flex: 0 0 12.5%;
-ms-flex: 0 0 12.5%;
flex: 0 0 12.5%;
max-width: 12.5%
}
}
@media screen and (max-width: 64em) and (max-width: 64em) {
.medium-expand {
-webkit-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px
}
}
.row.medium-unstack>.column,
.row.medium-unstack>.columns {
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%
}
@media screen and (max-width: 64em) {
.row.medium-unstack>.column,
.row.medium-unstack>.columns {
-webkit-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px
}
}
@media screen and (max-width: 64em) {
.medium-collapse>.column,
.medium-collapse>.columns {
padding-left: 0;
padding-right: 0
}
.medium-uncollapse>.column,
.medium-uncollapse>.columns {
padding-left: 0.625rem;
padding-right: 0.625rem
}
}
@media screen and (max-width: 48em) {
.small-1 {
-webkit-flex: 0 0 6.25%;
-ms-flex: 0 0 6.25%;
flex: 0 0 6.25%;
max-width: 6.25%
}
.small-offset-0 {
margin-left: 0%
}
.small-2 {
-webkit-flex: 0 0 12.5%;
-ms-flex: 0 0 12.5%;
flex: 0 0 12.5%;
max-width: 12.5%
}
.small-offset-1 {
margin-left: 6.25%
}
.small-3 {
-webkit-flex: 0 0 18.75%;
-ms-flex: 0 0 18.75%;
flex: 0 0 18.75%;
max-width: 18.75%
}
.small-offset-2 {
margin-left: 12.5%
}
.small-4 {
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.small-offset-3 {
margin-left: 18.75%
}
.small-5 {
-webkit-flex: 0 0 31.25%;
-ms-flex: 0 0 31.25%;
flex: 0 0 31.25%;
max-width: 31.25%
}
.small-offset-4 {
margin-left: 25%
}
.small-6 {
-webkit-flex: 0 0 37.5%;
-ms-flex: 0 0 37.5%;
flex: 0 0 37.5%;
max-width: 37.5%
}
.small-offset-5 {
margin-left: 31.25%
}
.small-7 {
-webkit-flex: 0 0 43.75%;
-ms-flex: 0 0 43.75%;
flex: 0 0 43.75%;
max-width: 43.75%
}
.small-offset-6 {
margin-left: 37.5%
}
.small-8 {
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.small-offset-7 {
margin-left: 43.75%
}
.small-9 {
-webkit-flex: 0 0 56.25%;
-ms-flex: 0 0 56.25%;
flex: 0 0 56.25%;
max-width: 56.25%
}
.small-offset-8 {
margin-left: 50%
}
.small-10 {
-webkit-flex: 0 0 62.5%;
-ms-flex: 0 0 62.5%;
flex: 0 0 62.5%;
max-width: 62.5%
}
.small-offset-9 {
margin-left: 56.25%
}
.small-11 {
-webkit-flex: 0 0 68.75%;
-ms-flex: 0 0 68.75%;
flex: 0 0 68.75%;
max-width: 68.75%
}
.small-offset-10 {
margin-left: 62.5%
}
.small-12 {
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%
}
.small-offset-11 {
margin-left: 68.75%
}
.small-13 {
-webkit-flex: 0 0 81.25%;
-ms-flex: 0 0 81.25%;
flex: 0 0 81.25%;
max-width: 81.25%
}
.small-offset-12 {
margin-left: 75%
}
.small-14 {
-webkit-flex: 0 0 87.5%;
-ms-flex: 0 0 87.5%;
flex: 0 0 87.5%;
max-width: 87.5%
}
.small-offset-13 {
margin-left: 81.25%
}
.small-15 {
-webkit-flex: 0 0 93.75%;
-ms-flex: 0 0 93.75%;
flex: 0 0 93.75%;
max-width: 93.75%
}
.small-offset-14 {
margin-left: 87.5%
}
.small-16 {
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.small-offset-15 {
margin-left: 93.75%
}
.small-order-1 {
-webkit-order: 1;
-ms-flex-order: 1;
order: 1
}
.small-order-2 {
-webkit-order: 2;
-ms-flex-order: 2;
order: 2
}
.small-order-3 {
-webkit-order: 3;
-ms-flex-order: 3;
order: 3
}
.small-order-4 {
-webkit-order: 4;
-ms-flex-order: 4;
order: 4
}
.small-order-5 {
-webkit-order: 5;
-ms-flex-order: 5;
order: 5
}
.small-order-6 {
-webkit-order: 6;
-ms-flex-order: 6;
order: 6
}
.small-up-1 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.small-up-1>.column,
.small-up-1>.columns {
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.small-up-2 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.small-up-2>.column,
.small-up-2>.columns {
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.small-up-3 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.small-up-3>.column,
.small-up-3>.columns {
-webkit-flex: 0 0 33.33333%;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%
}
.small-up-4 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.small-up-4>.column,
.small-up-4>.columns {
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.small-up-5 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.small-up-5>.column,
.small-up-5>.columns {
-webkit-flex: 0 0 20%;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%
}
.small-up-6 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.small-up-6>.column,
.small-up-6>.columns {
-webkit-flex: 0 0 16.66667%;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%
}
.small-up-7 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.small-up-7>.column,
.small-up-7>.columns {
-webkit-flex: 0 0 14.28571%;
-ms-flex: 0 0 14.28571%;
flex: 0 0 14.28571%;
max-width: 14.28571%
}
.small-up-8 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.small-up-8>.column,
.small-up-8>.columns {
-webkit-flex: 0 0 12.5%;
-ms-flex: 0 0 12.5%;
flex: 0 0 12.5%;
max-width: 12.5%
}
}
@media screen and (max-width: 48em) and (max-width: 48em) {
.small-expand {
-webkit-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px
}
}
.row.small-unstack>.column,
.row.small-unstack>.columns {
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%
}
@media screen and (max-width: 48em) {
.row.small-unstack>.column,
.row.small-unstack>.columns {
-webkit-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px
}
}
@media screen and (max-width: 48em) {
.small-collapse>.column,
.small-collapse>.columns {
padding-left: 0;
padding-right: 0
}
.small-uncollapse>.column,
.small-uncollapse>.columns {
padding-left: 0.625rem;
padding-right: 0.625rem
}
}
@media screen and (max-width: 25.875em) {
.xsmall-1 {
-webkit-flex: 0 0 6.25%;
-ms-flex: 0 0 6.25%;
flex: 0 0 6.25%;
max-width: 6.25%
}
.xsmall-offset-0 {
margin-left: 0%
}
.xsmall-2 {
-webkit-flex: 0 0 12.5%;
-ms-flex: 0 0 12.5%;
flex: 0 0 12.5%;
max-width: 12.5%
}
.xsmall-offset-1 {
margin-left: 6.25%
}
.xsmall-3 {
-webkit-flex: 0 0 18.75%;
-ms-flex: 0 0 18.75%;
flex: 0 0 18.75%;
max-width: 18.75%
}
.xsmall-offset-2 {
margin-left: 12.5%
}
.xsmall-4 {
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.xsmall-offset-3 {
margin-left: 18.75%
}
.xsmall-5 {
-webkit-flex: 0 0 31.25%;
-ms-flex: 0 0 31.25%;
flex: 0 0 31.25%;
max-width: 31.25%
}
.xsmall-offset-4 {
margin-left: 25%
}
.xsmall-6 {
-webkit-flex: 0 0 37.5%;
-ms-flex: 0 0 37.5%;
flex: 0 0 37.5%;
max-width: 37.5%
}
.xsmall-offset-5 {
margin-left: 31.25%
}
.xsmall-7 {
-webkit-flex: 0 0 43.75%;
-ms-flex: 0 0 43.75%;
flex: 0 0 43.75%;
max-width: 43.75%
}
.xsmall-offset-6 {
margin-left: 37.5%
}
.xsmall-8 {
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.xsmall-offset-7 {
margin-left: 43.75%
}
.xsmall-9 {
-webkit-flex: 0 0 56.25%;
-ms-flex: 0 0 56.25%;
flex: 0 0 56.25%;
max-width: 56.25%
}
.xsmall-offset-8 {
margin-left: 50%
}
.xsmall-10 {
-webkit-flex: 0 0 62.5%;
-ms-flex: 0 0 62.5%;
flex: 0 0 62.5%;
max-width: 62.5%
}
.xsmall-offset-9 {
margin-left: 56.25%
}
.xsmall-11 {
-webkit-flex: 0 0 68.75%;
-ms-flex: 0 0 68.75%;
flex: 0 0 68.75%;
max-width: 68.75%
}
.xsmall-offset-10 {
margin-left: 62.5%
}
.xsmall-12 {
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%
}
.xsmall-offset-11 {
margin-left: 68.75%
}
.xsmall-13 {
-webkit-flex: 0 0 81.25%;
-ms-flex: 0 0 81.25%;
flex: 0 0 81.25%;
max-width: 81.25%
}
.xsmall-offset-12 {
margin-left: 75%
}
.xsmall-14 {
-webkit-flex: 0 0 87.5%;
-ms-flex: 0 0 87.5%;
flex: 0 0 87.5%;
max-width: 87.5%
}
.xsmall-offset-13 {
margin-left: 81.25%
}
.xsmall-15 {
-webkit-flex: 0 0 93.75%;
-ms-flex: 0 0 93.75%;
flex: 0 0 93.75%;
max-width: 93.75%
}
.xsmall-offset-14 {
margin-left: 87.5%
}
.xsmall-16 {
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.xsmall-offset-15 {
margin-left: 93.75%
}
.xsmall-order-1 {
-webkit-order: 1;
-ms-flex-order: 1;
order: 1
}
.xsmall-order-2 {
-webkit-order: 2;
-ms-flex-order: 2;
order: 2
}
.xsmall-order-3 {
-webkit-order: 3;
-ms-flex-order: 3;
order: 3
}
.xsmall-order-4 {
-webkit-order: 4;
-ms-flex-order: 4;
order: 4
}
.xsmall-order-5 {
-webkit-order: 5;
-ms-flex-order: 5;
order: 5
}
.xsmall-order-6 {
-webkit-order: 6;
-ms-flex-order: 6;
order: 6
}
.xsmall-up-1 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.xsmall-up-1>.column,
.xsmall-up-1>.columns {
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.xsmall-up-2 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.xsmall-up-2>.column,
.xsmall-up-2>.columns {
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.xsmall-up-3 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.xsmall-up-3>.column,
.xsmall-up-3>.columns {
-webkit-flex: 0 0 33.33333%;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%
}
.xsmall-up-4 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.xsmall-up-4>.column,
.xsmall-up-4>.columns {
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.xsmall-up-5 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.xsmall-up-5>.column,
.xsmall-up-5>.columns {
-webkit-flex: 0 0 20%;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%
}
.xsmall-up-6 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.xsmall-up-6>.column,
.xsmall-up-6>.columns {
-webkit-flex: 0 0 16.66667%;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%
}
.xsmall-up-7 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.xsmall-up-7>.column,
.xsmall-up-7>.columns {
-webkit-flex: 0 0 14.28571%;
-ms-flex: 0 0 14.28571%;
flex: 0 0 14.28571%;
max-width: 14.28571%
}
.xsmall-up-8 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.xsmall-up-8>.column,
.xsmall-up-8>.columns {
-webkit-flex: 0 0 12.5%;
-ms-flex: 0 0 12.5%;
flex: 0 0 12.5%;
max-width: 12.5%
}
}
@media screen and (max-width: 25.875em) and (max-width: 25.875em) {
.xsmall-expand {
-webkit-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px
}
}
.row.xsmall-unstack>.column,
.row.xsmall-unstack>.columns {
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%
}
@media screen and (max-width: 25.875em) {
.row.xsmall-unstack>.column,
.row.xsmall-unstack>.columns {
-webkit-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px
}
}
@media screen and (max-width: 25.875em) {
.xsmall-collapse>.column,
.xsmall-collapse>.columns {
padding-left: 0;
padding-right: 0
}
.xsmall-uncollapse>.column,
.xsmall-uncollapse>.columns {
padding-left: 0.625rem;
padding-right: 0.625rem
}
}
@media screen and (max-width: 20em) {
.xxsmall-1 {
-webkit-flex: 0 0 6.25%;
-ms-flex: 0 0 6.25%;
flex: 0 0 6.25%;
max-width: 6.25%
}
.xxsmall-offset-0 {
margin-left: 0%
}
.xxsmall-2 {
-webkit-flex: 0 0 12.5%;
-ms-flex: 0 0 12.5%;
flex: 0 0 12.5%;
max-width: 12.5%
}
.xxsmall-offset-1 {
margin-left: 6.25%
}
.xxsmall-3 {
-webkit-flex: 0 0 18.75%;
-ms-flex: 0 0 18.75%;
flex: 0 0 18.75%;
max-width: 18.75%
}
.xxsmall-offset-2 {
margin-left: 12.5%
}
.xxsmall-4 {
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.xxsmall-offset-3 {
margin-left: 18.75%
}
.xxsmall-5 {
-webkit-flex: 0 0 31.25%;
-ms-flex: 0 0 31.25%;
flex: 0 0 31.25%;
max-width: 31.25%
}
.xxsmall-offset-4 {
margin-left: 25%
}
.xxsmall-6 {
-webkit-flex: 0 0 37.5%;
-ms-flex: 0 0 37.5%;
flex: 0 0 37.5%;
max-width: 37.5%
}
.xxsmall-offset-5 {
margin-left: 31.25%
}
.xxsmall-7 {
-webkit-flex: 0 0 43.75%;
-ms-flex: 0 0 43.75%;
flex: 0 0 43.75%;
max-width: 43.75%
}
.xxsmall-offset-6 {
margin-left: 37.5%
}
.xxsmall-8 {
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.xxsmall-offset-7 {
margin-left: 43.75%
}
.xxsmall-9 {
-webkit-flex: 0 0 56.25%;
-ms-flex: 0 0 56.25%;
flex: 0 0 56.25%;
max-width: 56.25%
}
.xxsmall-offset-8 {
margin-left: 50%
}
.xxsmall-10 {
-webkit-flex: 0 0 62.5%;
-ms-flex: 0 0 62.5%;
flex: 0 0 62.5%;
max-width: 62.5%
}
.xxsmall-offset-9 {
margin-left: 56.25%
}
.xxsmall-11 {
-webkit-flex: 0 0 68.75%;
-ms-flex: 0 0 68.75%;
flex: 0 0 68.75%;
max-width: 68.75%
}
.xxsmall-offset-10 {
margin-left: 62.5%
}
.xxsmall-12 {
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%
}
.xxsmall-offset-11 {
margin-left: 68.75%
}
.xxsmall-13 {
-webkit-flex: 0 0 81.25%;
-ms-flex: 0 0 81.25%;
flex: 0 0 81.25%;
max-width: 81.25%
}
.xxsmall-offset-12 {
margin-left: 75%
}
.xxsmall-14 {
-webkit-flex: 0 0 87.5%;
-ms-flex: 0 0 87.5%;
flex: 0 0 87.5%;
max-width: 87.5%
}
.xxsmall-offset-13 {
margin-left: 81.25%
}
.xxsmall-15 {
-webkit-flex: 0 0 93.75%;
-ms-flex: 0 0 93.75%;
flex: 0 0 93.75%;
max-width: 93.75%
}
.xxsmall-offset-14 {
margin-left: 87.5%
}
.xxsmall-16 {
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.xxsmall-offset-15 {
margin-left: 93.75%
}
.xxsmall-order-1 {
-webkit-order: 1;
-ms-flex-order: 1;
order: 1
}
.xxsmall-order-2 {
-webkit-order: 2;
-ms-flex-order: 2;
order: 2
}
.xxsmall-order-3 {
-webkit-order: 3;
-ms-flex-order: 3;
order: 3
}
.xxsmall-order-4 {
-webkit-order: 4;
-ms-flex-order: 4;
order: 4
}
.xxsmall-order-5 {
-webkit-order: 5;
-ms-flex-order: 5;
order: 5
}
.xxsmall-order-6 {
-webkit-order: 6;
-ms-flex-order: 6;
order: 6
}
.xxsmall-up-1 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.xxsmall-up-1>.column,
.xxsmall-up-1>.columns {
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.xxsmall-up-2 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.xxsmall-up-2>.column,
.xxsmall-up-2>.columns {
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.xxsmall-up-3 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.xxsmall-up-3>.column,
.xxsmall-up-3>.columns {
-webkit-flex: 0 0 33.33333%;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%
}
.xxsmall-up-4 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.xxsmall-up-4>.column,
.xxsmall-up-4>.columns {
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.xxsmall-up-5 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.xxsmall-up-5>.column,
.xxsmall-up-5>.columns {
-webkit-flex: 0 0 20%;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%
}
.xxsmall-up-6 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.xxsmall-up-6>.column,
.xxsmall-up-6>.columns {
-webkit-flex: 0 0 16.66667%;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%
}
.xxsmall-up-7 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.xxsmall-up-7>.column,
.xxsmall-up-7>.columns {
-webkit-flex: 0 0 14.28571%;
-ms-flex: 0 0 14.28571%;
flex: 0 0 14.28571%;
max-width: 14.28571%
}
.xxsmall-up-8 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.xxsmall-up-8>.column,
.xxsmall-up-8>.columns {
-webkit-flex: 0 0 12.5%;
-ms-flex: 0 0 12.5%;
flex: 0 0 12.5%;
max-width: 12.5%
}
}
@media screen and (max-width: 20em) and (max-width: 20em) {
.xxsmall-expand {
-webkit-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px
}
}
.row.xxsmall-unstack>.column,
.row.xxsmall-unstack>.columns {
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%
}
@media screen and (max-width: 20em) {
.row.xxsmall-unstack>.column,
.row.xxsmall-unstack>.columns {
-webkit-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px
}
}
@media screen and (max-width: 20em) {
.xxsmall-collapse>.column,
.xxsmall-collapse>.columns {
padding-left: 0;
padding-right: 0
}
.xxsmall-uncollapse>.column,
.xxsmall-uncollapse>.columns {
padding-left: 0.625rem;
padding-right: 0.625rem
}
}
.shrink {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
max-width: 100%
}
.column.align-top,
.align-top.columns {
-webkit-align-self: flex-start;
-ms-flex-item-align: start;
align-self: flex-start
}
.column.align-bottom,
.align-bottom.columns {
-webkit-align-self: flex-end;
-ms-flex-item-align: end;
align-self: flex-end
}
.column.align-middle,
.align-middle.columns {
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center
}
.column.align-stretch,
.align-stretch.columns {
-webkit-align-self: stretch;
-ms-flex-item-align: stretch;
align-self: stretch
}
.align-right {
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end
}
.align-center {
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}
.align-justify {
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between
}
.align-spaced {
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around
}
.align-top {
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start
}
.align-self-top {
-webkit-align-self: flex-start;
-ms-flex-item-align: start;
align-self: flex-start
}
.align-bottom {
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end
}
.align-self-bottom {
-webkit-align-self: flex-end;
-ms-flex-item-align: end;
align-self: flex-end
}
.align-middle {
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
.align-self-middle {
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center
}
.align-stretch {
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch
}
.align-self-stretch {
-webkit-align-self: stretch;
-ms-flex-item-align: stretch;
align-self: stretch
}
.tippy-notransition {
transition: none !important
}
.tippy-touch {
cursor: pointer !important
}
.tippy-popper {
position: relative;
max-width: 400px;
perspective: 800px;
z-index: 9999
}
.tippy-popper.html-template {
max-width: 96%;
max-width: calc(100% - 20px)
}
.tippy-popper[x-placement=top] [x-arrow] {
position: absolute;
width: 0;
height: 0;
border-top: 7px solid #333;
border-right: 7px solid transparent;
border-left: 7px solid transparent;
bottom: -7px
}
.tippy-popper[x-placement=top] [x-arrow].arrow-small {
border-top: 5px solid #333;
border-right: 5px solid transparent;
border-left: 5px solid transparent;
bottom: -5px
}
.tippy-popper[x-placement=top] [x-arrow].arrow-big {
border-top: 9px solid #333;
border-right: 9px solid transparent;
border-left: 9px solid transparent;
bottom: -9px
}
.tippy-popper[x-placement=top] [x-circle] {
transform-origin: 0% 50%
}
.tippy-popper[x-placement=top] [x-circle].enter {
opacity: 1;
transform: scale(1) translate(-50%, -50%)
}
.tippy-popper[x-placement=top] [x-circle].leave {
opacity: 0;
transform: scale(0.33) translate(-50%, -50%)
}
.tippy-popper[x-placement=top] .tippy-tooltip.light-theme [x-circle] {
background-color: white
}
.tippy-popper[x-placement=top] .tippy-tooltip.light-theme [x-arrow] {
border-top: 7px solid white;
border-right: 7px solid transparent;
border-left: 7px solid transparent;
bottom: -7px
}
.tippy-popper[x-placement=top] .tippy-tooltip.light-theme [x-arrow].arrow-small {
border-top: 5px solid white;
border-right: 5px solid transparent;
border-left: 5px solid transparent;
bottom: -5px
}
.tippy-popper[x-placement=top] .tippy-tooltip.light-theme [x-arrow].arrow-big {
border-top: 9px solid white;
border-right: 9px solid transparent;
border-left: 9px solid transparent;
bottom: -9px
}
.tippy-popper[x-placement=top] .tippy-tooltip.couro-theme [x-circle] {
background-color: #52443a;
border-radius: 0
}
.tippy-popper[x-placement=top] .tippy-tooltip.couro-theme [x-arrow] {
border-top: 7px solid #52443a;
border-right: 7px solid transparent;
border-left: 7px solid transparent;
bottom: -7px
}
.tippy-popper[x-placement=top] .tippy-tooltip.couro-theme [x-arrow].arrow-small {
border-top: 5px solid #52443a;
border-right: 5px solid transparent;
border-left: 5px solid transparent;
bottom: -5px
}
.tippy-popper[x-placement=top] .tippy-tooltip.couro-theme [x-arrow].arrow-big {
border-top: 9px solid #52443a;
border-right: 9px solid transparent;
border-left: 9px solid transparent;
bottom: -9px
}
.tippy-popper[x-placement=top] .tippy-tooltip.transparent-theme [x-circle] {
background-color: rgba(0, 0, 0, 0.8)
}
.tippy-popper[x-placement=top] .tippy-tooltip.transparent-theme [x-arrow] {
border-top: 7px solid rgba(0, 0, 0, 0.8);
border-right: 7px solid transparent;
border-left: 7px solid transparent;
bottom: -7px
}
.tippy-popper[x-placement=top] .tippy-tooltip.transparent-theme [x-arrow].arrow-small {
border-top: 5px solid rgba(0, 0, 0, 0.8);
border-right: 5px solid transparent;
border-left: 5px solid transparent;
bottom: -5px
}
.tippy-popper[x-placement=top] .tippy-tooltip.transparent-theme [x-arrow].arrow-big {
border-top: 9px solid rgba(0, 0, 0, 0.8);
border-right: 9px solid transparent;
border-left: 9px solid transparent;
bottom: -9px
}
.tippy-popper[x-placement=top] [data-animation=perspective] {
transform-origin: bottom
}
.tippy-popper[x-placement=top] [data-animation=perspective].enter {
opacity: 1;
transform: translateY(-10px) rotateX(0)
}
.tippy-popper[x-placement=top] [data-animation=perspective].leave {
opacity: 0;
transform: translateY(0) rotateX(90deg)
}
.tippy-popper[x-placement=top] [data-animation=fade].enter {
opacity: 1;
transform: translateY(-10px)
}
.tippy-popper[x-placement=top] [data-animation=fade].leave {
opacity: 0;
transform: translateY(-10px)
}
.tippy-popper[x-placement=top] [data-animation=shift].enter {
opacity: 1;
transform: translateY(-10px)
}
.tippy-popper[x-placement=top] [data-animation=shift].leave {
opacity: 0;
transform: translateY(0)
}
.tippy-popper[x-placement=top] [data-animation=scale].enter {
opacity: 1;
transform: translateY(-10px) scale(1)
}
.tippy-popper[x-placement=top] [data-animation=scale].leave {
opacity: 0;
transform: translateY(0) scale(0)
}
.tippy-popper[x-placement=bottom] [x-arrow] {
position: absolute;
width: 0;
height: 0;
border-bottom: 7px solid #333;
border-right: 7px solid transparent;
border-left: 7px solid transparent;
top: -7px
}
.tippy-popper[x-placement=bottom] [x-arrow].arrow-small {
border-bottom: 5px solid #333;
border-right: 5px solid transparent;
border-left: 5px solid transparent;
top: -5px
}
.tippy-popper[x-placement=bottom] [x-arrow].arrow-big {
border-bottom: 9px solid #333;
border-right: 9px solid transparent;
border-left: 9px solid transparent;
top: -9px
}
.tippy-popper[x-placement=bottom] [x-circle] {
transform-origin: 0% -50%
}
.tippy-popper[x-placement=bottom] [x-circle].enter {
opacity: 1;
transform: scale(1) translate(-50%, -50%)
}
.tippy-popper[x-placement=bottom] [x-circle].leave {
opacity: 0;
transform: scale(0.33) translate(-50%, 0%)
}
.tippy-popper[x-placement=bottom] .tippy-tooltip.light-theme [x-circle] {
background-color: white
}
.tippy-popper[x-placement=bottom] .tippy-tooltip.light-theme [x-arrow] {
border-bottom: 7px solid white;
border-right: 7px solid transparent;
border-left: 7px solid transparent;
top: -7px
}
.tippy-popper[x-placement=bottom] .tippy-tooltip.light-theme [x-arrow].arrow-small {
border-bottom: 5px solid white;
border-right: 5px solid transparent;
border-left: 5px solid transparent;
top: -5px
}
.tippy-popper[x-placement=bottom] .tippy-tooltip.light-theme [x-arrow].arrow-big {
border-bottom: 9px solid white;
border-right: 9px solid transparent;
border-left: 9px solid transparent;
top: -9px
}
.tippy-popper[x-placement=bottom] .tippy-tooltip.couro-theme [x-circle] {
background-color: #52443a;
border-radius: 0
}
.tippy-popper[x-placement=bottom] .tippy-tooltip.couro-theme [x-arrow] {
border-bottom: 7px solid #52443a;
border-right: 7px solid transparent;
border-left: 7px solid transparent;
top: -7px
}
.tippy-popper[x-placement=bottom] .tippy-tooltip.couro-theme [x-arrow].arrow-small {
border-bottom: 5px solid #52443a;
border-right: 5px solid transparent;
border-left: 5px solid transparent;
top: -5px
}
.tippy-popper[x-placement=bottom] .tippy-tooltip.couro-theme [x-arrow].arrow-big {
border-bottom: 9px solid #52443a;
border-right: 9px solid transparent;
border-left: 9px solid transparent;
top: -9px
}
.tippy-popper[x-placement=bottom] .tippy-tooltip.transparent-theme [x-circle] {
background-color: rgba(0, 0, 0, 0.8)
}
.tippy-popper[x-placement=bottom] .tippy-tooltip.transparent-theme [x-arrow] {
border-bottom: 7px solid rgba(0, 0, 0, 0.8);
border-right: 7px solid transparent;
border-left: 7px solid transparent;
top: -7px
}
.tippy-popper[x-placement=bottom] .tippy-tooltip.transparent-theme [x-arrow].arrow-small {
border-bottom: 5px solid rgba(0, 0, 0, 0.8);
border-right: 5px solid transparent;
border-left: 5px solid transparent;
top: -5px
}
.tippy-popper[x-placement=bottom] .tippy-tooltip.transparent-theme [x-arrow].arrow-big {
border-bottom: 9px solid rgba(0, 0, 0, 0.8);
border-right: 9px solid transparent;
border-left: 9px solid transparent;
top: -9px
}
.tippy-popper[x-placement=bottom] [data-animation=perspective] {
transform-origin: top
}
.tippy-popper[x-placement=bottom] [data-animation=perspective].enter {
opacity: 1;
transform: translateY(10px) rotateX(0)
}
.tippy-popper[x-placement=bottom] [data-animation=perspective].leave {
opacity: 0;
transform: translateY(0) rotateX(-90deg)
}
.tippy-popper[x-placement=bottom] [data-animation=fade].enter {
opacity: 1;
transform: translateY(10px)
}
.tippy-popper[x-placement=bottom] [data-animation=fade].leave {
opacity: 0;
transform: translateY(10px)
}
.tippy-popper[x-placement=bottom] [data-animation=shift].enter {
opacity: 1;
transform: translateY(10px)
}
.tippy-popper[x-placement=bottom] [data-animation=shift].leave {
opacity: 0;
transform: translateY(0)
}
.tippy-popper[x-placement=bottom] [data-animation=scale].enter {
opacity: 1;
transform: translateY(10px) scale(1)
}
.tippy-popper[x-placement=bottom] [data-animation=scale].leave {
opacity: 0;
transform: translateY(0) scale(0)
}
.tippy-popper[x-placement=left] [x-arrow] {
position: absolute;
width: 0;
height: 0;
border-left: 7px solid #333;
border-top: 7px solid transparent;
border-bottom: 7px solid transparent;
right: -7px;
top: 50%
}
.tippy-popper[x-placement=left] [x-arrow].arrow-small {
border-left: 5px solid #333;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
right: -5px;
top: 50%
}
.tippy-popper[x-placement=left] [x-arrow].arrow-big {
border-left: 9px solid #333;
border-top: 9px solid transparent;
border-bottom: 9px solid transparent;
right: -9px;
top: 50%
}
.tippy-popper[x-placement=left] [x-circle] {
transform-origin: 50% 5%
}
.tippy-popper[x-placement=left] [x-circle].enter {
opacity: 1;
transform: scale(1) translate(-50%, -50%)
}
.tippy-popper[x-placement=left] [x-circle].leave {
opacity: 0;
transform: scale(0.33) translate(-50%, -33%)
}
.tippy-popper[x-placement=left] .tippy-tooltip.light-theme [x-circle] {
background-color: white
}
.tippy-popper[x-placement=left] .tippy-tooltip.light-theme [x-arrow] {
border-left: 7px solid white;
border-top: 7px solid transparent;
border-bottom: 7px solid transparent;
right: -7px;
top: 50%
}
.tippy-popper[x-placement=left] .tippy-tooltip.light-theme [x-arrow].arrow-small {
border-left: 5px solid white;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
right: -5px;
top: 50%
}
.tippy-popper[x-placement=left] .tippy-tooltip.light-theme [x-arrow].arrow-big {
border-left: 9px solid white;
border-top: 9px solid transparent;
border-bottom: 9px solid transparent;
right: -9px;
top: 50%
}
.tippy-popper[x-placement=left] .tippy-tooltip.couro-theme [x-circle] {
background-color: #52443a;
border-radius: 0
}
.tippy-popper[x-placement=left] .tippy-tooltip.couro-theme [x-arrow] {
border-left: 7px solid #52443a;
border-top: 7px solid transparent;
border-bottom: 7px solid transparent;
right: -7px;
top: 50%
}
.tippy-popper[x-placement=left] .tippy-tooltip.couro-theme [x-arrow].arrow-small {
border-left: 5px solid #52443a;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
right: -5px;
top: 50%
}
.tippy-popper[x-placement=left] .tippy-tooltip.couro-theme [x-arrow].arrow-big {
border-left: 9px solid #52443a;
border-top: 9px solid transparent;
border-bottom: 9px solid transparent;
right: -9px;
top: 50%
}
.tippy-popper[x-placement=left] .tippy-tooltip.transparent-theme [x-circle] {
background-color: rgba(0, 0, 0, 0.8)
}
.tippy-popper[x-placement=left] .tippy-tooltip.transparent-theme [x-arrow] {
border-left: 7px solid rgba(0, 0, 0, 0.8);
border-top: 7px solid transparent;
border-bottom: 7px solid transparent;
right: -7px;
top: 50%
}
.tippy-popper[x-placement=left] .tippy-tooltip.transparent-theme [x-arrow].arrow-small {
border-left: 5px solid rgba(0, 0, 0, 0.8);
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
right: -5px;
top: 50%
}
.tippy-popper[x-placement=left] .tippy-tooltip.transparent-theme [x-arrow].arrow-big {
border-left: 9px solid rgba(0, 0, 0, 0.8);
border-top: 9px solid transparent;
border-bottom: 9px solid transparent;
right: -9px;
top: 50%
}
.tippy-popper[x-placement=left] [data-animation=perspective] {
transform-origin: right
}
.tippy-popper[x-placement=left] [data-animation=perspective].enter {
opacity: 1;
transform: translateX(-10px) rotateY(0)
}
.tippy-popper[x-placement=left] [data-animation=perspective].leave {
opacity: 0;
transform: translateX(0) rotateY(-90deg)
}
.tippy-popper[x-placement=left] [data-animation=fade].enter {
opacity: 1;
transform: translateX(-10px)
}
.tippy-popper[x-placement=left] [data-animation=fade].leave {
opacity: 0;
transform: translateX(-10px)
}
.tippy-popper[x-placement=left] [data-animation=shift].enter {
opacity: 1;
transform: translateX(-10px)
}
.tippy-popper[x-placement=left] [data-animation=shift].leave {
opacity: 0;
transform: translateX(0)
}
.tippy-popper[x-placement=left] [data-animation=scale].enter {
opacity: 1;
transform: translateX(-10px) scale(1)
}
.tippy-popper[x-placement=left] [data-animation=scale].leave {
opacity: 0;
transform: translateX(0) scale(0)
}
.tippy-popper[x-placement=right] [x-arrow] {
position: absolute;
width: 0;
height: 0;
border-right: 7px solid #333;
border-top: 7px solid transparent;
border-bottom: 7px solid transparent;
left: -7px;
top: 50%
}
.tippy-popper[x-placement=right] [x-arrow].arrow-small {
border-right: 5px solid #333;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
left: -5px;
top: 50%
}
.tippy-popper[x-placement=right] [x-arrow].arrow-big {
border-right: 9px solid #333;
border-top: 9px solid transparent;
border-bottom: 9px solid transparent;
left: -9px;
top: 50%
}
.tippy-popper[x-placement=right] [x-circle] {
transform-origin: -50% 5%
}
.tippy-popper[x-placement=right] [x-circle].enter {
opacity: 1;
transform: scale(1) translate(-50%, -50%)
}
.tippy-popper[x-placement=right] [x-circle].leave {
opacity: 0;
transform: scale(0.33) translate(-50%, -33%)
}
.tippy-popper[x-placement=right] .tippy-tooltip.light-theme [x-circle] {
background-color: white
}
.tippy-popper[x-placement=right] .tippy-tooltip.light-theme [x-arrow] {
border-right: 7px solid white;
border-top: 7px solid transparent;
border-bottom: 7px solid transparent;
left: -7px;
top: 50%
}
.tippy-popper[x-placement=right] .tippy-tooltip.light-theme [x-arrow].arrow-small {
border-right: 5px solid white;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
left: -5px;
top: 50%
}
.tippy-popper[x-placement=right] .tippy-tooltip.light-theme [x-arrow].arrow-big {
border-right: 9px solid white;
border-top: 9px solid transparent;
border-bottom: 9px solid transparent;
left: -9px;
top: 50%
}
.tippy-popper[x-placement=right] .tippy-tooltip.couro-theme [x-circle] {
background-color: #52443a;
border-radius: 0
}
.tippy-popper[x-placement=right] .tippy-tooltip.couro-theme [x-arrow] {
border-right: 7px solid #52443a;
border-top: 7px solid transparent;
border-bottom: 7px solid transparent;
left: -7px;
top: 50%
}
.tippy-popper[x-placement=right] .tippy-tooltip.couro-theme [x-arrow].arrow-small {
border-right: 5px solid #52443a;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
left: -5px;
top: 50%
}
.tippy-popper[x-placement=right] .tippy-tooltip.couro-theme [x-arrow].arrow-big {
border-right: 9px solid #52443a;
border-top: 9px solid transparent;
border-bottom: 9px solid transparent;
left: -9px;
top: 50%
}
.tippy-popper[x-placement=right] .tippy-tooltip.transparent-theme [x-circle] {
background-color: rgba(0, 0, 0, 0.8)
}
.tippy-popper[x-placement=right] .tippy-tooltip.transparent-theme [x-arrow] {
border-right: 7px solid rgba(0, 0, 0, 0.8);
border-top: 7px solid transparent;
border-bottom: 7px solid transparent;
left: -7px;
top: 50%
}
.tippy-popper[x-placement=right] .tippy-tooltip.transparent-theme [x-arrow].arrow-small {
border-right: 5px solid rgba(0, 0, 0, 0.8);
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
left: -5px;
top: 50%
}
.tippy-popper[x-placement=right] .tippy-tooltip.transparent-theme [x-arrow].arrow-big {
border-right: 9px solid rgba(0, 0, 0, 0.8);
border-top: 9px solid transparent;
border-bottom: 9px solid transparent;
left: -9px;
top: 50%
}
.tippy-popper[x-placement=right] [data-animation=perspective] {
transform-origin: left
}
.tippy-popper[x-placement=right] [data-animation=perspective].enter {
opacity: 1;
transform: translateX(10px) rotateY(0)
}
.tippy-popper[x-placement=right] [data-animation=perspective].leave {
opacity: 0;
transform: translateX(0) rotateY(90deg)
}
.tippy-popper[x-placement=right] [data-animation=fade].enter {
opacity: 1;
transform: translateX(10px)
}
.tippy-popper[x-placement=right] [data-animation=fade].leave {
opacity: 0;
transform: translateX(10px)
}
.tippy-popper[x-placement=right] [data-animation=shift].enter {
opacity: 1;
transform: translateX(10px)
}
.tippy-popper[x-placement=right] [data-animation=shift].leave {
opacity: 0;
transform: translateX(0)
}
.tippy-popper[x-placement=right] [data-animation=scale].enter {
opacity: 1;
transform: translateX(10px) scale(1)
}
.tippy-popper[x-placement=right] [data-animation=scale].leave {
opacity: 0;
transform: translateX(0) scale(0)
}
.tippy-popper [x-circle] {
background-color: white
}
.tippy-popper[data-animatefill] {
background-color: transparent
}
.tippy-popper [x-arrow] {
position: absolute;
width: 0;
height: 0
}
.tippy-popper .tippy-tooltip.transparent-theme {
background-color: rgba(0, 0, 0, 0.8)
}
.tippy-popper .tippy-tooltip.transparent-theme[data-animatefill] {
background-color: transparent
}
.tippy-popper .tippy-tooltip.light-theme {
color: #203d5d;
box-shadow: 0 4px 20px 4px rgba(0, 20, 60, 0.1), 0 4px 80px -8px rgba(0, 20, 60, 0.2);
background-color: white
}
.tippy-popper .tippy-tooltip.light-theme[data-animatefill] {
background-color: transparent
}
.tippy-popper .tippy-tooltip.couro-theme {
color: #fff;
background-color: #52443a;
padding: 13px 31px;
font-family: 'gillsans-mediumregular';
font-size: 13px;
letter-spacing: 2px;
line-height: 18px;
text-transform: uppercase;
border-radius: 3px
}
.tippy-tooltip {
position: relative;
color: white;
border-radius: 4px;
font-size: 0.95rem;
padding: 0.4rem 0.8rem;
text-align: center;
will-change: transform;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
background-color: #333
}
.tippy-tooltip--small {
padding: 0.25rem 0.5rem;
font-size: 0.8rem
}
.tippy-tooltip--big {
padding: 0.6rem 1.2rem;
font-size: 1.2rem
}
.tippy-tooltip[data-animatefill] {
overflow: hidden;
background-color: transparent
}
.tippy-tooltip[data-inertia] {
-webkit-transition-timing-function: cubic-bezier(0.53, 1, 0.36, 0.85);
transition-timing-function: cubic-bezier(0.53, 2, 0.36, 0.85)
}
.tippy-tooltip [x-circle] {
position: absolute;
will-change: transform;
background-color: #333;
border-radius: 50%;
width: 120%;
width: calc(100% + 2rem);
left: 50%;
transition: all ease-out;
z-index: -1;
opacity: 0;
overflow: hidden
}
.tippy-tooltip [x-circle]::before {
content: '';
padding-top: 100%;
padding-top: calc(75% + 2rem);
float: left
}
@media (max-width: 500px) {
.tippy-popper {
max-width: 96%;
max-width: calc(100% - 20px)
}
}
body {
background-color: #f1eee9
}
body .scroll-content {
will-change: filter;
-webkit-transition: filter 0.5s cubic-bezier(0.19, 1, 0.22, 1);
transition: filter 0.5s cubic-bezier(0.19, 1, 0.22, 1)
}
body [data-scrollbar] .scrollbar-thumb,
body [scrollbar] .scrollbar-thumb,
body scrollbar .scrollbar-thumb {
width: 6px;
background: rgba(159, 128, 112, 0.7);
border-radius: 3px
}
body [data-scrollbar] .scrollbar-track,
body [scrollbar] .scrollbar-track,
body scrollbar .scrollbar-track {
z-index: 102
}
body.en-lang .contacts-page .page-content #map-container .offset-text {
max-width: 460px
}
body.pt-lang .home-page .page-content .introduction h2.offset-text {
margin-top: -50px
}
body.pt-lang .home-page .page-content .principles .text-wrapper h2 {
max-width: 400px
}
body.pt-lang .process-list-wrapper .outline-svg-text svg {
transform: scale(0.88);
-webkit-transform: scale(0.88);
transform-origin: top left;
-webkit-transform-origin: top left
}
body.pt-lang .legacy-page .page-content .founder .text-wrapper h3:after {
right: calc(-200% + 20px)
}
body.pt-lang .passion-for-leather-page .page-content .process .process-list-wrapper h2 .title-wrapper-inner {
width: 410px
}
body.pt-lang .passion-for-leather-page .page-content .process .process-list-wrapper:nth-child(1) h2 .title-wrapper-inner,
body.pt-lang .passion-for-leather-page .page-content .process .process-list-wrapper:nth-child(2) h2 .title-wrapper-inner,
body.pt-lang .passion-for-leather-page .page-content .process .process-list-wrapper:nth-child(4) h2 .title-wrapper-inner {
top: 0
}
body.pt-lang.archive-markets .market-block-container .market-block-text-container .market-block .market[data-id=automotive] p {
max-width: 380px
}
.ie h2 {
font-size: 38px;
line-height: 48px
}
.ie h2 .char {
font-size: 38px;
line-height: 48px
}
.ie .about-page .page-content .efficiency .factory-wrapper {
display: none
}
.ie .page-footer .call-to-action-projects {
width: 100%
}
.ie .contacts-page .page-header .page-title h2 span {
letter-spacing: -4px
}
.ie .about-page .ecologic {
margin-bottom: 850px
}
.ie .about-page .ecologic .testemonial {
position: absolute;
top: 300px;
right: 100px;
width: 25%
}
.ie .about-page .ecologic .text.padd-max {
position: absolute;
top: 350px;
left: calc(12.5% + 0.635rem);
width: 40%
}
.ie .about-page .page-content .factory-mobile-container {
position: relative;
height: 600px;
margin-top: -200px;
display: block
}
.ie .about-page .page-content .factory-mobile-container .factory-shadow-mobile,
.ie .about-page .page-content .factory-mobile-container .factory-mobile {
width: 85vw
}
.ie .about-page .general-terms {
position: relative;
bottom: -200px
}
.ie .about-page .page-footer {
margin-top: 350px
}
.ie .page-header .page-title h2 span {
text-transform: lowercase;
letter-spacing: 6px
}
.ie .page-header .page-title h2 span:first-of-type {
text-transform: uppercase
}
.ie .legacy-page .vertical-caption {
width: 100%
}
.ie .archive-markets-page .page-header .market-block .market p:not(.link) {
width: 100%;
position: absolute;
left: 0
}
.ie .archive-markets-page .page-header .market-block .market .link {
bottom: -150px
}
.ie #header-main,
.edge #header-main {
position: fixed
}
.ie #header-main .main-logo,
.edge #header-main .main-logo {
position: fixed
}
.ie #header-main #nav-main,
.edge #header-main #nav-main {
position: fixed;
width: 100vw
}
.ie #about-letters,
.edge #about-letters {
position: absolute
}
.ie .header-caption,
.edge .header-caption {
top: 93vh;
right: 80px
}
.ie .page-header .page-title,
.edge .page-header .page-title {
top: 50%
}
.ie .testemonial-text.white-bg,
.edge .testemonial-text.white-bg {
background: #ffffff
}
.ie .offset-text span:not(.line):not(.char):after,
.edge .offset-text span:not(.line):not(.char):after {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
.ie .archive-markets-page .page-header .video-container video,
.edge .archive-markets-page .page-header .video-container video {
min-width: 100%;
min-height: 100%;
max-width: none;
width: 100%;
height: auto
}
.ie .single-markets-page.automotive-page .page-content .page-footer video,
.ie .single-markets-page.aircraft-page .page-content .page-footer video,
.ie .single-markets-page.railway-page .page-content .page-footer video,
.edge .single-markets-page.automotive-page .page-content .page-footer video,
.edge .single-markets-page.aircraft-page .page-content .page-footer video,
.edge .single-markets-page.railway-page .page-content .page-footer video {
min-width: 100%;
min-height: 100%;
max-width: none;
width: 100%;
height: auto
}
.ie .single-markets-page .page-header .page-title h2,
.edge .single-markets-page .page-header .page-title h2 {
font-size: 65px
}
.ie .single-markets-page .page-header .page-title h2 span,
.edge .single-markets-page .page-header .page-title h2 span {
font-size: 65px
}
.ie .page-header .video-image-wrapper video,
.ie .page-header .video-image-wrapper img,
.edge .page-header .video-image-wrapper video,
.edge .page-header .video-image-wrapper img {
position: absolute;
left: 0 !important;
min-width: 100%;
min-height: 100%;
max-width: none;
width: 100%;
height: auto
}
.ie .page-header .video-image-wrapper .expand-video-wrapper .expand-video svg .rect,
.edge .page-header .video-image-wrapper .expand-video-wrapper .expand-video svg .rect {
display: none
}
.ie .page-footer.type-3 .call-to-action h2 span:not(.char):after,
.edge .page-footer.type-3 .call-to-action h2 span:not(.char):after {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
.ie .about-page .page-content .founder .text-wrapper h3:before,
.ie .about-page .page-content .founder .text-wrapper h3:after,
.edge .about-page .page-content .founder .text-wrapper h3:before,
.edge .about-page .page-content .founder .text-wrapper h3:after {
transform: scaleX(1);
-webkit-transform: scaleX(1)
}
.ie .about-page .page-content .founder .text-wrapper h3:before,
.edge .about-page .page-content .founder .text-wrapper h3:before {
right: -185%
}
.ie .about-page .page-content .founder .text-wrapper h3:after,
.edge .about-page .page-content .founder .text-wrapper h3:after {
left: -185%
}
.ie .home-page .outline-svg-text svg,
.edge .home-page .outline-svg-text svg {
transform: scale(0.8);
-webkit-transform: scale(0.8);
transform-origin: top left;
-webkit-transform-origin: top left
}
.ie .home-page .page-header .slugline h2,
.edge .home-page .page-header .slugline h2 {
opacity: 1
}
.ie .home-page .page-header .slugline .small-caps,
.edge .home-page .page-header .slugline .small-caps {
opacity: 1;
transform: translateY(0);
-webkit-transform: translateY(0)
}
.ie .home-page .page-content .markets .bg-markets .element-cover,
.edge .home-page .page-content .markets .bg-markets .element-cover {
position: absolute;
left: 0 !important;
min-width: 100% !important;
min-height: 100% !important;
max-width: none;
width: 100% !important;
height: auto !important
}
.ie #header-main .main-logo:hover .triangle,
.edge #header-main .main-logo:hover .triangle {
opacity: 0
}
.ie #header-main .main-logo:hover #established,
.edge #header-main .main-logo:hover #established {
opacity: 1
}
.ie #header-main .main-logo .triangle,
.edge #header-main .main-logo .triangle {
opacity: 1
}
.ie #header-main .main-logo #established,
.edge #header-main .main-logo #established {
opacity: 0;
transform: scale(0.45);
-webkit-transform: scale(0.45)
}
.firefox .contacts-page .page-content .page-footer .block-bg-cover picture img {
width: 100vw
}
.firefox .contacts-page .page-content #map-container #map-wrapper #map-pointers circle {
transform: scale(1) translate3D(0, 0, 0);
-webkit-transform: scale(1) translate3D(0, 0, 0);
-ms-transform: scale(1) translate3D(0, 0, 0)
}
.firefox .legacy-page .full-image-container picture img {
width: 100vw
}
.firefox .home-page .principles .image-wrapper .block-bg-cover picture img {
right: 400px
}
.safari #header-main #nav-main ul:not(.language) li:hover a {
color: #a68676
}
.safari #header-main #nav-main ul:not(.language) li a:before {
display: none
}
.soundwave-btn,
.mute-btn {
position: fixed;
top: calc(100vh - 75px);
right: 20px;
width: 70px;
height: 70px;
padding: 0;
border: none;
z-index: 9999
}
.mute-btn {
left: 25px;
bottom: 37px
}
.mute-btn .sound-feedback {
right: -20px
}
.soundwave {
position: relative;
top: 0;
width: 70px;
height: 70px;
pointer-events: all;
z-index: 100000;
cursor: pointer;
opacity: 0;
visibility: hidden
}
.soundwave#soundwave-off,
.soundwave#mute-off {
display: none
}
.soundwave:hover~.sound-feedback {
opacity: 1;
transform: translateY(0)
}
.sound-feedback {
position: absolute;
bottom: 28px;
right: 75px;
overflow: hidden;
width: 30px;
height: 20px;
transform: translateY(5px);
-webkit-transform: translateY(5px);
transition: opacity 1s cubic-bezier(0.19, 1, 0.22, 1), transform 1s cubic-bezier(0.19, 1, 0.22, 1);
-webkit-transition: opacity 1s cubic-bezier(0.19, 1, 0.22, 1), transform 1s cubic-bezier(0.19, 1, 0.22, 1);
opacity: 0
}
.sound-feedback span {
position: absolute;
top: 0;
right: 0;
font-family: 'gillsans-bold';
font-size: 9px;
letter-spacing: 1px;
text-transform: uppercase;
color: #a68676
}
.sound-feedback span:last-of-type {
transform: translateY(40px);
-webkit-transform: translateY(40px)
}
.scroll-word {
position: absolute;
bottom: 6vh;
margin-left: -28px;
opacity: 0;
visibility: hidden;
font-family: 'gillsans-mediumregular';
font-size: 11px;
color: #a68676;
text-transform: uppercase;
letter-spacing: 4px
}
.tippy-tooltip[data-template-id="#my-template-0"],
.tippy-tooltip[data-template-id="#my-template-1"],
.tippy-tooltip[data-template-id="#my-template-2"],
.tippy-tooltip[data-template-id="#my-template-3"],
.tippy-tooltip[data-template-id="#my-template-4"],
.tippy-tooltip[data-template-id="#my-template-5"],
.tippy-tooltip[data-template-id="#my-template-6"],
.tippy-tooltip[data-template-id="#my-template-7"],
.tippy-tooltip[data-template-id="#my-template-8"],
.tippy-tooltip[data-template-id="#my-template-9"],
.tippy-tooltip[data-template-id="#my-template-10"],
.tippy-tooltip[data-template-id="#my-template-11"],
.tippy-tooltip[data-template-id="#my-template-12"],
.tippy-tooltip[data-template-id="#my-template-13"] {
width: 500px;
height: 250px;
overflow: hidden
}
.odometer.odometer-auto-theme,
.odometer.odometer-theme-default {
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline;
position: relative
}
.odometer.odometer-auto-theme .odometer-digit,
.odometer.odometer-theme-default .odometer-digit {
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline;
position: relative
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer,
.odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer {
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline;
visibility: hidden
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner,
.odometer.odometer-theme-default .odometer-digit .odometer-digit-inner {
text-align: left;
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow: hidden
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon,
.odometer.odometer-theme-default .odometer-digit .odometer-ribbon {
display: block
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner,
.odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner {
display: block;
-webkit-backface-visibility: hidden
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value,
.odometer.odometer-theme-default .odometer-digit .odometer-value {
display: block;
-webkit-transform: translateZ(0)
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value,
.odometer.odometer-theme-default .odometer-digit .odometer-value.odometer-last-value {
position: absolute
}
.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner,
.odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner {
-webkit-transition: -webkit-transform 2s;
-moz-transition: -moz-transform 2s;
-ms-transition: -ms-transform 2s;
-o-transition: -o-transform 2s;
transition: transform 2s
}
.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner,
.odometer.odometer-theme-default.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%)
}
.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner,
.odometer.odometer-theme-default.odometer-animating-down .odometer-ribbon-inner {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%)
}
.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner,
.odometer.odometer-theme-default.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
-webkit-transition: -webkit-transform 2s;
-moz-transition: -moz-transform 2s;
-ms-transition: -ms-transform 2s;
-o-transition: -o-transform 2s;
transition: transform 2s;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
.odometer.odometer-auto-theme .odometer-value,
.odometer.odometer-theme-default .odometer-value {
text-align: center
}
.general-terms {
margin-bottom: 130px;
margin-top: 200px
}
.general-terms .terms-link {
margin-bottom: 50px
}
.pos-rel {
position: relative
}
.grain-container,
.grain-container-full {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 1;
pointer-events: none;
z-index: 1000
}
.ie .grain-container-full,
.edge .grain-container-full {
position: fixed
}
#about-letters {
position: absolute;
top: 15px;
right: 0;
z-index: 1000000000000000;
width: 60%;
height: 100vh;
display: block;
overflow: hidden;
transform: scale(1.15) translate3d(0, 0, 0);
-webkit-transform: scale(1.15) translate3d(0, 0, 0);
text-align: center;
opacity: 1
}
.scroll-line {
height: 65px;
width: 1px;
background: #a68676;
position: absolute;
bottom: 10vh;
display: block;
overflow: hidden;
transform: scaleY(0);
-webkit-transform: scaleY(0);
-ms-transform: scaleY(0)
}
.scroll-line:after {
content: '';
width: inherit;
height: 50%;
background: #fff;
position: absolute;
transform: translateY(0%) scaleY(0);
left: 0;
z-index: 10;
display: block
}
.scroll-line.init:after {
-webkit-animation: mymove 1.5s infinite linear;
animation: mymove 1.5s infinite linear;
-webkit-transform-origin: top center;
transform-origin: top center
}
@-webkit-keyframes mymove {
0% {
-webkit-transform: translateY(0%) scaleY(0)
}
10% {
-webkit-transform: translateY(0%) scaleY(0.5)
}
30% {
-webkit-transform: translateY(50%) scaleY(1)
}
45% {
-webkit-transform: translateY(200%) scaleY(0.5)
}
55% {
-webkit-transform: translateY(200%) scaleY(0)
}
100% {
-webkit-transform: translateY(200%) scaleY(0)
}
}
@keyframes mymove {
0% {
-webkit-transform: translateY(0%) scaleY(0)
}
10% {
-webkit-transform: translateY(0%) scaleY(0.5)
}
30% {
-webkit-transform: translateY(50%) scaleY(1)
}
45% {
-webkit-transform: translateY(200%) scaleY(0.5)
}
55% {
-webkit-transform: translateY(200%) scaleY(0)
}
100% {
-webkit-transform: translateY(200%) scaleY(0)
}
}
.vertical-caption {
font-family: "millerdisplay-lightregular", Helvetica, Arial, sans-serif;
font-size: 9px;
line-height: 12px;
letter-spacing: 3px;
text-transform: uppercase;
color: rgba(241, 238, 233, 0.5);
position: absolute;
display: inline-block;
bottom: 35px;
right: 200px
}
.vertical-caption:before {
content: '';
width: 1px;
height: 65px;
background-color: rgba(241, 238, 233, 0.3);
position: absolute;
top: 0;
right: -25px
}
.vertical-caption:after {
content: '';
position: absolute;
width: 10px;
height: 10px;
top: -10px;
right: -29px;
border-radius: 10px;
border: 1px solid rgba(241, 238, 233, 0.3)
}
.scroll-indicator-container {
position: fixed;
left: 5px;
top: 0;
z-index: 105;
width: 100px;
height: 100vh
}
.scroll-indicator-container .scroll-indicator-wrapper {
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%)
}
.scroll-indicator-container .scroll-indicator-wrapper .title {
position: absolute;
top: 32px;
left: 50%;
transform: translateX(-50%) rotate(-90deg);
-webkit-transform: translateX(-50%) rotate(-90deg);
-ms-transform: translateX(-50%) rotate(-90deg);
transform-origin: center center;
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
text-align: right;
white-space: nowrap
}
.scroll-indicator-container .scroll-indicator-wrapper .title h3 {
font-family: 'millerdisplay-lightitalicRg';
font-size: 14px;
color: #a68676;
letter-spacing: 0.7px
}
.scroll-indicator-container .scroll-indicator-wrapper .scroll-indicator-inner {
position: absolute;
bottom: 0;
width: 1px;
margin: 0 auto;
background: rgba(166, 134, 118, 0.3);
overflow: hidden
}
.scroll-indicator-container .scroll-indicator-wrapper .scroll-indicator-inner .scroll-indicator {
position: absolute;
top: 0;
left: 0;
z-index: 2;
width: 100%;
height: 0;
background: #a68676
}
#header-main {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 102;
opacity: 0;
visibility: hidden;
will-change: transform
}
#header-main:after {
content: '';
width: 100%;
height: 100px;
position: absolute;
top: 0;
left: 0;
background-color: rgba(249, 249, 246, 0.98);
display: block;
z-index: -1;
will-change: transform;
transition: 1.5s transform cubic-bezier(0.19, 1, 0.22, 1);
-webkit-transition: 1.5s transform cubic-bezier(0.19, 1, 0.22, 1);
transition-delay: 0.4s;
-webkit-transition-delay: 0.4s;
transform: translateY(-110%);
-webkit-transform: translateY(-110%);
-webkit-box-shadow: 0px 2px 8px 0px rgba(101, 86, 60, 0.1);
-moz-box-shadow: 0px 2px 8px 0px rgba(101, 86, 60, 0.1);
box-shadow: 0px 2px 8px 0px rgba(101, 86, 60, 0.1)
}
#header-main.scroll-up:after {
transform: translateY(0);
-webkit-transform: translateY(0)
}
#header-main.light-background #nav-main .main-navigation li a,
#header-main.light-background #nav-main .nav-right li a {
/*color: rgba(183, 180, 176, 0.9)*/
color: #fff;
}
.main-navigation a, .nav-right a{
color: #fff !important
}
#header-main.light-background #nav-main .main-navigation li.active a,
#header-main.light-background #nav-main .main-navigation li.highlighted a,
#header-main.light-background #nav-main .nav-right li.active a,
#header-main.light-background #nav-main .nav-right li.highlighted a {
color: #a68676
}
#header-main .main-logo {
position: absolute;
z-index: 3;
width: 76px;
height: 76px;
top: 20px;
left: 20px;
will-change: transform;
transform-origin: center center;
-webkit-transform-origin: center center
}
#header-main .main-logo.active svg path {
fill: #b7b4b0
}
#header-main .main-logo:hover .letters {
opacity: 0.5
}
#header-main .main-logo:hover .triangle {
opacity: 1
}
#header-main .main-logo:hover #established {
transform: scale(0);
-webkit-transform: scale(0)
}
#header-main .main-logo .letters {
transition: 0.6s opacity cubic-bezier(0.19, 1, 0.22, 1);
-webkit-transition: 0.6s opacity cubic-bezier(0.19, 1, 0.22, 1);
transform-origin: center center;
-webkit-transform-origin: center center;
will-change: transform
}
#header-main .main-logo .letters.loading {
-webkit-animation-name: rotation;
-moz-animation-name: rotation;
-ms-animation-name: rotation;
-o-animation-name: rotation;
animation-name: rotation;
-webkit-animation-duration: 1600ms;
-moz-animation-duration: 1600ms;
-ms-animation-duration: 1600ms;
-o-animation-duration: 1600ms;
-webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
-moz-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
-ms-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
-o-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
-webkit-animation-play-state: running;
-moz-animation-play-state: running;
-ms-animation-play-state: running;
-o-animation-play-state: running;
animation-play-state: running;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
-ms-animation-iteration-count: infinite;
-o-animation-iteration-count: infinite;
animation-iteration-count: infinite
}
#header-main .main-logo .triangle {
position: absolute;
top: -1px;
left: 1px;
transition: 0.6s opacity cubic-bezier(0.19, 1, 0.22, 1);
-webkit-transition: 0.6s opacity cubic-bezier(0.19, 1, 0.22, 1);
transform-origin: center center;
-webkit-transform-origin: center center;
transform: scale(0.35);
-webkit-transform: scale(0.35);
opacity: .4
}
#header-main .main-logo #established {
position: absolute;
top: 0;
left: 0;
transform: scale(0.5);
-webkit-transform: scale(0.5);
transition: 0.6s transform cubic-bezier(0.19, 1, 0.22, 1);
-webkit-transition: 0.6s transform cubic-bezier(0.19, 1, 0.22, 1);
transform-origin: center center;
-webkit-transform-origin: center center
}
#header-main .main-logo svg {
position: relative;
width: 76px;
height: 76px;
overflow: visible
}
#header-main .main-logo svg path {
fill: #b7b4b0;
-webkit-transition: fill 0.25s cubic-bezier(1, 0, 0, 1);
transition: fill 0.25s cubic-bezier(1, 0, 0, 1)
}
#header-main .main-logo.active svg path {
fill: #b7b4b0
}
#header-main #nav-main {
position: sticky;
will-change: transform
}
#header-main #nav-main ul:not(.language) li a {
position: relative;
padding-bottom: 10px;
transition: none;
-webkit-transition: none
}
#header-main #nav-main ul:not(.language) li a:after {
content: '';
position: absolute;
bottom: 0;
left: 0;
transform: scaleX(0);
-webkit-transform: scaleX(0);
transition: 0.6s transform cubic-bezier(0.19, 1, 0.22, 1);
-webkit-transition: 0.6s transform cubic-bezier(0.19, 1, 0.22, 1);
transform-origin: center right;
-webkit-transform-origin: center right;
width: 100%;
height: 1px;
background-color: #a68676
}
#header-main #nav-main ul:not(.language) li a:before {
content: attr(data-title);
position: absolute;
top: 0;
left: 0;
color: #a68676;
z-index: 1;
line-height: 13px;
transition: 0.6s clip-path cubic-bezier(0.19, 1, 0.22, 1);
-webkit-transition: 0.6s clip-path cubic-bezier(0.19, 1, 0.22, 1);
webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
opacity: 0
}
#header-main #nav-main ul:not(.language) li a.in:before {
opacity: 1
}
#header-main #nav-main ul:not(.language) li a.color-in {
color: #a68676
}
#header-main #nav-main ul:not(.language) li a.out:before {
webkit-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%)
}
#header-main #nav-main ul:not(.language) li:hover a:after {
transform: scaleX(1);
-webkit-transform: scaleX(1);
transform-origin: center left;
-webkit-transform-origin: center left
}
#header-main #nav-main .main-navigation,
#header-main #nav-main-mobile .main-navigation {
position: relative;
margin-top: 40px
}
#header-main #nav-main .main-navigation li,
#header-main #nav-main-mobile .main-navigation li {
display: inline-block;
margin: 0 10px
}
#header-main #nav-main .main-navigation li:nth-child(1),
#header-main #nav-main-mobile .main-navigation li:nth-child(1) {
margin-left: 0
}
#header-main #nav-main .main-navigation li.active a,
#header-main #nav-main .main-navigation li.highlighted a,
#header-main #nav-main-mobile .main-navigation li.active a,
#header-main #nav-main-mobile .main-navigation li.highlighted a {
color: #ffffff
}
#header-main #nav-main .main-navigation li a,
#header-main #nav-main-mobile .main-navigation li a {
font-family: "gillsans-mediumregular", Helvetica, Arial, sans-serif;
font-size: 11px;
letter-spacing: 1px;
text-transform: uppercase;
color: rgba(255, 255, 255, 0.5);
-webkit-transition: color 1s cubic-bezier(1, 0, 0, 1);
transition: color 1s cubic-bezier(1, 0, 0, 1)
}
#header-main #nav-main .language,
#header-main #nav-main-mobile .language {
position: absolute;
top: 36px;
right: 30px
}
#header-main #nav-main .language li,
#header-main #nav-main-mobile .language li {
display: inline-block;
font-size: 11px;
text-align: center
}
#header-main #nav-main .language li:nth-child(n+2),
#header-main #nav-main-mobile .language li:nth-child(n+2) {
margin-left: -5.5px
}
#header-main #nav-main .language li:nth-child(n+2) a,
#header-main #nav-main-mobile .language li:nth-child(n+2) a {
border-left-color: transparent
}
#header-main #nav-main .language li a,
#header-main #nav-main-mobile .language li a {
position: relative;
display: block;
margin: 0;
padding: 0px;
width: 41px;
height: 39px;
border: 1px solid #a68676;
font-family: "gillsans-mediumregular", Helvetica, Arial, sans-serif;
font-size: 11px;
line-height: 39px;
letter-spacing: 1px;
text-transform: uppercase;
color: #a68676
}
#header-main #nav-main .language li a.active,
#header-main #nav-main-mobile .language li a.active {
border: 1px solid #a68676;
background-color: #a68676;
color: #ffffff
}
#header-main #nav-main .language li a:after,
#header-main #nav-main-mobile .language li a:after {
content: '';
position: absolute;
bottom: 0;
left: 0;
z-index: -1;
width: 100%;
height: 100%;
transform: scaleY(0);
-webkit-transform: scaleY(0);
transition: 0.6s transform cubic-bezier(0.19, 1, 0.22, 1);
-webkit-transition: 0.6s transform cubic-bezier(0.19, 1, 0.22, 1);
transform-origin: top left;
-webkit-transform-origin: top left;
background-color: #ffffff
}
#header-main #nav-main .language li a:not(.active):hover,
#header-main #nav-main-mobile .language li a:not(.active):hover {
color: #a68676
}
#header-main #nav-main .language li a:not(.active):hover:after,
#header-main #nav-main-mobile .language li a:not(.active):hover:after {
transform: scaleY(1);
-webkit-transform: scaleY(1);
transform-origin: bottom left;
-webkit-transform-origin: bottom left
}
#header-main #nav-main .nav-right {
position: absolute;
top: 40px;
right: 150px
}
#header-main #nav-main .nav-right li {
display: inline-block;
margin: 0 10px
}
#header-main #nav-main .nav-right li.active a {
color: #ffffff
}
#header-main #nav-main .nav-right li a {
font-family: "gillsans-mediumregular", Helvetica, Arial, sans-serif;
font-size: 11px;
letter-spacing: 1px;
text-transform: uppercase;
color: rgba(255, 255, 255, 0.5);
-webkit-transition: color 1s cubic-bezier(1, 0, 0, 1);
transition: color 1s cubic-bezier(1, 0, 0, 1)
}
#header-main #nav-main-mobile {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
padding: 0 45px;
z-index: 2;
background-image: -moz-linear-gradient(-45deg, #7b5646 0%, #9f745e 100%);
background-image: -webkit-linear-gradient(-45deg, #7b5646 0%, #9f745e 100%);
background-image: -ms-linear-gradient(-45deg, #7b5646 0%, #9f745e 100%);
-webkit-transform: translateX(100%) translateZ(0);
transform: translateX(100%) translateZ(0);
-webkit-transition: -webkit-transform 0.68s cubic-bezier(0.64, 0.04, 0.35, 1);
transition: transform 0.68s cubic-bezier(0.64, 0.04, 0.35, 1)
}
#header-main #nav-main-mobile .main-navigation {
position: relative;
width: 100%;
margin-top: 150px
}
#header-main #nav-main-mobile .main-navigation li {
display: block;
margin: 0;
opacity: .3
}
#header-main #nav-main-mobile .main-navigation li a {
font-size: 15px;
line-height: 37px;
color: #ffffff
}
#header-main #nav-main-mobile .main-navigation li.active {
opacity: 1
}
#header-main #nav-main-mobile .main-navigation li:last-of-type {
margin-bottom: 0
}
#header-main #nav-main-mobile .language {
position: relative;
top: auto;
right: auto;
margin-top: 35px
}
#header-main #nav-main-mobile .language li a {
color: rgba(255, 255, 255, 0.4)
}
#header-main #nav-main-mobile .language li.active a {
color: #ffffff
}
#header-main #nav-main-mobile .close-hamb-menu {
position: absolute;
top: 33px;
right: 30px;
border: 0;
height: 48px
}
#header-main #nav-main-mobile .close-hamb-menu:after {
content: "";
position: absolute;
top: -24px;
left: -4px;
width: 48px;
height: 48px
}
#header-main #nav-main-mobile .close-hamb-menu .line {
position: absolute;
left: 0;
width: 100%;
height: 1px;
background-color: #ffffff
}
#header-main #nav-main-mobile .close-hamb-menu .line:nth-child(1) {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transition: -webkit-transform 0.28s cubic-bezier(0.64, 0.04, 0.35, 1);
transition: transform 0.28s cubic-bezier(0.64, 0.04, 0.35, 1)
}
#header-main #nav-main-mobile .close-hamb-menu .line:nth-child(2) {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transition: -webkit-transform 0.28s cubic-bezier(0.64, 0.04, 0.35, 1);
transition: transform 0.28s cubic-bezier(0.64, 0.04, 0.35, 1)
}
#header-main #nav-main-mobile .outside-overlay {
position: absolute;
top: 0;
left: -55vw;
width: 55vw;
height: 100%;
background-color: transparent;
opacity: 0;
visibility: hidden
}
#header-main .hamb-menu {
display: none;
position: absolute;
top: 50px;
right: 30px;
width: 38px;
height: 14px;
z-index: 1;
border: 0;
margin: 0;
padding: 0;
border-radius: 0
}
#header-main .hamb-menu:after {
content: "";
position: absolute;
top: -17px;
left: -5px;
width: 48px;
height: 48px
}
#header-main .hamb-menu .line {
position: absolute;
left: 0;
width: 100%;
height: 1px;
background-color: #b7b4b0
}
#header-main .hamb-menu .line:nth-child(1) {
top: 0;
-webkit-transition: -webkit-transform 0.98s cubic-bezier(0.64, 0.04, 0.35, 1);
transition: transform 0.98s cubic-bezier(0.64, 0.04, 0.35, 1)
}
#header-main .hamb-menu .line:nth-child(2) {
top: calc(50% - 0.5px)
}
#header-main .hamb-menu .line:nth-child(3) {
bottom: 0;
-webkit-transition: -webkit-transform 0.98s cubic-bezier(0.64, 0.04, 0.35, 1);
transition: transform 0.98s cubic-bezier(0.64, 0.04, 0.35, 1)
}
.mobile #header-main {
position: fixed
}
.header-caption {
position: absolute;
top: 95vh;
right: 100px;
z-index: 2;
opacity: 0
}
.header-caption span {
font-family: "millerdisplay-lightregular", Helvetica, Arial, sans-serif;
font-size: 9px;
line-height: 12px;
letter-spacing: 3px;
text-transform: uppercase;
color: rgba(241, 238, 233, 0.5)
}
.header-caption .char {
opacity: 0;
transform: translateX(10px);
-webkit-transform: translateX(10px);
-ms-transform: translateX(10px)
}
.header-caption span:not(.char):before {
content: '';
width: 1px;
height: 0;
background-color: rgba(241, 238, 233, 0.3);
position: absolute;
top: 0;
right: -25px;
transition: 1.5s height cubic-bezier(0.19, 1, 0.22, 1)
}
.header-caption span:not(.char):after {
content: '';
position: absolute;
width: 10px;
height: 10px;
top: -10px;
right: -29px;
border-radius: 10px;
border: 1px solid rgba(241, 238, 233, 0.3);
transform: scale(0);
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform-origin: center;
-ms-transform-origin: center;
-webkit-transform-origin: center;
transition: 1.5s transform cubic-bezier(0.19, 1, 0.22, 1)
}
.header-caption.show span:not(.char):before {
height: 65px
}
.header-caption.show span:not(.char):after {
transform: scale(1);
-webkit-transform: scale(1);
-ms-transform: scale(1)
}
.js-nav-mobile-open #header-main .main-logo svg path {
fill: #ffffff;
-webkit-transition: fill 1s cubic-bezier(1, 0, 0, 1);
transition: fill 1s cubic-bezier(1, 0, 0, 1)
}
.js-nav-mobile-open #header-main #nav-main-mobile {
-webkit-transform: translateX(0) translateZ(0);
transform: translateX(0) translateZ(0)
}
.js-nav-mobile-open #header-main #nav-main-mobile .outside-overlay {
opacity: 1;
visibility: visible
}
.js-nav-mobile-open #header-main #nav-main-mobile .close-hamb-menu .line:nth-child(1) {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transition: -webkit-transform 0.98s cubic-bezier(0.64, 0.04, 0.35, 1);
transition: transform 0.98s cubic-bezier(0.64, 0.04, 0.35, 1)
}
.js-nav-mobile-open #header-main #nav-main-mobile .close-hamb-menu .line:nth-child(2) {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transition: -webkit-transform 1.08s cubic-bezier(0.64, 0.04, 0.35, 1);
transition: transform 1.08s cubic-bezier(0.64, 0.04, 0.35, 1)
}
.js-nav-mobile-open #header-main .hamb-menu .line:nth-child(1) {
-webkit-transform: translateY(6.5px) translateZ(0);
transform: translateY(6.5px) translateZ(0);
-webkit-transition: -webkit-transform 0.38s cubic-bezier(0.64, 0.04, 0.35, 1);
transition: transform 0.38s cubic-bezier(0.64, 0.04, 0.35, 1)
}
.js-nav-mobile-open #header-main .hamb-menu .line:nth-child(3) {
-webkit-transform: translateY(-6.5px) translateZ(0);
transform: translateY(-6.5px) translateZ(0);
-webkit-transition: -webkit-transform 0.38s cubic-bezier(0.64, 0.04, 0.35, 1);
transition: transform 0.38s cubic-bezier(0.64, 0.04, 0.35, 1)
}
.js-nav-mobile-open .page-main {
-webkit-transform: translateX(-25%) translateZ(0);
transform: translateX(-25%) translateZ(0)
}
.play-mobile {
display: none;
position: absolute;
left: calc(50% - 17px);
bottom: 130px;
width: 34px;
height: 46px
}
.play-mobile path {
fill: #ffffff
}
.play-mobile .play {
-webkit-transform-origin: center center;
transform-origin: center center
}
.play-mobile .pause {
opacity: 0;
visibility: hidden;
-webkit-transform-origin: center center;
transform-origin: center center
}
.page-header {
position: relative;
width: 100%;
height: 100vh;
z-index: 2
}
.page-header .video-image-wrapper {
position: absolute;
width: 100%;
height: 100vh;
overflow: hidden;
background-color: #000000
}
.page-header .video-image-wrapper .video-image-wrapper-color {
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: #0f0b04;
opacity: .3;
pointer-events: none
}
.page-header .video-image-wrapper .video-image-wrapper-overlay {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: -100%;
background-color: #0f0b04;
opacity: .3;
pointer-events: none
}
.page-header .video-image-wrapper video,
.page-header .video-image-wrapper img {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
object-fit: cover;
object-position: 50% 50%;
overflow: hidden
}
.page-header .video-image-wrapper .expand-video-wrapper {
position: absolute;
display: inline-block;
width: 40%;
z-index: 1;
bottom: 40px;
text-align: center
}
.page-header .video-image-wrapper .expand-video-wrapper .expand-video,
.page-header .video-image-wrapper .expand-video-wrapper .full-process-btn {
position: relative;
color: #ffffff;
border-color: #ffffff;
opacity: 0;
visibility: hidden;
font-family: "gillsans-bold", Helvetica, Arial, sans-serif;
font-size: 10px;
padding-top: 2px
}
.page-header .video-image-wrapper .expand-video-wrapper .expand-video span,
.page-header .video-image-wrapper .expand-video-wrapper .full-process-btn span {
font-family: "gillsans-bold", Helvetica, Arial, sans-serif;
font-size: 10px;
line-height: 40px;
letter-spacing: 1px;
text-transform: uppercase;
color: #ffffff
}
.page-header .video-image-wrapper .expand-video-wrapper .expand-video:hover svg .top-left,
.page-header .video-image-wrapper .expand-video-wrapper .full-process-btn:hover svg .top-left {
-webkit-transform: translateX(-14px);
transform: translateX(-14px);
-webkit-transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);
transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1)
}
.page-header .video-image-wrapper .expand-video-wrapper .expand-video:hover svg .bottom-left,
.page-header .video-image-wrapper .expand-video-wrapper .full-process-btn:hover svg .bottom-left {
transform: translateX(-14px);
-webkit-transition: transform 0.4s 0.05s cubic-bezier(0.19, 1, 0.22, 1);
transition: transform 0.4s 0.05s cubic-bezier(0.19, 1, 0.22, 1)
}
.page-header .video-image-wrapper .expand-video-wrapper .expand-video:hover svg .rect,
.page-header .video-image-wrapper .expand-video-wrapper .full-process-btn:hover svg .rect {
-webkit-transform: scale(0.8);
transform: scale(0.8);
-webkit-transition: transform 0.4s 0.1s cubic-bezier(0.19, 1, 0.22, 1);
transition: transform 0.4s 0.1s cubic-bezier(0.19, 1, 0.22, 1)
}
.page-header .video-image-wrapper .expand-video-wrapper .expand-video svg,
.page-header .video-image-wrapper .expand-video-wrapper .full-process-btn svg {
width: 20px;
height: 16px;
margin-right: 10px;
margin-left: -5px;
position: relative;
top: 5px
}
.page-header .video-image-wrapper .expand-video-wrapper .expand-video svg .lines,
.page-header .video-image-wrapper .expand-video-wrapper .full-process-btn svg .lines {
fill-rule: evenodd;
clip-rule: evenodd;
fill: none;
stroke: #ffffff;
stroke-width: 4;
stroke-miterlimit: 10;
-webkit-transition: transform 0.4s 0.1s cubic-bezier(0.19, 1, 0.22, 1);
transition: transform 0.4s 0.1s cubic-bezier(0.19, 1, 0.22, 1)
}
.page-header .video-image-wrapper .expand-video-wrapper .expand-video svg .rect,
.page-header .video-image-wrapper .expand-video-wrapper .full-process-btn svg .rect {
fill-rule: evenodd;
clip-rule: evenodd;
fill: #ffffff;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);
transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1)
}
.page-header .video-image-wrapper .expand-video-wrapper .full-process-btn {
border: none
}
.page-header .video-image-wrapper .expand-video-wrapper .full-process-btn span {
display: inline-block;
color: #ffffff;
font-family: "gillsans-bold", Helvetica, Arial, sans-serif;
font-size: 10px;
line-height: 40px;
letter-spacing: 1px;
text-transform: uppercase
}
.page-header .video-image-wrapper .expand-video-wrapper .full-process-btn svg {
margin-left: 20px;
margin-right: 0
}
.page-header .video-image-wrapper .expand-video-wrapper .full-process-btn svg path {
fill: #ffffff;
stroke: #ffffff;
stroke-width: 3px
}
.page-header .page-title {
position: absolute;
display: inline-block;
width: 40%;
top: calc(50% - 55px);
left: 0;
text-align: center;
opacity: 0;
visibility: hidden;
z-index: 2
}
.page-header .page-title h2 {
font-family: "thisregular", Helvetica, Arial, sans-serif;
letter-spacing: 1px;
font-size: 90px;
text-transform: initial;
color: #ffffff;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg)
}
.page-header .page-title h2 span {
display: inline-block;
position: relative;
font-family: "thisregular", Helvetica, Arial, sans-serif;
letter-spacing: 4px;
font-size: 110px;
text-transform: initial;
color: #ffffff;
opacity: 0;
visibility: hidden
}
@media only screen and (max-width: 1024px) {
.page-header .page-title h2 span {
font-size: 80px
}
}
@media only screen and (max-width: 1024px) {
.page-header .page-title h2 {
font-size: 80px
}
}
.page-header .page-title .scroll-line {
display: none
}
.page-header .text-wrapper {
position: relative;
height: 100vh;
pointer-events: none;
perspective: 500px
}
.page-header .text-wrapper img {
opacity: 0
}
.page-header .text-wrapper h2 {
position: relative;
color: #ffffff;
-webkit-transition: color 1s cubic-bezier(1, 0, 0, 1);
transition: color 1s cubic-bezier(1, 0, 0, 1);
opacity: 0;
visibility: hidden;
transform-origin: left top
}
.page-header .text-wrapper h2 span:not(.line):not(.char) {
opacity: 0;
visibility: hidden
}
.page-header .text-wrapper h2 .line,
.page-header .text-wrapper h2 .char {
-webkit-transition: color 1s cubic-bezier(1, 0, 0, 1);
transition: color 1s cubic-bezier(1, 0, 0, 1)
}
.page-header .text-wrapper h6 {
opacity: 0;
visibility: hidden
}
.page-header .text-wrapper p {
margin-top: 40px;
font-size: 16px;
line-height: 22px;
opacity: 0;
visibility: hidden
}
.safari .page-header .video-image-wrapper .image-mobile {
position: relative;
z-index: 1
}
.pt-lang .page-footer.type-1 .text-wrapper h2 {
top: -13px
}
.pt-lang .page-footer.type-1 .text-wrapper .columns .call-to-action {
right: -242px
}
.page-footer {
z-index: 11;
margin-top: 120px
}
.page-footer.type-1 {
position: relative;
height: 750px
}
.page-footer.type-1 .text-wrapper {
position: relative;
height: 100%
}
.page-footer.type-1 .text-wrapper .columns {
position: relative
}
.page-footer.type-1 .text-wrapper .columns .wrapper {
width: 511px;
position: relative
}
.page-footer.type-1 .text-wrapper .columns .call-to-action {
position: absolute;
top: calc(50% - 250px);
right: -118px;
width: 500px;
height: 500px;
padding: 180px 120px 80px 80px
}
.page-footer.type-1 .text-wrapper .columns .call-to-action .border {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0
}
.page-footer.type-1 .text-wrapper .columns .call-to-action h4 {
color: #ffffff;
margin-bottom: 45px;
font-family: "millerdisplay-romanregular", Helvetica, Arial, sans-serif;
text-indent: -7px
}
.page-footer.type-1 .text-wrapper .columns .call-to-action h5 {
font-family: "millerdisplay-lightregular", Helvetica, Arial, sans-serif;
font-size: 11px;
line-height: 14px;
letter-spacing: 2px;
text-transform: uppercase;
color: #ffffff;
position: relative;
margin-bottom: 80px
}
.page-footer.type-1 .text-wrapper .columns .call-to-action h5:before {
content: '';
width: 30px;
height: 1px;
background-color: rgba(255, 255, 255, 0.5);
position: absolute;
top: calc(50% - 1px);
left: -50px
}
.page-footer.type-1 .text-wrapper .columns .call-to-action .name {
position: relative;
font-family: "millerdisplay-lightregular", Helvetica, Arial, sans-serif;
font-size: 11px;
line-height: 14px;
letter-spacing: 3px;
text-transform: uppercase;
color: #ffffff
}
.page-footer.type-1 .text-wrapper .columns .call-to-action .name:before {
content: '';
width: 30px;
height: 1px;
background-color: #a68676;
position: absolute;
top: calc(50% - 1px);
left: -45px
}
.page-footer.type-1 .text-wrapper .columns .call-to-action .link {
color: #ffffff
}
.page-footer.type-1 .text-wrapper .columns .call-to-action .link:after {
background-color: #ffffff
}
.page-footer.type-1 .text-wrapper h2 {
position: relative;
color: #ffffff;
top: -42px
}
.page-footer.type-1 .link {
display: inline-block;
margin-top: 60px
}
.page-footer.type-1 .made-by-buro-wrapper {
position: absolute;
width: 100%;
bottom: 40px;
left: 0;
z-index: 1
}
.page-footer.type-1 .made-by-buro-wrapper .made-by-buro {
color: #f1eee9
}
.page-footer.type-2 {
position: relative;
margin-bottom: 80px
}
.page-footer.type-2 h2 {
position: relative;
margin-bottom: 60px;
margin-top: 50px;
font-size: 42px;
line-height: 52px;
letter-spacing: 13px
}
.page-footer.type-2 h2 span {
font-size: 42px;
line-height: 52px;
letter-spacing: 13px
}
.page-footer.type-2 h4 {
position: relative;
margin-top: 100px;
margin-bottom: 20px;
font-family: "millerdisplay-romanregular", Helvetica, Arial, sans-serif;
color: #a68676;
font-size: 11px;
letter-spacing: 5px;
line-height: 1;
-webkit-transition: 3s color cubic-bezier(0.19, 1, 0.22, 1);
transition: 3s color cubic-bezier(0.19, 1, 0.22, 1)
}
.page-footer.type-2 h4:before {
content: '';
width: 1px;
height: 120px;
background-color: #a68676;
position: absolute;
top: -150px;
right: 0;
left: 0;
margin: 0 auto;
-webkit-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: center top;
transform-origin: center top;
-webkit-transition: 1s transform cubic-bezier(0.19, 1, 0.22, 1);
transition: 1s transform cubic-bezier(0.19, 1, 0.22, 1)
}
.page-footer.type-2 h4:after {
content: '';
position: absolute;
width: 10px;
height: 10px;
top: -30px;
right: 0;
left: 0;
margin: 0 auto;
border-radius: 10px;
border: 1px solid #a68676;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transition: 1s 1s transform cubic-bezier(0.175, 0.885, 0.32, 1.275);
transition: 1s 1s transform cubic-bezier(0.175, 0.885, 0.32, 1.275)
}
.page-footer.type-2 h4.go-anim:before {
-webkit-transform: scaleY(1);
transform: scaleY(1)
}
.page-footer.type-2 h4.go-anim:after {
-webkit-transform: scale(1);
transform: scale(1)
}
.page-footer.type-2 .link {
display: inline-block;
margin-bottom: 120px
}
.page-footer.type-2 .link:after {
left: -25px;
width: calc(100% + 50px)
}
.page-footer.type-2.active {
background: #000
}
.page-footer.type-2.active .made-by-buro,
.page-footer.type-2.active h4 {
color: #fff
}
.page-footer.type-3 {
position: relative;
margin-bottom: 80px
}
.page-footer.type-3>.collapse .columns {
position: relative
}
.page-footer.type-3 .image-wrapper {
position: relative
}
.page-footer.type-3 .image-wrapper:before {
content: '';
display: block;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
background-color: #0f0b04
}
.page-footer.type-3 .image-wrapper img {
opacity: .8
}
.page-footer.type-3 .line-frame {
position: absolute;
top: calc(50% - 336px);
border: 2px solid #ffffff;
left: -175px;
width: 542px;
height: 497px;
max-width: 100%
}
.page-footer.type-3 .call-to-action {
position: absolute;
top: calc(50% - 278px);
left: -25%;
width: 600px;
max-width: 100%;
padding: 80px 40px 104px 120px;
background-color: #0f0b04;
z-index: 1
}
.page-footer.type-3 .call-to-action h2 {
position: relative;
margin-bottom: 20px;
margin-top: 0;
left: 60px;
color: #ffffff
}
.page-footer.type-3 .call-to-action h2 span:not(.char) {
position: absolute;
display: inline-block;
bottom: 10px;
left: -15px;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
font-family: "millerdisplay-lightitalicRg", Helvetica, Arial, sans-serif;
letter-spacing: 0;
font-size: 30px;
color: #a68676;
text-transform: lowercase
}
.page-footer.type-3 .call-to-action h2 span:not(.char):after {
content: '';
position: absolute;
bottom: -2px;
left: -10px;
width: 110%;
height: 1px;
background: #a68676;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: left center;
transform-origin: left center;
-webkit-transition: -webkit-transform 1s cubic-bezier(0.19, 1, 0.22, 1);
transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1)
}
.page-footer.type-3 .call-to-action h2 span:not(.char).go-anim:after {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
.page-footer.type-3 .call-to-action p {
position: relative;
left: 60px;
max-width: 50%
}
.page-footer.type-3 .call-to-action .link {
display: inline-block;
left: 60px;
margin-bottom: 0;
margin-top: 60px
}
.page-footer.type-3 .made-by-buro {
display: inline-block;
margin-top: 80px
}
.page-footer .call-to-action-projects {
max-width: 80%;
width: 100%;
margin: 100px auto;
}
.page-footer .call-to-action-projects h3 {
font-family: 'gillsans-mediumregular';
font-size: 12px;
color: #a5a29d;
text-align: left;
padding-left: 8px
}
.page-footer .call-to-action-projects img {
opacity: 0.5
}
.page-footer .call-to-action-projects a {
display: inline-block;
font-family: 'gillsans-mediumregular';
font-size: 16px;
color: #a5a29d;
text-decoration: underline;
margin-top: 36px;
cursor: pointer !important
}
@media only screen and (max-width: 1024px) {
.page-footer.type-1 .text-wrapper .columns .wrapper {
width: 375px
}
}
@media only screen and (max-width: 1550px) {
.page-footer.type-1 .text-wrapper .columns.footer-col {
min-width: 581px
}
.page-footer.type-1 .text-wrapper .columns .call-to-action {
right: -234px
}
}
@media only screen and (max-width: 1280px) {
.page-footer.type-1 .text-wrapper h2 {
margin-top: 0px;
right: 0px
}
}
@media only screen and (max-width: 1140px) {
.page-footer.type-1 .text-wrapper .columns.footer-col {
min-width: 581px
}
.page-footer.type-1 .text-wrapper .columns.footer-col h2 {
font-size: 38px;
line-height: 48px;
margin-top: -40px
}
.page-footer.type-1 .text-wrapper .columns .call-to-action {
right: -320px;
top: -140px
}
}
.page-content {
position: relative;
opacity: 0;
z-index: 1
}
.page-content section {
margin: 120px 0
}
#awards {
position: absolute;
top: 50vh;
transform: translateY(-50%) translateX(0%);
-webkit-transform: translateY(-50%) translateX(0%);
-webkit-transform-origin: center left;
transform-origin: center left;
right: 0;
z-index: 99999
}
#awards a {
display: block
}
#awards .fwa-link {
background: #fec109;
width: 53px;
position: relative;
display: block;
padding: 7px;
border-top: 2px solid #222222;
top: -10px
}
@media screen and (max-width: 414px) {
#awards {
transform: translateY(-50%) scale(0.8);
-webkit-transform: translateY(-50%) scale(0.8);
-webkit-transform-origin: center right;
transform-origin: center right
}
}
.delay-0 {
transition-delay: 0s !important
}
.delay-1 {
transition-delay: 0.2s !important
}
.delay-2 {
transition-delay: 0.4s !important
}
.delay-3 {
transition-delay: 0.6s !important
}
.close-btn {
position: relative;
top: 25px;
left: 25px;
width: 50px;
height: 50px;
padding: 20px;
border-radius: 100%;
border: none;
text-indent: -9999px;
background-color: #3e3937;
z-index: 102
}
.close-btn .line {
position: absolute;
width: 25px;
height: 1px;
left: 12.5px;
top: 24.5px;
background: #ffffff
}
.close-btn .line.line-1 {
transform: rotate(-45deg)
}
.close-btn .line.line-2 {
transform: rotate(45deg)
}
.js-title-element {
-webkit-transform-origin: left top;
transform-origin: left top
}
.leather-texture {
background: url("../imgs/static/leather-pattern.jpg");
background-repeat: repeat;
background-size: 147px
}
.outline-svg-text svg {
opacity: 0;
visibility: hidden;
overflow: visible
}
.outline-svg-text svg path {
fill: none;
stroke: rgba(255, 255, 255, 0.4);
stroke-width: 1px
}
.testemonial.js-animated .white-bg {
background-color: #ffffff
}
.testemonial .border {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.testemonial .white-bg {
background-color: transparent;
-webkit-transition: background-color 1s .7s linear;
transition: background-color 1s .7s linear
}
.testemonial .testemonial-wrapper {
position: relative;
padding: 60px 80px;
border: 1px solid #ffffff;
border-width: 0
}
.testemonial .testemonial-wrapper .text-wrapper {
margin-top: 0 !important
}
.testemonial h4 {
position: relative;
display: block;
max-width: 212px;
width: 100%;
margin: 0 auto;
font-family: "millerdisplay-romanregular", Helvetica, Arial, sans-serif;
font-size: 15px;
letter-spacing: 7px;
line-height: 30px;
text-transform: uppercase;
color: #3e3937;
text-indent: -17px;
will-change: filter;
-webkit-transition: -webkit-filter 1s .5s linear;
transition: filter 1s .5s linear
}
.testemonial h4:before {
content: '“';
margin-right: 5px
}
.testemonial h4:after {
content: '”';
margin-left: 5px
}
@media only screen and (max-width: 1024px) {
.testemonial h4 {
font-size: 13px;
letter-spacing: 3px;
line-height: 23px
}
}
.testemonial .name {
position: relative;
max-width: 212px;
width: 100%;
margin: 25px auto 0 auto;
font-family: "millerdisplay-lightitalicRg", Helvetica, Arial, sans-serif;
font-size: 11px;
line-height: 14px;
letter-spacing: 3px;
text-transform: uppercase;
color: #a68676
}
.testemonial .name:before {
content: '';
width: 30px;
height: 1px;
background-color: rgba(166, 134, 118, 0.5);
position: absolute;
top: calc(50% - 1px);
left: -45px
}
.testemonial .title {
position: relative;
font-family: "millerdisplay-lightregular", Helvetica, Arial, sans-serif;
font-size: 11px;
line-height: 14px;
letter-spacing: 2px;
text-transform: uppercase;
color: #a68676;
will-change: filter;
-webkit-transition: -webkit-filter 1s .5s linear;
transition: filter 1s .5s linear
}
.offset-text {
position: relative
}
.offset-text span:not(.line):not(.char) {
position: absolute;
display: inline-block;
bottom: 10px;
left: -15px;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
font-family: "millerdisplay-lightitalicRg", Helvetica, Arial, sans-serif;
letter-spacing: 0;
font-size: 30px;
line-height: 1;
color: #a68676;
text-transform: lowercase;
padding-left: 20px
}
.offset-text span:not(.line):not(.char):after {
content: '';
position: absolute;
bottom: -2px;
left: -5px;
width: 110%;
height: 1px;
background: #a68676;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: left center;
transform-origin: left center;
-webkit-transition: -webkit-transform 1s cubic-bezier(0.19, 1, 0.22, 1);
transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1)
}
.offset-text span:not(.line):not(.char).go-anim:after {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
.sidebar-navigation {
position: fixed;
right: 20px;
height: 100vh;
top: 0;
padding: 100px 0;
opacity: 0;
visibility: hidden;
z-index: 10
}
.sidebar-navigation .title {
position: absolute;
left: -40px;
top: calc(50% - 6px);
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg)
}
.sidebar-navigation h3 {
font-family: 'millerdisplay-lightregular';
font-size: 14px;
color: #a68676;
letter-spacing: 0.7px
}
.sidebar-navigation .line-wrapper {
position: absolute;
display: block;
width: 1px;
height: 100%;
background-color: rgba(166, 134, 118, 0.3);
top: 0;
left: -40px
}
.sidebar-navigation .line-wrapper .line {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
overflow: hidden
}
.sidebar-navigation .line-wrapper .line .line-inner {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 0px;
background-color: #a68676
}
.sidebar-navigation ul {
position: relative;
right: 100px
}
.sidebar-navigation ul li {
position: relative;
display: block;
font-family: "millerdisplay-lightitalicRg", Helvetica, Arial, sans-serif;
font-size: 14px;
text-align: right;
cursor: pointer
}
.sidebar-navigation ul li span {
position: relative;
display: inline-block;
top: calc(50% - 7px);
font-family: "millerdisplay-lightitalicRg", Helvetica, Arial, sans-serif;
font-size: 14px;
text-align: right;
letter-spacing: 0;
color: #a68676
}
.play-video-hidden {
position: absolute;
top: 50%;
left: 50%;
width: 30px;
padding: 0;
border: 0px;
z-index: 11;
transform: translate3d(-50%, -50%, 0);
-webkit-transform: translate3d(-50%, -50%, 0);
visibility: hidden;
opacity: 0
}
.play-video-hidden svg {
width: 100%
}
.play-video-hidden svg path {
fill: #fff
}
.play-video-hidden .pause-icon {
left: 0
}
.play-video-hidden .pause-icon:before {
width: 1px;
height: 80%;
top: 10%;
left: 2px
}
.play-video-hidden .pause-icon:after {
width: 1px;
height: 80%;
top: 10%;
right: 2px
}
.play-video-hidden.bottom {
top: auto;
bottom: 20vh
}
.gallery-modal {
position: fixed;
width: 100vw;
height: 100vh;
top: 0;
left: 0;
overflow: hidden;
-webkit-backdrop-filter: blur(15px);
backdrop-filter: blur(15px);
background-color: rgba(241, 238, 233, 0);
opacity: 0;
visibility: hidden;
z-index: 1100
}
.gallery-modal .modal-drag-hitzone {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
cursor: -webkit-grab;
cursor: -moz-grab;
z-index: 101
}
.gallery-modal .modal-drag-hitzone.holding {
cursor: -webkit-grabbing;
cursor: -moz-grabbing
}
.gallery-modal .follow-wrapper {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
pointer-events: none;
z-index: 100;
opacity: 0;
visibility: hidden
}
.gallery-modal .follow-wrapper .follow {
cursor: -webkit-grabbing;
cursor: -moz-grabbing;
position: absolute;
width: 100px;
height: 100px;
top: 50%;
left: 50%;
margin: -50px 0 0 -50px;
background: rgba(255, 255, 255, 0.6);
border-radius: 80%;
backface-visibility: hidden;
z-index: 100
}
.gallery-modal .follow-wrapper .follow2 {
position: absolute;
width: 130px;
height: 130px;
top: 50%;
left: 50%;
margin: -65px 0 0 -65px;
background: rgba(255, 255, 255, 0.5);
border-radius: 80%;
backface-visibility: hidden;
z-index: 100
}
.gallery-modal .follow-wrapper .follow3 {
position: absolute;
width: 150px;
height: 150px;
top: 50%;
left: 50%;
margin: -75px 0 0 -75px;
background: rgba(255, 255, 255, 0.4);
border-radius: 80%;
backface-visibility: hidden;
z-index: 100
}
.gallery-modal .follow-wrapper .follow-inner {
cursor: -webkit-grabbing;
cursor: -moz-grabbing;
position: absolute;
width: 100px;
height: 100px;
top: 50%;
left: 50%;
margin: -50px 0 0 -50px;
backface-visibility: hidden;
text-align: center;
z-index: 100
}
.gallery-modal .follow-wrapper .follow-inner .text {
position: relative;
top: 60px;
font-family: "millerdisplay-lightitalicRg", Helvetica, Arial, sans-serif;
font-size: 9px;
line-height: 9px;
letter-spacing: 2px;
text-transform: uppercase;
color: #a68676
}
.gallery-modal .follow-wrapper .follow-inner .left-arrow {
position: absolute;
width: 12px;
height: 8px;
top: calc(50% - 4px);
left: 20px
}
.gallery-modal .follow-wrapper .follow-inner .left-arrow path {
stroke: #a68676
}
.gallery-modal .follow-wrapper .follow-inner .right-arrow {
position: absolute;
width: 12px;
height: 8px;
top: calc(50% - 4px);
right: 18px
}
.gallery-modal .follow-wrapper .follow-inner .right-arrow path {
stroke: #a68676
}
.gallery-modal .offset-text,
.gallery-modal .small-caps {
-webkit-transition: -webkit-filter 1s .5s linear;
transition: filter 1s .5s linear;
-webkit-filter: blur(25px);
filter: blur(25px)
}
.gallery-modal .offset-text.js-animated,
.gallery-modal .small-caps.js-animated {
-webkit-filter: blur(0px);
filter: blur(0px)
}
.gallery-modal .small-caps {
font-size: 10px;
line-height: 20px
}
.gallery-modal h3 {
font-family: "millerdisplay-lightregular", Helvetica, Arial, sans-serif;
font-size: 25px;
line-height: 30px;
letter-spacing: 8px;
text-transform: uppercase;
color: #1d1913;
margin: 10px 0px 20px 0px
}
.gallery-modal .close-modal-wrapper {
position: absolute;
top: 0px;
right: 0px;
width: 100px;
height: 100px
}
.gallery-modal .close-modal {
position: relative;
top: 25px;
left: 25px;
width: 50px;
height: 50px;
padding: 20px;
border-radius: 100%;
border: none;
text-indent: -9999px;
background-color: #3e3937;
transition: 1.4s transform cubic-bezier(0.19, 1, 0.22, 1);
-webkit-transition: 1.4s transform cubic-bezier(0.19, 1, 0.22, 1);
z-index: 102
}
.gallery-modal .close-modal:hover {
transform: rotate(90deg);
-webkit-transform: rotate(90deg)
}
.gallery-modal .close-modal .line {
position: absolute;
width: 25px;
height: 1px;
left: 12.5px;
top: 24.5px;
background: #ffffff
}
.gallery-modal .close-modal .line.line-1 {
transform: rotate(-45deg)
}
.gallery-modal .close-modal .line.line-2 {
transform: rotate(45deg)
}
.gallery-modal .markets-gallery {
height: 100%
}
.gallery-modal .markets-gallery .modal-title-wrapper {
margin-top: 120px
}
.gallery-modal .markets-gallery .gallery-wrapper {
height: 100%
}
.gallery-modal .markets-gallery .gallery-slider {
position: relative;
width: 2000px;
height: 445px;
-webkit-transform-origin: center center;
transform-origin: center center
}
.gallery-modal .markets-gallery .gallery-slider li {
position: relative;
display: inline-block;
overflow: hidden;
max-height: 70vh;
max-width: 800px
}
.gallery-modal .markets-gallery .gallery-slider li.main-image {
width: 438px;
height: 445px
}
.gallery-modal .markets-gallery .gallery-slider li.main-image img {
position: relative;
width: auto;
height: 550px;
max-width: none;
left: calc(50% - 305px)
}
.gallery-modal .markets-gallery .gallery-slider li.first-image {
position: absolute;
width: 500px;
left: 0;
top: 250px;
-webkit-transform: translateX(-100%);
transform: translateX(-100%)
}
.gallery-modal .markets-gallery .gallery-slider li.first-image img,
.gallery-modal .markets-gallery .gallery-slider li.first-image video {
max-width: 100%;
width: 100%
}
.gallery-modal .markets-gallery .gallery-slider li img {
position: relative
}
.gallery-modal .markets-gallery .gallery-slider li.image-1 {
top: 50px
}
.gallery-modal .markets-gallery .slider-dragger-wrapper {
margin-top: 40px
}
.gallery-modal .handler-row {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100px;
z-index: 102
}
.gallery-modal.volvo-gallery .markets-gallery .gallery-slider li.image-1 {
top: 70px
}
.gallery-modal.volvo-gallery .markets-gallery .gallery-slider li.image-2 {
top: 20px
}
.gallery-modal.volvo-gallery .markets-gallery .gallery-slider li.image-3 {
top: 60px
}
.gallery-modal.volvo-gallery .markets-gallery .gallery-slider li.image-4 {
top: -130px
}
.gallery-modal.volvo-gallery .markets-gallery .gallery-slider li.image-5 {
top: 20px
}
.gallery-modal.volvo-gallery .markets-gallery .gallery-slider li.image-6 {
top: 120px
}
.gallery-modal.mercedes-gallery .markets-gallery .gallery-slider li.image-1 {
top: 70px
}
.gallery-modal.mercedes-gallery .markets-gallery .gallery-slider li.image-2 {
top: 20px
}
.gallery-modal.mercedes-gallery .markets-gallery .gallery-slider li.image-3 {
top: 60px
}
.gallery-modal.mercedes-gallery .markets-gallery .gallery-slider li.image-4 {
top: -130px
}
.gallery-modal.mercedes-gallery .markets-gallery .gallery-slider li.image-5 {
top: 20px
}
.gallery-modal.mercedes-gallery .markets-gallery .gallery-slider li.image-6 {
top: 120px
}
.no-backdropfilter .gallery-modal {
background-color: rgba(241, 238, 233, 0.95)
}
.image-wrap,
.text-wrap {
display: block;
position: relative;
overflow: hidden;
z-index: 1
}
.flash-transition {
position: fixed;
width: 100vw;
height: 100vh;
top: 0;
left: 0;
background-color: #0f0b04;
z-index: 101;
opacity: 0;
visibility: hidden;
filter: brightness(0) contrast(5) saturate(0.5) opacity(0);
transition: filter 1s cubic-bezier(0.25, 0.46, 0.45, 0.94)
}
.add-page-transition {
transition: filter 1s cubic-bezier(0.25, 0.46, 0.45, 0.94)
}
.fade-out {
filter: brightness(0) contrast(1) saturate(1) opacity(1)
}
.fade-in {
filter: brightness(1) contrast(1) saturate(1) opacity(1)
}
.burn-out {
filter: brightness(0) contrast(4) saturate(0.2) opacity(1)
}
.burn-out-alt {
filter: brightness(2) contrast(4) saturate(2) opacity(0)
}
.burn-mask {
filter: brightness(1.5) contrast(1.5) saturate(1.5) opacity(1)
}
.burn-in {
opacity: 1;
filter: brightness(1) contrast(1) saturate(1) opacity(1)
}
.radial-fadeout {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 1;
pointer-events: none;
z-index: 1000;
display: none;
background: radial-gradient(ellipse, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%)
}
.mask-transition {
-webkit-mask: url(../imgs/static/transition.png);
-moz-mask: url(../imgs/static/transition.png);
-ms-mask: url(../imgs/static/transition.png);
-o-mask: url(../imgs/static/transition.png);
mask: url(../imgs/static/transition.png);
-webkit-mask-size: 1300% 100%;
-moz-mask-size: 1300% 100%;
-ms-mask-size: 1300% 100%;
-o-mask-size: 1300% 100%;
mask-size: 1200% 100%
}
.mask-transition.anim-in {
-webkit-mask-position: 0 0;
-moz-mask-position: 0 0;
-ms-mask-position: 0 0;
-o-mask-position: 0 0;
mask-position: 0 0;
-webkit-animation: mask-to 1s steps(12) forwards;
animation: mask-to 1s steps(12) forwards
}
@-webkit-keyframes mask-to {
from {
-webkit-mask-position: 0 0;
-moz-mask-position: 0 0;
-ms-mask-position: 0 0;
-o-mask-position: 0 0;
mask-position: 0 0
}
to {
-webkit-mask-position: 100% 0;
-moz-mask-position: 100% 0;
-ms-mask-position: 100% 0;
-o-mask-position: 100% 0;
mask-position: 100% 0
}
}
@keyframes mask-to {
from {
-webkit-mask-position: 0 0;
-moz-mask-position: 0 0;
-ms-mask-position: 0 0;
-o-mask-position: 0 0;
mask-position: 0 0
}
to {
-webkit-mask-position: 100% 0;
-moz-mask-position: 100% 0;
-ms-mask-position: 100% 0;
-o-mask-position: 100% 0;
mask-position: 100% 0
}
}
.add-blur {
will-change: filter;
-webkit-transition: -webkit-filter 1s .3s linear;
transition: filter 1s .3s linear;
-webkit-filter: blur(15px);
filter: blur(15px)
}
.remove-blur {
-webkit-filter: blur(0px);
filter: blur(0px)
}
.remove-underline:after {
will-change: transform;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: left center;
transform-origin: left center;
-webkit-transition: -webkit-transform 1s 1s linear;
transition: transform 1s 1s linear
}
.remove-underline-center:after {
will-change: transform;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transition: -webkit-transform 1s 1s linear;
transition: transform 1s 1s linear
}
.add-underline:after {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
.add-underline-center:after {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
.link-terms.add-underline-center:after {
opacity: 0;
visibility: hidden;
-webkit-transform: scaleX(0.5);
transform: scaleX(0.5)
}
.extra-margin p:last-of-type {
margin-top: 60px !important
}
.text-center {
text-align: center
}
.text-right {
text-align: right
}
button {
position: relative;
margin: 0;
padding: 0 20px;
border-radius: 0;
background: transparent;
outline: none;
cursor: pointer;
font-family: "gillsans-mediumregular", Helvetica, Arial, sans-serif;
font-size: 11px;
line-height: 40px;
letter-spacing: 1px;
text-transform: uppercase;
color: #ffffff;
border: 2px solid #ffffff
}
button.play-anim {
border: none
}
a.link,
button.link,
p.link {
position: relative;
font-family: "millerdisplay-romanregular", Helvetica, Arial, sans-serif;
font-size: 13px;
line-height: 1;
letter-spacing: 6px;
text-transform: uppercase;
color: #a68676;
cursor: pointer;
border: none;
padding-bottom: 14px;
transition: 1.5s all cubic-bezier(0.19, 1, 0.22, 1);
-webkit-transition: 1.5s all cubic-bezier(0.19, 1, 0.22, 1)
}
a.link:after,
button.link:after,
p.link:after {
content: '';
position: absolute;
width: calc(100% + 30px);
height: 2px;
bottom: 0;
left: -15px;
background-color: #a68676;
transition: 1.5s all cubic-bezier(0.19, 1, 0.22, 1);
-webkit-transition: 1.5s all cubic-bezier(0.19, 1, 0.22, 1)
}
a.link span,
button.link span,
p.link span {
position: relative;
font-family: "millerdisplay-romanregular", Helvetica, Arial, sans-serif;
font-size: 13px;
letter-spacing: 3px;
text-transform: uppercase;
color: #a68676;
letter-spacing: 6px;
transition: 1.5s all cubic-bezier(0.19, 1, 0.22, 1);
-webkit-transition: 1.5s all cubic-bezier(0.19, 1, 0.22, 1)
}
a.link.aligned-left,
button.link.aligned-left,
p.link.aligned-left {
padding-left: 4px
}
a.link.aligned-left:after,
button.link.aligned-left:after,
p.link.aligned-left:after {
left: 0
}
a.link.active,
button.link.active,
p.link.active {
letter-spacing: 6px
}
a.link.active:after,
button.link.active:after,
p.link.active:after {
transform: scaleX(0.5);
-webkit-transform: scaleX(0.5)
}
a.link.off-view,
button.link.off-view,
p.link.off-view {
letter-spacing: 10px;
opacity: 0
}
a.link.off-view:after,
button.link.off-view:after,
p.link.off-view:after {
transform: scaleX(0);
-webkit-transform: scaleX(0)
}
a.link-terms.active {
letter-spacing: 6px
}
a.link-terms.active:after {
transform: scaleX(1);
-webkit-transform: scaleX(1)
}
.archive-markets a.link.active,
.archive-markets button.link.active,
.archive-markets p.link.active {
letter-spacing: 10px
}
.single-markets-page .page-content .page-footer.type-2 .link.active {
letter-spacing: 10px
}
p.action {
position: relative;
font-family: "millerdisplay-romanregular", Helvetica, Arial, sans-serif;
font-size: 13px;
letter-spacing: 3px;
text-transform: uppercase;
color: #a68676;
cursor: pointer;
border: none;
transition: 1s all cubic-bezier(0.19, 1, 0.22, 1);
-webkit-transition: 1s all cubic-bezier(0.19, 1, 0.22, 1)
}
p.action:after {
content: '';
position: absolute;
width: 110%;
height: 2px;
bottom: -12px;
left: -5%;
background-color: #a68676;
transition: 1s all cubic-bezier(0.19, 1, 0.22, 1);
-webkit-transition: 1s all cubic-bezier(0.19, 1, 0.22, 1)
}
p.action span {
position: relative;
font-family: "millerdisplay-romanregular", Helvetica, Arial, sans-serif;
font-size: 13px;
letter-spacing: 3px;
text-transform: uppercase;
color: #a68676
}
.made-by-buro {
position: relative;
font-family: "gillsans-mediumregular", Helvetica, Arial, sans-serif;
font-size: 16px;
letter-spacing: 0.5px;
color: #3e3937;
z-index: 1;
transition: 3s color cubic-bezier(0.19, 1, 0.22, 1);
-webkit-transition: 3s color cubic-bezier(0.19, 1, 0.22, 1)
}
figure {
position: relative
}
figure figcaption:not(.header-caption) {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
figure figcaption:not(.header-caption)[data-pendulum='right'] .text {
left: 160px
}
figure figcaption:not(.header-caption)[data-pendulum='right'] .caption-pendulum {
left: initial;
right: -130px;
-webkit-transform-origin: left center;
transform-origin: left center
}
figure figcaption:not(.header-caption)[data-pendulum='right'] .caption-pendulum .ball {
left: initial;
right: 0
}
figure figcaption:not(.header-caption)[data-pendulum='right'] .caption-pendulum .line {
left: 0
}
figure figcaption:not(.header-caption)[data-pendulum='bottom'] .text {
left: 100px
}
figure figcaption:not(.header-caption)[data-pendulum='bottom'] .caption-pendulum {
width: 10px;
height: 130px;
top: 95%;
left: calc(50% - 5px);
-webkit-transform-origin: center top;
transform-origin: center top
}
figure figcaption:not(.header-caption)[data-pendulum='bottom'] .caption-pendulum .ball {
width: 10px;
height: 10px;
top: 100%;
left: 0
}
figure figcaption:not(.header-caption)[data-pendulum='bottom'] .caption-pendulum .line {
width: 1px;
height: calc(100% - 10px);
top: 10px;
left: 5px
}
figure figcaption:not(.header-caption) .text {
position: absolute;
display: block;
width: 200px;
top: 50%;
left: -80px;
font-family: "millerdisplay-italicregular", Helvetica, Arial, sans-serif;
font-size: 15px;
line-height: 22px;
word-wrap: break-word;
letter-spacing: 0.5px;
text-transform: none;
color: #7b7877
}
figure figcaption:not(.header-caption) .caption-pendulum {
display: block;
position: absolute;
width: 130px;
height: 10px;
top: calc(50% - 5px);
left: -130px;
-webkit-transform-origin: right center;
transform-origin: right center
}
figure figcaption:not(.header-caption) .caption-pendulum .ball {
display: block;
position: absolute;
width: 10px;
height: 10px;
top: 0;
left: 0;
border-radius: 10px;
border: 1px solid rgba(166, 134, 118, 0.5)
}
figure figcaption:not(.header-caption) .caption-pendulum .line {
display: block;
position: absolute;
width: calc(100% - 10px);
height: 1px;
top: 5px;
left: 10px;
background-color: rgba(166, 134, 118, 0.5)
}
figure figcaption:not(.header-caption) .caption-pointer {
display: block;
position: absolute;
width: 15px;
height: 90px;
top: -14px;
right: -10px;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg)
}
figure figcaption:not(.header-caption) .caption-pointer path {
fill-rule: evenodd;
clip-rule: evenodd;
fill: none;
stroke: #3e3937;
stroke-miterlimit: 10
}
.outline-text {
color: #ffffff;
-webkit-text-fill-color: transparent;
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: #ffffff
}
.lower-light-brown {
font-family: "gillsans-lightregular", Helvetica, Arial, sans-serif;
font-size: 30px;
line-height: 38px;
color: #a68676;
letter-spacing: 1px
}
.small-caps {
font-family: 'gillsans-mediumregular', Helvetica, Arial, sans-serif;
font-size: 11px;
line-height: 27px;
text-transform: uppercase;
letter-spacing: 2px;
color: #a68676;
margin-top: 15px;
pointer-events: all
}
.small-caps a {
cursor: pointer;
transition: 3s color cubic-bezier(0.19, 1, 0.22, 1);
-webkit-transition: 3s color cubic-bezier(0.19, 1, 0.22, 1)
}
.small-caps a:hover {
color: #0f0b04
}
.market-block {
padding: 0;
position: relative;
height: 100vh;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column
}
.market-block .market {
padding: 90px 0;
position: relative
}
.market-block .market p {
position: relative;
line-height: 22px;
margin-bottom: 50px
}
.market-block .market h2 {
margin-bottom: 10px
}
.market-block .market h2 .char {
color: #ffffff
}
.market-block .market .link {
margin-bottom: 0;
transition: 3s color cubic-bezier(0.19, 1, 0.22, 1);
-webkit-transition: 3s color cubic-bezier(0.19, 1, 0.22, 1)
}
.market-block .market.active h3 {
color: #ffffff
}
.market-block .market.active .link {
color: #ffffff
}
.placeholder-logo {
position: absolute;
z-index: 1;
width: 76px;
height: 76px;
top: 20px;
left: 20px
}
.placeholder-logo svg {
position: relative;
width: 76px;
height: 76px
}
.placeholder-logo svg path {
fill: #b7b4b0
}
.placeholder-logo svg path.letters {
fill: #b7b4b0;
-webkit-transition: fill 1s cubic-bezier(1, 0, 0, 1);
transition: fill 1s cubic-bezier(1, 0, 0, 1);
transform-origin: center center;
-webkit-transform-origin: center center
}
.placeholder-logo svg path.triangle {
fill: none;
stroke: #b7b4b0;
stroke-miterlimit: 10;
stroke-width: 0.5px;
-webkit-transition: stroke 1s cubic-bezier(1, 0, 0, 1);
transition: stroke 1s cubic-bezier(1, 0, 0, 1)
}
@-webkit-keyframes rotation {
0% {
-webkit-transform: rotate(0deg)
}
50% {
-webkit-transform: rotate(360deg)
}
100% {
-webkit-transform: rotate(720deg)
}
}
@keyframes rotation {
0% {
transform: rotate(0deg)
}
50% {
transform: rotate(360deg)
}
100% {
transform: rotate(720deg)
}
}
.placeholder-video-container {
height: 100vh;
width: 100vw;
position: absolute;
bottom: 0;
left: 0;
overflow: hidden
}
.placeholder-video-container .placeholder-video {
position: relative;
display: block;
width: 100vw;
height: 100vh;
object-fit: cover;
object-position: 50% 50%;
overflow: hidden
}
.slider-dragger-wrapper {
position: relative;
width: 100%;
padding: 0 40px;
margin-top: 75px
}
.slider-dragger-wrapper .slider-dragger {
position: relative;
width: 100%;
height: 40px;
text-align: center
}
.slider-dragger-wrapper .slider-dragger h6 {
position: relative;
top: 55px;
font-family: "millerdisplay-lightitalicRg", Helvetica, Arial, sans-serif;
font-size: 8px;
line-height: 8px;
letter-spacing: 2px;
text-transform: uppercase;
color: #a68676
}
.slider-dragger-wrapper .slider-dragger .handler {
position: absolute;
display: block;
width: 60px;
height: 15px;
left: 0;
top: 12px;
background-color: #a68676;
border-radius: 30px;
box-shadow: 0px 8px 19px 0px rgba(92, 59, 32, 0.3)
}
.slider-dragger-wrapper .slider-dragger .dash-line {
display: block;
position: absolute;
width: 100%;
height: 1px;
top: 50%;
left: 0;
pointer-events: none
}
.slider-dragger-wrapper .slider-dragger .dash-line .ball {
position: relative;
display: inline-block;
width: 2px;
height: 2px;
margin: 0 7px;
top: -19px;
background-color: #a68676;
border-radius: 2px
}
@media only screen and (max-width: 1650px) {
body.pt-lang .process-list-wrapper .outline-svg-text svg {
transform: scale(0.85);
-webkit-transform: scale(0.85);
transform-origin: top left;
-webkit-transform-origin: top left
}
.ie .page-header .page-title h2 span,
.edge .page-header .page-title h2 span {
font-size: 75px
}
}
@media only screen and (max-width: 1440px) {
.scroll-word {
bottom: 3.5vh
}
.scroll-line {
height: 45px;
bottom: 8vh
}
.page-header .page-title h2 span {
font-size: 90px;
letter-spacing: -6px
}
body.pt-lang .home-page .page-content .introduction h2.offset-text {
margin-top: 0
}
body.pt-lang .process-list-wrapper .outline-svg-text svg {
transform: scale(0.65);
-webkit-transform: scale(0.65)
}
.home-page .vertical-caption {
right: 100px
}
.home-page .testemonial .testemonial-wrapper {
margin-top: 120px
}
.innovation-page .page-footer.type-3 .call-to-action p {
max-width: 65%
}
.legacy-page .outline-svg-text svg {
transform: scale(0.9);
-webkit-transform: scale(0.9);
transform-origin: top left;
-webkit-transform-origin: top left
}
}
.mobile #header-main .main-logo:hover .letters {
opacity: 1
}
.mobile #header-main .main-logo:hover .triangle {
transform: scale(0);
-webkit-transform: scale(0)
}
.mobile #header-main .main-logo:hover #established {
transform: scale(0.5);
-webkit-transform: scale(0.5)
}
@media only screen and (max-width: 1280px) {
.legacy-page .outline-svg-text svg {
transform: scale(0.75);
-webkit-transform: scale(0.75);
transform-origin: top left;
-webkit-transform-origin: top left
}
}
@media only screen and (max-width: 1024px) {
.page-content {
opacity: 1
}
#header-main .main-logo .triangle {
transform: scale(0.3);
transform: scale(0.3)
}
.scroll-indicator-container {
display: none
}
.offset-text span:not(.line):not(.char) {
font-size: 24px;
line-height: 24px
}
.offset-text span:not(.line):not(.char):after {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
#about-letters {
position: absolute;
transform: scale(1) translate3d(0, 0, 0);
-webkit-transform: scale(1) translate3d(0, 0, 0)
}
.page-footer.type-1 {
height: 550px
}
.page-footer.type-1 .text-wrapper .columns .call-to-action {
height: 350px;
padding-top: 80px;
top: -40px
}
.page-footer.type-1 .text-wrapper .columns .call-to-action h4 {
margin-bottom: 0
}
.page-footer.type-2 h2 {
font-size: 38px;
line-height: 46px;
letter-spacing: 12px
}
.page-footer.type-2 h4:after {
-webkit-transform: scale(1);
transform: scale(1)
}
.page-footer.type-2 h4:before {
-webkit-transform: scaleY(1);
transform: scaleY(1)
}
.page-footer.type-3 .call-to-action h2 span:not(.char):after {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
.page-footer .call-to-action-projects {
margin-top: 250px
}
.gallery-modal {
height: auto;
min-height: 100vh;
-webkit-backdrop-filter: none;
background-color: rgba(241, 238, 233, 0.95)
}
.gallery-modal ::-webkit-scrollbar {
display: none
}
.gallery-modal .gallery-slider-wrapper {
overflow-y: hidden
}
.gallery-modal .modal-drag-hitzone,
.gallery-modal .handler-row {
display: none
}
.gallery-modal .markets-gallery .modal-title-wrapper {
margin-top: 0;
padding-left: 60px;
padding-top: 50px
}
.gallery-modal .markets-gallery .gallery-slider {
overflow-x: scroll;
overflow-y: hidden;
display: flex;
height: auto
}
.gallery-modal .markets-gallery .gallery-slider li {
max-height: 100% !important;
max-width: 100%
}
.gallery-modal .markets-gallery .gallery-slider li.main-image {
width: auto;
height: 400px
}
.gallery-modal .markets-gallery .gallery-slider li.main-image img {
height: 100%
}
.gallery-modal .offset-text,
.gallery-modal .small-caps {
-webkit-transition: none;
transition: none;
-webkit-filter: none;
filter: none
}
.gallery-modal.volvo-gallery .markets-gallery .gallery-slider {
width: 3000px
}
.gallery-modal.volvo-gallery .markets-gallery .gallery-slider li.image-4 {
top: 120px
}
.js-gallery-modal-open .page-main {
z-index: 102
}
.page-footer.type-1 .text-wrapper .columns.footer-col h2 {
font-size: 36px;
line-height: 42px;
margin-top: 30px;
right: auto
}
}
@media only screen and (max-width: 768px) {
#header-main #nav-main-mobile {
width: 45vw;
left: auto;
right: 0;
z-index: 3
}
.padd-min {
padding-left: 60px;
padding-right: 60px
}
.padd-max {
padding-left: 90px;
padding-right: 90px
}
.extra-margin p:last-of-type {
margin-top: 0 !important
}
.page-header .page-title {
opacity: 1;
visibility: visible;
z-index: 3
}
.page-header:not(.market-block-container):after {
content: "";
position: absolute;
top: 0;
left: 0;
z-index: 2;
width: 100%;
height: 100%;
background-color: #000;
opacity: .4
}
#header-main .main-logo {
top: 30px;
left: 30px
}
#header-main #nav-main {
display: none
}
#header-main #nav-main-mobile {
display: block
}
#header-main .hamb-menu {
display: block
}
.page-main {
-webkit-transition: -webkit-transform 0.68s cubic-bezier(0.64, 0.045, 0.35, 1);
transition: transform 0.68s cubic-bezier(0.64, 0.045, 0.35, 1);
-webkit-transform: translateX(0) translateZ(0);
transform: translateX(0) translateZ(0)
}
.page-header {
min-height: auto
}
.page-header .page-title {
width: 100%;
margin-top: -70px
}
.page-header .page-title .scroll-line {
display: block;
bottom: 80px !important
}
.offset-text span:not(.line):not(.char) {
position: relative;
left: initial;
bottom: initial;
padding: 0;
margin: 0;
right: initial;
display: inline;
-webkit-transform: none;
transform: none
}
.offset-text span:not(.line):not(.char):after {
bottom: 1px;
left: auto;
right: 0;
width: 180%
}
.page-content {
margin-top: 0vh
}
.scroll-line {
left: 50%;
bottom: 40px;
height: 65px;
transform: scaleY(1);
-webkit-transform: scaleY(1);
-ms-transform: scaleY(1)
}
.scroll-line:after {
-webkit-animation: mymove 1.5s infinite linear;
animation: mymove 1.5s infinite linear;
-webkit-transform-origin: top center;
transform-origin: top center;
transform: translateY(100%) scaleY(1)
}
#about-letters {
width: 100%;
top: 0;
right: 0;
z-index: 0;
background-color: #0f0b04
}
#about-letters svg {
top: 50px;
right: 25px
}
.page-footer.type-1 {
height: 500px
}
.page-footer.type-1 h2 span:not(.char) {
font-size: 24px;
line-height: 24px;
position: relative;
left: initial;
bottom: initial;
padding: 0;
margin: 0;
right: initial;
display: inline
}
.page-footer.type-1 .text-wrapper .columns .call-to-action {
display: none
}
.page-footer.type-1 .text-wrapper .columns.footer-col h2 {
font-size: 36px;
line-height: 42px;
letter-spacing: 10px
}
.page-footer.type-1 .link {
margin-left: 90px;
margin-top: 40px;
margin-bottom: 40px
}
.page-footer.type-1 .made-by-buro-wrapper {
padding: 0 90px
}
.page-footer.type-3 .call-to-action {
position: relative;
left: auto;
top: auto;
padding: 90px;
width: calc(100% - 44px);
margin-left: 22px;
margin-top: -150px
}
.page-footer.type-3 .call-to-action h2,
.page-footer.type-3 .call-to-action p,
.page-footer.type-3 .call-to-action .link {
left: auto
}
.page-footer.type-3 .call-to-action h2 span:not(.char) {
font-size: 16px;
line-height: 16px;
position: relative;
left: initial;
bottom: initial;
padding: 0;
margin: 0;
right: initial;
display: inline
}
.page-footer.type-3 .call-to-action h2 span:not(.char):after {
width: 125%;
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
.page-footer.type-3 .call-to-action p {
max-width: 100%
}
.page-footer.type-3 .line-frame {
top: 183px;
left: 0;
width: calc(100% - 20px);
height: 350px;
max-width: 100%;
margin: 10px
}
.gallery-modal .markets-gallery .modal-title-wrapper {
padding-left: inherit
}
.gallery-modal .align-middle {
-webkit-align-self: auto;
-ms-flex-item-align: auto;
align-self: auto
}
}
@media only screen and (max-width: 414px) {
#header-main #nav-main-mobile {
width: 100vw;
left: 0;
right: auto;
z-index: 2
}
#header-main #nav-main-mobile .outside-overlay {
display: none
}
.soundwave-btn {
display: none
}
.padd-min {
padding-left: 30px;
padding-right: 30px
}
.padd-max {
padding-left: 45px;
padding-right: 45px
}
.small-caps {
font-size: 11px;
line-height: 22px
}
#header-main .main-logo {
width: 55px;
height: 55px;
will-change: transform
}
#header-main .main-logo svg {
width: 55px;
height: 55px
}
.page-header .page-title .play-mobile {
display: block
}
.page-header .page-title .scroll-line {
bottom: 40px !important
}
.offset-text span:not(.line):not(.char) {
font-size: 16px;
line-height: 16px
}
.scroll-line {
height: 45px
}
.testemonial {
border: 2px solid #a68676
}
.testemonial .testemonial-text {
background-color: #ffffff
}
.page-footer .call-to-action-projects {
margin-top: 120px
}
.page-footer.type-1 {
height: 350px
}
.page-footer.type-1 h2 span:not(.char) {
font-size: 16px;
line-height: 16px
}
.page-footer.type-1 .text-wrapper .columns.footer-col h2 {
font-size: 26px;
line-height: 31px;
letter-spacing: 8px
}
.page-footer.type-1 .text-wrapper .columns.footer-col {
min-width: 100%
}
.page-footer.type-1 .link {
margin-left: 45px
}
.page-footer.type-1 .made-by-buro-wrapper {
padding: 0 45px
}
.page-footer.type-2 {
margin-bottom: 40px
}
.page-footer.type-2 h2 {
font-size: 26px;
line-height: 32px;
letter-spacing: 7px;
margin-bottom: 50px;
margin-top: 50px
}
.page-footer.type-2 h4:after {
width: 8px;
height: 8px;
border-radius: 4px
}
.page-footer.type-3 {
margin-bottom: 40px;
margin-top: 0
}
.page-footer.type-3 .call-to-action {
padding: 60px 45px;
margin-top: -50px
}
.page-footer.type-3 .line-frame {
top: 183px;
left: 0;
width: calc(100% - 20px);
height: 350px;
max-width: 100%;
margin: 10px
}
.gallery-modal .markets-gallery .modal-title-wrapper {
padding-top: 30px
}
.gallery-modal .markets-gallery .gallery-slider li.main-image {
width: 400px;
height: 250px
}
.gallery-modal .markets-gallery .gallery-slider li.main-image img {
left: 0
}
.gallery-modal.volvo-gallery .markets-gallery .gallery-slider {
width: 3000px
}
.gallery-modal.volvo-gallery .markets-gallery .gallery-slider li.image-4 {
top: -20px
}
.gallery-modal.volvo-gallery .markets-gallery .gallery-slider li.image-6 {
top: 0px
}
}
#awwwards {
position: absolute;
top: 20px;
width: 90px;
height: 135px;
text-indent: -666em;
overflow: hidden;
z-index: 999;
-webkit-transition: all 1s ease;
transition: all 1s ease
}
#awwwards.top {
top: 20px
}
#awwwards.left {
left: 0
}
#awwwards.right {
right: 0
}
#awwwards a {
position: absolute;
top: 0;
left: 0;
display: block;
width: 90px;
height: 135px;
background-repeat: no-repeat;
background-size: 90px 135px
}
#awwwards {
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%)
}
#awwwards.sotd.black.left a {
background-image: url(../imgs/ribbons/awwwards_sotd_black_left.png)
}
#awwwards.sotd.black.right a {
background-image: url(../imgs/ribbons/awwwards_sotd_black_right.png)
}
#awwwards.sotd.silver.left a {
background-image: url(../imgs/ribbons/awwwards_sotd_silver_left.png)
}
#awwwards.sotd.silver.right a {
background-image: url(../imgs/ribbons/awwwards_sotd_silver_right.png)
}
#awwwards.sotd.white.left a {
background-image: url(../imgs/ribbons/awwwards_sotd_white_left.png)
}
#awwwards.sotd.white.right a {
background-image: url(../imgs/ribbons/awwwards_sotd_white_right.png)
}
#awwwards.sotd.green.left a {
background-image: url(../imgs/ribbons/awwwards_sotd_green_left.png)
}
#awwwards.sotd.green.right a {
background-image: url(../imgs/ribbons/awwwards_sotd_green_right.png)
}
#fwaawwwards {
position: absolute;
top: 50%;
right: -7px;
display: block;
width: 92px;
height: 135px;
background-repeat: no-repeat;
background-size: 92px 135px;
text-indent: -666em;
overflow: hidden;
z-index: 999;
-webkit-transform: translateY(-50%);
transform: translateY(-50%)
}
#fwaawwwards a.awwards-link {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-size: 92px 135px;
background-image: url(../imgs/ribbons/fwaawwwards.png)
}
#fwaawwwards a.fwa-link {
display: block;
position: absolute;
top: 56px;
left: 41px;
display: block;
width: 45px;
height: 24px
}
@media only screen and (-Webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3 / 2),
only screen and (min-device-pixel-ratio: 1.5) {
#awwwards.sotd.black.left a {
background-image: url(../imgs/ribbons/awwwards_sotd_black_left%402x.png)
}
#awwwards.sotd.black.right a {
background-image: url(../imgs/ribbons/awwwards_sotd_black_right%402x.png)
}
#awwwards.sotd.silver.left a {
background-image: url(../imgs/ribbons/awwwards_sotd_silver_left%402x.png)
}
#awwwards.sotd.silver.right a {
background-image: url(../imgs/ribbons/awwwards_sotd_silver_right%402x.png)
}
#awwwards.sotd.white.left a {
background-image: url(../imgs/ribbons/awwwards_sotd_white_left%402x.png)
}
#awwwards.sotd.white.right a {
background-image: url(../imgs/ribbons/awwwards_sotd_white_right%402x.png)
}
#awwwards.sotd.green.left a {
background-image: url(../imgs/ribbons/awwwards_sotd_green_left%402x.png)
}
#awwwards.sotd.green.right a {
background-image: url(../imgs/ribbons/awwwards_sotd_green_right%402x.png)
}
}
.about a.link:not(.aligned-left):hover,
.about button.link:not(.aligned-left):hover,
.about p.link:not(.aligned-left):hover {
letter-spacing: 8px
}
.about a.link:not(.aligned-left):hover:after,
.about button.link:not(.aligned-left):hover:after,
.about p.link:not(.aligned-left):hover:after {
transform: scaleX(0.5);
-webkit-transform: scaleX(0.5);
-ms-transform: scaleX(0.5)
}
.about a.link-terms:not(.aligned-left):hover {
letter-spacing: 8px
}
.about a.link-terms:not(.aligned-left):hover:after {
transform: scaleX(1);
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
opacity: 1;
visibility: visible
}
.about a.link.aligned-left:hover,
.about button.link.aligned-left:hover,
.about p.link.aligned-left:hover {
letter-spacing: 8px
}
.about a.link.aligned-left:hover:after,
.about button.link.aligned-left:hover:after,
.about p.link.aligned-left:hover:after {
transform: scaleX(1);
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
width: 65%
}
.about a.link-terms.aligned-left:hover {
letter-spacing: 8px
}
.about a.link-terms.aligned-left:hover:after {
transform: scaleX(0.5);
-webkit-transform: scaleX(0.5);
-ms-transform: scaleX(0.5);
width: 65%;
opacity: 1;
visibility: visible
}
.about .about-bodymovin-header .video-image-wrapper {
background-color: #0f0b04;
overflow: inherit
}
.about .about-bodymovin-header .video-image-wrapper:after {
opacity: 0
}
.about .about-bodymovin-header .video-image-wrapper-overlay {
display: none
}
.about-page .page-header .page-title {
display: none
}
.about-page .page-content {
margin-top: 0
}
.about-page .page-content .general-terms {
margin-bottom: 200px
}
.about-page .page-content .general-terms .terms-link {
margin-bottom: 0
}
.about-page .page-content .general-terms .link {
display: inline-block;
line-height: 1.5;
margin-bottom: 50px
}
.about-page .page-content .min-width {
min-width: 400px
}
.about-page .page-content .founder {
position: relative;
z-index: 2
}
.about-page .page-content .founder .founder-picture {
width: 360px;
height: 550px;
position: absolute;
bottom: -225px;
left: 6.25%;
z-index: 1
}
.about-page .page-content .founder .text-wrapper {
padding: 115px 0 65px 0;
border: 2px solid #fff
}
.about-page .page-content .founder .text-wrapper h3 {
font-family: "millerdisplay-lightregular", Helvetica, Arial, sans-serif;
font-size: 11px;
line-height: 14px;
letter-spacing: 3px;
text-transform: uppercase;
color: #a68676;
margin: 40px auto 70px auto;
position: relative;
display: table
}
.about-page .page-content .founder .text-wrapper h3:before,
.about-page .page-content .founder .text-wrapper h3:after {
content: "";
width: 180px;
height: 1px;
background-color: #a68676;
position: absolute;
top: calc(50% - 1px);
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transition: 1s 1s transform cubic-bezier(0.19, 1, 0.22, 1);
transition: 1s 1s transform cubic-bezier(0.19, 1, 0.22, 1)
}
.about-page .page-content .founder .text-wrapper h3:before {
right: -170%;
-webkit-transform-origin: right center;
transform-origin: right center
}
.about-page .page-content .founder .text-wrapper h3:after {
left: -170%;
-webkit-transform-origin: left center;
transform-origin: left center
}
.about-page .page-content .founder .text-wrapper h3.go-anim:before,
.about-page .page-content .founder .text-wrapper h3.go-anim:after {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
.about-page .page-content .founder .text-wrapper .text {
text-align: left;
margin-bottom: 65px
}
.about-page .page-content .founder .text-wrapper .text p {
font-size: 16px;
line-height: 27px
}
.about-page .page-content .founder .text-wrapper .text p:first-child {
text-indent: 0px
}
.about-page .page-content .founder .text-wrapper .text p:first-child:first-letter {
font-family: "millerdisplay-lightregular", Helvetica, Arial, sans-serif;
font-size: 55px;
line-height: 45px;
float: left;
padding: 6px 6px 0 4px;
color: #3e3937
}
.about-page .page-content .founder .text-wrapper .link {
display: inline-block;
margin: 0 auto
}
.about-page .page-content .brands-history {
position: relative;
z-index: 1;
margin-top: 130px;
margin-bottom: 0;
padding: 200px 0;
background-color: #ffffff
}
.about-page .page-content .brands-history h2 {
position: relative;
z-index: 10;
padding-right: 50px
}
.about-page .page-content .brands-history .rel-pos {
position: relative
}
.about-page .page-content .brands-history .gradient-block {
position: absolute;
top: 0%;
left: 0;
z-index: 9;
height: 100%;
width: 48%;
background: linear-gradient(to left, rgba(255, 255, 255, 0) 0, #fff 20%);
background: -moz-linear-gradient(to left, rgba(255, 255, 255, 0) 0, #fff 20%);
background: -webkit-linear-gradient(to left, rgba(255, 255, 255, 0) 0, #fff 20%)
}
.about-page .page-content .brands-history .gallery-slider-wrapper {
position: relative
}
.about-page .page-content .brands-history .gallery-slider {
position: relative;
width: 2000px;
top: 80px;
-webkit-transform-origin: center center;
transform-origin: center center
}
.about-page .page-content .brands-history .gallery-slider li {
position: relative;
display: inline-block;
margin-right: 120px;
overflow: hidden;
text-align: center;
cursor: pointer
}
.about-page .page-content .brands-history .gallery-slider li img {
position: relative;
display: block;
width: 175px;
height: 140px;
margin: 0 auto
}
.about-page .page-content .brands-history .gallery-slider li h4 {
margin-top: 20px;
font-size: 16px;
letter-spacing: 0.5px;
color: #7b7877
}
.about-page .page-content .brands-history .slider-dragger-wrapper {
z-index: 11;
top: 80px
}
.about-page .page-content .ecologic {
margin-top: 450px;
position: relative
}
.about-page .page-content .ecologic .row .row {
margin: 0
}
.about-page .page-content .ecologic h2 {
margin-bottom: 50px
}
.about-page .page-content .ecologic .text p:last-of-type {
margin-top: 50px
}
.about-page .page-content .ecologic ul {
margin-left: 45px;
margin-top: 20px
}
.about-page .page-content .ecologic .testemonial {
margin-top: -50px;
height: 100%
}
@media only screen and (max-width: 1440px) {
.about-page .page-content .ecologic .testemonial {
padding-top: 100px;
margin-top: 0
}
}
@media only screen and (max-width: 768px) {
.about-page .page-content .ecologic .testemonial {
height: auto;
padding-top: 0
}
}
.about-page .page-content .ecologic .testemonial .testemonial-wrapper {
padding: 60px 50px 85px;
height: 100%
}
@media only screen and (max-width: 768px) {
.about-page .page-content .ecologic .testemonial .testemonial-wrapper {
height: auto
}
}
.about-page .page-content .ecologic .testemonial .testemonial-wrapper h3 {
font-family: "millerdisplay-romanregular";
font-size: 23px;
line-height: 28px;
color: #3e3937;
letter-spacing: 7px;
text-transform: uppercase
}
@media only screen and (max-width: 1440px) {
.about-page .page-content .ecologic .testemonial .testemonial-wrapper h3 {
font-size: 20px
}
}
.about-page .page-content .ecologic .testemonial .testemonial-wrapper .text {
font-size: 16px;
margin-bottom: 45px
}
.about-page .page-content .ecologic .testemonial .testemonial-wrapper img {
position: relative;
margin: 35px auto;
width: 184px
}
.about-page .page-content .ecologic .testemonial.second .testemonial-wrapper {
padding: 60px 50px 60px
}
.about-page .page-content .ecologic .testemonial.second .testemonial-wrapper .text {
margin-bottom: 0
}
.about-page .page-content .ecologic .testemonial.second .testemonial-wrapper img {
width: 132px
}
.about-page .page-content .factory-mobile-container {
position: relative;
display: none
}
.about-page .page-content .factory-mobile-container .factory-point {
width: 30px;
height: 30px;
background-color: rgba(166, 134, 118, 0.6);
border: 2px solid #a68676;
border-radius: 50%;
position: absolute;
pointer-events: all;
z-index: 10
}
.about-page .page-content .factory-mobile-container .factory-point.social {
bottom: 49%;
left: 500px
}
.about-page .page-content .factory-mobile-container .factory-point.admin {
bottom: 54%;
left: 400px
}
.about-page .page-content .factory-mobile-container .factory-point.refrigerator {
bottom: 63%;
left: 320px
}
.about-page .page-content .factory-mobile-container .factory-point.beam {
bottom: 77%;
left: 300px
}
.about-page .page-content .factory-mobile-container .factory-point.tanning {
top: 14%;
left: 500px
}
.about-page .page-content .factory-mobile-container .factory-point.dying {
top: 22%;
left: 570px
}
.about-page .page-content .factory-mobile-container .factory-point.drying {
bottom: 71%;
left: 400px
}
.about-page .page-content .factory-mobile-container .factory-point.finishing-left {
bottom: 53%;
right: 480px
}
.about-page .page-content .factory-mobile-container .factory-point.finishing-right {
bottom: 50%;
right: 330px
}
.about-page .page-content .factory-mobile-container .factory-point.packing {
bottom: 35%;
right: 450px
}
.about-page .page-content .factory-mobile-container .factory-point.expedition {
top: 30%;
left: 500px
}
.about-page .page-content .factory-mobile-container .factory-point.chemicals {
top: 24%;
left: 510px
}
.about-page .page-content .factory-mobile-container .factory-point.maintenance {
left: 55%;
top: 125px
}
.about-page .page-content .factory-mobile-container .factory-point.technical {
top: 30%;
right: 280px
}
.about-page .page-content .factory-mobile-container .factory-point.laboratory {
top: 33%;
right: 200px
}
.about-page .page-content .factory-mobile-container .factory-shadow-mobile,
.about-page .page-content .factory-mobile-container .factory-mobile {
position: absolute;
top: 0;
left: 0;
right: 0;
margin: 0 auto
}
.about-page .page-content .efficiency {
position: relative;
margin-top: 120px;
height: 100vh
}
.about-page .page-content .efficiency h2 {
margin-bottom: 50px
}
.about-page .page-content .efficiency ul {
margin-left: 45px;
margin-top: 20px
}
.about-page .page-content .efficiency .factory-text {
position: relative;
padding-top: 50px;
z-index: 1;
pointer-events: none
}
.about-page .page-content .efficiency .text {
padding-top: 100px
}
.about-page .page-content .efficiency .factory-wrapper {
position: relative;
width: 100%;
height: 100%;
margin-top: -200px;
top: 0%;
left: 0;
z-index: 0
}
.about-page .page-content .efficiency .factory-wrapper .factory-canvas {
position: relative;
width: 100%;
height: 100%;
opacity: 1;
visibility: visible
}
.about-page .page-content .efficiency .factory-wrapper .factory-canvas .caption-wrapper {
position: absolute;
bottom: 40px;
width: 100%;
text-align: center;
opacity: 0;
visibility: hidden
}
.about-page .page-content .efficiency .factory-wrapper .factory-canvas .caption-wrapper .caption-button {
display: inline-block;
background: #ffffff;
position: relative;
padding: 15px 100px 15px 35px;
border-radius: 40px;
-webkit-box-shadow: 0px 21px 43px 0px rgba(55, 52, 47, 0.22);
-moz-box-shadow: 0px 21px 43px 0px rgba(55, 52, 47, 0.22);
box-shadow: 0px 21px 43px 0px rgba(55, 52, 47, 0.22)
}
.about-page .page-content .efficiency .factory-wrapper .factory-canvas .caption-wrapper .caption-button .close-btn {
position: absolute;
right: 10px;
left: inherit;
top: 10px;
background-color: initial
}
.about-page .page-content .efficiency .factory-wrapper .factory-canvas .caption-wrapper .caption-button .close-btn .line-1 {
-webkit-transition: transform 0.7s cubic-bezier(0.68, -0.55, 0.265, 1.55);
transition: transform 0.7s cubic-bezier(0.68, -0.55, 0.265, 1.55)
}
.about-page .page-content .efficiency .factory-wrapper .factory-canvas .caption-wrapper .caption-button .close-btn .line-2 {
-webkit-transition: transform 0.7s cubic-bezier(0.68, -0.55, 0.265, 1.55);
transition: transform 0.7s cubic-bezier(0.68, -0.55, 0.265, 1.55)
}
.about-page .page-content .efficiency .factory-wrapper .factory-canvas .caption-wrapper .caption-button .close-btn:after {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
border-radius: 100%;
background-color: #a68676;
z-index: -1;
-webkit-transition: transform 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);
transition: transform 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55)
}
.about-page .page-content .efficiency .factory-wrapper .factory-canvas .caption-wrapper .caption-button .close-btn:hover .line-1 {
-webkit-transform: rotate(45deg);
transform: rotate(45deg)
}
.about-page .page-content .efficiency .factory-wrapper .factory-canvas .caption-wrapper .caption-button .close-btn:hover .line-2 {
-webkit-transform: rotate(135deg);
transform: rotate(135deg)
}
.about-page .page-content .efficiency .factory-wrapper .factory-canvas .caption-wrapper .caption-button .close-btn:hover:after {
-webkit-transform: scale(1.1);
transform: scale(1.1)
}
.about-page .page-content .efficiency .factory-wrapper .factory-canvas .caption-wrapper .caption-button .title {
text-align: left
}
.about-page .page-content .efficiency .factory-wrapper .factory-canvas .caption-wrapper .caption-button .close-info {
font-family: "millerdisplay-lightitalicRg", Helvetica, Arial, sans-serif;
font-size: 9px;
line-height: 15px;
color: #a68676;
text-align: left;
text-transform: uppercase;
letter-spacing: 2px
}
.about-page .page-content .efficiency .factory-wrapper .factory-canvas .caption-text {
display: block;
position: absolute;
width: 300px;
font-family: "gillsans-bold", Helvetica, Arial, sans-serif;
font-size: 30px;
line-height: 38px;
color: #a68676;
text-transform: uppercase;
opacity: 0;
visibility: hidden
}
.about-page .page-content .efficiency .factory-wrapper .factory-inner {
position: relative;
will-change: transform
}
.about-page .page-content .efficiency .factory-wrapper .factory-shadow {
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
opacity: 0;
visibility: hidden
}
.about-page .page-content .efficiency .factory-wrapper .factory {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
opacity: 0;
visibility: hidden
}
.about-page .page-content .efficiency .factory-wrapper .factory-cover {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
opacity: 0;
visibility: hidden
}
.about-page .page-content .efficiency .factory-wrapper .interactive-points {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0;
visibility: hidden;
perspective: 1000px
}
.about-page .page-content .efficiency .factory-wrapper .interactive-points .point-wrapper {
position: absolute;
width: 50px;
height: 50px;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
.about-page .page-content .efficiency .factory-wrapper .interactive-points .point-1-wrapper {
top: 310px;
right: 800px
}
.about-page .page-content .efficiency .factory-wrapper .interactive-points .point-2-wrapper {
top: 350px;
right: 665px
}
.about-page .page-content .efficiency .factory-wrapper .interactive-points .point-3-wrapper {
top: 245px;
left: 365px
}
.about-page .page-content .efficiency .factory-wrapper .interactive-points .point-4-wrapper {
top: 140px;
left: 350px
}
.about-page .page-content .efficiency .factory-wrapper .interactive-points .point-5-wrapper {
top: 80px;
left: 500px
}
.about-page .page-content .efficiency .factory-wrapper .interactive-points .point-6-wrapper {
top: 170px;
left: 640px
}
.about-page .page-content .efficiency .factory-wrapper .interactive-points .point-7-wrapper {
top: 180px;
left: 470px
}
.about-page .page-content .efficiency .factory-wrapper .interactive-points .point-8-wrapper {
top: 310px;
right: 480px
}
.about-page .page-content .efficiency .factory-wrapper .interactive-points .point-9-wrapper {
top: 450px;
right: 480px
}
.about-page .page-content .efficiency .factory-wrapper .interactive-points .point-10-wrapper {
top: 260px;
right: 560px
}
.about-page .page-content .efficiency .factory-wrapper .interactive-points .point-11-wrapper {
top: 165px;
left: 555px
}
.about-page .page-content .efficiency .factory-wrapper .interactive-points .point-12-wrapper {
top: 135px;
left: 710px
}
.about-page .page-content .efficiency .factory-wrapper .interactive-points .point-13-wrapper {
top: 225px;
right: 290px
}
.about-page .page-content .efficiency .factory-wrapper .interactive-points .point-14-wrapper {
top: 245px;
right: 210px
}
.about-page .page-content .efficiency .factory-wrapper .interactive-points .point-15-wrapper {
top: 330px;
right: 340px
}
.about-page .page-content .efficiency .factory-wrapper .interactive-points .text {
position: relative;
top: -50px;
left: 35px;
font-family: "gillsans-bold", Helvetica, Arial, sans-serif;
font-size: 30px;
line-height: 38px;
color: #a68676;
text-transform: uppercase;
opacity: 0;
visibility: hidden;
-webkit-order: 0;
-ms-flex-order: 0;
order: 0;
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
-webkit-align-self: auto;
-ms-flex-item-align: auto;
align-self: auto
}
.about-page .page-content .efficiency .factory-wrapper .interactive-points .point {
position: absolute;
width: 50px;
height: 50px;
top: 0;
left: 0;
border-radius: 100px;
background-color: rgba(166, 134, 118, 0.3);
border: 4px solid #a68676;
cursor: pointer;
opacity: 0.8;
-webkit-transform: rotateX(45deg) scale(0.9);
transform: rotateX(45deg) scale(0.9);
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.25s cubic-bezier(0.19, 1, 0.22, 1);
transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1), transform 0.25s cubic-bezier(0.19, 1, 0.22, 1)
}
.about-page .page-content .efficiency .factory-wrapper .interactive-points .point:hover,
.about-page .page-content .efficiency .factory-wrapper .interactive-points .point.js-active {
opacity: 1;
-webkit-transform: rotateX(45deg) scale(1);
transform: rotateX(45deg) scale(1)
}
.about-page .page-content .page-footer.type-3 .call-to-action {
top: calc(50% - 265px)
}
.about-page .page-content .page-footer.type-3 .call-to-action h2 span:not(.char):after {
left: -4px
}
.about-page .page-content .page-footer.type-3 .line-frame {
top: calc(50% - 284px);
height: 410px
}
.mobile .about-page .page-content .factory-mobile-container {
display: block
}
@media only screen and (max-width: 1440px) {
.about-page .page-content .page-footer.type-3 .line-frame {
top: calc(50% - 270px);
left: -88px;
width: 515px;
height: 370px
}
}
@media only screen and (max-width: 1080px) {
.mobile .about-page .page-content .factory-mobile-container .factory-shadow-mobile,
.mobile .about-page .page-content .factory-mobile-container .factory-mobile {
width: 100%
}
.mobile .about-page .page-content .factory-mobile-container .factory-point.beamhouse {
left: 32%;
top: 20%
}
.mobile .about-page .page-content .factory-mobile-container .factory-point.tanning {
left: 47%;
top: 12%
}
.mobile .about-page .page-content .factory-mobile-container .factory-point.maintenance {
left: 64%;
top: 20%
}
.mobile .about-page .page-content .factory-mobile-container .factory-point.dyeing {
left: 56%;
top: 20%
}
.mobile .about-page .page-content .factory-mobile-container .factory-point.chemical {
left: 52%;
top: 24%
}
.mobile .about-page .page-content .factory-mobile-container .factory-point.raw {
left: 35%;
top: 32%
}
.mobile .about-page .page-content .factory-mobile-container .factory-point.drying {
left: 47%;
top: 35%
}
.mobile .about-page .page-content .factory-mobile-container .factory-point.technical {
left: 86%;
top: 30%
}
.mobile .about-page .page-content .factory-mobile-container .factory-point.finishing-1 {
left: 68%;
top: 40%
}
.mobile .about-page .page-content .factory-mobile-container .factory-point.finishing-2 {
left: 78%;
top: 44%
}
.mobile .about-page .page-content .factory-mobile-container .factory-point.control {
left: 56%;
top: 51%
}
.mobile .about-page .page-content .factory-mobile-container .factory-point.administrative {
left: 54%;
top: 56%
}
.mobile .about-page .page-content .factory-mobile-container .factory-point.offices {
left: 60%;
top: 60%
}
.mobile .about-page .page-content .factory-mobile-container .factory-point.laboratory {
left: 65%;
top: 62%
}
.mobile .about-page .page-content .factory-mobile-container .factory-point.cutting {
left: 48%;
top: 70%
}
.about-page .header-caption {
right: 60px
}
.about-page .page-content>.text-wrapper {
display: none
}
.about-page .page-content .founder .text-wrapper h3:before {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
.about-page .page-content .founder .text-wrapper h3:after {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
.about-page .page-content .founder .founder-picture {
width: 280px;
bottom: -320px;
left: 3%
}
.about-page .page-content .efficiency {
height: auto !important;
margin-bottom: 120px
}
.about-page .page-content .efficiency .text {
padding-top: 0
}
.about-page .page-content .efficiency .factory-wrapper {
display: none
}
}
@media only screen and (max-width: 768px) {
.about-page .page-header .text-wrapper {
display: none
}
.about-page .page-header .page-title {
display: block;
height: 100vh;
top: 0;
margin-top: 0
}
.about-page .page-header .page-title h2 {
position: relative;
font-size: 90px;
top: calc(50% - 150px);
text-align: left;
letter-spacing: 1px
}
.about-page .page-content>.text-wrapper {
display: block;
margin-top: 90px
}
.about-page .page-content .founder {
margin-right: 10px;
margin-left: 10px
}
.about-page .page-content .founder .text-wrapper {
margin-top: 280px;
padding: 280px 90px 115px 90px
}
.about-page .page-content .founder .founder-picture {
bottom: auto;
top: 0;
left: calc(50% - 160px);
height: auto;
width: 320px
}
.about-page .page-content .brands-history .gradient-block {
display: none
}
.about-page .page-content .brands-history .gallery-slide {
padding: 0 90px
}
.about-page .page-content .brands-history .gallery-slider-wrapper {
padding: 0 90px
}
.about-page .page-content .brands-history .slider-dragger-wrapper {
padding: 0
}
.about-page .page-content .ecologic .testemonial {
margin-top: 80px
}
.about-page .page-content .ecologic ul,
.about-page .page-content .ecologic li {
font-size: 16px;
line-height: 27px
}
.about-page .page-content .efficiency {
height: auto !important
}
.about-page .page-content .efficiency .text {
padding-top: 0
}
.about-page .page-content .page-footer.type-3 .line-frame {
top: 345px;
left: 0;
width: calc(100% - 20px);
height: 350px
}
.about-page .page-content .page-footer.type-3 .call-to-action p {
max-width: 100%
}
.mobile .about-page .page-content .factory-mobile-container {
overflow-y: hidden
}
.mobile .about-page .page-content .factory-mobile-container .factory-scroll {
position: relative;
top: 10px;
height: 100%;
padding-bottom: 5px;
overflow-x: scroll
}
.mobile .about-page .page-content .factory-mobile-container .factory-shadow-mobile,
.mobile .about-page .page-content .factory-mobile-container .factory-mobile {
width: 1200px
}
}
@media only screen and (max-width: 414px) {
.mobile .about-page .page-content .factory-mobile-container .factory-shadow-mobile,
.mobile .about-page .page-content .factory-mobile-container .factory-mobile {
width: 850px
}
.about-page #about-letters {
display: none
}
.about-page .page-header .page-title {
height: 100vh;
top: 0;
margin-top: 0
}
.about-page .page-header .page-title h2 {
position: relative;
top: calc(50% - 90px);
font-size: 57px;
margin-left: -5px;
line-height: 55px;
text-align: left
}
.about-page .page-content .min-width {
min-width: 0
}
.about-page .page-content .text-wrapper {
margin-top: 75px
}
.about-page .page-content .founder {
margin: 80px 0
}
.about-page .page-content .founder>.row {
padding: 0 10px
}
.about-page .page-content .founder .text-wrapper {
margin-top: 300px;
padding: 120px 35px 80px
}
.about-page .page-content .founder .text-wrapper h3 {
margin: 40px auto
}
.about-page .page-content .founder .text-wrapper h3:before {
right: -60%;
width: 50px
}
.about-page .page-content .founder .text-wrapper h3:after {
left: -60%;
width: 50px
}
.about-page .page-content .founder .founder-picture {
width: 100%;
height: auto;
bottom: auto;
top: 0;
left: 0
}
.about-page .page-content .founder .founder-picture img {
width: 250px;
margin: 0 auto
}
.about-page .page-content .brands-history {
margin-top: 0;
padding: 80px 0
}
.about-page .page-content .brands-history .slider-dragger-wrapper {
display: none
}
.about-page .page-content .brands-history .gallery-slider-wrapper {
margin-top: 40px;
padding: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row;
-ms-flex-flow: row;
flex-flow: row;
overflow: hidden;
-webkit-overflow-scrolling: touch
}
.about-page .page-content .brands-history .gallery-slider {
top: 10px;
width: 100%;
padding: 0 45px;
padding-bottom: 10px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow-x: scroll;
-webkit-flex-flow: row;
-ms-flex-flow: row;
flex-flow: row
}
.about-page .page-content .brands-history .gallery-slider li {
margin-right: 60px;
min-width: 175px;
max-width: 100%;
pointer-events: none;
-webkit-scroll-snap-coordinate: 0 0;
-ms-scroll-snap-coordinate: 0 0;
scroll-snap-coordinate: 0 0
}
.about-page .page-content .ecologic {
margin-top: 120px;
margin-bottom: 0
}
.about-page .page-content .ecologic .row .row {
margin-left: -0.625rem;
margin-right: -0.625rem
}
.about-page .page-content .ecologic .row .row .columns:nth-child(2),
.about-page .page-content .ecologic .row .row .columns:nth-child(3) {
padding: 0 20px
}
.about-page .page-content .ecologic ul li {
font-size: 16px;
line-height: 27px
}
.about-page .page-content .ecologic ul li span {
font-size: 16px;
line-height: 27px
}
.about-page .page-content .ecologic .testemonial {
margin-top: 60px;
border: 0
}
.about-page .page-content .ecologic .testemonial .testemonial-wrapper {
padding: 60px 35px 85px
}
.about-page .page-content .ecologic .testemonial .border {
border: 0
}
.about-page .page-content .efficiency {
margin-top: 120px;
margin-bottom: 0
}
.about-page .page-content .efficiency ul li {
font-size: 16px;
line-height: 27px
}
.about-page .page-content .general-terms {
margin-top: 80px;
margin-bottom: 120px
}
.about-page .page-content .general-terms .link:after {
width: calc(100% + 95px)
}
.about-page .page-content .page-footer.type-3 .line-frame {
top: 183px;
height: 280px;
left: 0;
width: calc(100% - 20px)
}
}
.contacts a.link:not(.aligned-left):hover,
.contacts button.link:not(.aligned-left):hover,
.contacts p.link:not(.aligned-left):hover {
letter-spacing: 8px
}
.contacts a.link:not(.aligned-left):hover:after,
.contacts button.link:not(.aligned-left):hover:after,
.contacts p.link:not(.aligned-left):hover:after {
transform: scaleX(0.5);
-webkit-transform: scaleX(0.5);
-ms-transform: scaleX(0.5)
}
.contacts a.link.aligned-left:hover,
.contacts button.link.aligned-left:hover,
.contacts p.link.aligned-left:hover {
letter-spacing: 8px
}
.contacts a.link.aligned-left:hover:after,
.contacts button.link.aligned-left:hover:after,
.contacts p.link.aligned-left:hover:after {
transform: scaleX(1);
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
width: 65%
}
.contacts .leather-texture {
background: url("../imgs/static/leather-pattern-two.jpg");
background-repeat: repeat;
background-size: 472px 340px
}
.contacts-page .page-header .page-title h2 {
letter-spacing: -10px
}
.contacts-page .page-header .page-title h2 span {
letter-spacing: -10px
}
.contacts-page .page-content {
margin-top: 0
}
.contacts-page .page-content form button.link {
pointer-events: none
}
.contacts-page .page-content form button.link.active {
pointer-events: all
}
.contacts-page .page-content .rgpd-wrapper {
position: relative;
clear: both;
font-size: 14px;
line-height: 30px;
margin-top: 40px;
margin-bottom: 50px;
color: #a68676
}
.contacts-page .page-content .rgpd-wrapper:before {
content: '';
position: absolute;
width: 25px;
height: 25px;
border: 2px solid #a68676;
top: 3px;
left: 0;
pointer-events: none
}
.contacts-page .page-content .rgpd-wrapper svg {
position: absolute;
width: 20px;
left: 5px;
top: 5px;
opacity: 0;
fill: #a68676
}
.contacts-page .page-content .rgpd-wrapper svg.active {
opacity: 1
}
.contacts-page .page-content .rgpd-wrapper input {
opacity: 0;
visibility: hidden
}
.contacts-page .page-content .rgpd-wrapper .rgpd-text {
position: relative;
top: 1px;
margin-left: 40px;
color: #a68676
}
.contacts-page .page-content .rgpd-wrapper .rgpd-text a {
color: #a68676;
text-decoration: underline
}
.contacts-page .page-content #map-container {
padding: 175px 0 120px
}
.contacts-page .page-content #map-container h3 {
display: inline-block;
vertical-align: middle
}
.contacts-page .page-content #map-container .middle-size {
max-width: 55rem;
margin-top: 75px
}
.contacts-page .page-content #map-container .caption {
width: 19px;
height: 19px;
border-radius: 50%;
display: inline-block;
vertical-align: middle;
margin-right: 15px;
border: 3px solid #fff
}
.contacts-page .page-content #map-container .caption.production-caption {
background: #eaea49
}
.contacts-page .page-content #map-container .caption.markets-caption {
background: #d36a36
}
.contacts-page .page-content #map-container .caption.sales-caption {
background: #61928d
}
.contacts-page .page-content #map-container h2 {
position: relative;
z-index: 1;
color: #fff
}
.contacts-page .page-content #map-container #map-wrapper {
margin-top: 115px;
position: relative
}
.contacts-page .page-content #map-container #map-wrapper img {
opacity: 0;
will-change: opacity
}
.contacts-page .page-content #map-container #map-wrapper #map-pointers {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 10
}
.contacts-page .page-content #map-container #map-wrapper #map-pointers .cls-1 {
display: none
}
.contacts-page .page-content #map-container #map-wrapper #map-pointers #countries {
position: relative
}
.contacts-page .page-content #map-container #map-wrapper #map-pointers #countries .pointer {
display: none
}
.contacts-page .page-content #map-container #map-wrapper #map-pointers circle {
transform: scale(1) translate3D(0, 0, 0);
-webkit-transform: scale(1) translate3D(0, 0, 0);
-ms-transform: scale(1) translate3D(0, 0, 0);
transform-origin: center center;
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
cursor: pointer;
transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
-webkit-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
pointer-events: none;
opacity: 0;
visibility: hidden
}
.contacts-page .page-content #map-container #map-wrapper #map-pointers circle.map-markets {
fill: #d36a36
}
.contacts-page .page-content #map-container #map-wrapper #map-pointers circle.map-production {
fill: #eaea49
}
.contacts-page .page-content #map-container #map-wrapper #map-pointers circle.map-sales {
fill: #61928d
}
.contacts-page .page-content #map-container #map-wrapper #map-pointers circle.active {
transform: scale(1);
-webkit-transform: scale(1);
-ms-transform: scale(1);
stroke-width: 1.5
}
.contacts-page .page-content #map-container #map-wrapper #map-pointers .country-wrapper {
width: 20px;
height: 30px;
background: transparent;
position: absolute;
z-index: 1;
cursor: pointer
}
.contacts-page .page-content #map-container .map-captions .shrink {
margin-right: 50px
}
.contacts-page .page-content #map-container .map-captions .shrink .small-caps {
margin-top: 0
}
.contacts-page .page-content #map-container .map-captions .shrink:last-child {
margin-right: 0
}
.contacts-page .page-content .formulario-container {
margin: 210px 0
}
.contacts-page .page-content .formulario-container .small-caps {
margin-top: 45px
}
.contacts-page .page-content .formulario-container form {
margin-top: -45px
}
.contacts-page .page-content .formulario-container form.sending button:before {
transform: scaleY(1);
-webkit-transform: scaleY(1)
}
.contacts-page .page-content .formulario-container form.sending button:after {
transform: scaleX(0);
-webkit-transform: scaleX(0)
}
.contacts-page .page-content .formulario-container form.sending button .on-send h4 {
transform: translateY(0);
-webkit-transform: translateY(0)
}
.contacts-page .page-content .formulario-container .wrapper-input {
position: relative;
width: 100%;
margin-bottom: 75px;
transform: translateY(100px);
-webkit-transform: translateY(100px);
opacity: 0;
visibility: hidden
}
.contacts-page .page-content .formulario-container .wrapper-input:after,
.contacts-page .page-content .formulario-container .wrapper-input:before {
content: '';
width: 1px;
height: 20px;
background: #a68676;
display: block;
position: absolute;
bottom: 0;
transition: 0.6s height cubic-bezier(0.19, 1, 0.22, 1);
-webkit-transition: 0.6s height cubic-bezier(0.19, 1, 0.22, 1)
}
.contacts-page .page-content .formulario-container .wrapper-input:after {
right: 0
}
.contacts-page .page-content .formulario-container .wrapper-input:before {
left: 0
}
.contacts-page .page-content .formulario-container .wrapper-input.is-focused:after,
.contacts-page .page-content .formulario-container .wrapper-input.is-focused:before {
height: 0
}
.contacts-page .page-content .formulario-container .wrapper-input.is-focused input {
border-bottom: 2px solid #a68676
}
.contacts-page .page-content .formulario-container .wrapper-input.last {
margin-bottom: 0
}
.contacts-page .page-content .formulario-container .wrapper-input .line-feedback {
position: absolute;
bottom: 0;
left: 0;
width: 0;
height: 2px;
background-color: transparent;
z-index: 1
}
.contacts-page .page-content .formulario-container label {
position: absolute;
top: 30%;
left: 25px;
transition: 0.6s all cubic-bezier(0.19, 1, 0.22, 1);
-webkit-transition: 0.6s all cubic-bezier(0.19, 1, 0.22, 1);
font-family: 'gillsans-mediumregular', Helvetica, Arial, sans-serif;
font-size: 10px;
line-height: 20px;
text-transform: uppercase;
letter-spacing: 3px;
color: #a68676
}
.contacts-page .page-content .formulario-container label.is-writing {
color: #0f0b04;
transform: translateY(-110%);
-webkit-transform: translateY(-110%)
}
.contacts-page .page-content .formulario-container button h4 {
position: absolute;
top: 0;
left: 0;
right: 0;
transform: translateY(-100%);
-webkit-transform: translateY(-100%);
transition: 0.6s transform cubic-bezier(0.19, 1, 0.22, 1);
-webkit-transition: 0.6s transform cubic-bezier(0.19, 1, 0.22, 1);
font-family: "millerdisplay-romanregular", Helvetica, Arial, sans-serif;
font-size: 13px;
line-height: 1;
letter-spacing: 6px;
text-transform: uppercase;
color: #a68676
}
.contacts-page .page-content .formulario-container button:after {
width: calc(100% + 15px);
left: -10px
}
.contacts-page .page-content .formulario-container button:before {
content: '';
position: absolute;
top: 0;
left: 0;
transform: scaleY(0);
-webkit-transform: scaleY(0);
transform-origin: bottom left;
-webkit-transform-origin: bottom left;
transition: 0.6s transform cubic-bezier(0.19, 1, 0.22, 1);
-webkit-transition: 0.6s transform cubic-bezier(0.19, 1, 0.22, 1);
width: 100%;
height: 100%;
background-color: #f1eee9
}
.contacts-page .page-content .formulario-container button .on-send {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden
}
.contacts-page .page-content .formulario-container input {
width: 100%;
background: transparent;
border: none;
border-radius: 0;
border-bottom: 1px solid #a68676;
padding: 15px 25px;
font-family: 'gillsans-mediumregular', Helvetica, Arial, sans-serif;
font-size: 11px;
line-height: 20px;
text-transform: uppercase;
letter-spacing: 3px;
color: #a68676;
box-shadow: none;
position: relative;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
.contacts-page .page-content .formulario-container input::-webkit-input-placeholder {
color: #a68676
}
.contacts-page .page-content .formulario-container input::-moz-placeholder {
color: #a68676
}
.contacts-page .page-content .formulario-container input:-ms-input-placeholder {
color: #a68676
}
.contacts-page .page-content .formulario-container input:-moz-placeholder {
color: #a68676
}
.contacts-page .page-content .formulario-container input:focus {
border-bottom: 2px solid #a68676
}
.contacts-page .page-content .formulario-container input:focus+label {
color: #0f0b04;
transform: translateY(-110%);
-webkit-transform: translateY(-110%)
}
.contacts-page .page-content .formulario-container input.erro+label {
color: red
}
.contacts-page .page-content footer .name {
position: absolute;
bottom: -100px;
font-family: "millerdisplay-lightregular", Helvetica, Arial, sans-serif;
font-size: 11px;
line-height: 14px;
letter-spacing: 3px;
text-transform: uppercase;
color: #ffffff
}
.contacts-page .page-content footer .name:before {
content: '';
width: 30px;
height: 1px;
background-color: #a68676;
position: absolute;
top: calc(50% - 1px);
left: -45px
}
.safari .contacts-page .page-content #map-container #map-wrapper #map-pointers circle {
transform: scale(1) translate3D(0, 0, 0);
-webkit-transform: scale(1) translate3D(0, 0, 0);
-ms-transform: scale(1) translate3D(0, 0, 0)
}
@media only screen and (max-width: 1024px) {
.contacts-page .page-content>.text-wrapper {
display: none
}
.contacts-page .page-content #map-container #map-wrapper img {
opacity: 1
}
.contacts-page .page-content #map-container #map-wrapper #map-pointers circle {
opacity: 1;
visibility: visible
}
.contacts-page .page-content .formulario-container .wrapper-input {
opacity: 1;
visibility: visible;
margin-bottom: 40px;
transform: translateY(0px);
-webkit-transform: translateY(0px)
}
.contacts-page .page-content .formulario-container form {
margin: 60px 0 0 0
}
}
@media only screen and (max-width: 768px) {
.contacts-page .page-header .text-wrapper {
display: none
}
.contacts-page .page-header .page-title {
height: 100vh;
top: 0;
margin-top: 0
}
.contacts-page .page-header .page-title h2 {
position: relative;
font-size: 90px;
top: calc(50% - 150px);
text-align: left;
letter-spacing: 1px
}
.contacts-page .page-content>.text-wrapper {
display: block;
margin: 90px 0
}
.contacts-page .page-content #map-container .map-wrapper-container {
margin-top: 80px;
margin-bottom: 40px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row;
-ms-flex-flow: row;
flex-flow: row;
overflow: hidden;
-webkit-overflow-scrolling: touch
}
.contacts-page .page-content #map-container #map-wrapper {
margin-top: 0;
margin-bottom: -5px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow-x: scroll;
overflow-y: hidden;
-webkit-flex-flow: row;
-ms-flex-flow: row;
flex-flow: row;
-webkit-overflow-scrolling: touch;
overflow-scrolling: touch
}
.contacts-page .page-content #map-container #map-wrapper img {
opacity: 1;
min-width: 1200px;
max-width: 100%;
pointer-events: none;
-webkit-scroll-snap-coordinate: 0 0;
-ms-scroll-snap-coordinate: 0 0;
scroll-snap-coordinate: 0 0
}
.contacts-page .page-content #map-container #map-wrapper #map-pointers {
min-width: 1200px;
padding-left: 90px
}
.contacts-page .page-content #map-container #map-wrapper #map-pointers svg {
min-height: 100%
}
.contacts-page .page-content #map-container #map-wrapper #map-pointers circle {
opacity: 1;
visibility: visible;
transform: scale(1) translate3D(0, 0, 0);
-webkit-transform: scale(1) translate3D(0, 0, 0);
-ms-transform: scale(1) translate3D(0, 0, 0)
}
.contacts-page .page-content .formulario-container form {
margin-left: -0.625rem;
margin-right: -0.625rem
}
}
@media only screen and (max-width: 414px) {
.contacts-page .page-header .page-title {
height: 100vh;
top: 0;
margin-top: 0
}
.contacts-page .page-header .page-title h2 {
position: relative;
top: calc(50% - 150px);
font-size: 57px;
margin-left: -5px;
line-height: 55px;
text-align: left
}
.contacts-page .page-content .text-wrapper {
margin: 75px 0
}
.contacts-page .page-content #map-container {
padding-top: 80px;
padding-bottom: 45px
}
.contacts-page .page-content #map-container #map-wrapper img {
min-width: 850px
}
.contacts-page .page-content #map-container #map-wrapper #map-pointers {
min-width: 850px;
padding-left: 0;
left: 45px
}
.contacts-page .page-content #map-container .map-captions .shrink {
margin-right: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
margin-bottom: 10px
}
.contacts-page .page-content #map-container .caption {
width: 14px;
height: 14px;
border: 2px solid #fff
}
.contacts-page .page-content .formulario-container {
margin: 80px 0
}
.contacts-page .page-content .formulario-container form {
margin-top: 45px;
margin-left: -0.625rem;
margin-right: -0.625rem
}
.contacts-page .page-content .formulario-container form .link {
margin-top: 20px
}
}
.archive-markets-page .page-header {
background: #000
}
.archive-markets-page .page-header .video-container {
height: 100vh;
position: absolute;
top: 0;
left: 0;
z-index: 0;
overflow: hidden
}
.archive-markets-page .page-header .video-container:nth-child(2),
.archive-markets-page .page-header .video-container:nth-child(3) {
opacity: 0
}
.archive-markets-page .page-header video {
position: relative;
display: block;
width: 100vw;
height: 100vh;
object-fit: cover;
object-position: 50% 50%;
overflow: hidden
}
.archive-markets-page .page-header .market-block {
height: 100vh
}
.archive-markets-page .page-header .market-block .market {
padding: 0;
height: inherit;
display: flex;
align-items: center;
justify-content: center;
flex-direction: inherit;
perspective: 500px
}
.archive-markets-page .page-header .market-block .market p:not(.link) {
margin-bottom: 50px;
opacity: 0;
visibility: hidden
}
.archive-markets-page .page-header .market-block .market h2 {
opacity: 0;
visibility: hidden
}
.archive-markets-page .page-header .market-block .market h2 .char {
opacity: 0;
visibility: hidden
}
.archive-markets-page .page-header .market-block .market .link {
margin-bottom: 0;
position: initial;
left: initial;
bottom: initial;
transform: translateX(0);
-webkit-transform: translateX(0);
transition: 1.5s all cubic-bezier(0.19, 1, 0.22, 1);
-webkit-transition: 1.5s all cubic-bezier(0.19, 1, 0.22, 1);
opacity: 0
}
.archive-markets-page .page-header .market-block .market:not(.active) {
opacity: 0.2
}
.archive-markets-page .page-header .market-block .market[data-id="automotive"] h2,
.archive-markets-page .page-header .market-block .market.active h2 {
color: #ffffff
}
.archive-markets-page .page-header .market-block .market[data-id="automotive"] h2 .char,
.archive-markets-page .page-header .market-block .market.active h2 .char {
color: #ffffff
}
.archive-markets-page .page-header .market-block .market[data-id="automotive"] .link,
.archive-markets-page .page-header .market-block .market.active .link {
color: #ffffff
}
.archive-markets-page .page-content {
display: none
}
@media only screen and (max-width: 1024px) {
.archive-markets-page .page-header {
height: auto;
min-height: 100vh
}
.archive-markets-page .page-header .video-container {
height: 80vh;
position: relative;
top: auto;
left: auto;
z-index: 1
}
.archive-markets-page .page-header .video-container:nth-child(2),
.archive-markets-page .page-header .video-container:nth-child(3) {
opacity: 1
}
.archive-markets-page .page-header video {
height: 80vh
}
.archive-markets-page .page-header .market-block .market h2 {
color: #ffffff;
opacity: 1;
visibility: visible;
margin-bottom: 0;
font-size: 38px;
line-height: 48px
}
.archive-markets-page .page-header .market-block .market p:not(.link) {
opacity: 1;
visibility: visible;
margin: 30px 0 40px 0
}
.archive-markets-page .page-header .market-block .market .link {
opacity: 1;
color: #ffffff
}
.archive-markets-page .page-header .market-block .market:not(.active) {
opacity: 1
}
.archive-markets-page .page-header .market-block {
height: 80vh
}
.archive-markets-page .page-header .market-block-text-container {
position: absolute;
top: 0;
left: 0;
z-index: 1
}
.archive-markets-page .page-header .market-block-text-container a {
height: 80vh
}
}
@media only screen and (max-width: 414px) {
.archive-markets-page .page-header .market-block .market h2 {
font-size: 26px;
line-height: 31px;
letter-spacing: 8px
}
.archive-markets-page .automotive-mob,
.archive-markets-page .aircraft-mob,
.archive-markets-page .railway-mob {
position: relative;
height: 80vh
}
.archive-markets-page .automotive-mob:after,
.archive-markets-page .aircraft-mob:after,
.archive-markets-page .railway-mob:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #000;
opacity: .4
}
}
.single-markets-page .highlight {
position: absolute;
width: 593px;
right: 0px;
padding: 60px;
background-color: #ffffff
}
.single-markets-page .highlight h4 {
position: relative;
font-family: "millerdisplay-romanregular", Helvetica, Arial, sans-serif;
font-size: 15px;
letter-spacing: 7px;
line-height: 30px;
text-transform: uppercase;
color: #3e3937;
max-width: 240px;
width: 100%
}
.single-markets-page .highlight .number {
font-size: 240px;
font-family: "millerdisplay-lightitalicRg", Helvetica, Arial, sans-serif;
letter-spacing: 0;
color: #f1eee9
}
.single-markets-page .highlight h2 {
position: absolute;
font-size: 240px;
right: 0;
top: 0;
font-family: "millerdisplay-lightitalicRg", Helvetica, Arial, sans-serif;
letter-spacing: 0;
color: #f1eee9
}
.single-markets-page .highlight h2 .million {
position: absolute;
bottom: -50px;
left: 0;
font-family: "millerdisplay-lightitalicRg", Helvetica, Arial, sans-serif;
font-size: 95px;
line-height: 1;
letter-spacing: -4px;
text-transform: none;
color: #f1eee9
}
.single-markets-page .highlight:before {
content: '';
width: 85%;
height: 110%;
border: 2px solid #ffffff;
position: absolute;
top: -5%;
right: -2px;
z-index: -1
}
.single-markets-page .page-header .page-title h2 {
font-size: 80px;
letter-spacing: -2px
}
@media only screen and (max-width: 1024px) {
.single-markets-page .page-header .page-title h2 {
font-size: 60px
}
}
.single-markets-page .page-header .page-title h2 span {
font-size: 80px;
margin: 0 -2px;
letter-spacing: -2px
}
@media only screen and (max-width: 1024px) {
.single-markets-page .page-header .page-title h2 span {
font-size: 60px
}
}
.single-markets-page.automotive-page .highlight h4 {
max-width: 275px
}
.single-markets-page.automotive-page .highlight h2.odemeter-wrapper span:not(.million) {
font-family: 'millerdisplay-lightitalicRg';
font-size: 250px;
line-height: 250px;
color: #f1eee9
}
.single-markets-page.automotive-page .page-content,
.single-markets-page.aircraft-page .page-content,
.single-markets-page.railway-page .page-content {
margin-bottom: 0
}
.single-markets-page.automotive-page .page-content section,
.single-markets-page.aircraft-page .page-content section,
.single-markets-page.railway-page .page-content section {
position: relative;
margin-bottom: 80px
}
.single-markets-page.automotive-page .page-content .introduction,
.single-markets-page.aircraft-page .page-content .introduction,
.single-markets-page.railway-page .page-content .introduction {
position: relative;
padding-top: 120px;
margin-bottom: 320px
}
.single-markets-page.automotive-page .page-content .introduction .highlight,
.single-markets-page.aircraft-page .page-content .introduction .highlight,
.single-markets-page.railway-page .page-content .introduction .highlight {
height: auto;
top: 220px
}
.single-markets-page.automotive-page .page-content .introduction h3,
.single-markets-page.aircraft-page .page-content .introduction h3,
.single-markets-page.railway-page .page-content .introduction h3 {
position: relative;
margin-bottom: 20px
}
.single-markets-page.automotive-page .page-content .aplications,
.single-markets-page.aircraft-page .page-content .aplications,
.single-markets-page.railway-page .page-content .aplications {
margin-bottom: 0
}
.single-markets-page.automotive-page .page-content .aplications h2,
.single-markets-page.aircraft-page .page-content .aplications h2,
.single-markets-page.railway-page .page-content .aplications h2 {
font-family: "gillsans-mediumregular", Helvetica, Arial, sans-serif;
font-size: 11px;
line-height: 14px;
letter-spacing: 2px;
text-transform: uppercase
}
.single-markets-page.automotive-page .page-content .aplications .aplication-wrapper,
.single-markets-page.aircraft-page .page-content .aplications .aplication-wrapper,
.single-markets-page.railway-page .page-content .aplications .aplication-wrapper {
position: relative;
margin-top: 60px
}
.single-markets-page.automotive-page .page-content .aplications .aplication-wrapper h4,
.single-markets-page.aircraft-page .page-content .aplications .aplication-wrapper h4,
.single-markets-page.railway-page .page-content .aplications .aplication-wrapper h4 {
font-family: "millerdisplay-romanregular", Helvetica, Arial, sans-serif;
font-size: 11px;
letter-spacing: 3px;
color: #3e3937;
margin-top: 45px;
margin-bottom: 10px
}
.single-markets-page.automotive-page .page-content .aplications .aplication-wrapper p,
.single-markets-page.aircraft-page .page-content .aplications .aplication-wrapper p,
.single-markets-page.railway-page .page-content .aplications .aplication-wrapper p {
font-family: "millerdisplay-lightitalicRg", Helvetica, Arial, sans-serif;
font-size: 8px;
line-height: 10px;
letter-spacing: 2px;
max-width: 215px;
width: 100%;
margin: 0 auto;
text-transform: uppercase;
color: #a68676
}
.single-markets-page.automotive-page .page-content .aplications .aplication-wrapper img,
.single-markets-page.aircraft-page .page-content .aplications .aplication-wrapper img,
.single-markets-page.railway-page .page-content .aplications .aplication-wrapper img {
display: block;
position: relative;
width: 325px;
height: 405px;
margin: 0 auto
}
.single-markets-page.automotive-page .page-content .gallery .gallery-slider,
.single-markets-page.aircraft-page .page-content .gallery .gallery-slider,
.single-markets-page.railway-page .page-content .gallery .gallery-slider {
position: relative;
width: 2000px;
height: 445px;
-webkit-transform-origin: center center;
transform-origin: center center
}
.single-markets-page.automotive-page .page-content .gallery .gallery-slider.add-shadow:after,
.single-markets-page.aircraft-page .page-content .gallery .gallery-slider.add-shadow:after,
.single-markets-page.railway-page .page-content .gallery .gallery-slider.add-shadow:after {
opacity: 1
}
.single-markets-page.automotive-page .page-content .gallery .gallery-slider:after,
.single-markets-page.aircraft-page .page-content .gallery .gallery-slider:after,
.single-markets-page.railway-page .page-content .gallery .gallery-slider:after {
content: '';
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0;
-webkit-transition: opacity 1s linear;
transition: opacity 1s linear;
-webkit-box-shadow: -14px 25px 75px 13px rgba(92, 59, 32, 0.5);
box-shadow: -14px 25px 75px 13px rgba(92, 59, 32, 0.5);
z-index: -1
}
.single-markets-page.automotive-page .page-content .gallery .gallery-slider li,
.single-markets-page.aircraft-page .page-content .gallery .gallery-slider li,
.single-markets-page.railway-page .page-content .gallery .gallery-slider li {
position: relative;
display: inline-block;
width: 438px;
height: 445px;
overflow: hidden;
cursor: pointer
}
.single-markets-page.automotive-page .page-content .gallery .gallery-slider li.js-active .text-wrapper h3,
.single-markets-page.automotive-page .page-content .gallery .gallery-slider li.js-active .text-wrapper h4,
.single-markets-page.automotive-page .page-content .gallery .gallery-slider li.js-active .text-wrapper h5,
.single-markets-page.aircraft-page .page-content .gallery .gallery-slider li.js-active .text-wrapper h3,
.single-markets-page.aircraft-page .page-content .gallery .gallery-slider li.js-active .text-wrapper h4,
.single-markets-page.aircraft-page .page-content .gallery .gallery-slider li.js-active .text-wrapper h5,
.single-markets-page.railway-page .page-content .gallery .gallery-slider li.js-active .text-wrapper h3,
.single-markets-page.railway-page .page-content .gallery .gallery-slider li.js-active .text-wrapper h4,
.single-markets-page.railway-page .page-content .gallery .gallery-slider li.js-active .text-wrapper h5 {
opacity: 1;
-webkit-filter: blur(0px);
filter: blur(0px)
}
.single-markets-page.automotive-page .page-content .gallery .gallery-slider li img,
.single-markets-page.aircraft-page .page-content .gallery .gallery-slider li img,
.single-markets-page.railway-page .page-content .gallery .gallery-slider li img {
position: relative;
width: auto;
height: 550px;
max-width: none;
left: calc(50% - 305px)
}
.single-markets-page.automotive-page .page-content .gallery .gallery-slider li .text-wrapper,
.single-markets-page.aircraft-page .page-content .gallery .gallery-slider li .text-wrapper,
.single-markets-page.railway-page .page-content .gallery .gallery-slider li .text-wrapper {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
text-align: center;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
.single-markets-page.automotive-page .page-content .gallery .gallery-slider li .text-wrapper svg,
.single-markets-page.aircraft-page .page-content .gallery .gallery-slider li .text-wrapper svg,
.single-markets-page.railway-page .page-content .gallery .gallery-slider li .text-wrapper svg {
position: absolute;
width: 80%;
height: 80%;
top: 10%;
left: 10%
}
.single-markets-page.automotive-page .page-content .gallery .gallery-slider li .text-wrapper h3,
.single-markets-page.aircraft-page .page-content .gallery .gallery-slider li .text-wrapper h3,
.single-markets-page.railway-page .page-content .gallery .gallery-slider li .text-wrapper h3 {
font-family: "gillsans-mediumregular", Helvetica, Arial, sans-serif;
font-size: 35px;
line-height: 45px;
color: #ffffff;
text-transform: uppercase;
-webkit-order: 0;
-ms-flex-order: 0;
order: 0;
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
-webkit-align-self: auto;
-ms-flex-item-align: auto;
align-self: auto;
opacity: 0;
-webkit-filter: blur(10px);
filter: blur(10px);
-webkit-transition: -webkit-filter 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition: filter 1s cubic-bezier(0.25, 0.46, 0.45, 0.94)
}
.single-markets-page.automotive-page .page-content .gallery .gallery-slider li .text-wrapper h4,
.single-markets-page.aircraft-page .page-content .gallery .gallery-slider li .text-wrapper h4,
.single-markets-page.railway-page .page-content .gallery .gallery-slider li .text-wrapper h4 {
position: absolute;
top: 17%;
left: 50%;
font-family: "gillsans-mediumregular", Helvetica, Arial, sans-serif;
font-size: 13px;
line-height: 13px;
letter-spacing: 0.5px;
color: #ffffff;
text-transform: uppercase;
opacity: 0;
-webkit-filter: blur(10px);
filter: blur(10px);
-webkit-transition: -webkit-filter 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition: filter 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
-webkit-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0)
}
.single-markets-page.automotive-page .page-content .gallery .gallery-slider li .text-wrapper h5,
.single-markets-page.aircraft-page .page-content .gallery .gallery-slider li .text-wrapper h5,
.single-markets-page.railway-page .page-content .gallery .gallery-slider li .text-wrapper h5 {
position: relative;
font-family: 'millerdisplay-romanregular';
color: #ffffff;
font-size: 13px;
letter-spacing: 5px;
text-transform: uppercase;
position: absolute;
bottom: 15%;
left: 0;
right: 0;
margin: 0 auto;
opacity: 0;
-webkit-filter: blur(10px);
filter: blur(10px);
-webkit-transition: -webkit-filter 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition: filter 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
overflow: hidden
}
.single-markets-page.automotive-page .page-content .gallery .gallery-slider li .text-wrapper h5 span,
.single-markets-page.aircraft-page .page-content .gallery .gallery-slider li .text-wrapper h5 span,
.single-markets-page.railway-page .page-content .gallery .gallery-slider li .text-wrapper h5 span {
display: block;
position: relative;
top: 0;
left: 0;
font-family: 'millerdisplay-romanregular';
color: #ffffff;
font-size: 13px;
letter-spacing: 5px;
text-transform: uppercase
}
.single-markets-page.automotive-page .page-content .gallery .gallery-slider li .text-wrapper h5 .loading-string,
.single-markets-page.aircraft-page .page-content .gallery .gallery-slider li .text-wrapper h5 .loading-string,
.single-markets-page.railway-page .page-content .gallery .gallery-slider li .text-wrapper h5 .loading-string {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0
}
.single-markets-page.automotive-page .page-content .brands,
.single-markets-page.aircraft-page .page-content .brands,
.single-markets-page.railway-page .page-content .brands {
position: relative;
margin-bottom: 150px
}
.single-markets-page.automotive-page .page-content .brands video,
.single-markets-page.aircraft-page .page-content .brands video,
.single-markets-page.railway-page .page-content .brands video {
position: absolute;
left: 0;
width: 100%
}
.single-markets-page.automotive-page .page-content .brands .brands-list,
.single-markets-page.aircraft-page .page-content .brands .brands-list,
.single-markets-page.railway-page .page-content .brands .brands-list {
position: relative;
margin-top: 40px
}
.single-markets-page.automotive-page .page-content .brands .brands-list h2,
.single-markets-page.aircraft-page .page-content .brands .brands-list h2,
.single-markets-page.railway-page .page-content .brands .brands-list h2 {
font-family: "gillsans-mediumregular", Helvetica, Arial, sans-serif;
font-size: 11px;
line-height: 22px;
letter-spacing: 2px;
text-transform: uppercase;
color: #3e3937
}
.single-markets-page.automotive-page .page-content .brands .brands-list img,
.single-markets-page.aircraft-page .page-content .brands .brands-list img,
.single-markets-page.railway-page .page-content .brands .brands-list img {
width: 188px;
height: 144px;
margin: 0 auto
}
.single-markets-page.automotive-page .page-content .brands .brands-list #slider-brands-container,
.single-markets-page.aircraft-page .page-content .brands .brands-list #slider-brands-container,
.single-markets-page.railway-page .page-content .brands .brands-list #slider-brands-container {
position: relative
}
.single-markets-page.automotive-page .page-content .brands .brands-list #slider-brands-container .slider-brands-wrapper,
.single-markets-page.aircraft-page .page-content .brands .brands-list #slider-brands-container .slider-brands-wrapper,
.single-markets-page.railway-page .page-content .brands .brands-list #slider-brands-container .slider-brands-wrapper {
position: relative;
height: 455px;
margin-top: 30px;
margin-bottom: 100px
}
.single-markets-page.automotive-page .page-content .brands .brands-list #slider-brands-container .slider-brands-wrapper .slide-brands,
.single-markets-page.aircraft-page .page-content .brands .brands-list #slider-brands-container .slider-brands-wrapper .slide-brands,
.single-markets-page.railway-page .page-content .brands .brands-list #slider-brands-container .slider-brands-wrapper .slide-brands {
position: absolute;
top: 50%;
left: 0;
margin: 0;
width: 100%;
height: 100%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%)
}
.single-markets-page.automotive-page .page-content .brands .brands-list #slider-brands-container .slider-brands-wrapper .slide-brands.active,
.single-markets-page.aircraft-page .page-content .brands .brands-list #slider-brands-container .slider-brands-wrapper .slide-brands.active,
.single-markets-page.railway-page .page-content .brands .brands-list #slider-brands-container .slider-brands-wrapper .slide-brands.active {
z-index: 1
}
.single-markets-page.automotive-page .page-content .brands .brands-list #slider-brands-container .slider-brands-wrapper .slide-brands .brand-wrapper,
.single-markets-page.aircraft-page .page-content .brands .brands-list #slider-brands-container .slider-brands-wrapper .slide-brands .brand-wrapper,
.single-markets-page.railway-page .page-content .brands .brands-list #slider-brands-container .slider-brands-wrapper .slide-brands .brand-wrapper {
position: relative
}
.single-markets-page.automotive-page .page-content .brands .brands-list #slider-brands-container .slider-brands-wrapper .slide-brands .brand-hover,
.single-markets-page.aircraft-page .page-content .brands .brands-list #slider-brands-container .slider-brands-wrapper .slide-brands .brand-hover,
.single-markets-page.railway-page .page-content .brands .brands-list #slider-brands-container .slider-brands-wrapper .slide-brands .brand-hover {
position: absolute;
margin: 0 auto;
width: 100%;
left: 0;
top: 0
}
.single-markets-page.automotive-page .page-content .brands .brands-list #slider-brands-container .slider-brands-wrapper .slide-brands .brand-hover img,
.single-markets-page.aircraft-page .page-content .brands .brands-list #slider-brands-container .slider-brands-wrapper .slide-brands .brand-hover img,
.single-markets-page.railway-page .page-content .brands .brands-list #slider-brands-container .slider-brands-wrapper .slide-brands .brand-hover img {
opacity: 0;
visibility: hidden
}
.single-markets-page.automotive-page .page-content .brands .brands-list #slider-brands-container .slider-brands-wrapper .slide-brands:not(.active) .brand-wrapper,
.single-markets-page.aircraft-page .page-content .brands .brands-list #slider-brands-container .slider-brands-wrapper .slide-brands:not(.active) .brand-wrapper,
.single-markets-page.railway-page .page-content .brands .brands-list #slider-brands-container .slider-brands-wrapper .slide-brands:not(.active) .brand-wrapper {
transform: scale(0.8);
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
opacity: 0
}
.single-markets-page.automotive-page .page-content .brands .brands-list #slider-brands-container .slider-brands-wrapper #slider-brands-dots,
.single-markets-page.aircraft-page .page-content .brands .brands-list #slider-brands-container .slider-brands-wrapper #slider-brands-dots,
.single-markets-page.railway-page .page-content .brands .brands-list #slider-brands-container .slider-brands-wrapper #slider-brands-dots {
position: absolute;
bottom: -30px;
left: 50%;
z-index: 10;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
margin: 0 auto
}
.single-markets-page.automotive-page .page-content .brands .brands-list #slider-brands-container .slider-brands-wrapper #slider-brands-dots .dot,
.single-markets-page.aircraft-page .page-content .brands .brands-list #slider-brands-container .slider-brands-wrapper #slider-brands-dots .dot,
.single-markets-page.railway-page .page-content .brands .brands-list #slider-brands-container .slider-brands-wrapper #slider-brands-dots .dot {
width: 12px;
height: 12px;
padding: 0;
background-color: rgba(166, 134, 118, 0.5);
border: none;
border-radius: 12px;
transition: 0.4s all ease-out;
-webkit-transition: 0.4s all ease-out;
pointer-events: all;
margin: 0 10px
}
.single-markets-page.automotive-page .page-content .brands .brands-list #slider-brands-container .slider-brands-wrapper #slider-brands-dots .dot.active,
.single-markets-page.aircraft-page .page-content .brands .brands-list #slider-brands-container .slider-brands-wrapper #slider-brands-dots .dot.active,
.single-markets-page.railway-page .page-content .brands .brands-list #slider-brands-container .slider-brands-wrapper #slider-brands-dots .dot.active {
width: 22px;
box-shadow: 0px 13px 19px 0px rgba(92, 59, 32, 0.3);
background-color: #a68676
}
.single-markets-page.automotive-page .page-content .brands h3,
.single-markets-page.aircraft-page .page-content .brands h3,
.single-markets-page.railway-page .page-content .brands h3 {
position: relative;
margin-top: 80px
}
.single-markets-page.automotive-page .page-content .page-footer,
.single-markets-page.aircraft-page .page-content .page-footer,
.single-markets-page.railway-page .page-content .page-footer {
height: 100vh;
position: relative;
overflow: hidden
}
.single-markets-page.automotive-page .page-content .page-footer picture,
.single-markets-page.aircraft-page .page-content .page-footer picture,
.single-markets-page.railway-page .page-content .page-footer picture {
display: none
}
.single-markets-page.automotive-page .page-content .page-footer.active,
.single-markets-page.aircraft-page .page-content .page-footer.active,
.single-markets-page.railway-page .page-content .page-footer.active {
background: #000000
}
.single-markets-page.automotive-page .page-content .page-footer.active h2,
.single-markets-page.aircraft-page .page-content .page-footer.active h2,
.single-markets-page.railway-page .page-content .page-footer.active h2 {
color: #ffffff
}
.single-markets-page.automotive-page .page-content .page-footer.active h2:before,
.single-markets-page.aircraft-page .page-content .page-footer.active h2:before,
.single-markets-page.railway-page .page-content .page-footer.active h2:before {
background: #ffffff
}
.single-markets-page.automotive-page .page-content .page-footer.active h2:after,
.single-markets-page.aircraft-page .page-content .page-footer.active h2:after,
.single-markets-page.railway-page .page-content .page-footer.active h2:after {
border: 1px solid #ffffff
}
.single-markets-page.automotive-page .page-content .page-footer.active .made-by-buro,
.single-markets-page.aircraft-page .page-content .page-footer.active .made-by-buro,
.single-markets-page.railway-page .page-content .page-footer.active .made-by-buro {
color: #ffffff
}
.single-markets-page.automotive-page .page-content .page-footer.type-2,
.single-markets-page.aircraft-page .page-content .page-footer.type-2,
.single-markets-page.railway-page .page-content .page-footer.type-2 {
margin-bottom: 0
}
.single-markets-page.automotive-page .page-content .page-footer.type-2 h4,
.single-markets-page.aircraft-page .page-content .page-footer.type-2 h4,
.single-markets-page.railway-page .page-content .page-footer.type-2 h4 {
position: absolute;
top: 150px;
right: 0;
left: 0;
margin: 0 auto;
text-align: center;
pointer-events: none
}
.single-markets-page.automotive-page .page-content .page-footer.type-2 .link,
.single-markets-page.aircraft-page .page-content .page-footer.type-2 .link,
.single-markets-page.railway-page .page-content .page-footer.type-2 .link {
transition: 1.5s all cubic-bezier(0.19, 1, 0.22, 1);
-webkit-transition: 1.5s all cubic-bezier(0.19, 1, 0.22, 1)
}
.single-markets-page.automotive-page .page-content .page-footer .made-by-buro,
.single-markets-page.aircraft-page .page-content .page-footer .made-by-buro,
.single-markets-page.railway-page .page-content .page-footer .made-by-buro {
color: #3e3937;
position: absolute;
bottom: 88px;
right: 0;
left: 0;
margin: 0 auto;
text-align: center
}
.single-markets-page.automotive-page .page-content .page-footer .video-container,
.single-markets-page.aircraft-page .page-content .page-footer .video-container,
.single-markets-page.railway-page .page-content .page-footer .video-container {
height: 100%;
width: 100vw;
position: absolute;
bottom: 0;
left: 0;
z-index: 0;
overflow: hidden;
opacity: 0
}
.single-markets-page.automotive-page .page-content .page-footer video,
.single-markets-page.aircraft-page .page-content .page-footer video,
.single-markets-page.railway-page .page-content .page-footer video {
position: relative;
display: block;
width: 100vw;
height: 100vh;
object-fit: cover;
object-position: 50% 50%;
overflow: hidden
}
.single-markets-page.automotive-page .page-content .aplications .aplication-wrapper:nth-child(n+4) h4 {
margin-top: -30px
}
.single-markets-page.aircraft-page .page-content .brands .brands-list .column,
.single-markets-page.railway-page .page-content .brands .brands-list .column {
margin-top: 30px
}
.single-markets-page.aircraft-page .page-content .brands .brands-list .column img,
.single-markets-page.railway-page .page-content .brands .brands-list .column img {
width: 210px
}
.single-markets-page.aircraft-page .page-content .aplications .aplication-wrapper,
.single-markets-page.railway-page .page-content .aplications .aplication-wrapper {
margin-top: 88px
}
.single-markets-page.aircraft-page .page-content .aplications .aplication-wrapper img,
.single-markets-page.railway-page .page-content .aplications .aplication-wrapper img {
display: inline-block;
width: 220px;
height: 220px
}
.single-markets-page.aircraft-page .page-content .specs,
.single-markets-page.railway-page .page-content .specs {
margin-top: 220px;
margin-bottom: 270px;
position: relative
}
.single-markets-page.aircraft-page .page-content .specs h2,
.single-markets-page.railway-page .page-content .specs h2 {
margin-bottom: 30px
}
.single-markets-page.aircraft-page .page-content .specs p,
.single-markets-page.railway-page .page-content .specs p {
margin-bottom: 60px
}
.single-markets-page.aircraft-page .page-content .specs h5,
.single-markets-page.railway-page .page-content .specs h5 {
margin-top: 35px;
font-family: "gillsans-bookregular", Helvetica, Arial, sans-serif;
font-size: 13px;
color: #7b7877;
letter-spacing: 0.5px;
margin-left: calc(50% + 0.625rem);
white-space: nowrap
}
.single-markets-page.aircraft-page .page-content .specs .test,
.single-markets-page.railway-page .page-content .specs .test {
font-family: "gillsans-bookregular", Helvetica, Arial, sans-serif;
font-size: 13px;
text-align: right;
position: relative;
color: #7b7877;
white-space: nowrap
}
.single-markets-page.aircraft-page .page-content .specs .test:after,
.single-markets-page.railway-page .page-content .specs .test:after {
content: '';
width: 41px;
height: 1px;
background-color: #7b7877;
position: absolute;
top: calc(50% - 0.5px);
right: calc(-48px - 0.625rem)
}
.single-markets-page.aircraft-page .page-content .specs li,
.single-markets-page.railway-page .page-content .specs li {
font-family: "gillsans-bold", Helvetica, Arial, sans-serif;
font-size: 13px;
color: #1e1e22;
margin: 10px 0;
white-space: nowrap
}
.single-markets-page.aircraft-page .page-content .specs li .levels,
.single-markets-page.railway-page .page-content .specs li .levels {
font-family: "gillsans-bookregular", Helvetica, Arial, sans-serif;
font-size: 13px;
color: #000
}
.single-markets-page.aircraft-page .page-content .specs .highlight,
.single-markets-page.railway-page .page-content .specs .highlight {
bottom: calc(-100% + 30px);
padding: 80px 50px;
width: 545px
}
.single-markets-page.aircraft-page .page-content .specs .highlight picture,
.single-markets-page.railway-page .page-content .specs .highlight picture {
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%)
}
.single-markets-page.aircraft-page .page-content .specs .highlight picture img,
.single-markets-page.railway-page .page-content .specs .highlight picture img {
max-width: 250px
}
.single-markets-page.aircraft-page .page-content .specs .highlight:before,
.single-markets-page.railway-page .page-content .specs .highlight:before {
top: -16%;
height: 132%
}
.single-markets-page.aircraft-page .page-content .single-block,
.single-markets-page.railway-page .page-content .single-block {
padding: 60px 0
}
.single-markets-page.aircraft-page .page-content .gallery,
.single-markets-page.railway-page .page-content .gallery {
margin-top: 300px;
margin-bottom: 180px
}
.single-markets-page.aircraft-page .page-content .gallery .gallery-slider,
.single-markets-page.railway-page .page-content .gallery .gallery-slider {
position: absolute;
top: -50%;
right: 0
}
.single-markets-page.aircraft-page .page-content .market-video-container,
.single-markets-page.railway-page .page-content .market-video-container {
margin-top: 225px;
margin-bottom: 155px
}
.single-markets-page.aircraft-page .page-content .market-video-container .video-market-wrapper,
.single-markets-page.railway-page .page-content .market-video-container .video-market-wrapper {
margin-top: 85px
}
.single-markets-page.aircraft-page .page-content .market-video-container .video-market-wrapper .video-image-holder,
.single-markets-page.railway-page .page-content .market-video-container .video-market-wrapper .video-image-holder {
width: 100%
}
.single-markets-page.aircraft-page .page-content .market,
.single-markets-page.railway-page .page-content .market {
opacity: 1
}
.single-markets-page.aircraft-page .page-content .specs ul {
margin-left: calc(-6.25% + -0.375rem)
}
.single-markets-page.aircraft-page .page-content .brands .brands-list .column img {
max-width: 220px;
width: 100%;
height: auto
}
@media only screen and (max-width: 1650px) {
.single-markets-page.aircraft-page .page-content .specs ul {
margin-left: 1.25rem
}
.single-markets-page.railway-page .page-content .specs ul {
margin-left: calc(-29.5% + 0.625rem)
}
.single-markets-page.automotive-page .page-content .gallery .gallery-slider,
.single-markets-page.aircraft-page .page-content .gallery .gallery-slider,
.single-markets-page.railway-page .page-content .gallery .gallery-slider {
height: 380px
}
.single-markets-page.automotive-page .page-content .gallery .gallery-slider li,
.single-markets-page.aircraft-page .page-content .gallery .gallery-slider li,
.single-markets-page.railway-page .page-content .gallery .gallery-slider li {
height: 380px
}
.single-markets-page.automotive-page .page-content .gallery .gallery-slider li img,
.single-markets-page.aircraft-page .page-content .gallery .gallery-slider li img,
.single-markets-page.railway-page .page-content .gallery .gallery-slider li img {
height: 480px
}
.single-markets-page.aircraft-page .page-content .gallery .gallery-slider li,
.single-markets-page.railway-page .page-content .gallery .gallery-slider li {
width: 380px
}
}
@media only screen and (max-width: 1440px) {
.single-markets-page .highlight h4 {
max-width: 230px
}
.single-markets-page .page-content .introduction h3 {
font-size: 24px;
line-height: 30px
}
.single-markets-page.aircraft-page .page-content .specs ul {
margin-left: 0.625rem
}
.single-markets-page.automotive-page .highlight h4 {
max-width: 270px
}
.single-markets-page.automotive-page .page-content .aplications {
padding-top: 120px
}
.single-markets-page.automotive-page .page-content .aplications .aplication-wrapper img {
width: 250px;
height: auto
}
.single-markets-page.aircraft-page .page-content .aplications .aplication-wrapper img,
.single-markets-page.railway-page .page-content .aplications .aplication-wrapper img {
width: 220px;
height: auto
}
}
@media only screen and (max-width: 1024px) {
.single-markets-page.automotive-page .page-content>.text-wrapper,
.single-markets-page.railway-page .page-content>.text-wrapper,
.single-markets-page.aircraft-page .page-content>.text-wrapper {
display: none
}
.single-markets-page.automotive-page .page-content .introduction,
.single-markets-page.railway-page .page-content .introduction,
.single-markets-page.aircraft-page .page-content .introduction {
padding-top: 0
}
.single-markets-page.automotive-page .page-content .single-block h3,
.single-markets-page.railway-page .page-content .single-block h3,
.single-markets-page.aircraft-page .page-content .single-block h3 {
font-size: 24px;
line-height: 30px
}
.single-markets-page.automotive-page .page-content .highlight,
.single-markets-page.railway-page .page-content .highlight,
.single-markets-page.aircraft-page .page-content .highlight {
width: 470px
}
.single-markets-page.automotive-page .page-content .highlight h4,
.single-markets-page.railway-page .page-content .highlight h4,
.single-markets-page.aircraft-page .page-content .highlight h4 {
font-size: 13px;
letter-spacing: 3px;
line-height: 23px
}
.single-markets-page.automotive-page .page-content .highlight h2,
.single-markets-page.railway-page .page-content .highlight h2,
.single-markets-page.aircraft-page .page-content .highlight h2 {
font-size: 140px;
top: 80px
}
.single-markets-page.automotive-page .page-content .highlight h2 .million,
.single-markets-page.railway-page .page-content .highlight h2 .million,
.single-markets-page.aircraft-page .page-content .highlight h2 .million {
font-size: 70px;
bottom: -100px
}
.single-markets-page.automotive-page .page-content .gallery .gallery-slider,
.single-markets-page.railway-page .page-content .gallery .gallery-slider,
.single-markets-page.aircraft-page .page-content .gallery .gallery-slider {
height: 350px
}
.single-markets-page.automotive-page .page-content .gallery .gallery-slider li,
.single-markets-page.railway-page .page-content .gallery .gallery-slider li,
.single-markets-page.aircraft-page .page-content .gallery .gallery-slider li {
width: 350px;
height: 350px
}
.single-markets-page.automotive-page .page-content .gallery .gallery-slider li img,
.single-markets-page.railway-page .page-content .gallery .gallery-slider li img,
.single-markets-page.aircraft-page .page-content .gallery .gallery-slider li img {
height: 350px;
left: calc(50% - 250px)
}
.single-markets-page.automotive-page .page-content .gallery .gallery-slider li .text-wrapper svg,
.single-markets-page.railway-page .page-content .gallery .gallery-slider li .text-wrapper svg,
.single-markets-page.aircraft-page .page-content .gallery .gallery-slider li .text-wrapper svg {
border: 1px solid #fff
}
.single-markets-page.automotive-page .page-content .gallery .gallery-slider li .text-wrapper h4,
.single-markets-page.automotive-page .page-content .gallery .gallery-slider li .text-wrapper h3,
.single-markets-page.automotive-page .page-content .gallery .gallery-slider li .text-wrapper h5,
.single-markets-page.railway-page .page-content .gallery .gallery-slider li .text-wrapper h4,
.single-markets-page.railway-page .page-content .gallery .gallery-slider li .text-wrapper h3,
.single-markets-page.railway-page .page-content .gallery .gallery-slider li .text-wrapper h5,
.single-markets-page.aircraft-page .page-content .gallery .gallery-slider li .text-wrapper h4,
.single-markets-page.aircraft-page .page-content .gallery .gallery-slider li .text-wrapper h3,
.single-markets-page.aircraft-page .page-content .gallery .gallery-slider li .text-wrapper h5 {
opacity: 1;
-webkit-filter: blur(0px);
filter: blur(0px);
-webkit-transition: none;
transition: none
}
.single-markets-page.automotive-page .page-content .brands h3,
.single-markets-page.railway-page .page-content .brands h3,
.single-markets-page.aircraft-page .page-content .brands h3 {
font-size: 24px;
line-height: 30px
}
.single-markets-page.automotive-page .page-content .page-footer .video-container,
.single-markets-page.railway-page .page-content .page-footer .video-container,
.single-markets-page.aircraft-page .page-content .page-footer .video-container {
width: 50vw;
opacity: 1
}
.single-markets-page.automotive-page .page-content .page-footer .video-container:nth-child(2),
.single-markets-page.railway-page .page-content .page-footer .video-container:nth-child(2),
.single-markets-page.aircraft-page .page-content .page-footer .video-container:nth-child(2) {
left: auto;
right: 0
}
.single-markets-page.automotive-page .page-content .page-footer .video-container:after,
.single-markets-page.railway-page .page-content .page-footer .video-container:after,
.single-markets-page.aircraft-page .page-content .page-footer .video-container:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #000;
opacity: .4
}
.single-markets-page.automotive-page .page-content .page-footer.type-2 .market-block .market h2,
.single-markets-page.railway-page .page-content .page-footer.type-2 .market-block .market h2,
.single-markets-page.aircraft-page .page-content .page-footer.type-2 .market-block .market h2 {
color: #fff
}
.single-markets-page.automotive-page .page-content .page-footer.type-2 .market-block .market .link,
.single-markets-page.railway-page .page-content .page-footer.type-2 .market-block .market .link,
.single-markets-page.aircraft-page .page-content .page-footer.type-2 .market-block .market .link {
color: #fff
}
.single-markets-page.automotive-page .page-content .page-footer .made-by-buro,
.single-markets-page.railway-page .page-content .page-footer .made-by-buro,
.single-markets-page.aircraft-page .page-content .page-footer .made-by-buro {
color: #ffffff
}
.single-markets-page.aircraft-page .page-content .specs .highlight,
.single-markets-page.railway-page .page-content .specs .highlight {
width: 470px
}
.single-markets-page.aircraft-page .page-content .specs .highlight h4,
.single-markets-page.railway-page .page-content .specs .highlight h4 {
max-width: 200px
}
.single-markets-page.aircraft-page .page-content .specs .highlight picture img,
.single-markets-page.railway-page .page-content .specs .highlight picture img {
max-width: 200px
}
.single-markets-page.aircraft-page .page-content .market-video-container h3,
.single-markets-page.railway-page .page-content .market-video-container h3 {
font-size: 24px;
line-height: 30px
}
}
@media only screen and (max-width: 768px) {
.single-markets-page .page-header .text-wrapper {
display: none
}
.single-markets-page .page-header .page-title {
height: 100vh;
top: 0;
margin-top: 0
}
.single-markets-page .page-header .page-title h2 {
position: relative;
font-size: 90px;
top: calc(50% - 150px);
text-align: left;
letter-spacing: 1px
}
.single-markets-page .page-content>.text-wrapper {
display: block;
margin-top: 90px
}
.single-markets-page.automotive-page .page-content .introduction,
.single-markets-page.railway-page .page-content .introduction,
.single-markets-page.aircraft-page .page-content .introduction {
margin-bottom: 460px
}
.single-markets-page.automotive-page .page-content .introduction .highlight,
.single-markets-page.railway-page .page-content .introduction .highlight,
.single-markets-page.aircraft-page .page-content .introduction .highlight {
width: 490px
}
.single-markets-page.automotive-page .page-content .gallery .gallery-slider,
.single-markets-page.railway-page .page-content .gallery .gallery-slider,
.single-markets-page.aircraft-page .page-content .gallery .gallery-slider {
margin-top: 60px;
margin-left: 90px
}
.single-markets-page.automotive-page .page-content .gallery .slider-dragger-wrapper,
.single-markets-page.railway-page .page-content .gallery .slider-dragger-wrapper,
.single-markets-page.aircraft-page .page-content .gallery .slider-dragger-wrapper {
padding: 0 90px
}
.single-markets-page.automotive-page .page-content .brands video,
.single-markets-page.railway-page .page-content .brands video,
.single-markets-page.aircraft-page .page-content .brands video {
position: relative
}
.single-markets-page.automotive-page .page-content .brands .brands-list,
.single-markets-page.railway-page .page-content .brands .brands-list,
.single-markets-page.aircraft-page .page-content .brands .brands-list {
margin-top: 80px
}
.single-markets-page.automotive-page .page-content .page-footer video,
.single-markets-page.railway-page .page-content .page-footer video,
.single-markets-page.aircraft-page .page-content .page-footer video {
height: 450px !important
}
.single-markets-page.automotive-page .page-content .page-footer .made-by-buro,
.single-markets-page.railway-page .page-content .page-footer .made-by-buro,
.single-markets-page.aircraft-page .page-content .page-footer .made-by-buro {
position: relative;
bottom: auto;
display: block;
width: 100%;
margin: 35px 0;
color: #3e3937
}
.single-markets-page.automotive-page .page-content .page-footer picture,
.single-markets-page.railway-page .page-content .page-footer picture,
.single-markets-page.aircraft-page .page-content .page-footer picture {
display: block
}
.single-markets-page.automotive-page .page-content .page-footer .video-container,
.single-markets-page.railway-page .page-content .page-footer .video-container,
.single-markets-page.aircraft-page .page-content .page-footer .video-container {
opacity: 1;
top: 210px;
width: 100vw;
height: 450px
}
.single-markets-page.automotive-page .page-content .page-footer .video-container:nth-child(2),
.single-markets-page.railway-page .page-content .page-footer .video-container:nth-child(2),
.single-markets-page.aircraft-page .page-content .page-footer .video-container:nth-child(2) {
top: 660px;
left: 0;
right: auto
}
.single-markets-page.automotive-page .page-content .page-footer.type-2,
.single-markets-page.railway-page .page-content .page-footer.type-2,
.single-markets-page.aircraft-page .page-content .page-footer.type-2 {
height: auto;
margin-top: 0
}
.single-markets-page.automotive-page .page-content .page-footer.type-2 .market-block-text-container,
.single-markets-page.railway-page .page-content .page-footer.type-2 .market-block-text-container,
.single-markets-page.aircraft-page .page-content .page-footer.type-2 .market-block-text-container {
margin-top: 210px;
position: relative;
z-index: 1
}
.single-markets-page.automotive-page .page-content .page-footer.type-2 .market-block,
.single-markets-page.railway-page .page-content .page-footer.type-2 .market-block,
.single-markets-page.aircraft-page .page-content .page-footer.type-2 .market-block {
height: 450px
}
.single-markets-page.automotive-page .page-content .page-footer.type-2 .market-block .market,
.single-markets-page.railway-page .page-content .page-footer.type-2 .market-block .market,
.single-markets-page.aircraft-page .page-content .page-footer.type-2 .market-block .market {
padding: 0
}
.single-markets-page.automotive-page .page-content .page-footer.type-2 .market-block .market h2,
.single-markets-page.railway-page .page-content .page-footer.type-2 .market-block .market h2,
.single-markets-page.aircraft-page .page-content .page-footer.type-2 .market-block .market h2 {
margin: 0
}
.single-markets-page.automotive-page .page-content .page-footer.type-2 .market-block .market p:not(.link),
.single-markets-page.railway-page .page-content .page-footer.type-2 .market-block .market p:not(.link),
.single-markets-page.aircraft-page .page-content .page-footer.type-2 .market-block .market p:not(.link) {
margin: 30px 0 40px 0
}
.single-markets-page.railway-page .page-content .introduction,
.single-markets-page.aircraft-page .page-content .introduction {
margin-bottom: 120px
}
.single-markets-page.railway-page .page-content .specs ul,
.single-markets-page.aircraft-page .page-content .specs ul {
margin-left: 0
}
.single-markets-page.railway-page .page-content .specs .test,
.single-markets-page.aircraft-page .page-content .specs .test {
padding-right: 60px;
display: block
}
.single-markets-page.railway-page .page-content .specs .test:after,
.single-markets-page.aircraft-page .page-content .specs .test:after {
right: 0
}
.single-markets-page.railway-page .page-content .specs,
.single-markets-page.aircraft-page .page-content .specs {
margin-top: 120px;
margin-bottom: 120px
}
.single-markets-page.railway-page .page-content .specs .test,
.single-markets-page.railway-page .page-content .specs li,
.single-markets-page.aircraft-page .page-content .specs .test,
.single-markets-page.aircraft-page .page-content .specs li {
margin: 0
}
.single-markets-page.railway-page .page-content .specs .test,
.single-markets-page.aircraft-page .page-content .specs .test {
display: block;
padding-right: 30px
}
.single-markets-page.railway-page .page-content .specs .test:after,
.single-markets-page.aircraft-page .page-content .specs .test:after {
width: 20px;
right: 0
}
.single-markets-page.railway-page .page-content .specs .test:nth-child(2),
.single-markets-page.aircraft-page .page-content .specs .test:nth-child(2) {
margin-bottom: 48px
}
.single-markets-page.railway-page .page-content .specs li:not(.test) .text-right,
.single-markets-page.aircraft-page .page-content .specs li:not(.test) .text-right {
text-align: left
}
.single-markets-page.railway-page .page-content .specs li:not(.test):nth-child(1),
.single-markets-page.aircraft-page .page-content .specs li:not(.test):nth-child(1) {
margin-bottom: 20px;
margin-top: -6px
}
.single-markets-page.railway-page .page-content .specs li:not(.test):nth-child(2),
.single-markets-page.aircraft-page .page-content .specs li:not(.test):nth-child(2) {
margin-bottom: 20px
}
.single-markets-page.railway-page .page-content .specs h5,
.single-markets-page.aircraft-page .page-content .specs h5 {
width: calc(100% - 90px);
position: absolute;
left: 90px;
margin-left: 0;
white-space: normal
}
.single-markets-page.railway-page .page-content .specs .highlight,
.single-markets-page.aircraft-page .page-content .specs .highlight {
bottom: -400px
}
.single-markets-page.railway-page .page-content .single-block,
.single-markets-page.aircraft-page .page-content .single-block {
margin-top: 480px
}
.single-markets-page.railway-page .page-content .gallery,
.single-markets-page.aircraft-page .page-content .gallery {
margin-top: 120px
}
.single-markets-page.railway-page .page-content .gallery .gallery-slider,
.single-markets-page.aircraft-page .page-content .gallery .gallery-slider {
position: relative;
top: auto;
right: auto
}
.single-markets-page.railway-page .page-content .market-video-container .video-market-wrapper,
.single-markets-page.aircraft-page .page-content .market-video-container .video-market-wrapper {
display: none
}
.single-markets-page.aircraft-page .page-content .specs .test,
.single-markets-page.aircraft-page .page-content .specs li {
margin: 0;
line-height: 15px;
white-space: normal
}
.single-markets-page.aircraft-page .page-content .specs .test {
margin-top: -2px
}
.single-markets-page.aircraft-page .page-content .specs .test:nth-child(2) {
margin-top: 36px;
margin-bottom: 35px
}
.single-markets-page.aircraft-page .page-content .specs .test:after {
width: 41px;
right: -30px
}
.single-markets-page.aircraft-page .page-content .specs li:not(.test):nth-child(1) {
margin-top: 4px
}
.single-markets-page.aircraft-page .page-content .specs li:not(.test):nth-child(3),
.single-markets-page.aircraft-page .page-content .specs li:not(.test):nth-child(4) {
margin-bottom: 25px
}
}
@media only screen and (max-width: 414px) {
.single-markets-page .page-header .page-title {
height: 100vh;
top: 0;
margin-top: 0
}
.single-markets-page .page-header .page-title h2 {
position: relative;
top: calc(50% - 150px);
font-size: 57px;
margin-left: -5px;
line-height: 55px;
text-align: left
}
.single-markets-page .page-header .video-image-wrapper .expand-video-wrapper {
display: none
}
.single-markets-page .highlight {
width: 100%;
padding: 42px 30px;
left: 16px
}
.single-markets-page .highlight h4 {
font-size: 10px;
line-height: 20px;
letter-spacing: 3px;
max-width: 210px
}
.single-markets-page .highlight h2 {
font-size: 110px;
top: 65px;
right: 20px
}
.single-markets-page .highlight h2 .million {
font-size: 44px;
line-height: 44px;
bottom: -70px;
letter-spacing: -2px
}
.single-markets-page .highlight:before {
height: 120%;
top: -10%
}
.single-markets-page .page-content>.text-wrapper {
margin-top: 75px
}
.single-markets-page .page-content .introduction .text-wrapper {
margin-top: 0
}
.single-markets-page .page-content .introduction h3 {
font-size: 20px;
line-height: 21px
}
.single-markets-page.automotive-page .page-content .introduction,
.single-markets-page.railway-page .page-content .introduction,
.single-markets-page.aircraft-page .page-content .introduction {
padding-top: 0;
margin-top: 75px;
margin-bottom: 420px
}
.single-markets-page.automotive-page .page-content .introduction .highlight,
.single-markets-page.railway-page .page-content .introduction .highlight,
.single-markets-page.aircraft-page .page-content .introduction .highlight {
top: 280px
}
.single-markets-page.automotive-page .page-content .highlight h4,
.single-markets-page.railway-page .page-content .highlight h4,
.single-markets-page.aircraft-page .page-content .highlight h4 {
font-size: 10px;
line-height: 20px;
letter-spacing: 3px;
max-width: 210px
}
.single-markets-page.automotive-page .page-content .highlight h2,
.single-markets-page.railway-page .page-content .highlight h2,
.single-markets-page.aircraft-page .page-content .highlight h2 {
font-size: 110px;
top: 65px;
right: 140px
}
.single-markets-page.automotive-page .page-content .highlight h2 .million,
.single-markets-page.railway-page .page-content .highlight h2 .million,
.single-markets-page.aircraft-page .page-content .highlight h2 .million {
font-size: 44px;
line-height: 44px;
bottom: -70px
}
.single-markets-page.automotive-page .page-content .gallery,
.single-markets-page.railway-page .page-content .gallery,
.single-markets-page.aircraft-page .page-content .gallery {
margin-bottom: 0
}
.single-markets-page.automotive-page .page-content .gallery .gallery-slider-wrapper,
.single-markets-page.railway-page .page-content .gallery .gallery-slider-wrapper,
.single-markets-page.aircraft-page .page-content .gallery .gallery-slider-wrapper {
padding: 70px 30px 0 30px;
overflow-y: hidden
}
.single-markets-page.automotive-page .page-content .gallery .gallery-slider,
.single-markets-page.railway-page .page-content .gallery .gallery-slider,
.single-markets-page.aircraft-page .page-content .gallery .gallery-slider {
width: 100%;
height: 320px;
margin-top: 0;
margin-left: 0;
overflow-x: scroll;
overflow-y: hidden;
display: flex
}
.single-markets-page.automotive-page .page-content .gallery .gallery-slider ::-webkit-scrollbar,
.single-markets-page.railway-page .page-content .gallery .gallery-slider ::-webkit-scrollbar,
.single-markets-page.aircraft-page .page-content .gallery .gallery-slider ::-webkit-scrollbar {
display: none
}
.single-markets-page.automotive-page .page-content .gallery .gallery-slider li,
.single-markets-page.railway-page .page-content .gallery .gallery-slider li,
.single-markets-page.aircraft-page .page-content .gallery .gallery-slider li {
min-width: 85vw;
max-width: 100%;
height: 320px
}
.single-markets-page.automotive-page .page-content .gallery .gallery-slider li img,
.single-markets-page.railway-page .page-content .gallery .gallery-slider li img,
.single-markets-page.aircraft-page .page-content .gallery .gallery-slider li img {
height: 320px;
left: calc(50% - 160px)
}
.single-markets-page.automotive-page .page-content .gallery .gallery-slider li .text-wrapper h3,
.single-markets-page.railway-page .page-content .gallery .gallery-slider li .text-wrapper h3,
.single-markets-page.aircraft-page .page-content .gallery .gallery-slider li .text-wrapper h3 {
font-size: 28px;
line-height: 28px
}
.single-markets-page.automotive-page .page-content .gallery .slider-dragger-wrapper,
.single-markets-page.railway-page .page-content .gallery .slider-dragger-wrapper,
.single-markets-page.aircraft-page .page-content .gallery .slider-dragger-wrapper {
display: none
}
.single-markets-page.automotive-page .page-content .brands,
.single-markets-page.railway-page .page-content .brands,
.single-markets-page.aircraft-page .page-content .brands {
margin-bottom: 80px;
margin-top: 0
}
.single-markets-page.automotive-page .page-content .brands video,
.single-markets-page.railway-page .page-content .brands video,
.single-markets-page.aircraft-page .page-content .brands video {
position: relative;
left: auto;
display: none
}
.single-markets-page.automotive-page .page-content .brands .brands-list h2,
.single-markets-page.railway-page .page-content .brands .brands-list h2,
.single-markets-page.aircraft-page .page-content .brands .brands-list h2 {
line-height: 14px
}
.single-markets-page.automotive-page .page-content .brands .brands-list img,
.single-markets-page.railway-page .page-content .brands .brands-list img,
.single-markets-page.aircraft-page .page-content .brands .brands-list img {
width: 138px;
height: 106px
}
.single-markets-page.automotive-page .page-content .brands .brands-list #slider-brands-container .slider-brands-wrapper,
.single-markets-page.railway-page .page-content .brands .brands-list #slider-brands-container .slider-brands-wrapper,
.single-markets-page.aircraft-page .page-content .brands .brands-list #slider-brands-container .slider-brands-wrapper {
height: 520px
}
.single-markets-page.automotive-page .page-content .brands .brands-list #slider-brands-container .slider-brands-wrapper #slider-brands-dots,
.single-markets-page.railway-page .page-content .brands .brands-list #slider-brands-container .slider-brands-wrapper #slider-brands-dots,
.single-markets-page.aircraft-page .page-content .brands .brands-list #slider-brands-container .slider-brands-wrapper #slider-brands-dots {
bottom: -60px
}
.single-markets-page.automotive-page .page-content .brands h3,
.single-markets-page.railway-page .page-content .brands h3,
.single-markets-page.aircraft-page .page-content .brands h3 {
font-size: 20px;
line-height: 21px
}
.single-markets-page.automotive-page .page-content .page-footer img,
.single-markets-page.railway-page .page-content .page-footer img,
.single-markets-page.aircraft-page .page-content .page-footer img {
height: 365px !important
}
.single-markets-page.automotive-page .page-content .page-footer .video-container,
.single-markets-page.railway-page .page-content .page-footer .video-container,
.single-markets-page.aircraft-page .page-content .page-footer .video-container {
width: 100vw;
height: 365px
}
.single-markets-page.automotive-page .page-content .page-footer .video-container:nth-child(2),
.single-markets-page.railway-page .page-content .page-footer .video-container:nth-child(2),
.single-markets-page.aircraft-page .page-content .page-footer .video-container:nth-child(2) {
top: 575px
}
.single-markets-page.automotive-page .page-content .page-footer.type-2 .market-block,
.single-markets-page.railway-page .page-content .page-footer.type-2 .market-block,
.single-markets-page.aircraft-page .page-content .page-footer.type-2 .market-block {
height: 365px
}
.single-markets-page.automotive-page .highlight h4 {
max-width: 210px
}
.single-markets-page.automotive-page .page-content .aplications .aplication-wrapper {
margin-top: 50px
}
.single-markets-page.automotive-page .page-content .aplications .aplication-wrapper img {
width: auto;
height: 320px
}
.single-markets-page.automotive-page .page-content .aplications .aplication-wrapper h4 {
margin-top: -40px
}
.single-markets-page.automotive-page .page-content .aplications .aplication-wrapper:nth-child(1) {
margin-top: 0
}
.single-markets-page.automotive-page .page-content .aplications .aplication-wrapper:nth-child(2) {
margin-top: 100px
}
.single-markets-page.automotive-page .page-content .aplications .aplication-wrapper:nth-child(2) h4 {
margin-top: 15px
}
.single-markets-page.automotive-page .page-content .aplications .aplication-wrapper:nth-child(3) {
margin-top: 70px
}
.single-markets-page.automotive-page .page-content .aplications .aplication-wrapper:nth-child(3) h4 {
margin-top: -15px
}
.single-markets-page.automotive-page .page-content .aplications .aplication-wrapper:nth-child(n+4) h4 {
margin-top: -40px
}
.single-markets-page.railway-page .page-content .introduction,
.single-markets-page.aircraft-page .page-content .introduction {
margin-bottom: 75px
}
.single-markets-page.railway-page .page-content .introduction h3,
.single-markets-page.aircraft-page .page-content .introduction h3 {
margin-bottom: 0
}
.single-markets-page.railway-page .page-content .aplications,
.single-markets-page.aircraft-page .page-content .aplications {
margin-top: 0
}
.single-markets-page.railway-page .page-content .aplications .aplication-wrapper,
.single-markets-page.aircraft-page .page-content .aplications .aplication-wrapper {
margin-top: 120px
}
.single-markets-page.railway-page .page-content .aplications .aplication-wrapper:nth-child(1),
.single-markets-page.aircraft-page .page-content .aplications .aplication-wrapper:nth-child(1) {
margin-top: 50px
}
.single-markets-page.railway-page .page-content .aplications .aplication-wrapper img,
.single-markets-page.aircraft-page .page-content .aplications .aplication-wrapper img {
width: auto;
height: 184px
}
.single-markets-page.railway-page .page-content .aplications .aplication-wrapper h4,
.single-markets-page.aircraft-page .page-content .aplications .aplication-wrapper h4 {
margin-top: 10px;
margin-bottom: 5px
}
.single-markets-page.railway-page .page-content .specs,
.single-markets-page.aircraft-page .page-content .specs {
margin-top: 120px;
margin-bottom: 120px
}
.single-markets-page.railway-page .page-content .specs .test,
.single-markets-page.railway-page .page-content .specs li,
.single-markets-page.aircraft-page .page-content .specs .test,
.single-markets-page.aircraft-page .page-content .specs li {
line-height: 15px;
margin: 0;
white-space: normal
}
.single-markets-page.railway-page .page-content .specs .test,
.single-markets-page.aircraft-page .page-content .specs .test {
display: block;
padding-right: 30px;
margin-bottom: 25px;
white-space: normal;
margin-top: 6px
}
.single-markets-page.railway-page .page-content .specs .test:after,
.single-markets-page.aircraft-page .page-content .specs .test:after {
width: 20px;
right: 0
}
.single-markets-page.railway-page .page-content .specs .test:nth-child(2),
.single-markets-page.aircraft-page .page-content .specs .test:nth-child(2) {
margin-bottom: 48px
}
.single-markets-page.railway-page .page-content .specs li:not(.test) .text-right,
.single-markets-page.aircraft-page .page-content .specs li:not(.test) .text-right {
text-align: left
}
.single-markets-page.railway-page .page-content .specs li:not(.test):nth-child(1),
.single-markets-page.aircraft-page .page-content .specs li:not(.test):nth-child(1) {
margin-bottom: 20px;
margin-top: -6px
}
.single-markets-page.railway-page .page-content .specs li:not(.test):nth-child(2),
.single-markets-page.aircraft-page .page-content .specs li:not(.test):nth-child(2) {
margin-bottom: 20px
}
.single-markets-page.railway-page .page-content .specs h5,
.single-markets-page.aircraft-page .page-content .specs h5 {
width: calc(100% - 90px);
position: absolute;
left: 45px;
margin-left: 0;
white-space: normal
}
.single-markets-page.railway-page .page-content .specs .highlight,
.single-markets-page.aircraft-page .page-content .specs .highlight {
position: relative;
width: 100%;
padding: 42px 30px;
bottom: auto;
margin-top: 160px
}
.single-markets-page.railway-page .page-content .specs .highlight h4,
.single-markets-page.aircraft-page .page-content .specs .highlight h4 {
max-width: 160px
}
.single-markets-page.railway-page .page-content .specs .highlight picture img,
.single-markets-page.aircraft-page .page-content .specs .highlight picture img {
width: 160px;
margin-top: -7px
}
.single-markets-page.railway-page .page-content .single-block,
.single-markets-page.aircraft-page .page-content .single-block {
padding: 0;
margin-top: 0
}
.single-markets-page.railway-page .page-content .single-block h3,
.single-markets-page.aircraft-page .page-content .single-block h3 {
font-size: 20px;
line-height: 21px
}
.single-markets-page.railway-page .page-content .gallery,
.single-markets-page.aircraft-page .page-content .gallery {
margin-top: 120px;
margin-bottom: 0
}
.single-markets-page.railway-page .page-content .gallery .gallery-slider,
.single-markets-page.aircraft-page .page-content .gallery .gallery-slider {
position: relative;
top: auto;
right: auto
}
.single-markets-page.railway-page .page-content .market-video-container,
.single-markets-page.aircraft-page .page-content .market-video-container {
margin-top: 0;
margin-bottom: 80px
}
.single-markets-page.railway-page .page-content .market-video-container .video-market-wrapper,
.single-markets-page.aircraft-page .page-content .market-video-container .video-market-wrapper {
margin-top: 0;
display: none
}
.single-markets-page.railway-page .page-content .market-video-container h3,
.single-markets-page.aircraft-page .page-content .market-video-container h3 {
margin-top: 0;
font-size: 20px;
line-height: 21px
}
.single-markets-page.aircraft-page .page-content .specs .test {
margin-top: -2px
}
.single-markets-page.aircraft-page .page-content .specs .test:nth-child(2) {
margin-top: 36px;
margin-bottom: 35px
}
.single-markets-page.aircraft-page .page-content .specs li:not(.test):nth-child(1) {
margin-top: 4px
}
.single-markets-page.aircraft-page .page-content .specs li:not(.test):nth-child(3),
.single-markets-page.aircraft-page .page-content .specs li:not(.test):nth-child(4) {
margin-bottom: 25px
}
.single-markets-page.aircraft-page .page-content .specs .highlight {
margin-top: 90px
}
}
.home a.link:not(.aligned-left):hover,
.home button.link:not(.aligned-left):hover,
.home p.link:not(.aligned-left):hover {
letter-spacing: 8px
}
.home a.link:not(.aligned-left):hover:after,
.home button.link:not(.aligned-left):hover:after,
.home p.link:not(.aligned-left):hover:after {
transform: scaleX(0.5);
-webkit-transform: scaleX(0.5)
}
.home a.link.aligned-left:hover,
.home button.link.aligned-left:hover,
.home p.link.aligned-left:hover {
letter-spacing: 8px
}
.home a.link.aligned-left:hover:after,
.home button.link.aligned-left:hover:after,
.home p.link.aligned-left:hover:after {
transform: scaleX(1);
-webkit-transform: scaleX(1);
width: 65%
}
.home a.link.market-link {
right: 50px
}
.home a.link.market-link.active {
right: 50px
}
.home a.link.market-link.active:after {
left: -30px;
transform: scaleX(1);
-webkit-transform: scaleX(1);
transform-origin: top right;
-webkit-transform-origin: top right
}
.home a.link.market-link.active:hover {
letter-spacing: 8px
}
.home a.link.market-link.active:hover:after {
transform: scaleX(0.93);
-webkit-transform: scaleX(0.93)
}
.home a.link.market-link.active:hover span {
letter-spacing: 8px
}
.home-page .page-header .slugline {
position: absolute;
top: 50%;
right: 0;
left: 0;
z-index: 10;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
margin: 0 auto;
pointer-events: none
}
.home-page .page-header .slugline h2 {
color: #ffffff;
opacity: 0;
font-size: 58px;
line-height: 68px
}
.home-page .page-header .slugline h2 .word {
opacity: 0
}
.home-page .page-header .slugline h2 .word.add-blur {
-webkit-transition: all 1s .3s linear;
transition: all 1s .3s linear;
-webkit-filter: blur(15px);
filter: blur(15px);
opacity: 0
}
.home-page .page-header .slugline h2 .word.remove-blur {
-webkit-filter: blur(0px);
filter: blur(0px);
opacity: 1
}
.home-page .page-header .slugline .small-caps {
opacity: 0;
transform: translateY(15px);
-webkit-transform: translateY(15px)
}
.home-page .page-header .call-to-action-projects {
position: absolute;
bottom: 37px;
opacity: 0;
visibility: hidden;
margin-left: 16px
}
.home-page .page-header .call-to-action-projects a {
display: block;
position: relative;
opacity: .6;
transition: opacity .3s ease-in-out
}
.home-page .page-header .call-to-action-projects a:hover {
opacity: 1 !important
}
.home-page .page-header .call-to-action-projects .center-projects {
margin: 0 auto
}
.home-page .page-header .call-to-action-projects .center-projects img.call-to-action-img {
max-width: 360px;
margin: 0 auto
}
.home-page .page-header #video-projects {
position: absolute;
width: auto;
height: auto;
bottom: 17vh;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
text-align: center;
opacity: 0
}
.home-page .page-header #video-projects .call-to-action-projects-vid {
position: relative
}
.home-page .page-header #video-projects .call-to-action-projects-vid .center-projects {
margin: 0 auto
}
.home-page .page-header #video-projects .call-to-action-projects-vid .center-projects img.call-to-action-img {
max-width: 360px;
margin: 0 auto;
width: auto;
height: auto;
position: relative;
display: block;
top: auto;
left: auto;
width: auto;
height: auto
}
.home-page .page-header #scroll-helper {
position: absolute;
bottom: 4vh;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
text-align: center
}
.home-page .page-header #scroll-helper .scroll-line {
position: initial;
bottom: initial;
left: initial;
margin: 0 auto
}
.home-page .page-header #scroll-helper .scroll-word {
position: initial;
bottom: initial;
margin-top: 10px;
margin-left: 0
}
.home-page .page-header .page-title {
top: calc(50% - 45px)
}
.home-page .page-header .page-title h2 {
font-size: 90px
}
.home-page .page-header .page-title h2 span {
font-size: 90px;
letter-spacing: -8px
}
.home-page .page-header .text-wrapper {
margin: 0;
max-width: 100%;
width: 100%
}
.home-page .page-header .text-wrapper>.columns {
position: relative
}
.home-page .page-header .text-wrapper .canvas-wrapper {
margin-left: 16px
}
.home-page .page-header .text-wrapper .center-projects {
margin: 0 auto
}
.home-page .page-header .text-wrapper img,
.home-page .page-header .text-wrapper video,
.home-page .page-header .text-wrapper canvas {
max-width: 100%;
opacity: 0;
visibility: hidden;
position: relative
}
.home-page .page-header .text-wrapper .canvas-tablet {
left: auto
}
.home-page .page-header .text-wrapper video {
display: none
}
.home-page .page-header .text-wrapper .floating-text {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.home-page .page-header .text-wrapper .floating-text h2 {
position: relative;
font-family: 'millerdisplay-italicregular', Helvetica, Arial, sans-serif;
font-size: 22px;
letter-spacing: 2px;
text-transform: none;
color: #0f0b04;
opacity: 0;
visibility: hidden
}
.home-page .page-header .video-ui {
position: absolute;
width: calc(100% - 130px);
height: 120px;
bottom: 6px;
left: 20px;
z-index: 2;
opacity: 0;
visibility: hidden
}
.home-page .page-header .video-ui .play-video {
position: absolute;
top: calc(50% - 25px);
padding: 0;
border: 0px;
width: 30px;
height: 30px;
left: 0
}
.home-page .page-header .video-ui .play-video .play-icon {
width: 20px
}
.home-page .page-header .video-ui .play-video .play-icon path {
stroke: none;
fill: #ffffff
}
.home-page .page-header .video-ui .play-video span {
left: 0
}
.home-page .page-header .video-ui .play-video span:before {
width: 1px;
height: 80%;
top: 10%;
left: 2px
}
.home-page .page-header .video-ui .play-video span:after {
width: 1px;
height: 80%;
top: 10%;
right: 2px
}
.home-page .page-header .video-ui .play-video .pause-icon {
position: absolute;
display: block;
top: 0;
left: -4px;
width: 100%;
height: 100%;
opacity: 0
}
.home-page .page-header .video-ui .play-video .pause-icon:before {
content: '';
display: block;
position: absolute;
width: 1px;
height: 80%;
top: 10%;
left: 2px;
background-color: #ffffff
}
.home-page .page-header .video-ui .play-video .pause-icon:after {
content: '';
display: block;
position: absolute;
width: 1px;
height: 80%;
top: 10%;
right: 2px;
background-color: #ffffff
}
.home-page .page-header .progress-bar-hit-zone {
position: absolute;
display: block;
width: 100%;
height: 20px;
left: 0%;
bottom: 25px;
cursor: pointer
}
.home-page .page-header .progress-bar-hit-zone .progress-bar-wrapper {
position: absolute;
display: block;
width: 100%;
left: 0;
top: 10px;
height: 2px;
border-radius: 2px;
background-color: rgba(166, 134, 118, 0.3)
}
.home-page .page-header .progress-bar-hit-zone .progress-bar {
position: absolute;
top: 0;
left: 0;
width: 0;
height: 2px;
border-radius: 2px;
background-color: #fff
}
.home-page .page-header .video-image-wrapper.playing .play-video .play-icon {
opacity: 0
}
.home-page .page-header .video-image-wrapper.playing .play-video .pause-icon {
opacity: 1
}
.home-page video,
.home-page canvas {
max-width: 100%
}
.home-page .page-content .introduction {
position: relative;
padding-top: 120px;
padding-bottom: 120px;
margin-bottom: 0;
pointer-events: none;
z-index: 2
}
.home-page .page-content .introduction h2 {
position: relative;
pointer-events: visible
}
.home-page .page-content .introduction .testemonial {
position: relative;
top: 100px;
pointer-events: visible
}
.home-page .page-content .introduction .testemonial .testemonial-wrapper {
border: 1px solid #a68676;
padding: 0;
border-width: 0px
}
.home-page .page-content .introduction .testemonial .testemonial-text {
position: relative;
padding: 65px 60px;
margin: 12px;
z-index: 1
}
.home-page .page-content .markets {
position: relative;
margin-top: -225px;
padding-top: 135px;
margin-bottom: 0px;
height: 95vh;
background: #000;
z-index: 1;
-webkit-box-shadow: 0px 10px 44px 0px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0px 10px 44px 0px rgba(0, 0, 0, 0.5);
box-shadow: 0px 10px 44px 0px rgba(0, 0, 0, 0.5)
}
.home-page .page-content .markets .mask {
position: absolute;
height: 100%;
width: 100%;
left: 0;
top: 0;
display: block;
overflow: hidden
}
.home-page .page-content .markets .mask .animate-sprite {
display: block;
position: absolute;
top: 0;
left: 0;
width: auto;
height: auto;
max-width: none;
max-height: none;
overflow: hidden;
-webkit-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform-origin: left top;
-ms-transform-origin: left top;
transform-origin: left top;
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.home-page .page-content .markets .mask-out {
position: absolute;
height: 95vh;
width: 100%;
left: 0;
top: 0;
display: block;
-webkit-mask: url(../imgs/ui/Itransition2-inverse.png);
-moz-mask: url(../imgs/ui/Itransition2-inverse.png);
-ms-mask: url(../imgs/ui/Itransition2-inverse.png);
-o-mask: url(../imgs/ui/Itransition2-inverse.png);
mask: url(../imgs/ui/Itransition2-inverse.png);
-webkit-mask-size: 1000% 100%;
-moz-mask-size: 1000% 100%;
-ms-mask-size: 1000% 100%;
-o-mask-size: 1000% 100%;
mask-size: 1000% 100%;
-webkit-mask-position: top left;
-moz-mask-position: top left;
-ms-mask-position: top left;
-o-mask-position: top left;
mask-position: top left;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
background-color: #000
}
.home-page .page-content .markets .mask-out.animate {
z-index: 111;
-webkit-animation: mask-to 1s steps(10) forwards;
animation: mask-to 1s steps(10) forwards
}
.home-page .page-content .markets .text-wrapper {
position: relative;
height: 100%;
pointer-events: none
}
.home-page .page-content .markets .text-wrapper h2 {
font-family: 'millerdisplay-romanregular', Helvetica, Arial, sans-serif;
font-size: 13px;
line-height: 25px;
letter-spacing: 6px;
text-transform: uppercase;
color: #ffffff;
margin-top: 32px;
max-width: 90%
}
.home-page .page-content .markets .text-wrapper .markets-picker-wrapper {
position: relative;
pointer-events: visible
}
.home-page .page-content .markets .text-wrapper .markets-picker {
position: relative;
display: inline-block
}
.home-page .page-content .markets .text-wrapper .markets-picker:after {
content: ' ';
width: calc(100% + 50px);
position: relative;
display: block;
height: 1px;
left: -25px;
margin-top: 18px;
border-bottom: 1px solid rgba(255, 255, 255, 0.2)
}
.home-page .page-content .markets .text-wrapper .markets-picker li {
display: inline-block;
padding: 0 25px;
position: relative;
font-family: 'gillsans-mediumregular', Helvetica, Arial, sans-serif;
font-size: 15px;
line-height: 20px;
letter-spacing: 0.5px;
color: rgba(255, 255, 255, 0.2);
cursor: pointer
}
.home-page .page-content .markets .text-wrapper .markets-picker li:first-child {
padding-left: 0
}
.home-page .page-content .markets .text-wrapper .markets-picker li:last-child {
padding-right: 0
}
.home-page .page-content .markets .text-wrapper .markets-picker li.active,
.home-page .page-content .markets .text-wrapper .markets-picker li.enter {
color: white
}
.home-page .page-content .markets .text-wrapper .under {
position: absolute;
width: 60px;
height: 3px;
color: #FFF;
bottom: -1px;
background: #ffffff;
left: 0;
box-shadow: 0px 0px 19px #ffffff;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: left center;
transform-origin: left center
}
.home-page .page-content .markets .text-wrapper .markets-wrapper {
position: relative
}
.home-page .page-content .markets .text-wrapper .market-content-wrapper {
opacity: 0;
visibility: hidden;
position: absolute;
top: 0;
left: 0;
filter: blur(0px)
}
.home-page .page-content .markets .text-wrapper .market-content-wrapper .brands-list {
position: relative;
margin-top: 60px;
margin-right: 40px;
display: inline-block
}
.home-page .page-content .markets .text-wrapper .market-content-wrapper .brands-list li {
display: block;
position: relative
}
.home-page .page-content .markets .text-wrapper .market-content-wrapper .brands-list li:first-child {
margin-top: 0
}
.home-page .page-content .markets .text-wrapper .market-content-wrapper .brands-list li.inactive {
visibility: hiddens;
opacity: 0
}
.home-page .page-content .markets .text-wrapper .market-content-wrapper[data-id="automotive"] .brands-list li,
.home-page .page-content .markets .text-wrapper .market-content-wrapper[data-id="automovel"] .brands-list li {
margin-top: -36px
}
.home-page .page-content .markets .text-wrapper .market-content-wrapper[data-id="automotive"] .brands-list li img,
.home-page .page-content .markets .text-wrapper .market-content-wrapper[data-id="automovel"] .brands-list li img {
width: 152px;
height: 116px
}
.home-page .page-content .markets .text-wrapper .market-content-wrapper[data-id="aircraft"] .brands-list li,
.home-page .page-content .markets .text-wrapper .market-content-wrapper[data-id="aviacao"] .brands-list li {
margin-top: 36px
}
.home-page .page-content .markets .text-wrapper .market-content-wrapper[data-id="aircraft"] .brands-list li img,
.home-page .page-content .markets .text-wrapper .market-content-wrapper[data-id="aviacao"] .brands-list li img {
width: 137px;
height: 39px
}
.home-page .page-content .markets .text-wrapper .market-content-wrapper[data-id="railway"] .brands-list li,
.home-page .page-content .markets .text-wrapper .market-content-wrapper[data-id="comboios"] .brands-list li {
margin-top: 36px
}
.home-page .page-content .markets .text-wrapper .market-content-wrapper[data-id="railway"] .brands-list li img,
.home-page .page-content .markets .text-wrapper .market-content-wrapper[data-id="comboios"] .brands-list li img {
width: 151px;
height: 36px
}
.home-page .page-content .markets .link {
position: absolute;
bottom: 130px;
right: calc(-1.25rem * 2);
opacity: 0;
visibility: hidden;
width: 400px
}
.home-page .page-content .markets .link:after {
left: -30px
}
.home-page .page-content .markets .link.active {
opacity: 1;
visibility: visible;
right: calc(-1.25rem * 2)
}
.home-page .page-content .legacy {
position: relative;
margin-top: 0px;
padding-top: 235px;
background-color: #ffffff
}
.home-page .page-content .legacy .outline-svg-text {
position: absolute;
top: -480px;
left: 0;
opacity: .3
}
.home-page .page-content .legacy .outline-svg-text path {
stroke: #a68676
}
.home-page .page-content .legacy .outline-svg-text span {
display: none;
position: relative;
left: 30px;
font-family: 'millerdisplay-italicregular', Helvetica, Arial, sans-serif;
font-size: 147px;
line-height: 1;
letter-spacing: 2px;
color: #a68676;
-webkit-text-fill-color: transparent;
text-fill-color: transparent;
-webkit-text-stroke: 1px #a68676;
text-stroke: 1px #a68676
}
.home-page .page-content .legacy .text-wrapper {
position: relative
}
.home-page .page-content .legacy .text-wrapper h6 {
margin-bottom: 80px
}
.home-page .page-content .legacy .photos-wrapper {
margin-top: -415px
}
.home-page .page-content .legacy .photos-wrapper>.columns {
position: relative
}
.home-page .page-content .legacy .photos-wrapper figure figcaption:not(.header-caption) {
top: 150px;
left: -30px;
z-index: -1
}
.home-page .page-content .legacy .photos-wrapper .photo-1 {
position: absolute;
width: 232px;
top: 200px;
left: -75px;
z-index: 1
}
.home-page .page-content .legacy .photos-wrapper .photo-2 {
position: relative;
left: 140px;
width: 355px;
top: 80px
}
.home-page .page-content .legacy .photos-wrapper .photo-3 {
position: absolute;
width: 273px;
top: -65px;
right: 0
}
.home-page .page-content .legacy .photos-wrapper .photo-4 {
position: absolute;
width: 475px;
left: -600px;
bottom: -360px
}
.home-page .page-content .legacy .photos-wrapper .text {
font-family: 'millerdisplay-lightregular';
font-size: 9px;
text-transform: uppercase;
letter-spacing: 3px;
color: #3e3937;
line-height: 11px
}
.home-page .page-content .legacy .photos-wrapper .text .desc {
font-family: 'millerdisplay-lightitalicRg';
font-size: 11px;
color: #a68676;
text-transform: none
}
.home-page .page-content .principles {
position: relative;
margin-top: 160px
}
.home-page .page-content .principles .image-wrapper {
position: relative;
height: 90%
}
.home-page .page-content .principles .image-wrapper .block-bg-cover {
position: relative
}
.home-page .page-content .principles .text-wrapper {
margin-top: 200px
}
.home-page .page-content .principles .text-wrapper h2 {
position: relative;
margin-top: 140px;
margin-bottom: 90px;
color: #ffffff
}
.home-page .page-content .principles .text-wrapper ul {
position: relative;
margin-bottom: 90px
}
.home-page .page-content .principles .text-wrapper ul li {
position: relative;
margin-top: 60px;
font-family: 'gillsans-mediumregular', Helvetica, Arial, sans-serif;
font-size: 21px;
line-height: 28px;
color: #f1eee9
}
.home-page .page-content .principles .text-wrapper ul li a {
display: block
}
.home-page .page-content .principles .text-wrapper ul li span {
position: relative;
font-family: 'gillsans-mediumregular', Helvetica, Arial, sans-serif;
font-size: 21px;
line-height: 28px;
color: #f1eee9
}
.home-page .page-content .principles .text-wrapper ul li:first-child {
margin-top: 0
}
.home-page .page-content .principles .text-wrapper ul li p {
font-family: 'gillsans-bookregular', Helvetica, Arial, sans-serif;
font-size: 13px;
line-height: 16px;
color: rgba(241, 238, 233, 0.7);
letter-spacing: 0.5px;
margin: 6px 0 0
}
.home-page .page-content .principles .text-wrapper ul li img {
width: 49px;
height: 50px;
margin-left: 0
}
.home-page .page-content .principles .text-wrapper .link {
display: inline-block;
margin-bottom: 140px
}
.home-page .page-content .principles .testemonial {
top: 70px
}
.home-page .page-content .principles .testemonial h4,
.home-page .page-content .principles .testemonial .name {
display: inline;
max-width: 100%
}
.home-page .page-content .principles .testemonial .name {
display: inline-block;
max-width: 100%;
margin-top: 25px
}
.home-page .page-content .principles .testemonial h4:before {
top: -8px
}
.home-page .page-content .principles .testemonial h4:after {
right: -12px
}
@media only screen and (max-width: 1650px) {
.home-page .page-header .slugline h2 {
font-size: 48px;
line-height: 58px
}
}
@media only screen and (max-width: 1440px) {
.home-page .page-header .slugline h2 {
font-size: 40px;
line-height: 50px
}
.home-page .page-header .page-title h2 {
font-size: 70px
}
.home-page .page-header .page-title h2 span {
font-size: 70px;
letter-spacing: -4px
}
.home-page .page-content .legacy .photos-wrapper {
padding-bottom: 50px
}
.home-page .page-content .legacy .photos-wrapper .photo-4 {
width: 450px;
left: -550px;
bottom: -460px
}
.home-page .page-content .legacy .photos-wrapper .photo-2 {
width: 290px;
top: 130px
}
}
@media only screen and (max-width: 1024px) {
.home-page .page-content .legacy {
padding-top: 135px
}
.home-page .page-content .legacy .outline-svg-text {
-webkit-transform: scale(0.7);
transform: scale(0.7);
-webkit-transform-origin: left bottom;
transform-origin: left bottom
}
.home-page .page-content .legacy .outline-svg-text svg {
opacity: 1;
visibility: visible
}
.home-page .page-content .introduction {
margin-top: 0;
padding-bottom: 0
}
.home-page .page-content .introduction .chair-wrapper-mobile {
display: none
}
.home-page .page-content .introduction .testemonial {
top: 0
}
.home-page .page-content .introduction .testemonial .border {
border: 2px solid #a68676
}
.home-page .page-content .introduction .testemonial .testemonial-text {
background-color: #ffffff
}
.home-page .page-content .legacy {
margin-bottom: 0
}
.home-page .page-content .legacy .photos-wrapper {
margin-top: -315px;
padding-bottom: 150px
}
.home-page .page-content .legacy .photos-wrapper .photo-1 {
width: 180px;
top: 100px;
left: -26px
}
.home-page .page-content .legacy .photos-wrapper .photo-2 {
top: 0
}
.home-page .page-content .legacy .photos-wrapper .photo-3 {
display: none
}
.home-page .page-content .legacy .photos-wrapper .photo-4 {
width: 400px;
left: -400px;
bottom: -380px
}
.home-page .page-content .legacy .photos-wrapper figure figcaption:not(.header-caption) {
z-index: 0;
left: 0;
top: 0
}
.home-page .page-content .principles {
margin-top: 0
}
.home-page .page-content .principles .testemonial .border {
border: 2px solid #ffffff
}
}
@media only screen and (max-width: 768px) {
.home-page .page-header #video-projects {
display: none
}
.home-page .page-header #scroll-helper .scroll-line {
position: absolute;
bottom: 40px;
left: 50%
}
.home-page .page-header .text-wrapper {
display: none
}
.home-page .page-header .page-title {
height: 100vh;
top: 0;
margin-top: 0
}
.home-page .page-header .page-title h2 {
position: relative;
font-size: 90px;
top: calc(50% - 150px);
text-align: left
}
.home-page .page-content .introduction {
padding-top: 20px;
padding-bottom: 0
}
.home-page .page-content .introduction .chair-wrapper-mobile {
display: block
}
.home-page .page-content .introduction .chair-wrapper-mobile img {
margin: 0 auto 60px auto
}
.home-page .page-content .introduction .testemonial .testemonial-text .text-wrapper {
text-align: left
}
.home-page .page-content .introduction .testemonial h4 {
max-width: 100%
}
.home-page .page-content .introduction .testemonial .name {
max-width: 100%
}
.home-page .page-content .markets {
margin-top: -52px;
min-height: 740px
}
.home-page .page-content .markets .text-wrapper .markets-picker-wrapper {
margin-left: 90px
}
.home-page .page-content .legacy .photos-wrapper {
margin-top: 0;
padding-bottom: 330px
}
.home-page .page-content .legacy .photos-wrapper .photo-4 {
display: none
}
.home-page .page-content .legacy .outline-svg-text {
top: -350px
}
.home-page .page-content .legacy .text-wrapper {
position: initial
}
.home-page .page-content .legacy .link {
position: absolute;
bottom: 0;
left: 75px;
margin-bottom: 90px
}
.home-page .page-content .principles .testemonial {
display: none
}
.home-page .page-content .principles .text-wrapper {
margin-top: 0
}
.home-page .page-content .principles .text-wrapper .link {
margin-left: 75px
}
.home-page .page-content .principles .image-wrapper {
height: 450px
}
}
@media only screen and (max-width: 414px) {
.home-page .page-header .page-title h2 {
top: calc(50% - 150px);
font-size: 57px;
margin-left: -5px;
line-height: 55px
}
.home-page .page-header #scroll-helper {
display: none
}
.home-page .page-content .introduction {
padding-bottom: 0
}
.home-page .page-content .introduction .text-wrapper {
text-align: center
}
.home-page .page-content .introduction .text-wrapper img {
margin: 0 auto 60px auto
}
.home-page .page-content .introduction .testemonial {
top: auto;
margin: 75px 10px 0 10px
}
.home-page .page-content .introduction .testemonial .border {
display: none
}
.home-page .page-content .introduction .testemonial>.row {
margin: 0
}
.home-page .page-content .introduction .testemonial .testemonial-wrapper {
margin: 0
}
.home-page .page-content .introduction .testemonial .testemonial-text {
padding: 42px 30px
}
.home-page .page-content .introduction .testemonial h4 {
font-size: 10px;
line-height: 20px;
text-indent: -11px
}
.home-page .page-content .introduction .testemonial .name {
font-size: 7px;
line-height: 10px;
letter-spacing: 2px;
margin-top: 15px
}
.home-page .page-content .introduction .testemonial .name:before {
width: 10px;
left: -16px
}
.home-page .page-content .markets {
min-height: 700px
}
.home-page .page-content .markets .bg-markets img {
position: absolute;
top: 0;
left: 0;
opacity: 0;
visibility: hidden
}
.home-page .page-content .markets .bg-markets img.active {
opacity: 1;
visibility: visible
}
.home-page .page-content .markets .bg-markets:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.3);
pointer-events: none
}
.home-page .page-content .markets .text-wrapper h2 {
font-size: 12px;
line-height: 24px;
letter-spacing: 4px;
max-width: 100%
}
.home-page .page-content .markets .text-wrapper .markets-picker-wrapper {
margin-left: 0
}
.home-page .page-content .markets .text-wrapper .markets-picker {
display: block;
text-align: center
}
.home-page .page-content .markets .text-wrapper .markets-picker:after {
width: 100%;
left: 0
}
.home-page .page-content .markets .text-wrapper .markets-picker li {
margin: 0 20px;
padding: 0
}
.home-page .page-content .markets .text-wrapper .markets-picker li:first-child {
margin-left: 20px;
padding: 0
}
.home-page .page-content .markets .text-wrapper .markets-picker li:last-child {
margin-right: 20px;
padding: 0
}
.home-page .page-content .markets .text-wrapper .market-content-wrapper .brands-list {
margin-top: 20px;
margin-right: 0
}
.home-page .page-content .markets .text-wrapper .market-content-wrapper[data-id="automotive"] .brands-list li img {
width: 127px;
height: 97px;
margin: 20px auto 0
}
.home-page .page-content .markets .text-wrapper .link {
padding-right: 0;
padding-bottom: 0;
bottom: 95px;
width: auto
}
.home-page .page-content .markets .text-wrapper .link:after {
transform: none;
-webkit-transform: none;
-ms-transform: none;
bottom: -10px
}
.home-page .page-content .markets .link {
width: 250px;
bottom: 80px
}
.home-page .page-content .markets .link span {
line-height: 20px
}
.home-page .page-content .legacy {
padding-top: 0;
padding-bottom: 260px
}
.home-page .page-content .legacy h2 {
margin-top: -40px
}
.home-page .page-content .legacy .photos-wrapper {
margin-top: 0;
padding-bottom: 0
}
.home-page .page-content .legacy .photos-wrapper .photo-1 {
width: auto;
height: 140px;
top: 65px;
left: 30px
}
.home-page .page-content .legacy .photos-wrapper .photo-2 {
left: auto;
margin-left: auto;
width: 200px;
top: 0;
margin-right: 20px;
z-index: 2
}
.home-page .page-content .legacy .photos-wrapper figure figcaption {
pointer-events: none
}
.home-page .page-content .legacy .photos-wrapper figure figcaption:not(.header-caption) {
z-index: 1;
left: 20px;
top: 190px
}
.home-page .page-content .legacy .photos-wrapper figure figcaption:not(.header-caption) .caption-pendulum {
left: 165px;
transform: rotate(90deg);
-webkit-transform: rotate(90deg);
top: calc(50% - 55px);
right: auto;
width: 40px
}
.home-page .page-content .legacy .text-wrapper h6 {
margin-bottom: 60px
}
.home-page .page-content .legacy .outline-svg-text {
position: relative;
top: auto;
margin-top: -40px;
-webkit-transform: none;
transform: none
}
.home-page .page-content .legacy .outline-svg-text span {
display: block
}
.home-page .page-content .legacy .link {
left: 30px;
margin-bottom: 90px
}
.home-page .page-content .principles .testemonial {
display: none
}
.home-page .page-content .principles .text-wrapper h2 {
margin-top: 90px;
margin-bottom: 70px
}
.home-page .page-content .principles .text-wrapper ul {
margin-bottom: 70px
}
.home-page .page-content .principles .text-wrapper ul li {
margin-top: 35px;
font-size: 18px;
line-height: 25px
}
.home-page .page-content .principles .text-wrapper ul li img {
width: 39px;
height: 40px
}
.home-page .page-content .principles .text-wrapper .link {
margin-bottom: 104px;
margin-left: 30px
}
.home-page .page-content .principles .image-wrapper {
height: 250px
}
.home-page .page-content .principles .image-wrapper .vertical-caption {
right: 40px;
width: 180px;
bottom: 20px;
line-height: 10px
}
.home-page .page-content .principles .image-wrapper .vertical-caption:before {
height: 45px;
right: -10px
}
.home-page .page-content .principles .image-wrapper .vertical-caption:after {
right: -14px
}
}
.innovation a.link:not(.aligned-left):hover,
.innovation button.link:not(.aligned-left):hover,
.innovation p.link:not(.aligned-left):hover {
letter-spacing: 8px
}
.innovation a.link:not(.aligned-left):hover:after,
.innovation button.link:not(.aligned-left):hover:after,
.innovation p.link:not(.aligned-left):hover:after {
transform: scaleX(0.5);
-webkit-transform: scaleX(0.5);
-ms-transform: scaleX(0.5)
}
.innovation a.link.aligned-left:hover,
.innovation button.link.aligned-left:hover,
.innovation p.link.aligned-left:hover {
letter-spacing: 8px
}
.innovation a.link.aligned-left:hover:after,
.innovation button.link.aligned-left:hover:after,
.innovation p.link.aligned-left:hover:after {
transform: scaleX(1);
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
width: 65%
}
.innovation-page .page-header .text-wrapper h2 {
max-width: 600px
}
.innovation-page .page-header .page-title h2 {
letter-spacing: -8px
}
.innovation-page .page-header .page-title h2 span {
letter-spacing: -8px
}
.innovation-page section {
position: relative;
margin-bottom: 80px
}
.innovation-page .sidebar-navigation .title {
left: 0
}
.innovation-page .sidebar-navigation .line-wrapper {
left: 0
}
.innovation-page .testemonial {
margin-top: -360px;
position: relative;
z-index: -1
}
.innovation-page .design {
padding-top: 80px
}
.innovation-page .design .image-gallery {
margin-top: -30px
}
.innovation-page .design .image-gallery li:nth-child(1) {
margin-top: 80px
}
.innovation-page .design .image-gallery li:nth-child(2) {
margin-top: 150px
}
.innovation-page .design .image-gallery li:nth-child(3) img {
min-width: 460px;
width: 100%
}
.innovation-page .rd {
position: relative
}
.innovation-page .rd h2 {
margin-bottom: 30px;
letter-spacing: 0
}
.innovation-page .rd h2 .char {
letter-spacing: 0
}
.innovation-page .rd p {
margin-bottom: 60px
}
.innovation-page .rd li {
position: relative;
margin: 10px 0;
transition: 3s opacity cubic-bezier(0.19, 1, 0.22, 1);
-webkit-transition: 3s opacity cubic-bezier(0.19, 1, 0.22, 1)
}
.innovation-page .rd li h6 {
font-family: "gillsans-bold", Helvetica, Arial, sans-serif;
font-size: 13px;
color: #1e1e22;
letter-spacing: 0.25px;
display: inline-block !important;
height: 27px
}
.innovation-page .rd li .popup-wrapper {
cursor: pointer
}
.innovation-page .rd li.off {
opacity: 0.1
}
.innovation-page .rd li .year {
font-family: "gillsans-bookregular", Helvetica, Arial, sans-serif;
font-size: 13px;
color: #7b7877;
position: relative;
display: block
}
.innovation-page .rd li .year:after {
content: '';
width: 41px;
height: 1px;
background-color: rgba(123, 120, 119, 0.5);
position: absolute;
top: 15px;
right: 0.8rem
}
.innovation-page .rd li .marker {
width: 8px;
height: 8px;
background: #a68676;
border-radius: 50%;
position: relative;
top: 1px;
right: -25px;
width: 8px;
display: inline-block !important
}
.innovation-page .rd li .marker.delay-marker-0.active:before {
animation: marker 3s 1s cubic-bezier(0, 0, 0, 1) infinite
}
.innovation-page .rd li .marker.delay-marker-0.active:after {
animation: marker-expand 3s 1s cubic-bezier(0, 0, 0, 1) infinite
}
.innovation-page .rd li .marker.delay-marker-1.active:before {
animation: marker 3s 2s cubic-bezier(0, 0, 0, 1) infinite
}
.innovation-page .rd li .marker.delay-marker-1.active:after {
animation: marker-expand 3s 2s cubic-bezier(0, 0, 0, 1) infinite
}
.innovation-page .rd li .marker.delay-marker-2.active:before {
animation: marker 3s 4s cubic-bezier(0, 0, 0, 1) infinite
}
.innovation-page .rd li .marker.delay-marker-2.active:after {
animation: marker-expand 3s 4s cubic-bezier(0, 0, 0, 1) infinite
}
.innovation-page .rd li .marker.delay-marker-3.active:before {
animation: marker 3s 6s cubic-bezier(0, 0, 0, 1) infinite
}
.innovation-page .rd li .marker.delay-marker-3.active:after {
animation: marker-expand 3s 6s cubic-bezier(0, 0, 0, 1) infinite
}
.innovation-page .rd li .marker:before {
content: "";
position: absolute;
margin: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 8px;
height: 8px;
background: #a68676;
border-radius: 50%;
transform: scale(1);
-webkit-transform: scale(1)
}
.innovation-page .rd li .marker:after {
content: "";
box-sizing: border-box;
position: absolute;
top: 50%;
left: 50%;
width: 120px;
height: 120px;
margin: -60px;
border: 15px solid #a68676;
background: rgba(166, 134, 118, 0.7);
border-radius: 50%;
transform: scale(0);
-webkit-transform: scale(0)
}
@keyframes marker-expand {
0% {
border-width: 1px;
opacity: 1;
transform: scale(0)
}
100% {
border-width: 0;
opacity: 0;
transform: scale(0.3)
}
}
@keyframes marker {
0% {
transform: scale(1)
}
10% {
transform: scale(1.4)
}
100% {
transform: scale(1)
}
}
.innovation-page .rd li .secondary-text {
font-family: "gillsans-mediumregular", Helvetica, Arial, sans-serif;
font-size: 13px;
color: #7b7877
}
.innovation-page .awards {
position: relative;
margin-top: -40px;
margin-bottom: 240px;
z-index: -2
}
.innovation-page .awards .awards-image-testemonial {
position: relative;
margin-bottom: 80px
}
.innovation-page .awards .awards-image-testemonial img {
filter: sepia(50%) saturate(0%);
-webkit-filter: sepia(50%) saturate(0%);
transition: filter 1s cubic-bezier(0.19, 1, 0.22, 1);
-webkit-transition: filter 1.5s cubic-bezier(0.19, 1, 0.22, 1)
}
.innovation-page .awards .awards-image-testemonial img:hover {
filter: sepia(0%) saturate(100%);
-webkit-filter: sepia(0%) saturate(100%)
}
.innovation-page .awards .testemonial {
position: absolute;
top: -460px;
z-index: 1;
pointer-events: none
}
.innovation-page .awards .awards-logo {
position: relative;
top: 27px;
width: 120px;
margin-left: auto;
margin-top: 15px;
margin-right: 0.625rem
}
.innovation-page .awards h2 {
margin-top: 70px;
margin-bottom: 24px
}
.innovation-page .awards .arrow {
width: 12px;
height: 15px;
position: absolute;
top: 0;
right: 20%;
transition: 0.6s transform cubic-bezier(0.19, 1, 0.22, 1);
-webkit-transition: 0.6s transform cubic-bezier(0.19, 1, 0.22, 1);
transform-origin: bottom center;
-webkit-transform-origin: bottom center;
will-change: transform
}
.innovation-page .awards .arrow svg path {
fill: #a68676;
stroke: #a68676;
stroke-miterlimit: 10;
stroke-width: 10px
}
.innovation-page .awards .arrow.active {
transform: rotate(-90deg);
-webkit-transform: rotate(-90deg)
}
.innovation-page .awards .acordion-content {
padding-bottom: 100px;
display: none
}
.innovation-page .awards .acordion-content p {
font-family: "gillsans-bookregular", Helvetica, Arial, sans-serif;
font-size: 18px;
line-height: 28px;
letter-spacing: 0.25px;
color: #7b7877
}
.innovation-page .awards .acordion-content .link {
margin-top: 65px;
display: inline-block
}
.innovation-page .awards .acordion-content picture {
margin-top: 50px;
display: block
}
.innovation-page .awards .acordion-content img {
margin-top: 50px
}
.innovation-page .awards .year-container {
position: relative;
height: 100%
}
.innovation-page .awards li {
position: relative;
margin: 10px 0;
cursor: pointer;
line-height: 1;
display: inline-block;
width: 100%
}
.innovation-page .awards li .title,
.innovation-page .awards li .from,
.innovation-page .awards li .acordion-content {
margin-left: -3px
}
.innovation-page .awards li p {
font-family: "gillsans-bold", Helvetica, Arial, sans-serif;
font-size: 13px;
line-height: 15px;
color: #1e1e22;
position: relative
}
.innovation-page .awards li p.title {
margin-top: 6px
}
.innovation-page .awards li .year {
font-family: "gillsans-bookregular", Helvetica, Arial, sans-serif;
font-size: 13px;
line-height: 25px;
color: #7b7877;
position: relative;
display: block
}
.innovation-page .awards li .year:after {
content: '';
width: 41px;
height: 1px;
background-color: rgba(123, 120, 119, 0.5);
position: absolute;
top: calc(50% - 1px);
right: 0.8rem
}
.innovation-page .awards li .from {
position: relative;
top: -8px;
font-family: "millerdisplay-lightregular", Helvetica, Arial, sans-serif;
font-size: 11px;
letter-spacing: 0.2px;
color: #7b7877
}
.innovation-page .awards li .from .italic {
font-family: "millerdisplay-lightitalicRg", Helvetica, Arial, sans-serif;
font-size: 11px;
color: #7b7877
}
.innovation-page .sidebar-navigation .title {
left: -11px
}
.innovation-page .sidebar-navigation .title h3 {
font-family: 'gillsans-bookregular';
font-size: 11px;
line-height: 11px;
letter-spacing: 2px;
width: 87px
}
.innovation-page .testemonial h4 {
max-width: 100%;
display: inline-block
}
.innovation-page .testemonial .name {
margin-left: 0
}
@media only screen and (max-width: 1650px) {
.innovation-page .awards li .year:after {
width: 31px;
right: 15px
}
}
@media only screen and (max-width: 1440px) {
.innovation-page .rd li .year {
margin-left: -1.6rem
}
.innovation-page .rd li .year:after {
width: 31px;
right: 15px
}
.innovation-page .awards li .year:after {
width: 25px;
right: 5px
}
.innovation-page .page-content .page-footer.type-3 .line-frame {
top: calc(50% - 320px);
left: -88px;
width: 515px;
height: 370px
}
}
@media only screen and (max-width: 1024px) {
.innovation-page .header-caption {
right: 60px
}
.innovation-page .testemonial .border {
border: 2px solid #ffffff
}
.innovation-page h3 {
font-size: 24px;
line-height: 30px
}
.innovation-page .design .image-gallery li:nth-child(3) {
margin-top: 180px
}
.innovation-page .rd li .marker {
display: none !important
}
.innovation-page .awards .awards-logo {
margin-top: 0px
}
.innovation-page .awards .acordion-content p {
font-size: 16px;
line-height: 27px;
letter-spacing: 0
}
.innovation-page .page-content>.text-wrapper {
display: none
}
.innovation-page .page-content .page-footer.type-3 .line-frame {
width: 515px;
height: 400px
}
}
@media only screen and (max-width: 768px) {
.innovation-page .page-header .text-wrapper {
display: none
}
.innovation-page .page-header .page-title {
height: 100vh;
top: 0;
margin-top: 0
}
.innovation-page .page-header .page-title h2 {
position: relative;
font-size: 90px;
top: calc(50% - 150px);
text-align: left;
letter-spacing: 1px
}
.innovation-page .page-content>.text-wrapper {
display: block;
margin-top: 90px
}
.innovation-page .design {
padding-top: 0
}
.innovation-page .rd li .year {
margin-left: 0
}
.innovation-page .rd li .year:after {
width: 41px;
right: 0.8rem
}
.innovation-page .testemonial {
margin-top: 0
}
.innovation-page .awards .awards-image-testemonial img {
filter: sepia(0%) saturate(100%);
-webkit-filter: sepia(0%) saturate(100%)
}
.innovation-page .awards .awards-logo {
top: auto;
margin-left: 0;
margin-top: 60px
}
.innovation-page .awards li {
padding-left: 0;
padding-right: 0
}
.innovation-page .awards li .row {
margin: 0
}
.innovation-page .awards li .title,
.innovation-page .awards li .from,
.innovation-page .awards li .acordion-content {
margin-left: 0
}
.innovation-page .awards li .acordion-content {
padding-bottom: 60px
}
.innovation-page .awards li .acordion-content p {
font-size: 16px;
line-height: 27px;
letter-spacing: 0.25px
}
.innovation-page .awards li p.title {
margin-top: 0;
padding-right: 25px
}
.innovation-page .awards li .year {
text-align: left;
padding-right: 0;
margin-right: 0
}
.innovation-page .awards li .year:after {
display: none
}
.innovation-page .awards li .arrow {
top: 18px;
right: 0
}
.innovation-page .page-content .page-footer.type-3 .line-frame {
top: 345px;
left: 0;
width: calc(100% - 20px);
height: 350px
}
.innovation-page .page-content .page-footer.type-3 .call-to-action p {
max-width: 100%
}
}
@media only screen and (max-width: 414px) {
.innovation-page .page-header .page-title {
display: block;
height: 100vh;
top: 0;
margin-top: 0
}
.innovation-page .page-header .page-title h2 {
position: relative;
top: calc(50% - 90px);
font-size: 57px;
margin-left: -5px;
line-height: 55px;
text-align: left
}
.innovation-page .page-content .text-wrapper {
margin-top: 75px
}
.innovation-page .design {
margin-top: 80px;
margin-bottom: 0px
}
.innovation-page .design h3 {
font-size: 20px;
line-height: 21px
}
.innovation-page .design .image-gallery li:nth-child(2),
.innovation-page .design .image-gallery li:nth-child(3) {
margin-top: 0
}
.innovation-page .design .image-gallery li {
margin-bottom: 150px
}
.innovation-page .design .image-gallery li:last-child {
margin-bottom: 0
}
.innovation-page .design figure figcaption:not(.header-caption) {
position: relative;
top: auto;
left: auto;
width: auto;
height: auto
}
.innovation-page .design figure figcaption:not(.header-caption) .text {
position: relative;
display: block;
width: 200px;
margin: 0 auto;
top: 40px;
left: auto;
font-size: 14px;
line-height: 18px
}
.innovation-page .design figure figcaption:not(.header-caption) .caption-pendulum {
width: 50px;
height: 10px;
top: 0;
left: calc(50% - 25px);
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg)
}
.innovation-page .design figure figcaption:not(.header-caption)[data-pendulum='bottom'] .caption-pendulum {
width: 10px;
height: 50px;
left: calc(50% - 5px);
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
.innovation-page .design figure figcaption:not(.header-caption)[data-pendulum='bottom'] .text {
top: 70px
}
.innovation-page .rd {
margin-top: 160px
}
.innovation-page .rd p {
margin-bottom: 40px
}
.innovation-page .rd li {
margin: 20px 0
}
.innovation-page .rd li.year {
text-align: left;
padding-right: 0;
height: auto;
line-height: 15px
}
.innovation-page .rd li.year:after {
width: 20px;
top: 6px
}
.innovation-page .rd li.year:nth-child(7) {
margin-top: 50px
}
.innovation-page .rd li.year:nth-child(8) {
margin-top: 33px
}
.innovation-page .rd .rd-list li {
height: auto;
line-height: 15px
}
.innovation-page .rd .rd-list li .year {
margin-top: -8px;
margin-left: 0
}
.innovation-page .testemonial {
top: 200px;
padding: 12px;
margin-top: 0
}
.innovation-page .testemonial .border {
border: 0
}
.innovation-page .testemonial>.row {
margin: 0
}
.innovation-page .testemonial .testemonial-wrapper {
padding: 42px 30px;
background-color: #fff
}
.innovation-page .testemonial h4 {
display: block;
font-size: 10px;
line-height: 20px;
max-width: 100%;
text-indent: -11px
}
.innovation-page .testemonial .name {
max-width: 100%;
font-size: 7px;
line-height: 10px;
letter-spacing: 2px;
margin-top: 15px
}
.innovation-page .testemonial .name:before {
width: 10px;
left: -16px
}
.innovation-page .awards {
margin-top: -240px;
margin-bottom: 80px
}
.innovation-page .awards .awards-logo {
margin-top: 220px;
width: 100px
}
.innovation-page .awards h2 {
margin-top: 40px
}
.innovation-page .page-content .page-footer.type-3 .line-frame {
top: 183px
}
.sidebar-navigation {
display: none
}
}
.legacy a.link:hover,
.legacy button.link:hover,
.legacy p.link:hover {
letter-spacing: 8px
}
.legacy a.link:hover:after,
.legacy button.link:hover:after,
.legacy p.link:hover:after {
transform: scaleX(0.5);
-webkit-transform: scaleX(0.5);
-ms-transform: scaleX(0.5)
}
.legacy .header-caption {
right: 155px
}
.legacy-page .page-header {
z-index: 0
}
.legacy-page .page-header .text-wrapper img {
width: 94px;
height: 106px;
margin-bottom: 30px
}
.legacy-page .page-header .page-title h2 {
letter-spacing: -8px
}
.legacy-page .page-header .page-title h2 span {
letter-spacing: -8px
}
.legacy-page .page-content {
position: relative;
margin-bottom: 0
}
.legacy-page .page-content .sidebar-navigation {
right: 0
}
.legacy-page .page-content .vertical-caption {
color: #ffffff;
z-index: 1
}
.legacy-page .page-content .vertical-caption:after {
border: 1px solid rgba(255, 255, 255, 0.7)
}
.legacy-page .page-content .vertical-caption:before {
background-color: rgba(255, 255, 255, 0.7)
}
.legacy-page .page-content .text-right {
text-align: right
}
.legacy-page .page-content .mt-190 {
margin-top: 190px
}
.legacy-page .page-content .mt-125 {
margin-top: 125px
}
.legacy-page .page-content .mt--300 {
margin-top: -300px
}
.legacy-page .page-content .date-badge {
background-color: #a68676;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 10px 30px;
position: absolute;
z-index: 2
}
.legacy-page .page-content .date-badge-top {
top: 25%
}
.legacy-page .page-content .date-badge-bottom {
bottom: 25%
}
.legacy-page .page-content .date-badge-center {
top: 50%
}
.legacy-page .page-content .date-badge-right {
right: -12%
}
.legacy-page .page-content .date-badge-left {
left: -12%
}
.legacy-page .page-content .date-badge span {
font-family: "millerdisplay-lightitalicRg", Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 1;
letter-spacing: 0.5px;
color: #ffffff
}
.legacy-page .page-content .date-badge.data-badge-exception {
top: -45%
}
.legacy-page .page-content .mt-180 {
margin-top: 180px
}
.legacy-page .page-content .mt-150 {
margin-top: 150px
}
.legacy-page .page-content .mt--50 {
margin-top: -50px
}
.legacy-page .page-content .mt--300 {
margin-top: -300px
}
.legacy-page .page-content .position-r {
position: relative
}
.legacy-page .page-content .position-a {
position: absolute;
top: 85px;
margin-left: -150px
}
.legacy-page .page-content .full-image-container {
height: 565px;
width: 100%;
position: relative;
margin: 190px 0
}
.legacy-page .page-content .full-image-container figcaption:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(27, 21, 18, 0.35)
}
.legacy-page .page-content .founder {
position: relative;
background-color: #F1EEE9;
z-index: -1
}
.legacy-page .page-content .founder img {
width: 357px
}
.legacy-page .page-content .founder video {
position: absolute;
width: 100%;
min-width: 550px;
margin-left: -150px;
mix-blend-mode: multiply
}
.legacy-page .page-content .founder .ie-founder {
display: none
}
.legacy-page .page-content .founder .text-wrapper {
margin-top: 250px
}
.legacy-page .page-content .founder .text-wrapper h3 {
font-family: "millerdisplay-lightregular", Helvetica, Arial, sans-serif;
font-size: 11px;
line-height: 14px;
letter-spacing: 3px;
text-transform: uppercase;
color: #a68676;
margin: 40px 0 70px 0;
position: relative;
display: inline-block
}
.legacy-page .page-content .founder .text-wrapper h3:before {
content: '';
width: 180px;
height: 1px;
background-color: rgba(166, 134, 118, 0.5);
position: absolute;
top: 50%;
left: calc(100% + 15px);
-webkit-transform: scaleX(0) translateY(-50%);
transform: scaleX(0) translateY(-50%);
-webkit-transform-origin: left center;
transform-origin: left center;
-webkit-transition: 1s 1s transform cubic-bezier(0.19, 1, 0.22, 1);
transition: 1s 1s transform cubic-bezier(0.19, 1, 0.22, 1)
}
.legacy-page .page-content .founder .text-wrapper h3:after {
content: '';
position: absolute;
width: 6px;
height: 6px;
top: 50%;
right: calc(-200% + 39px);
border-radius: 3px;
border: 1px solid rgba(166, 134, 118, 0.7);
-webkit-transform: scale(0) translateY(-50%);
transform: scale(0) translateY(-50%);
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transition: 1s 2s transform cubic-bezier(0.175, 0.885, 0.32, 1.275);
transition: 1s 2s transform cubic-bezier(0.175, 0.885, 0.32, 1.275)
}
.legacy-page .page-content .founder .text-wrapper h3.go-anim:before {
-webkit-transform: scaleY(1) translateY(-50%);
transform: scaleY(1) translateY(-50%)
}
.legacy-page .page-content .founder .text-wrapper h3.go-anim:after {
-webkit-transform: scale(1) translateY(-50%);
transform: scale(1) translateY(-50%)
}
.legacy-page .page-content .founder .text-wrapper .text {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
-webkit-column-gap: 60px;
-moz-column-gap: 60px;
column-gap: 60px
}
.legacy-page .page-content .founder .text-wrapper .text p {
text-indent: 20px;
margin-bottom: 20px
}
.legacy-page .page-content .founder .text-wrapper .text p:first-child {
text-indent: 0px
}
.legacy-page .page-content .founder .text-wrapper .text p:first-child:first-letter {
font-family: "millerdisplay-lightregular", Helvetica, Arial, sans-serif;
font-size: 55px;
line-height: 45px;
float: left;
padding: 6px 6px 0 4px;
color: #3e3937
}
.legacy-page .page-content .founder .testemonial {
margin-top: -100px
}
.legacy-page .page-content .founder .testemonial h4 {
display: inline;
max-width: 100%
}
.legacy-page .page-content .founder .testemonial h4:before {
top: -9px;
left: -13px
}
.legacy-page .page-content .founder .testemonial h4:after {
bottom: -5px;
right: -11px
}
.legacy-page .page-content .founder .testemonial .name {
display: inline-block;
max-width: 100%;
margin-top: 25px;
margin-bottom: 5px
}
.legacy-page .page-content .chronology {
position: relative;
margin-top: 250px;
margin-bottom: 200px
}
.legacy-page .page-content .chronology .outline-svg-text {
position: absolute;
top: -250px;
left: 0;
opacity: .5
}
.legacy-page .page-content .chronology .outline-svg-text path {
-webkit-transform: translateY(-50px);
transform: translateY(-50px);
stroke: #a68676
}
.legacy-page .page-content .chronology .outline-svg-text span {
display: none;
position: relative;
left: 30px;
font-family: 'millerdisplay-italicregular', Helvetica, Arial, sans-serif;
font-size: 147px;
line-height: 1;
letter-spacing: 2px;
color: #a68676;
-webkit-text-fill-color: transparent;
text-fill-color: transparent;
-webkit-text-stroke: 1px #a68676;
text-stroke: 1px #a68676
}
.legacy-page .page-content .chronology .group {
position: relative;
padding-bottom: 600px
}
.legacy-page .page-content .chronology .group:last-of-type {
padding-bottom: 100px
}
.legacy-page .page-content .chronology .group .group-wrapper {
position: relative
}
.legacy-page .page-content .chronology .group .group-wrapper .title-wrapper {
position: relative
}
.legacy-page .page-content .chronology .group .group-wrapper h2 {
position: relative;
margin-top: 30px;
margin-bottom: 260px
}
.legacy-page .page-content .chronology .group .group-wrapper p {
text-indent: 30px
}
.legacy-page .page-content .chronology .group .testemonial {
z-index: 2
}
.legacy-page .page-content .chronology .group.type-2 .text-wrapper {
margin-top: 120px
}
.legacy-page .page-content .chronology .group.type-2 .testemonial {
position: relative
}
.legacy-page .page-content .chronology .group.type-2 .testemonial .name {
margin-left: 0;
margin-top: 25px;
margin-bottom: 5px
}
.legacy-page .page-content .chronology .group.type-2 .testemonial .testemonial-wrapper {
border: none;
padding: 0
}
.legacy-page .page-content .chronology .group.type-2 .testemonial .testemonial-wrapper p {
text-indent: 0
}
.legacy-page .page-content .chronology .group.type-2 .testemonial .testemonial-text {
position: relative;
padding: 60px 80px;
border: 1px solid #ffffff;
border-width: 0;
z-index: 1
}
.legacy-page .page-content .chronology .group.type-2 .testemonial img {
position: absolute;
bottom: -50%;
right: calc(-50% - 70px);
min-width: 472px;
width: 100%;
z-index: 0
}
.legacy-page .page-content .chronology .group.type-2 .testemonial img.exception {
width: 50%;
right: -80px
}
.legacy-page .page-content .chronology .group[data-sectionname="1970"],
.legacy-page .page-content .chronology .group[data-sectionname="1990"] {
margin-top: 150px
}
.legacy-page .page-content .chronology .group[data-sectionname="1980"] .testemonial h4 {
display: inline;
max-width: 100%
}
.legacy-page .page-content .page-footer.type-1 .text-wrapper .columns .call-to-action {
right: -368px
}
.legacy-page .page-content .page-footer.type-2 #chair-footer {
width: 330px;
height: 330px;
position: absolute;
bottom: 0;
left: calc(50% - 143px);
margin: 0 auto;
z-index: -1
}
.legacy-page .sidebar-navigation .title {
left: -106px;
top: calc(50% - 45px)
}
.legacy-page .sidebar-navigation .title h3 {
width: 200px
}
.ie .legacy-page .page-content .founder video {
display: none
}
.ie .legacy-page .page-content .founder .ie-founder {
display: block
}
@media only screen and (max-width: 1650px) {
.legacy-page .page-content .mt-large-100 {
margin-top: 100px
}
.legacy-page .page-content .vertical-caption {
right: 200px
}
}
@media only screen and (max-width: 1440px) {
.legacy-page .page-content .group[data-sectionName="1970"] .testemonial,
.legacy-page .page-content .group[data-sectionName="1940"] .testemonial,
.legacy-page .page-content .group[data-sectionName="1960"] .testemonial {
margin-top: 150px
}
.legacy-page .page-content .founder video {
min-width: 500px
}
}
@media only screen and (max-width: 1024px) {
.legacy-page .outline-svg-text svg {
opacity: 1;
visibility: visible
}
.legacy-page .page-content>.text-wrapper {
display: none
}
.legacy-page .page-content .founder video {
min-width: 420px
}
.legacy-page .page-content .founder .text-wrapper h3:before {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
.legacy-page .page-content .founder .text-wrapper h3:after {
right: calc(-200% + 27px);
-webkit-transform: scale(1);
transform: scale(1)
}
.legacy-page .page-content .founder .testemonial .border {
border: 2px solid #ffffff
}
.legacy-page .page-content .chronology .group {
padding-bottom: 450px
}
.legacy-page .page-content .chronology .group .testemonial .border {
border: 2px solid #ffffff
}
.legacy-page .page-content .chronology .group .vertical-caption {
right: 60px
}
.legacy-page .page-content .chronology .group .position-a {
margin-left: -50px
}
.legacy-page .page-content .chronology .group .group-wrapper h2 {
margin-top: -70px;
margin-bottom: 180px
}
.legacy-page .page-content .chronology .group .group-wrapper h3:not(.vertical-caption) {
font-size: 24px;
line-height: 30px
}
.legacy-page .page-content .chronology .group[data-sectionname="1939"] .group-wrapper p,
.legacy-page .page-content .chronology .group[data-sectionname="1950"] .group-wrapper p {
margin-bottom: 50px
}
.legacy-page .page-content .chronology .group[data-sectionname="1960"].type-2 .text-wrapper {
margin-top: 0
}
.legacy-page .page-content .chronology .group[data-sectionname="1970"] .mt--300 {
margin-top: -150px
}
.legacy-page .page-content .chronology .group[data-sectionname="1980"] figure.mt-190 {
margin-top: 330px
}
.legacy-page .page-content .chronology .group[data-sectionname="1990"] {
margin-top: 280px
}
.legacy-page .page-content .chronology .group[data-sectionname="1990"] .mt-125 {
margin-top: 220px
}
.legacy-page .page-content .chronology .group[data-sectionname="2010"].type-2 .text-wrapper,
.legacy-page .page-content .chronology .group[data-sectionname="2014"].type-2 .text-wrapper {
margin-top: 0
}
}
@media only screen and (max-width: 768px) {
.legacy-page .page-header .text-wrapper {
display: none
}
.legacy-page .page-header .page-title {
height: 100vh;
top: 0;
margin-top: 0
}
.legacy-page .page-header .page-title h2 {
position: relative;
font-size: 90px;
top: calc(50% - 150px);
text-align: left;
letter-spacing: 1px
}
.legacy-page .page-content .mt--300 {
margin-top: 0
}
.legacy-page .page-content>.text-wrapper {
display: block;
margin-top: 90px
}
.legacy-page .page-content>.text-wrapper img {
width: 94px;
height: 106px;
margin-bottom: 30px
}
.legacy-page .page-content .founder {
margin-bottom: 350px
}
.legacy-page .page-content .founder video {
position: relative;
width: 600px;
margin-left: 0;
min-width: 0
}
.legacy-page .page-content .founder .text-wrapper {
margin-top: 120px
}
.legacy-page .page-content .founder .text-wrapper h3 {
padding-right: 0
}
.legacy-page .page-content .founder .text-wrapper h3:after {
right: calc(-100% + 3px);
top: calc(50% - 3px)
}
.legacy-page .page-content .founder .testemonial {
display: none
}
.legacy-page .page-content .chronology .group figure {
margin: 0 auto
}
.legacy-page .page-content .chronology .group .vertical-caption {
max-width: 350px
}
.legacy-page .page-content .chronology .group .testemonial .testemonial-text .text-wrapper {
text-align: left
}
.legacy-page .page-content .chronology .group .testemonial h4 {
max-width: 100%
}
.legacy-page .page-content .chronology .group .testemonial .name {
max-width: 100%
}
.legacy-page .page-content .chronology .group.type-2 .testemonial img {
right: -150px;
width: 350px;
min-width: 350px
}
.legacy-page .page-content .chronology .group[data-sectionname="1950"] figure.padd-min {
margin-top: 180px
}
.legacy-page .page-content .chronology .group[data-sectionname="1950"] h3:not(.vertical-caption) {
margin-top: 250px
}
.legacy-page .page-content .chronology .group[data-sectionname="1960"] {
margin-bottom: 380px
}
.legacy-page .page-content .chronology .group[data-sectionname="1960"] .testemonial {
margin-bottom: 80px
}
.legacy-page .page-content .chronology .group[data-sectionname="1960"] .full-image-container {
margin-bottom: 80px
}
.legacy-page .page-content .chronology .group[data-sectionname="1960"] .position-r {
margin-top: 120px
}
.legacy-page .page-content .chronology .group[data-sectionname="1970"] {
padding-bottom: 550px
}
.legacy-page .page-content .chronology .group[data-sectionname="1970"] .testemonial {
margin-bottom: 120px
}
.legacy-page .page-content .chronology .group[data-sectionname="1970"] .mt--300 {
margin-top: 0
}
.legacy-page .page-content .chronology .group[data-sectionname="1970"] .mt-190 {
margin-top: 0
}
.legacy-page .page-content .chronology .group[data-sectionname="1970"] .mt-190 figure {
margin-bottom: 220px
}
.legacy-page .page-content .chronology .group[data-sectionname="1970"] .mt-190:last-of-type figure:not(.mt--300) {
margin-bottom: 0
}
.legacy-page .page-content .chronology .group[data-sectionname="1980"].type-2 .text-wrapper {
margin-top: 220px
}
.legacy-page .page-content .chronology .group[data-sectionname="1980"] figure.mt-190 {
margin-top: 120px
}
.legacy-page .page-content .chronology .group[data-sectionname="1980"] .testemonial {
margin-top: 120px
}
.legacy-page .page-content .chronology .group[data-sectionname="1980"] figure.padd-min {
padding: 0
}
.legacy-page .page-content .chronology .group[data-sectionname="1980"] figure:not(.block-bg-cover) {
margin-bottom: 120px
}
.legacy-page .page-content .chronology .group[data-sectionname="1980"] figure:not(.block-bg-cover):not(.padd-min) {
margin: 0
}
.legacy-page .page-content .chronology .group[data-sectionname="1980"] figure.position-a {
margin-bottom: 0;
margin-left: 0;
position: relative
}
.legacy-page .page-content .chronology .group[data-sectionname="1980"] p.padd-max {
margin-top: 100px
}
.legacy-page .page-content .chronology .group[data-sectionname="1980"] .mt-190 {
margin-top: 120px
}
.legacy-page .page-content .chronology .group[data-sectionname="1990"].type-2 .text-wrapper {
margin-top: 220px;
margin-bottom: 80px
}
.legacy-page .page-content .chronology .group[data-sectionname="1990"] figure {
padding: 0
}
.legacy-page .page-content .chronology .group[data-sectionname="1990"] .mt-large-100 {
margin-top: 260px
}
.legacy-page .page-content .chronology .group[data-sectionname="2000"].type-2 .text-wrapper {
margin-top: 220px;
margin-bottom: 120px
}
.legacy-page .page-content .chronology .group[data-sectionname="2000"] figure {
padding: 0
}
.legacy-page .page-content .chronology .group[data-sectionname="2000"] h3:not(.vertical-caption) {
margin-top: 250px
}
.legacy-page .page-content .chronology .group[data-sectionname="2010"].type-2 .text-wrapper {
margin-bottom: 120px
}
.legacy-page .page-content .chronology .group[data-sectionname="2010"] figure {
padding: 0
}
.legacy-page .page-content .chronology .group[data-sectionname="2010"] figure:not(.padd-min) {
margin-top: 80px
}
}
@media only screen and (max-width: 414px) {
.legacy-page .page-header .page-title {
display: block;
height: 100vh;
top: 0;
margin-top: 0
}
.legacy-page .page-header .page-title h2 {
position: relative;
top: calc(50% - 90px);
font-size: 57px;
margin-left: -5px;
line-height: 55px;
text-align: left
}
.legacy-page .page-content>.text-wrapper {
margin-top: 75px
}
.legacy-page .page-content>.text-wrapper img {
width: 69px;
height: 81px;
margin-bottom: 30px
}
.legacy-page .page-content .full-image-container {
height: 350px;
margin: 140px 0 60px
}
.legacy-page .page-content .full-image-container .vertical-caption {
bottom: 15px;
right: 45px;
padding-left: 45px
}
.legacy-page .page-content .mt-180,
.legacy-page .page-content .mt-150,
.legacy-page .page-content .mt--50,
.legacy-page .page-content .mt--300,
.legacy-page .page-content .mt-190,
.legacy-page .page-content .mt-125 {
margin-top: 0
}
.legacy-page .page-content .mt-large-100 {
margin-top: 0
}
.legacy-page .page-content .founder {
margin-top: 80px;
margin-bottom: 120px
}
.legacy-page .page-content .founder img {
width: 100%
}
.legacy-page .page-content .founder .testemonial {
display: none
}
.legacy-page .page-content .founder .text-wrapper {
margin-top: 60px
}
.legacy-page .page-content .founder .text-wrapper h3 {
display: block;
margin: 30px 0 50px 0
}
.legacy-page .page-content .founder .text-wrapper h3:before {
width: 145px;
left: auto;
right: 51px
}
.legacy-page .page-content .founder .text-wrapper h3:after {
right: 45px;
top: calc(50% - 3px)
}
.legacy-page .page-content .founder .text-wrapper .text {
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
-webkit-column-gap: 0px;
-moz-column-gap: 0px;
column-gap: 0px
}
.legacy-page .page-content .chronology {
margin-top: 120px;
margin-bottom: 80px
}
.legacy-page .page-content .chronology .outline-svg-text {
position: relative;
top: auto;
margin-top: -40px
}
.legacy-page .page-content .chronology .outline-svg-text span {
display: block
}
.legacy-page .page-content .chronology .group {
padding-bottom: 240px
}
.legacy-page .page-content .chronology .group.type-2 .text-wrapper {
margin-top: 0
}
.legacy-page .page-content .chronology .group .group-wrapper h2 {
margin-top: -95px;
margin-bottom: 80px
}
.legacy-page .page-content .chronology .group .group-wrapper h3:not(.vertical-caption) {
font-size: 20px;
line-height: 21px;
margin-top: 160px;
margin-bottom: 40px
}
.legacy-page .page-content .chronology .group .group-wrapper .glove {
width: 150px
}
.legacy-page .page-content .chronology .group .group-wrapper figure:not(.block-bg-cover) {
margin-top: 60px
}
.legacy-page .page-content .chronology .group .group-wrapper figure:not(.block-bg-cover) .date-badge-right {
right: -15px
}
.legacy-page .page-content .chronology .group .group-wrapper figure:not(.block-bg-cover) .date-badge-left {
left: -15px
}
.legacy-page .page-content .chronology .group .group-wrapper figure:not(.block-bg-cover).padd-min .date-badge-left {
left: 15px
}
.legacy-page .page-content .chronology .group .group-wrapper figure:not(.block-bg-cover).padd-min .date-badge-right {
right: 15px
}
.legacy-page .page-content .chronology .group .group-wrapper figure:not(.block-bg-cover) img {
margin: 0 auto
}
.legacy-page .page-content .chronology .group .group-wrapper figure:not(.block-bg-cover) figcaption:not(.header-caption) {
position: relative;
top: auto;
left: auto;
width: auto;
height: auto;
margin-top: 20px
}
.legacy-page .page-content .chronology .group .group-wrapper figure:not(.block-bg-cover) figcaption:not(.header-caption) .text {
position: relative;
display: block;
width: 200px;
margin: 0 auto;
top: 40px;
left: auto;
font-size: 14px;
line-height: 18px
}
.legacy-page .page-content .chronology .group .group-wrapper figure:not(.block-bg-cover) figcaption:not(.header-caption) .caption-pendulum {
width: 50px;
height: 10px;
top: 0;
left: calc(50% - 25px);
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg)
}
.legacy-page .page-content .chronology .group .group-wrapper figure:not(.block-bg-cover) figcaption:not(.header-caption)[data-pendulum='bottom'] .caption-pendulum {
width: 10px;
height: 50px;
left: calc(50% - 5px);
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
.legacy-page .page-content .chronology .group .group-wrapper figure:not(.block-bg-cover) figcaption:not(.header-caption)[data-pendulum='bottom'] .text {
top: 70px
}
.legacy-page .page-content .chronology .group .group-wrapper figure:not(.block-bg-cover) figcaption:not(.header-caption)[data-pendulum='right'] .caption-pendulum {
-webkit-transform: rotate(90deg);
transform: rotate(90deg)
}
.legacy-page .page-content .chronology .group .group-wrapper .position-a {
position: relative;
top: auto;
margin-left: 0;
margin-top: 120px
}
.legacy-page .page-content .chronology .group .group-wrapper .testemonial {
top: auto;
margin: 75px 10px 0 10px
}
.legacy-page .page-content .chronology .group .group-wrapper .testemonial .border {
border: 0
}
.legacy-page .page-content .chronology .group .group-wrapper .testemonial img {
display: none
}
.legacy-page .page-content .chronology .group .group-wrapper .testemonial>.row {
margin: 0
}
.legacy-page .page-content .chronology .group .group-wrapper .testemonial .testemonial-wrapper {
margin: 0
}
.legacy-page .page-content .chronology .group .group-wrapper .testemonial .testemonial-text {
padding: 42px 30px;
margin: 12px
}
.legacy-page .page-content .chronology .group .group-wrapper .testemonial .testemonial-text .text-wrapper {
text-align: left
}
.legacy-page .page-content .chronology .group .group-wrapper .testemonial h4 {
font-size: 10px;
line-height: 20px;
max-width: 100%;
text-indent: -11px
}
.legacy-page .page-content .chronology .group .group-wrapper .testemonial .name {
max-width: 100%;
font-size: 7px;
line-height: 10px;
letter-spacing: 2px;
margin-top: 15px
}
.legacy-page .page-content .chronology .group .group-wrapper .testemonial .name:before {
width: 10px;
left: -16px
}
.legacy-page .page-content .chronology .group .group-wrapper .testemonial .title {
max-width: 100%;
font-size: 7px;
line-height: 10px;
letter-spacing: 2px
}
.legacy-page .page-content .chronology .group[data-sectionname="1939"] .group-wrapper p,
.legacy-page .page-content .chronology .group[data-sectionname="1950"] .group-wrapper p {
margin-bottom: 0
}
.legacy-page .page-content .chronology .group[data-sectionname="1940"] figure:not(.block-bg-cover) {
margin-top: 0
}
.legacy-page .page-content .chronology .group[data-sectionname="1940"] p.padd-max {
margin-top: 100px
}
.legacy-page .page-content .chronology .group[data-sectionname="1940"] .group-wrapper .testemonial {
margin-bottom: 75px
}
.legacy-page .page-content .chronology .group[data-sectionname="1950"] figure.padd-min {
margin-top: 120px
}
.legacy-page .page-content .chronology .group[data-sectionname="1960"] {
margin-bottom: 0
}
.legacy-page .page-content .chronology .group[data-sectionname="1960"] .full-image-container {
margin-bottom: 20px
}
.legacy-page .page-content .chronology .group[data-sectionname="1960"] .position-r {
margin-top: 60px
}
.legacy-page .page-content .chronology .group[data-sectionname="1970"] {
padding-bottom: 240px
}
.legacy-page .page-content .chronology .group[data-sectionname="1970"] figure:not(.block-bg-cover) {
margin-top: 0
}
.legacy-page .page-content .chronology .group[data-sectionname="1970"] p.padd-max {
margin-top: 100px
}
.legacy-page .page-content .chronology .group[data-sectionname="1970"] .group-wrapper .testemonial {
margin-bottom: 75px
}
.legacy-page .page-content .chronology .group[data-sectionname="1970"] .mt-190 figure {
margin-bottom: 120px
}
.legacy-page .page-content .chronology .group[data-sectionname="1970"] .mt-190:last-of-type figure:not(.mt--300) {
margin-bottom: 0
}
.legacy-page .page-content .chronology .group[data-sectionname="1980"].type-2 .text-wrapper {
margin-top: 0
}
.legacy-page .page-content .chronology .group[data-sectionname="1980"] figure:not(.block-bg-cover) {
margin-bottom: 60px
}
.legacy-page .page-content .chronology .group[data-sectionname="1980"] figure.padd-min {
padding-left: 30px;
padding-right: 30px
}
.legacy-page .page-content .chronology .group[data-sectionname="1980"] figure:not(.block-bg-cover):not(.padd-min) {
margin: 0
}
.legacy-page .page-content .chronology .group[data-sectionname="1980"] .mt-190 {
margin-top: 60px
}
.legacy-page .page-content .chronology .group[data-sectionname="1980"] figure.position-a {
margin-bottom: 0
}
.legacy-page .page-content .chronology .group[data-sectionname="1980"] p.padd-max {
margin-top: 100px
}
.legacy-page .page-content .chronology .group[data-sectionname="1990"] figure:not(.block-bg-cover) {
margin-bottom: 60px
}
.legacy-page .page-content .chronology .group[data-sectionname="1990"].type-2 .text-wrapper {
margin-top: 0
}
.legacy-page .page-content .chronology .group[data-sectionname="1990"] .mt-125 {
margin-top: 0
}
.legacy-page .page-content .chronology .group[data-sectionname="1990"] figure:not(.block-bg-cover):not(.padd-min) {
margin: 0
}
.legacy-page .page-content .chronology .group[data-sectionname="1990"] figure.padd-min {
padding-left: 30px;
padding-right: 30px
}
.legacy-page .page-content .chronology .group[data-sectionname="1990"] figure.position-a {
margin-bottom: 0
}
.legacy-page .page-content .chronology .group[data-sectionname="1990"] p.padd-max {
margin-top: 140px
}
.legacy-page .page-content .chronology .group[data-sectionname="1990"] h3:not(.vertical-caption) {
margin-top: 80px;
margin-bottom: 80px
}
.legacy-page .page-content .chronology .group[data-sectionname="1970"],
.legacy-page .page-content .chronology .group[data-sectionname="1990"] {
margin-top: 0
}
.legacy-page .page-content .chronology .group[data-sectionname="2000"] .group-wrapper h2 {
margin-top: -80px
}
.legacy-page .page-content .chronology .group[data-sectionname="2000"].type-2 .text-wrapper {
margin-top: 0
}
.legacy-page .page-content .chronology .group[data-sectionname="2000"] figure:not(.block-bg-cover) {
margin-bottom: 60px
}
.legacy-page .page-content .chronology .group[data-sectionname="2000"] figure:not(.block-bg-cover):not(.padd-min) {
margin: 0
}
.legacy-page .page-content .chronology .group[data-sectionname="2000"] figure.position-a {
margin-bottom: 0
}
.legacy-page .page-content .chronology .group[data-sectionname="2000"] p.padd-max {
margin-top: 140px;
margin-bottom: 0
}
.legacy-page .page-content .chronology .group[data-sectionname="2000"] h3:not(.vertical-caption) {
margin-top: 80px;
margin-bottom: 80px
}
.legacy-page .page-content .chronology .group[data-sectionname="2000"] .full-image-container {
margin-bottom: 20px
}
.legacy-page .page-content .chronology .group[data-sectionname="2000"] figure.padd-min {
padding-left: 30px;
padding-right: 30px
}
.legacy-page .page-content .chronology .group[data-sectionname="2000"] .mt-190:last-of-type figure:not(.mt--300) {
margin-bottom: 0
}
.legacy-page .page-content .chronology .group[data-sectionname="2010"] figure:not(.block-bg-cover) {
margin-bottom: 100px
}
.legacy-page .page-content .chronology .group[data-sectionname="2010"].type-2 .text-wrapper {
margin-bottom: 0
}
.legacy-page .page-content .chronology .group[data-sectionname="2010"] p.padd-max {
margin-bottom: 40px
}
.legacy-page .page-content .chronology .group[data-sectionname="2010"] figure.padd-min {
padding-left: 30px;
padding-right: 30px
}
.legacy-page .page-content .chronology .group[data-sectionname="2010"] .mt-190:last-of-type figure:not(.mt--300) {
margin-bottom: 0
}
.legacy-page .page-footer {
margin-top: 0
}
}
.passion-for-leather a.link:not(.not):hover,
.passion-for-leather button.link:hover,
.passion-for-leather p.link:hover {
letter-spacing: 8px
}
.passion-for-leather a.link:not(.not):hover:after,
.passion-for-leather button.link:hover:after,
.passion-for-leather p.link:hover:after {
transform: scaleX(0.5);
-webkit-transform: scaleX(0.5);
-ms-transform: scaleX(0.5)
}
.passion-for-leather a.link.not:hover {
letter-spacing: 8px
}
.passion-for-leather a.link.not:hover:after {
transform: scaleX(1);
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
width: 63%
}
.passion-for-leather-page .page-header .page-title h2 {
letter-spacing: -8px
}
.passion-for-leather-page .page-header .page-title h2 span {
letter-spacing: -8px
}
.passion-for-leather-page .page-content .outline-svg-text svg path {
stroke: rgba(166, 134, 118, 0.5)
}
.passion-for-leather-page .page-content section {
margin-bottom: 220px
}
.passion-for-leather-page .page-content section.process {
margin-bottom: 120px
}
.passion-for-leather-page .page-content .materials {
position: relative;
padding-top: 200px
}
.passion-for-leather-page .page-content .materials .outline-svg-text {
position: absolute;
top: -115px;
left: -145px;
z-index: 3
}
.passion-for-leather-page .page-content .materials .outline-svg-text span {
display: none;
position: relative;
left: 30px;
font-family: 'millerdisplay-italicregular', Helvetica, Arial, sans-serif;
font-size: 147px;
line-height: 1;
letter-spacing: 2px;
color: #a68676;
-webkit-text-fill-color: transparent;
text-fill-color: transparent;
-webkit-text-stroke: 1px #a68676;
text-stroke: 1px #a68676
}
.passion-for-leather-page .page-content .materials .image-wrapper {
position: relative;
padding: 0;
z-index: 2
}
.passion-for-leather-page .page-content .materials h3 {
font-size: 48px;
line-height: 56px;
color: #3e3937;
margin-top: 140px;
margin-bottom: 80px;
font-family: 'millerdisplay-lightregular';
letter-spacing: 4px
}
.passion-for-leather-page .page-content .materials h3 span {
position: relative;
font-size: 48px;
line-height: 56px;
color: #3e3937;
font-family: 'millerdisplay-lightregular';
letter-spacing: 4px
}
.passion-for-leather-page .page-content .materials p {
text-indent: 25px;
margin-bottom: 20px
}
.passion-for-leather-page .page-content .quality {
position: relative
}
.passion-for-leather-page .page-content .quality .outline-svg-text {
position: relative;
top: 35px;
left: -145px;
z-index: 1
}
.passion-for-leather-page .page-content .quality .outline-svg-text svg path {
-webkit-transform: translateX(10px);
transform: translateX(10px)
}
.passion-for-leather-page .page-content .quality .outline-svg-text span {
display: none;
position: relative;
left: 30px;
font-family: 'millerdisplay-italicregular', Helvetica, Arial, sans-serif;
font-size: 147px;
line-height: 1;
letter-spacing: 2px;
color: #a68676;
-webkit-text-fill-color: transparent;
text-fill-color: transparent;
-webkit-text-stroke: 1px #a68676;
text-stroke: 1px #a68676
}
.passion-for-leather-page .page-content .quality .image-wrapper {
position: absolute;
height: 100%;
width: 100%;
max-width: 100%;
top: 0;
left: 0;
z-index: 1
}
.passion-for-leather-page .page-content .quality .text-wrapper {
position: relative;
min-height: 700px;
margin-bottom: 80px;
z-index: 2
}
.passion-for-leather-page .page-content .quality .text-wrapper h3 {
font-size: 48px;
line-height: 56px;
color: #3e3937;
margin-bottom: 80px;
font-family: 'millerdisplay-lightregular';
letter-spacing: 4px
}
.passion-for-leather-page .page-content .quality .text-wrapper p {
text-indent: 25px;
margin-bottom: 20px
}
.passion-for-leather-page .page-content .advices {
position: relative
}
.passion-for-leather-page .page-content .advices .advices-wrapper-container {
height: 508px;
position: relative;
min-height: 630px;
border: 2px solid #ffffff
}
.passion-for-leather-page .page-content .advices .advices-wrapper-container .advices-wrapper {
padding: 80px 0px;
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
pointer-events: none
}
.passion-for-leather-page .page-content .advices .advices-wrapper-container .advices-wrapper p:last-of-type {
margin-top: 25px
}
.passion-for-leather-page .page-content .advices .advices-wrapper-container .advices-wrapper.active {
pointer-events: auto
}
.passion-for-leather-page .page-content .advices .advices-wrapper-container .advices-wrapper .text-wrapper,
.passion-for-leather-page .page-content .advices .advices-wrapper-container .advices-wrapper h2 {
visibility: hidden;
opacity: 0
}
.passion-for-leather-page .page-content .advices .advices-wrapper-container .advices-wrapper.first-slide .text-wrapper,
.passion-for-leather-page .page-content .advices .advices-wrapper-container .advices-wrapper.first-slide h2 {
visibility: visible;
opacity: 1
}
.passion-for-leather-page .page-content .advices .advices-wrapper-container .advices-wrapper .slide-counter {
position: relative;
display: block;
width: 30px;
height: 30px;
border-radius: 100%;
margin: 0 auto 10px;
background-color: #a68676;
font-family: 'millerdisplay-lightitalicRg';
font-size: 20px;
line-height: 28px;
color: #ffffff
}
.passion-for-leather-page .page-content .advices .advices-wrapper-container .advices-wrapper .link.init-slider {
visibility: visible;
opacity: 1
}
.passion-for-leather-page .page-content .advices .advices-wrapper-container .link {
visibility: hidden;
opacity: 0;
position: absolute;
bottom: 65px;
left: 50%;
transform: translate3d(-50%, 0, 0);
z-index: 9999
}
.passion-for-leather-page .page-content .advices .advices-wrapper-container .link.init-slider {
visibility: visible;
opacity: 1
}
.passion-for-leather-page .page-content .advices .advices-wrapper-container .mask {
position: absolute;
height: 100%;
width: 100%;
left: 0;
top: 0;
display: block;
-webkit-mask: url(../imgs/ui/Itransition2.png);
-moz-mask: url(../imgs/ui/Itransition2.png);
-ms-mask: url(../imgs/ui/Itransition2.png);
-o-mask: url(../imgs/ui/Itransition2.png);
mask: url(../imgs/ui/Itransition2.png);
-webkit-mask-size: 1000% 100%;
-moz-mask-size: 1000% 100%;
-ms-mask-size: 1000% 100%;
-o-mask-size: 1000% 100%;
mask-size: 1000% 100%;
-webkit-mask-position: top left;
-moz-mask-position: top left;
-ms-mask-position: top left;
-o-mask-position: top left;
mask-position: top left;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat
}
.passion-for-leather-page .page-content .advices .advices-wrapper-container .mask-out {
position: absolute;
height: 100%;
width: 100%;
left: 0;
top: 0;
display: block;
-webkit-mask: url(../imgs/ui/Itransition2-inverse.png);
-moz-mask: url(../imgs/ui/Itransition2-inverse.png);
-ms-mask: url(../imgs/ui/Itransition2-inverse.png);
-o-mask: url(../imgs/ui/Itransition2-inverse.png);
mask: url(../imgs/ui/Itransition2-inverse.png);
-webkit-mask-size: 1000% 100%;
-moz-mask-size: 1000% 100%;
-ms-mask-size: 1000% 100%;
-o-mask-size: 1000% 100%;
mask-size: 1000% 100%;
-webkit-mask-position: top left;
-moz-mask-position: top left;
-ms-mask-position: top left;
-o-mask-position: top left;
mask-position: top left;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat
}
.passion-for-leather-page .page-content .advices .advices-wrapper-container .mask-out.animate {
background-color: #000;
z-index: 111;
-webkit-animation: mask-to 1s steps(9) forwards;
animation: mask-to 1s steps(9) forwards
}
.passion-for-leather-page .page-content .advices h2 {
padding: 0 220px;
margin-bottom: 45px
}
.passion-for-leather-page .page-content .advices .text-wrapper {
margin: 0 0 50px 0
}
.passion-for-leather-page .page-content .advices .advice-numbers {
position: absolute;
bottom: 0;
left: 50%;
z-index: 112;
-webkit-transform: translate3d(-50%, 50%, 0);
transform: translate3d(-50%, 50%, 0)
}
.passion-for-leather-page .page-content .advices .advice-numbers p {
display: inline-block;
padding: 0px;
background-color: #ffffff;
height: 0px;
font-family: "millerdisplay-italicregular", Helvetica, Arial, sans-serif;
font-size: 15px;
color: #a68676;
letter-spacing: 0;
overflow: hidden
}
.passion-for-leather-page .page-content .advices .advice-numbers p span {
font-family: "millerdisplay-italicregular", Helvetica, Arial, sans-serif;
font-size: 15px;
color: #a68676;
display: inline-block;
vertical-align: bottom;
letter-spacing: 0
}
.passion-for-leather-page .page-content .process {
position: relative;
padding-top: 250px;
overflow: hidden;
min-height: 100vh
}
.passion-for-leather-page .page-content .process .columns {
position: relative
}
.passion-for-leather-page .page-content .process h2 {
display: inline-block;
margin-bottom: 58px
}
.passion-for-leather-page .page-content .process h2 .title-wrapper-inner {
position: relative;
display: inline-block;
width: 350px;
top: 58px
}
.passion-for-leather-page .page-content .process .video-wrapper {
position: relative;
padding: 100px;
top: -100px
}
.passion-for-leather-page .page-content .process .video-wrapper video {
cursor: pointer
}
.passion-for-leather-page .page-content .process .video-wrapper .play-mobile {
display: block
}
.passion-for-leather-page .page-content .process .video-wrapper time {
position: absolute;
bottom: 60px;
right: 10px;
font-size: 20px;
cursor: pointer;
font-family: "millerdisplay-italicregular", Helvetica, Arial, sans-serif;
font-size: 15px;
color: #ffffff
}
.passion-for-leather-page .page-content .process .video-wrapper .video-ui {
position: absolute;
width: calc(100% - 280px);
height: 120px;
bottom: 120px;
left: 140px;
z-index: 2
}
.passion-for-leather-page .page-content .process .video-wrapper .video-ui .play-video {
width: 30px;
height: 30px;
left: 0;
visibility: visible;
opacity: 1;
pointer-events: auto
}
.passion-for-leather-page .page-content .process .video-wrapper .video-ui .play-video svg {
width: 20px
}
.passion-for-leather-page .page-content .process .video-wrapper .video-ui .play-video span {
left: 0
}
.passion-for-leather-page .page-content .process .video-wrapper .video-ui .play-video span:before {
width: 1px;
height: 80%;
top: 10%;
left: 2px
}
.passion-for-leather-page .page-content .process .video-wrapper .video-ui .play-video span:after {
width: 1px;
height: 80%;
top: 10%;
right: 2px
}
.passion-for-leather-page .page-content .process .video-wrapper .progress-bar-hit-zone {
position: absolute;
display: block;
width: 100%;
height: 20px;
left: 0%;
bottom: 20px;
cursor: pointer
}
.passion-for-leather-page .page-content .process .video-wrapper .progress-bar-hit-zone .progress-bar-wrapper {
position: absolute;
display: block;
width: 100%;
left: 0;
top: 10px;
height: 2px;
border-radius: 2px;
background-color: rgba(166, 134, 118, 0.3)
}
.passion-for-leather-page .page-content .process .video-wrapper .progress-bar-hit-zone .progress-bar {
position: absolute;
top: 0;
left: 0;
width: 0;
height: 2px;
border-radius: 2px;
background-color: #fff
}
.passion-for-leather-page .page-content .process .video-wrapper .play-video {
position: absolute;
width: 50px;
top: calc(50% - 25px);
left: calc(50% - 33px);
padding: 0;
border: 0px;
pointer-events: none;
opacity: 0;
visibility: hidden
}
.passion-for-leather-page .page-content .process .video-wrapper .play-video .play-icon {
width: 50px
}
.passion-for-leather-page .page-content .process .video-wrapper .play-video .play-icon path {
stroke: none;
fill: #ffffff
}
.passion-for-leather-page .page-content .process .video-wrapper .play-video .pause-icon {
position: absolute;
display: block;
top: 0;
left: -4px;
width: 100%;
height: 100%;
opacity: 0
}
.passion-for-leather-page .page-content .process .video-wrapper .play-video .pause-icon:before {
content: '';
display: block;
position: absolute;
width: 2px;
height: 67.5px;
left: 10px;
top: 0;
background-color: #ffffff
}
.passion-for-leather-page .page-content .process .video-wrapper .play-video .pause-icon:after {
content: '';
display: block;
position: absolute;
width: 2px;
height: 67.5px;
right: 10px;
top: 0;
background-color: #ffffff
}
.passion-for-leather-page .page-content .process .video-wrapper.playing .play-video .play-icon {
opacity: 0
}
.passion-for-leather-page .page-content .process .video-wrapper.playing .play-video .pause-icon {
opacity: 1
}
.passion-for-leather-page .page-content .process .video-wrapper .video-title-mobile-wrapper {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none
}
.passion-for-leather-page .page-content .process .video-wrapper .video-title-mobile-wrapper .top {
position: absolute;
top: 55px;
left: 0;
width: 100%;
font-family: "millerdisplay-lightregular", Helvetica, Arial, sans-serif;
font-size: 26px;
line-height: 31px;
letter-spacing: 7px;
color: #f1eee9;
text-transform: uppercase;
text-align: center;
padding: 0 40px
}
.passion-for-leather-page .page-content .process .video-wrapper .video-title-mobile-wrapper .bottom {
position: absolute;
bottom: 165px;
left: 0;
width: 100%;
font-size: 15px;
line-height: 18px;
letter-spacing: 0.5px;
color: #ffffff;
text-align: center;
font-family: "gillsans-bookregular", Helvetica, Arial, sans-serif
}
.passion-for-leather-page .page-content .process .resume {
margin-top: 58px
}
.passion-for-leather-page .page-content .process .outline-svg-text {
position: absolute;
top: -292px;
opacity: .3
}
.passion-for-leather-page .page-content .process .outline-svg-text svg path {
-webkit-transform: translateX(20px);
transform: translateX(20px)
}
.passion-for-leather-page .page-content .process .outline-svg-text span {
display: none;
position: relative;
left: 30px;
font-family: 'millerdisplay-italicregular', Helvetica, Arial, sans-serif;
font-size: 147px;
line-height: 1;
letter-spacing: 2px;
color: #a68676;
-webkit-text-fill-color: transparent;
text-fill-color: transparent;
-webkit-text-stroke: 1px #a68676;
text-stroke: 1px #a68676
}
.passion-for-leather-page .page-content .process h2 {
color: #f1eee9;
margin-bottom: 30px
}
.passion-for-leather-page .page-content .process p {
color: #a68676
}
.passion-for-leather-page .page-content .process ul {
margin-bottom: 235px
}
.passion-for-leather-page .page-content .process .process-item-wrapper {
padding: 0 20px
}
.passion-for-leather-page .page-content .process .process-item-wrapper h4 {
position: relative;
color: #ffffff;
font-family: 'millerdisplay-romanregular';
font-size: 13px;
letter-spacing: 6px;
line-height: 20px;
height: 60px
}
.passion-for-leather-page .page-content .process .process-item-wrapper p {
font-size: 15px;
line-height: 18px;
letter-spacing: 0.5px;
color: rgba(255, 255, 255, 0.6)
}
.passion-for-leather-page .page-content .process .process-item-wrapper img {
width: 120px;
height: 120px;
margin: 80px auto 35px auto
}
.passion-for-leather-page .page-content .process [data-id="i-beam-house"] p.resume {
padding-left: 84px
}
.passion-for-leather-page .page-content .process [data-id="ii-tanning"] p.resume {
padding-left: 116px;
margin-top: 0
}
.passion-for-leather-page .page-content .process [data-id="ii-tanning"] h2 .title-wrapper-inner {
top: 0px
}
.passion-for-leather-page .page-content footer {
position: relative;
padding-bottom: 150px
}
.passion-for-leather-page .page-content footer .letters-container {
width: 400px;
position: absolute;
bottom: -150px;
left: 0;
right: 0;
margin: 0 auto
}
.passion-for-leather-page .page-content footer .letters-container .letter {
width: 260px;
height: 380px;
position: absolute
}
.passion-for-leather-page .page-content footer .letters-container .letter.letter-right {
bottom: -95px;
right: 0;
z-index: -2;
transform: rotate(15deg);
-webkit-transform: rotate(15deg);
-ms-transform: rotate(15deg)
}
.passion-for-leather-page .page-content footer .letters-container .letter.letter-left {
bottom: -35px;
left: 0;
z-index: -1;
transform: rotate(-5deg);
-webkit-transform: rotate(-5deg);
-ms-transform: rotate(-5deg)
}
.passion-for-leather-page .page-content footer .letters-container .letter img {
width: 260px;
height: 380px
}
.passion-for-leather-page .page-content footer .call-to-action-projects {
margin-top: 550px
}
.odometer.odometer-auto-theme,
.odometer.odometer-theme-minimal {
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline;
position: relative
}
.odometer.odometer-auto-theme .odometer-digit,
.odometer.odometer-theme-minimal .odometer-digit {
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline;
position: relative
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer,
.odometer.odometer-theme-minimal .odometer-digit .odometer-digit-spacer {
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline;
visibility: hidden
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner,
.odometer.odometer-theme-minimal .odometer-digit .odometer-digit-inner {
text-align: left;
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow: hidden
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon,
.odometer.odometer-theme-minimal .odometer-digit .odometer-ribbon {
display: block
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner,
.odometer.odometer-theme-minimal .odometer-digit .odometer-ribbon-inner {
display: block;
-webkit-backface-visibility: hidden
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value,
.odometer.odometer-theme-minimal .odometer-digit .odometer-value {
display: block;
-webkit-transform: translateZ(0)
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value,
.odometer.odometer-theme-minimal .odometer-digit .odometer-value.odometer-last-value {
position: absolute
}
.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner,
.odometer.odometer-theme-minimal.odometer-animating-up .odometer-ribbon-inner {
-webkit-transition: -webkit-transform 1s;
-moz-transition: -moz-transform 1s;
-ms-transition: -ms-transform 1s;
-o-transition: -o-transform 1s;
transition: transform 1s
}
.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner,
.odometer.odometer-theme-minimal.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%)
}
.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner,
.odometer.odometer-theme-minimal.odometer-animating-down .odometer-ribbon-inner {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%)
}
.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner,
.odometer.odometer-theme-minimal.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
-webkit-transition: -webkit-transform 1s;
-moz-transition: -moz-transform 1s;
-ms-transition: -ms-transform 1s;
-o-transition: -o-transform 1s;
transition: transform 1s;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
@media only screen and (max-width: 1024px) {
.passion-for-leather-page .header-caption {
right: 60px
}
.passion-for-leather-page .header-caption span:not(.char) {
width: 220px;
display: block
}
.passion-for-leather-page .page-content>.text-wrapper {
display: none
}
.passion-for-leather-page .page-content .outline-svg-text {
-webkit-transform: scale(0.75);
transform: scale(0.75);
left: -240px
}
.passion-for-leather-page .page-content .outline-svg-text svg {
opacity: 1;
visibility: visible
}
.passion-for-leather-page .page-content .image-wrapper {
overflow: hidden
}
.passion-for-leather-page .page-content .image-wrapper img {
height: 680px;
min-width: 100%;
max-width: none
}
.passion-for-leather-page .page-content .materials h3 {
font-size: 44px;
line-height: 52px
}
.passion-for-leather-page .page-content .quality .outline-svg-text {
margin-top: -80px
}
.passion-for-leather-page .page-content .advices h2 {
padding: 0 120px
}
.passion-for-leather-page .page-content .process .resume {
margin-top: 0
}
.passion-for-leather-page .page-content .process .video-wrapper {
padding: 50px;
top: -20px
}
.passion-for-leather-page .page-content .process .video-wrapper .video-ui {
width: calc(100% - 200px);
left: 100px;
bottom: 70px
}
.passion-for-leather-page .page-content .process [data-id="i-beam-house"] p.resume,
.passion-for-leather-page .page-content .process [data-id="ii-tanning"] p.resume {
padding-left: 0
}
.passion-for-leather-page .page-content footer .letters-container {
bottom: 240px
}
}
@media only screen and (max-width: 768px) {
.passion-for-leather h2 {
font-size: 36px;
line-height: 42px
}
.passion-for-leather-page .page-header .text-wrapper {
display: none
}
.passion-for-leather-page .page-header .page-title {
height: 100vh;
top: 0;
margin-top: 0
}
.passion-for-leather-page .page-header .page-title h2 {
position: relative;
font-size: 90px;
top: calc(50% - 150px);
text-align: left;
letter-spacing: 1px
}
.passion-for-leather-page .page-content>.text-wrapper {
display: block;
margin-top: 90px
}
.passion-for-leather-page .page-content .materials {
padding-top: 150px;
margin-top: 60px
}
.passion-for-leather-page .page-content .materials .outline-svg-text {
left: 0;
-webkit-transform: scale(0.53);
transform: scale(0.53);
-webkit-transform-origin: left center;
transform-origin: left center
}
.passion-for-leather-page .page-content .materials .image-wrapper {
z-index: 0
}
.passion-for-leather-page .page-content .materials .image-wrapper img {
min-width: 0;
margin: 0 auto
}
.passion-for-leather-page .page-content .quality {
margin-top: 320px
}
.passion-for-leather-page .page-content .quality .outline-svg-text {
left: 0;
margin-top: -300px;
-webkit-transform: scale(0.53);
transform: scale(0.53);
-webkit-transform-origin: left center;
transform-origin: left center
}
.passion-for-leather-page .page-content .quality .image-wrapper {
z-index: 0
}
.passion-for-leather-page .page-content .quality .image-wrapper img {
min-width: 0;
margin: 0 auto
}
.passion-for-leather-page .page-content .quality .text-wrapper h3 {
margin-top: 660px
}
.passion-for-leather-page .page-content .process h2 .title-wrapper-inner {
width: 280px;
top: 42px
}
.passion-for-leather-page .page-content .process .outline-svg-text {
left: 0;
-webkit-transform: scale(0.53);
transform: scale(0.53);
-webkit-transform-origin: left center;
transform-origin: left center
}
.passion-for-leather-page .page-content .process .process-group-wrapper {
width: 100%;
overflow: hidden;
margin-top: 40px;
margin-bottom: 155px
}
.passion-for-leather-page .page-content .process ul {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row;
-ms-flex-flow: row;
flex-flow: row;
overflow-x: scroll;
padding-left: 90px;
padding-right: 90px;
padding-bottom: 20px;
margin-bottom: -10px;
-webkit-overflow-scrolling: touch;
overflow-scrolling: touch
}
.passion-for-leather-page .page-content .process ul li {
min-width: 280px;
max-width: 100%;
pointer-events: none;
margin-right: 20px;
-webkit-scroll-snap-coordinate: 0 0;
-ms-scroll-snap-coordinate: 0 0;
scroll-snap-coordinate: 0 0
}
}
@media only screen and (max-width: 414px) {
.passion-for-leather h2 {
font-size: 26px;
line-height: 31px
}
.passion-for-leather-page .page-header .page-title {
display: block;
height: 100vh;
top: 0;
margin-top: 0
}
.passion-for-leather-page .page-header .page-title h2 {
position: relative;
top: calc(50% - 90px);
font-size: 57px;
margin-left: -5px;
line-height: 55px;
text-align: left
}
.passion-for-leather-page .page-content .outline-svg-text {
-webkit-transform: none;
transform: none;
left: auto
}
.passion-for-leather-page .page-content .outline-svg-text svg {
opacity: 1;
visibility: visible
}
.passion-for-leather-page .page-content .text-wrapper {
margin-top: 75px
}
.passion-for-leather-page .page-content .materials {
padding-top: 0;
margin-top: 75px;
margin-bottom: 100px
}
.passion-for-leather-page .page-content .materials .outline-svg-text {
position: relative;
top: auto;
left: auto;
opacity: .5;
-webkit-transform: none;
transform: none;
-webkit-transform-origin: none;
transform-origin: none
}
.passion-for-leather-page .page-content .materials .outline-svg-text span {
display: block;
font-size: 86px;
letter-spacing: 0px;
left: 35px
}
.passion-for-leather-page .page-content .materials .image-wrapper {
margin-top: -30px
}
.passion-for-leather-page .page-content .materials .image-wrapper img {
max-height: 417px;
width: 100%
}
.passion-for-leather-page .page-content .materials h3 {
margin-top: 30px;
margin-bottom: 40px;
font-size: 32px;
line-height: 38px;
letter-spacing: 2px
}
.passion-for-leather-page .page-content .quality {
padding-top: 0;
margin-top: 0;
margin-bottom: 130px
}
.passion-for-leather-page .page-content .quality .outline-svg-text {
position: relative;
top: auto;
left: auto;
opacity: .5;
margin-top: 0;
-webkit-transform: none;
transform: none;
-webkit-transform-origin: none;
transform-origin: none
}
.passion-for-leather-page .page-content .quality .outline-svg-text span {
display: block;
font-size: 86px;
letter-spacing: 0px;
left: 35px
}
.passion-for-leather-page .page-content .quality .text-wrapper h3 {
margin-top: 425px;
margin-bottom: 40px;
font-size: 32px;
line-height: 38px;
letter-spacing: 2px
}
.passion-for-leather-page .page-content .quality .image-wrapper {
top: 60px
}
.passion-for-leather-page .page-content .quality .image-wrapper img {
max-height: 417px;
width: 100%
}
.passion-for-leather-page .page-content .advices {
margin-bottom: 130px
}
.passion-for-leather-page .page-content .advices h2 {
padding: 0
}
.passion-for-leather-page .page-content .advices .advices-wrapper-container .advices-wrapper {
padding: 70px 45px
}
.passion-for-leather-page .page-content .advices .advices-wrapper-container .link {
font-size: 12px;
letter-spacing: 5px;
width: 210px;
padding: 0;
text-align: center
}
.passion-for-leather-page .page-content .advices .advices-wrapper-container .link:after {
left: -17px;
bottom: -10px
}
.passion-for-leather-page .page-content .process {
margin-top: 0;
padding-top: 90px;
margin-bottom: 120px
}
.passion-for-leather-page .page-content .process .outline-svg-text {
position: relative;
top: auto;
opacity: .2;
margin-bottom: 30px;
-webkit-transform: none;
transform: none;
-webkit-transform-origin: none;
transform-origin: none
}
.passion-for-leather-page .page-content .process .outline-svg-text span {
display: block;
font-size: 86px;
letter-spacing: 0px;
left: 35px
}
.passion-for-leather-page .page-content .process [data-scrollbar] {
min-width: 100vw;
max-width: 0;
height: auto
}
.passion-for-leather-page .page-content .process .process-group-wrapper {
width: 100%;
overflow: hidden;
margin-top: 40px;
margin-bottom: 155px
}
.passion-for-leather-page .page-content .process h2 {
margin-bottom: 12px;
letter-spacing: 7px
}
.passion-for-leather-page .page-content .process h2 .title-wrapper-inner {
top: 0;
margin-bottom: 30px
}
.passion-for-leather-page .page-content .process p {
padding-left: 0;
line-height: 22px
}
.passion-for-leather-page .page-content .process ul {
padding-left: 45px;
padding-right: 45px
}
.passion-for-leather-page .page-content .process ul li {
min-width: 200px;
margin-right: 40px
}
.passion-for-leather-page .page-content .process .process-item-wrapper {
padding: 0
}
.passion-for-leather-page .page-content .process .process-item-wrapper img {
width: 90px;
height: 90px;
margin-top: 0;
margin-bottom: 10px
}
.passion-for-leather-page .page-content .process .process-item-wrapper h4 {
font-size: 11px;
line-height: 14px;
letter-spacing: 5px;
height: 50px
}
.passion-for-leather-page .page-content .process .video-wrapper {
padding: 0;
top: 0;
height: 85vh
}
.passion-for-leather-page .page-content .process .video-wrapper .play-video {
opacity: 1;
visibility: visible;
line-height: 0;
height: 68px;
left: calc(50% - 22px);
top: calc(50% - 34px)
}
.passion-for-leather-page .page-content .process .video-wrapper .video-mobile {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.passion-for-leather-page .page-content footer .letters-container {
bottom: 150px;
margin: 50px auto;
-webkit-transform: scale(0.7);
transform: scale(0.7)
}
.passion-for-leather-page .page-content footer .call-to-action-projects {
margin-top: 380px
}
.safari .phone .passion-for-leather-page .page-content .process .video-wrapper .play-video {
pointer-events: visible
}
.safari .phone .passion-for-leather-page .page-content .process .video-wrapper .video-ui {
display: none
}
}
@media only screen and (max-width: 1024px) {
.four04-page .page-header .text-wrapper {
z-index: 10
}
.four04-page .page-header .text-wrapper h2 span:not(.char) {
display: none
}
.four04-page .page-header .text-wrapper h2,
.four04-page .page-header .text-wrapper h6 {
opacity: 1;
visibility: visible
}
}
.projects-page .page-header .text-wrapper h6 {
margin-bottom: 50px
}
.projects-page .page-content {
margin-top: 10vh
}
.projects-page .page-content .arrow {
position: absolute;
top: 25px;
right: 30px;
transition: 0.6s transform cubic-bezier(0.19, 1, 0.22, 1);
-webkit-transition: 0.6s transform cubic-bezier(0.19, 1, 0.22, 1);
transform-origin: bottom center;
-webkit-transform-origin: bottom center;
will-change: transform;
width: 12px;
height: 15px
}
.projects-page .page-content .arrow svg path {
fill: #a68676;
stroke: #a68676;
stroke-miterlimit: 10;
stroke-width: 10px
}
.projects-page .page-content .arrow.active {
transform: rotate(-90deg);
-webkit-transform: rotate(-90deg)
}
.projects-page .page-content .details {
font-family: 'gillsans-mediumregular';
font-size: 13px
}
.projects-page .page-content .details .bold {
font-family: 'gillsans-bold';
color: #1e1e22;
font-size: 13px
}
.projects-page .page-content li:not(.details) {
position: relative;
padding: 25px 0;
cursor: pointer;
border-bottom: 1px solid rgba(123, 120, 119, 0.2)
}
.projects-page .page-content li:not(.details) p {
position: relative;
margin-bottom: 0;
line-height: auto;
font-family: "gillsans-bookregular", Helvetica, Arial, sans-serif;
font-size: 23px;
color: #1e1e22
}
.projects-page .page-content li:not(.details) .year {
position: relative;
display: block;
font-family: "gillsans-bookregular", Helvetica, Arial, sans-serif;
font-size: 13px;
color: #7b7877
}
.projects-page .page-content li:not(.details) .year:after {
content: '';
width: 41px;
height: 1px;
background-color: rgba(123, 120, 119, 0.5);
position: absolute;
top: 15px;
right: 0.8rem
}
.projects-page .page-content li:not(.details) .acordion-content {
padding: 45px 0;
display: none
}
.projects-page .page-content li:not(.details) .acordion-content img {
padding: 50px 0;
max-height: 200px
}
.projects-page .page-content li:not(.details) .acordion-content p {
font-family: "gillsans-bookregular", Helvetica, Arial, sans-serif;
font-size: 18px;
line-height: 28px;
letter-spacing: 1px;
color: #7b7877
}
.projects-page .page-content li:not(.details) .acordion-content p:first-of-type {
margin-top: 10px;
margin-bottom: 25px
}
.projects-page .page-content .projects-gallery {
margin-top: 65px
}
.projects-page .page-content .projects-gallery .gallery-wrapper {
display: grid;
grid-template-columns: auto auto auto;
grid-template-rows: auto;
grid-column-gap: 20px;
grid-row-gap: 20px
}
@media only screen and (max-width: 414px) {
.projects-page .page-content .projects-gallery .gallery-wrapper {
grid-template-columns: auto
}
}
.projects-page .page-content .projects-gallery .gallery-wrapper .image {
position: relative;
padding-top: 56.25%
}
.projects-page .page-content .projects-gallery .gallery-wrapper .image img {
padding: 0;
max-height: inherit
}
.projects-page .page-content .page-footer {
position: relative;
margin-top: 285px
}
.projects-page .page-content .page-footer .image-wrapper {
position: relative
}
.projects-page .page-content .page-footer .image-wrapper:before {
content: '';
display: block;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
background-color: #0f0b04
}
.projects-page .page-content .page-footer .image-wrapper img {
opacity: .8
}
.projects-page .page-content .page-footer .line-frame {
position: absolute;
top: calc(50% - 240px);
border: 2px solid #ffffff;
left: 17%;
width: 560px;
height: 310px;
max-width: 100%
}
.projects-page .page-content .page-footer .call-to-action {
position: absolute;
top: calc(50% - 200px);
left: 12.5%;
width: 600px;
max-width: 100%;
padding: 80px 40px 80px 120px;
background-color: #0f0b04;
z-index: 1
}
.projects-page .page-content .page-footer .call-to-action h2 {
position: relative;
margin-top: 0;
margin-bottom: 20px;
left: 60px;
color: #ffffff
}
.projects-page .page-content .page-footer .call-to-action h2 span {
position: absolute;
display: inline-block;
bottom: 10px;
left: -15px;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
font-family: "millerdisplay-lightitalicRg", Helvetica, Arial, sans-serif;
letter-spacing: 4px;
font-size: 30px;
color: #a68676;
text-transform: lowercase
}
.projects-page .page-content .page-footer .call-to-action h2 span:after {
content: '';
position: absolute;
bottom: -2px;
left: -10px;
width: 110%;
height: 1px;
background: #a68676
}
.projects-page .page-content .page-footer .call-to-action p {
position: relative;
left: 60px;
max-width: 50%
}
.projects-page .page-content .page-footer .made-by-buro {
display: inline-block;
margin-top: 80px
}
@media only screen and (max-width: 1024px) {
.projects-page .page-header .page-title {
width: 50%;
left: -50px;
top: calc(50% - 0px)
}
.projects-page .page-header .page-title h2 {
font-size: 70px
}
.projects-page .page-header .page-title h2 .char {
font-size: 70px
}
.projects-page .page-content>.text-wrapper {
display: none
}
}
@media only screen and (max-width: 768px) {
.projects-page .page-header .text-wrapper {
display: none
}
.projects-page .page-header .page-title {
height: 100vh;
top: 0;
margin-top: 0;
width: 100%;
left: auto
}
.projects-page .page-header .page-title h2 {
position: relative;
font-size: 90px;
top: calc(50% - 150px);
text-align: left;
letter-spacing: 1px
}
.projects-page .page-content .text-wrapper {
margin-bottom: 50px
}
.projects-page .page-content li .row {
margin: 0
}
.projects-page .page-content .arrow {
right: 0
}
.projects-page .page-content li:not(.details) .year:after {
display: none
}
.projects-page .page-content li:not(.details) p {
font-size: 20px;
line-height: 24px
}
.projects-page .page-content .page-footer {
margin-top: 0
}
}
@media only screen and (max-width: 414px) {
.projects-page .page-header .page-title {
display: block;
height: 100vh;
top: 0;
margin-top: 0
}
.projects-page .page-header .page-title h2 {
position: relative;
top: calc(50% - 90px);
font-size: 57px;
margin-left: -5px;
line-height: 55px;
text-align: left
}
}
.politica-privacidade a.link:not(.aligned-left):hover,
.politica-privacidade button.link:not(.aligned-left):hover,
.politica-privacidade p.link:not(.aligned-left):hover {
letter-spacing: 8px
}
.politica-privacidade a.link:not(.aligned-left):hover:after,
.politica-privacidade button.link:not(.aligned-left):hover:after,
.politica-privacidade p.link:not(.aligned-left):hover:after {
transform: scaleX(0.5);
-webkit-transform: scaleX(0.5);
-ms-transform: scaleX(0.5)
}
.politica-privacidade a.link.aligned-left:hover,
.politica-privacidade button.link.aligned-left:hover,
.politica-privacidade p.link.aligned-left:hover {
letter-spacing: 8px
}
.politica-privacidade a.link.aligned-left:hover:after,
.politica-privacidade button.link.aligned-left:hover:after,
.politica-privacidade p.link.aligned-left:hover:after {
transform: scaleX(1);
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
width: 65%
}
.politica-privacidade #header-main #nav-main .main-navigation li a,
.politica-privacidade #header-main #nav-main-mobile .main-navigation li a {
color: rgba(183, 180, 176, 0.9)
}
.politica-privacidade-page .page-header {
position: relative;
width: 100%;
height: auto;
z-index: 2;
margin-top: 250px;
text-align: center
}
.politica-privacidade-page h3 {
margin-top: 50px;
margin-bottom: 20px
}
.politica-privacidade-page p a {
text-decoration: underline
}
[data-scrollbar],
[scrollbar],
scrollbar {
display: block;
position: relative
}
[data-scrollbar] .scroll-content,
[scrollbar] .scroll-content,
scrollbar .scroll-content {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
[data-scrollbar].sticky .scrollbar-track,
[scrollbar].sticky .scrollbar-track,
scrollbar.sticky .scrollbar-track {
background: rgba(222, 222, 222, 0.75)
}
[data-scrollbar] .scrollbar-track,
[scrollbar] .scrollbar-track,
scrollbar .scrollbar-track {
position: absolute;
opacity: 0;
z-index: 1;
transition: opacity .5s ease-out, background .5s ease-out;
background: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
[data-scrollbar] .scrollbar-track.show,
[data-scrollbar] .scrollbar-track:hover,
[scrollbar] .scrollbar-track.show,
[scrollbar] .scrollbar-track:hover,
scrollbar .scrollbar-track.show,
scrollbar .scrollbar-track:hover {
opacity: 1
}
[data-scrollbar] .scrollbar-track:hover,
[scrollbar] .scrollbar-track:hover,
scrollbar .scrollbar-track:hover {
background: rgba(222, 222, 222, 0.75)
}
[data-scrollbar] .scrollbar-track-x,
[scrollbar] .scrollbar-track-x,
scrollbar .scrollbar-track-x {
bottom: 0;
left: 0;
width: 100%;
height: 8px
}
[data-scrollbar] .scrollbar-track-y,
[scrollbar] .scrollbar-track-y,
scrollbar .scrollbar-track-y {
top: 0;
right: 0;
width: 8px;
height: 100%
}
[data-scrollbar] .scrollbar-thumb,
[scrollbar] .scrollbar-thumb,
scrollbar .scrollbar-thumb {
position: absolute;
top: 0;
left: 0;
width: 8px;
height: 8px;
background: rgba(0, 0, 0, 0.5);
border-radius: 4px
}
[data-scrollbar] .overscroll-glow,
[scrollbar] .overscroll-glow,
scrollbar .overscroll-glow {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.tippy-box[data-animation=fade][data-state=hidden] {
opacity: 0
}
[data-tippy-root] {
max-width: calc(100vw - 10px)
}
.tippy-box {
position: relative;
background-color: #333;
color: #fff;
border-radius: 4px;
font-size: 14px;
line-height: 1.4;
outline: 0;
transition-property: transform, visibility, opacity
}
.tippy-box[data-placement^=top]>.tippy-arrow {
bottom: 0
}
.tippy-box[data-placement^=top]>.tippy-arrow:before {
bottom: -7px;
left: 0;
border-width: 8px 8px 0;
border-top-color: initial;
transform-origin: center top
}
.tippy-box[data-placement^=bottom]>.tippy-arrow {
top: 0
}
.tippy-box[data-placement^=bottom]>.tippy-arrow:before {
top: -7px;
left: 0;
border-width: 0 8px 8px;
border-bottom-color: initial;
transform-origin: center bottom
}
.tippy-box[data-placement^=left]>.tippy-arrow {
right: 0
}
.tippy-box[data-placement^=left]>.tippy-arrow:before {
border-width: 8px 0 8px 8px;
border-left-color: initial;
right: -7px;
transform-origin: center left
}
.tippy-box[data-placement^=right]>.tippy-arrow {
left: 0
}
.tippy-box[data-placement^=right]>.tippy-arrow:before {
left: -7px;
border-width: 8px 8px 8px 0;
border-right-color: initial;
transform-origin: center right
}
.tippy-box[data-inertia][data-state=visible] {
transition-timing-function: cubic-bezier(0.54, 1.5, 0.38, 1.11)
}
.tippy-arrow {
width: 16px;
height: 16px;
color: #333
}
.tippy-arrow:before {
content: "";
position: absolute;
border-color: transparent;
border-style: solid
}
.tippy-content {
position: relative;
padding: 5px 9px;
z-index: 1
}
/*!--------------------------------------------------------------------
STYLES "Outdated Browser"
Version: 1.1.0 - 2014
author: Burocratik
website: http://www.burocratik.com
* @preserve
-----------------------------------------------------------------------*/
#outdated {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 170px;
text-align: center;
text-transform: uppercase;
z-index: 1500;
background-color: #f25648;
color: #ffffff
}
* html #outdated {
position: absolute
}
#outdated h6 {
font-size: 25px;
line-height: 25px;
margin: 30px 0 10px
}
#outdated p {
font-size: 12px;
line-height: 12px;
margin: 0
}
#outdated #btnUpdateBrowser {
display: block;
position: relative;
padding: 10px 20px;
margin: 30px auto 0;
width: 230px;
color: #ffffff;
text-decoration: none;
border: 2px solid #ffffff;
cursor: pointer
}
#outdated #btnUpdateBrowser:hover {
color: #f25648;
background-color: #ffffff
}
#outdated .last {
position: absolute;
top: 10px;
right: 25px;
width: 20px;
height: 20px
}
#outdated .last[dir='rtl'] {
right: auto !important;
left: 25px !important
}
#outdated #btnCloseUpdateBrowser {
display: block;
position: relative;
width: 100%;
height: 100%;
text-decoration: none;
color: #ffffff;
font-size: 36px;
line-height: 36px
}
@media only screen and (min-width: 1600px){
.home-page .page-content .legacy .photos-wrapper .photo-2 {
width:600px
}
.home-page .page-content .legacy .photos-wrapper .photo-1{
width:400px
}
.home-page .page-content .legacy .photos-wrapper .photo-3{
width:400px
}
}
.heading-title{
font-size: 28px;
color: #e31e24;
text-align: center;
margin: 5rem;
position: relative;
}
.left-navigation .sidebar-head{
background: #e31e24;
padding: 10px;
color: #fff;
font-size: 20px;
text-transform: unset;
}
.left-navigation ul.left-sidebar{
background: #fff;
padding: 20px;
}
.left-navigation ul.left-sidebar li{
padding: 10px;
margin: 10px;
background: #e5e5e5;
}
.left-navigation ul.left-sidebar li a{
color: #111111
}
.pro-description a{
color: #e31e24;
font-size: 18px;
line-height: 25px;
}
.pro-description{
text-align: center;
padding: 20px;
}
.pro-box{
background: #fff;
padding: 10px;
border: 1px solid #999999;
text-align: center;
}
.pro-image{
width: 100%
}
@media (max-width:767px){
.desktop-view{
display:none ;
}
.mobile-view{
display:block ;
}
.principles .offset-text span:not(.line):not(.char){
float:left;
}
.introduction .offset-text span:not(.line):not(.char){
bottom: 25px;
float: left;
left: -20px;
}
}
@media (min-width:768px){
.desktop-view{
display:block ;
}
.mobile-view{
display:none;
}
}