@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;300;400;700;900&display=swap');

html {
    font-family: 'Poppins', sans-serif;
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    overflow-x: hidden;

}

::-webkit-scrollbar {
    width: 8px
}

::-webkit-scrollbar-track {
    background: transparent
}

::-webkit-scrollbar-thumb {
    background: #9C7E6F
}

::-webkit-scrollbar-thumb:hover {
    background: #555
}

body {
    margin: 0;
    font-family: 'Poppins', sans-serif;
}

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-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-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-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%;
    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: #9C7E6F !important;
}

.dark-gray {
    color: #3e3937 !important;
}

.gray {
    color: #7b7877 !important;
}

.light-gray {
    color: #b7b4b0 !important;
}

.almost-black {
    color: #1e1e22 !important;
}


.sup,
sup {
    top: -0.5em;
}

.sub,
sub {
    bottom: -0.25em;
}

strong,
.strong {}

h2 {
    font-size: 48px;
    line-height: 58px;
    letter-spacing: 14px;
    text-transform: uppercase;
    color: #3e3937;
}

h2 .char {
    position: relative;
    font-size: 48px;
    line-height: 58px;
    letter-spacing: 14px;
    text-transform: uppercase;
    color: inherit;
}

.katalog-item ._df_book-cover {
    display: flex;
    height: 100% !important;
}

.katalog-item ._df_book-cover ._df_book-title {
    background: transparent;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.katalog-item ._df_book-cover ._df_book-title .img {
    overflow: hidden;
    flex: 1;
    height: 110%;
}

.katalog-item ._df_book-cover ._df_book-title .img img {
    transition: all ease 300ms;
    height: 100%;
    width: 100%;
    object-fit: cover;
    transform: scale(1.02);
}

.katalog-item ._df_book-cover ._df_book-title .baslik {
    font-size: 20px;
    margin: 20px 0px;
    font-weight: bold;
    height: 60px;
    /* position: absolute; */
}

.katalog-item _df_book-cover {}

.katalog-item _df_book-cover {}

.katalog-item {
    display: block !important;
    width: 100%;
    cursor: pointer;
}

.katalog-item:hover img {
    transform: scale(1.1) !important;
}

h3 {
    font-size: 30px;
    line-height: 38px;
    color: #9C7E6F;
}

h4 {
    font-size: 15px;
    letter-spacing: 4px;
    line-height: 26px;
    text-transform: uppercase;
    color: #0f0b04;
}

h6 {
    font-size: 11px;
    letter-spacing: 1px;
    line-height: 22px;
    color: #9C7E6F;
}

p,
li,
span,
a {
    /* 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) {
    .videochange-nav {
        width: 100%;
        padding: 10px 30px;
    }

    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.mg-20 {
        margin-left: 20px;
    }

    h2 {
        font-size: 26px;
        line-height: 31px;
        letter-spacing: 9px;
    }

    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;
    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;
}

.sertifika_wrap {
    border: 1px solid #333;
}

.sertifika_wrap span {
    font-size: 20px;
    padding: 16px 10px;
    display: block;
    text-align: center;
    font-weight: bold;
}

.sertifika_wrap img {
    object-fit: contain;
    width: 100%;
    object-position: top;
}

.sertifika_wrap img span {}

#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;
}

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-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: #fff;
}

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: #9C7E6F;
    text-decoration: none;
}

.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-size: 9px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #9C7E6F;
}

.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-size: 11px;
    color: #9C7E6F;
    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: #9C7E6F;
    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-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: #9C7E6F;
    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: #9C7E6F;
}

#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(255, 255, 255, 0.9);
}

#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: #9C7E6F;
}

#header-main .main-logo {
    position: absolute;
    z-index: 3;
    width: 170px;
    top: 35px;
    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;
    transform: unset !important;
}

#header-main #nav-main ul:not(.language) li a {
    position: relative;
    padding-bottom: 10px;
    transition: none;
    -webkit-transition: none;
    text-decoration: 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: #9C7E6F;
}

#header-main #nav-main ul:not(.language) li a:before {
    content: attr(data-title);
    position: absolute;
    top: 0;
    left: 0;
    color: #9C7E6F;
    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: #9C7E6F;
}

#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: 50px;
}

.flex-column {flex-direction: column;}

#header-main #nav-main .main-navigation li,
#header-main #nav-main-mobile .main-navigation li {
    display: inline-block;
    margin: 0 15px;
}

#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-size: 12px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #fff;
    font-weight: bold;
    -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 #9C7E6F;

    font-size: 11px;
    line-height: 39px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #9C7E6F;
}

#header-main #nav-main .language li a.active,
#header-main #nav-main-mobile .language li a.active {
    border: 1px solid #9C7E6F;
    background-color: #9C7E6F;
    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: #9C7E6F;
}

#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-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 .dropdown-menu {
    position: unset !important;
    transform: unset !important;
}

#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-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);
}

#header-main #nav-main-mobile {
    overflow: scroll;
}

.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;
    transform: inherit !important
}

.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: 0;
    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;
    transform: inherit !important
}

.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-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-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: #9C7E6F;
    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: 29px;
    line-height: 52px;
    letter-spacing: 5px;
}

.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: #9C7E6F;
    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 {
    display: none;
    content: '';
    width: 1px;
    height: 120px;
    background-color: #9C7E6F;
    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 {
    display: none;
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    top: -30px;
    right: 0;
    left: 0;
    margin: 0 auto;
    border-radius: 10px;
    border: 1px solid #9C7E6F;
    -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%);

    letter-spacing: 0;
    font-size: 30px;
    color: #9C7E6F;
    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: #9C7E6F;
    -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: 400px;
    width: 100%;
    margin: 350px auto 0;
}

.page-footer .call-to-action-projects h3 {

    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: block;

    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;
    padding-top: 0;
    height: 100%;
}

.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("/public/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-size: 11px;
    line-height: 14px;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #9C7E6F;
}

.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-size: 11px;
    line-height: 14px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #9C7E6F;
    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%);

    letter-spacing: 0;
    font-size: 30px;
    line-height: 1;
    color: #9C7E6F;
    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: #9C7E6F;
    -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: #9C7E6F;
    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: #9C7E6F;
}

.sidebar-navigation ul {
    position: relative;
    right: 100px;
}

.sidebar-navigation ul li {
    position: relative;
    display: block;

    font-size: 14px;
    text-align: right;
    cursor: pointer;
}

.sidebar-navigation ul li span {
    position: relative;
    display: inline-block;
    top: calc(50% - 7px);

    font-size: 14px;
    text-align: right;
    letter-spacing: 0;
    color: #9C7E6F;
}

.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-size: 9px;
    line-height: 9px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #9C7E6F;
}

.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: #9C7E6F;
}

.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: #9C7E6F;
}

.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-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-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: #9C7E6F;
    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%);
    height: 1px;
    bottom: -1px;
    left: 0px;
    background-color: #9C7E6F;
}

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: #9C7E6F;
    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: #9C7E6F;
    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: #9C7E6F;
    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: #9C7E6F;
}

.made-by-buro {
    position: relative;

    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: #9C7E6F;
    letter-spacing: 1px;
}

.small-caps {
    font-family: "millerdisplay-romanregular", Helvetica, Arial, sans-serif;
    font-size: 15px;
    line-height: 27px;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #9C7E6F;
    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-size: 8px;
    line-height: 8px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #9C7E6F;
}

.slider-dragger-wrapper .slider-dragger .handler {
    position: absolute;
    display: block;
    width: 60px;
    height: 15px;
    left: 0;
    top: 12px;
    background-color: #9C7E6F;
    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: #9C7E6F;
    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: 155px;
        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 #9C7E6F;
    }

    .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(/public/imgs/ribbons/awwwards_sotd_black_left.png);
}

#awwwards.sotd.black.right a {
    background-image: url(/public/imgs/ribbons/awwwards_sotd_black_right.png);
}

#awwwards.sotd.silver.left a {
    background-image: url(/public/imgs/ribbons/awwwards_sotd_silver_left.png);
}

#awwwards.sotd.silver.right a {
    background-image: url(/public/imgs/ribbons/awwwards_sotd_silver_right.png);
}

#awwwards.sotd.white.left a {
    background-image: url(/public/imgs/ribbons/awwwards_sotd_white_left.png);
}

#awwwards.sotd.white.right a {
    background-image: url(/public/imgs/ribbons/awwwards_sotd_white_right.png);
}

#awwwards.sotd.green.left a {
    background-image: url(/public/imgs/ribbons/awwwards_sotd_green_left.png);
}

#awwwards.sotd.green.right a {
    background-image: url(/public/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(/public/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(/public/imgs/ribbons/awwwards_sotd_black_left@2x.png);
    }

    #awwwards.sotd.black.right a {
        background-image: url(/public/imgs/ribbons/awwwards_sotd_black_right@2x.png);
    }

    #awwwards.sotd.silver.left a {
        background-image: url(/public/imgs/ribbons/awwwards_sotd_silver_left@2x.png);
    }

    #awwwards.sotd.silver.right a {
        background-image: url(/public/imgs/ribbons/awwwards_sotd_silver_right@2x.png);
    }

    #awwwards.sotd.white.left a {
        background-image: url(/public/imgs/ribbons/awwwards_sotd_white_left@2x.png);
    }

    #awwwards.sotd.white.right a {
        background-image: url(/public/imgs/ribbons/awwwards_sotd_white_right@2x.png);
    }

    #awwwards.sotd.green.left a {
        background-image: url(/public/imgs/ribbons/awwwards_sotd_green_left@2x.png);
    }

    #awwwards.sotd.green.right a {
        background-image: url(/public/imgs/ribbons/awwwards_sotd_green_right@2x.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-size: 11px;
    line-height: 14px;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #9C7E6F;
    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: #9C7E6F;
    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-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;
}

.about-page .page-content .ecologic .testemonial .testemonial-wrapper {
    padding: 60px 50px 85px;
}

.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;
}

.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 .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 #9C7E6F;
    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: #9C7E6F;
    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-size: 9px;
    line-height: 15px;
    color: #9C7E6F;
    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: #9C7E6F;
    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: #9C7E6F;
    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 #9C7E6F;
    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) {
        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("/public/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: #9C7E6F;
}

.contacts-page .page-content .rgpd-wrapper:before {
    content: '';
    position: absolute;
    width: 25px;
    height: 25px;
    border: 2px solid #9C7E6F;
    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: #9C7E6F;
}

.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: #9C7E6F;
}

.contacts-page .page-content .rgpd-wrapper .rgpd-text a {
    color: #9C7E6F;
    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: #9C7E6F;
    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 #9C7E6F;
}

.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: #9C7E6F;
}

.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: #9C7E6F;
}

.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 #9C7E6F;
    padding: 15px 25px;
    font-family: 'gillsans-mediumregular', Helvetica, Arial, sans-serif;
    font-size: 11px;
    line-height: 20px;
    text-transform: uppercase;
    letter-spacing: 3px;
    color: #9C7E6F;
    box-shadow: none;
    position: relative;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.formulario-container input::-webkit-input-placeholder {
    color: #9C7E6F;
}

.formulario-container input::-moz-placeholder {
    color: #9C7E6F;
}

.formulario-container input:-ms-input-placeholder {
    color: #9C7E6F;
}

.formulario-container input:-moz-placeholder {
    color: #9C7E6F;
}

.formulario-container input:focus {
    border-bottom: 2px solid #9C7E6F;
}

.formulario-container input:focus+label {
    color: #0f0b04;
    transform: translateY(-110%);
    -webkit-transform: translateY(-110%);
}

.formulario-container input.erro+label {
    color: red;
}

footer .name {
    position: absolute;
    bottom: -100px;

    font-size: 11px;
    line-height: 14px;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #ffffff;
}

footer .name:before {
    content: '';
    width: 30px;
    height: 1px;
    background-color: #9C7E6F;
    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;
    }

    #map-container #map-wrapper img {
        opacity: 1;
    }

    #map-container #map-wrapper #map-pointers circle {
        opacity: 1;
        visibility: visible;
    }

    .formulario-container .wrapper-input {
        opacity: 1;
        visibility: visible;
        margin-bottom: 40px;
        transform: translateY(0px);
        -webkit-transform: translateY(0px);
    }

    .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;
    }

    >.text-wrapper {
        display: block;
        margin: 90px 0;
    }

    #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;
    }

    #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;
    }

    #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;
    }

    #map-container #map-wrapper #map-pointers {
        min-width: 1200px;
        padding-left: 90px;
    }

    #map-container #map-wrapper #map-pointers svg {
        min-height: 100%
    }

    #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;

    letter-spacing: 0;
    color: #f1eee9;
}

.single-markets-page .highlight h2 {
    position: absolute;
    font-size: 240px;
    right: 0;
    top: 0;

    letter-spacing: 0;
    color: #f1eee9;
}

.single-markets-page .highlight h2 .million {
    position: absolute;
    bottom: -50px;
    left: 0;

    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-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-size: 8px;
    line-height: 10px;
    letter-spacing: 2px;
    max-width: 215px;
    width: 100%;
    margin: 0 auto;
    text-transform: uppercase;
    color: #9C7E6F;
}

.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-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-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;

    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;

    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-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: #9C7E6F;
}

.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-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-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-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 {
    color: #fff;
}

.home a.link:not(.aligned-left):hover:after,
.home button.link:not(.aligned-left):hover:after,
.home p.link:not(.aligned-left):hover:after {}

.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: 0px;
    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: 1;
}

.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-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;
    margin: 0 !important;
}

.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 #9C7E6F;
    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: 33vh;
    margin-bottom: 0px;
    height: 100vh;
    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);
    padding-left: 50px;
    padding-right: 50px;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}

html[lang="ru"] .home-page .page-content .markets {
    padding-top: 210px;
}

.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: 100vh;
    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: 100%
}

.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;
    padding-right: 0 !important;
}

html[lang="ru"] .home-page .page-content .markets .text-wrapper .markets-picker li {
    font-weight: bold;
    color: #fff;
    padding-left: 0;
    border: 1px solid #fff;
    margin-right: 3px;
    padding: 6px 11px !important;
    display: block;
    margin-right: 18px;
    margin-bottom: 15px;
    line-height: unset;
    letter-spacing: unset;
    border-radius: 3px;
}

.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;
    z-index: 99;
    border: 1px solid #9C7E6F;
    border-bottom: transparent;
    opacity: 1;
    width: 400px;
    left: 0px;
    top: 120px;
    padding: 20px;
}

.home-page .page-content .markets .link:after {
    left: 0px;
}

.home-page .page-content .markets .link.active {
    opacity: 1;
    visibility: visible;
    right: calc(-1.25rem * 2);
    color: #fff !important;
}

.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: #9C7E6F;
}

.home-page .page-content .legacy .outline-svg-text span {
    display: none;
    position: relative;
    left: 30px;

    font-size: 147px;
    line-height: 1;
    letter-spacing: 2px;
    color: #9C7E6F;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    -webkit-text-stroke: 1px #9C7E6F;
    text-stroke: 1px #9C7E6F;
}

.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: #9C7E6F;
    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) {
    .laptop-screen {}

    .home-page .page-content .markets .text-wrapper .markets-picker li {
        padding: 0px 15px;
    }

    .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 #9C7E6F;
    }

    .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: 760px;
    }

    .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-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: #9C7E6F;
    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: #9C7E6F;
    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 #9C7E6F;
    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-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: #9C7E6F;
    stroke: #9C7E6F;
    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-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-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-size: 11px;
    letter-spacing: 0.2px;
    color: #7b7877;
}

.innovation-page .awards li .from .italic {

    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: #9C7E6F;
    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-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-size: 11px;
    line-height: 14px;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #9C7E6F;
    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-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: #9C7E6F;
}

.legacy-page .page-content .chronology .outline-svg-text span {
    display: none;
    position: relative;
    left: 30px;

    font-size: 147px;
    line-height: 1;
    letter-spacing: 2px;
    color: #9C7E6F;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    -webkit-text-stroke: 1px #9C7E6F;
    text-stroke: 1px #9C7E6F;
}

.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-size: 147px;
    line-height: 1;
    letter-spacing: 2px;
    color: #9C7E6F;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    -webkit-text-stroke: 1px #9C7E6F;
    text-stroke: 1px #9C7E6F;
}

.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-size: 147px;
    line-height: 1;
    letter-spacing: 2px;
    color: #9C7E6F;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    -webkit-text-stroke: 1px #9C7E6F;
    text-stroke: 1px #9C7E6F;
}

.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: #9C7E6F;
    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: #9C7E6F;
    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: #9C7E6F;
    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-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;

}

.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-size: 147px;
    line-height: 1;
    letter-spacing: 2px;
    color: #9C7E6F;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    -webkit-text-stroke: 1px #9C7E6F;
    text-stroke: 1px #9C7E6F;
}

.passion-for-leather-page .page-content .process h2 {
    color: #f1eee9;
    margin-bottom: 30px;
}

.passion-for-leather-page .page-content .process p {
    color: #9C7E6F;
}

.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-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: #9C7E6F;
    stroke: #9C7E6F;
    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-size: 13px;
}

.projects-page .page-content .details .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-size: 23px;
    color: #1e1e22;
}

.projects-page .page-content li:not(.details) .year {
    position: relative;
    display: block;

    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-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 .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%);

    letter-spacing: 4px;
    font-size: 30px;
    color: #9C7E6F;
    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: #9C7E6F;
}

.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;
}

#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;
}

.detailvideo {
    transform: none !important
}

.detail-video-title {
    position: absolute;
    z-index: 11;
    left: 50%;
    bottom: 15%;
    color: #ffffff;
    width: 600px;
    margin-left: -300px;
    text-align: center;
}

.detail-video-title h1 {
    background: #3e3937;
    font-size: 46px;
    line-height: 58px;
    letter-spacing: 7px;
    font-weight: 300;
    position: relative;
    color: #FFFFFF;
    display: inline-block;
    padding: 10px 30px;
}

.detail-video-title p {
    font-size: 14px;
    color: #9C7E6F;
    font-weight: 300;
    display: block;
    margin-top: 20px;
}

.detailvideo:before {
    content: '';
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 40%;
    background: #000;
    background: linear-gradient(180deg, rgba(0, 0, 0, .7) 0, rgba(0, 0, 0, 0) 100%);
}

.detailvideo:after {
    content: '';
    position: absolute;
    z-index: 1;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 40%;
    background: #000;
    background: linear-gradient(0deg, rgba(0, 0, 0, .6) 0, rgba(0, 0, 0, 0) 100%)
}

.detail-video-title h1:before {
    content: '';
    position: absolute;
    z-index: 11;
    left: 50%;
    margin-left: -50px;
    bottom: -9px;
    width: 100px;
    height: 1px;
    background-color: #9C7E6F;
}

.arrow-down {
    position: absolute;
    z-index: 99999;
    bottom: 15px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 24px;
    height: 20px;
    cursor: pointer;
    animation: bounce 3s infinite;
    transition: opacity 1.3s ease;
    opacity: 1;
    fill: #fff;
}

.product-box {
    background-color: #fff;
    border-left: 1px solid;
    border-bottom: 1px solid;
    border-color: rgba(0, 0, 0, .2);
    position: relative;
}

.product-box strong,
.product-box small {
    display: block;
}

.product-box strong {
    font-size: 15px;
}

.product-box small {
    font-size: 14px;
}

.product-box a:after {
    content: '';
    left: 0px;
    top: 0px;
    bottom: 0px;
    right: 0px;
    position: absolute;
    z-index: 11;
    background-color: rgba(0, 0, 0, .3);
    padding: 60px
}

.hover-text {
    position: absolute;
    z-index: 111;
    left: 0px;
    right: 0px;
    bottom: 20px;
    text-align: center;
}

.product-box a .hover-text {
    display: none;
    color: #ffffff;
}

.hover-text strong {
    font-size: 17px;
    line-height: 19px;
    letter-spacing: 1px;
    font-weight: 700;
}

.hover-text small {
    font-size: 15px;
    letter-spacing: 5px;
    font-weight: 400
}

.product-box a:hover .hover-text {
    display: block;
}

.product-box a:hover:after {
    background-color: transparent;
}

.product-box a:hover:before {
    content: '';
    position: absolute;
    z-index: 11;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 30%;
    background: #555;
    background: -moz-linear-gradient(0deg, #555 0, rgba(255, 255, 255, 0) 100%);
    background: -webkit-linear-gradient(0deg, #555 0, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(0deg, #555 0, rgba(255, 255, 255, 0) 100%)
}

.detail-row {
    max-width: 100%;
}

.product-box a {
    display: block;
    cursor: pointer;
}

.product-box img {
    height: 630px;
    width: 60% !important;
    object-fit: contain;
    text-align: center;
    margin: auto
}

.detail-img {
    width: 100% !important;
    object-fit: contain;
    text-align: center;
    margin: auto;
    border: 1px solid #efefef;
}

.bg-white {
    background-color: #ffffff;
}

.detail-header {
    background-color: rgba(0, 0, 0, 0.9);
    padding-bottom: 25px
}

.data-sheet {
    z-index: 11;
    top: 5px;
    text-align: right;
    position: relative;
}

.wrap_data-sheet {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
}

.wrap_data-sheet h1 {
    max-width: 58%;
}

.data-sheet strong,
.data-sheet small {
    display: block
}

.data-sheet a {
    color: #c00;
    line-height: 18px;
    font-size: 14px;
}

.data-sheet a:hover {
    color: #555;
    text-decoration: none;
}

.data-sheet img {
    width: 45px;
    margin-top: -5px
}

.detail-text h1 {
    letter-spacing: 8px;
    font-size: 28px;
    font-weight: 400;
    color: #222222;
    margin-top: 20px;
    display: block;
    padding-bottom: 0;
}

.detail-special img {
    width: 50px;
}

.detail-special .media {
    margin-bottom: 20px
}

.bg-under-widget .sidebar-content .widget,
.solid-bg.sidebar-content .widget {
    background: #f7f7f8 none repeat center center;
}

.widget-title {
    text-transform: none;
    color: #191919;
}

.blogroll>ul,
.custom-menu,
.widget_archive>ul,
.widget_categories>ul,
.widget_links>ul,
.widget_meta>ul,
.widget_recent_comments>ul,
.widget_recent_entries>ul {
    padding-bottom: 10px;
}

.dividers-on.custom-menu li {
    margin: 9px 0 0;
    padding: 10px 0 0;
}

.accent-gradient #page .custom-categories a:hover span.item-name,
.accent-gradient #page .cat-item a:hover span.item-name,
.accent-gradient #page .custom-menu a:hover,
.accent-gradient #page .custom-menu li.act>a,
.accent-gradient #page .widget_recent_comments a:hover {
    background: -webkit-linear-gradient(left, #ff1e1e 30%, #a32a2a 100%);
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
}

.custom-menu a {
    position: relative;
}

.show-arrow.custom-menu a {
    padding-left: 23px;
}

.custom-menu.show-arrow a:before,
.widget_presscore-custom-menu-one .custom-menu.show-arrow a:after {
    position: absolute;
    width: 14px;
    top: 5px;
    left: 0;
}

.custom-menu.show-arrow a:before {
    height: 14px;
    content: "";
}

.sidebar .st-accordion li>a:before,
.sidebar-content .st-accordion li>a:before,
.sidebar .custom-menu a:before,
.sidebar-content .custom-menu a:before {
    background-color: rgba(133, 134, 140, .15);
}

.custom-menu.show-arrow a:before,
.widget_presscore-custom-menu-one .custom-menu.show-arrow a:after {
    position: absolute;
    width: 14px;
    top: 5px;
    left: 0;
}

.widget_presscore-custom-menu-one .custom-menu.show-arrow a:after {
    content: "\f007";
    font-family: icomoon-the7-font;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    font-size: 7px;
    line-height: 14px;
    text-align: center;
}

.sidebar-content .custom-menu a:hover:after,
.sidebar-content .custom-menu .act>a:after {
    color: rgba(255, 30, 30, .999);
}

@media only screen and (max-width: 768px) {
    .detail-video-title h1 {
        font-size: 24px;
        letter-spacing: 5px
    }

}

.sidebar-content .widget-title {
    color: #333;
}

.widget-title {
    margin-bottom: 15px;
    clear: both;
    font-family: 'Montserrat', sans-serif
}

.bg-under-widget .sidebar-content .widget,
.solid-bg.sidebar-content .widget {
    background: #f7f7f8 none repeat center center;
}

.blogroll>ul,
.custom-menu,
.widget_archive>ul,
.widget_categories>ul,
.widget_links>ul,
.widget_meta>ul,
.widget_recent_comments>ul,
.widget_recent_entries>ul {
    padding-bottom: 10px;
}

.sidebar .widget,
.sidebar-content .widget {
    border-top: 1px solid rgba(51, 51, 51, .12);
    color: #85868c;
    font-size: 14px;
    line-height: 25px;
    padding-top: 30px;
    padding-bottom: 30px;
}

.show-arrow.custom-menu a {
    padding-left: 23px;
    font-family: 'Montserrat', sans-serif
}

.custom-menu a,
.menu a,
.widget_pages a {
    text-decoration: none;
    font-family: 'Montserrat', sans-serif
}

.accent-gradient #page .custom-categories a:hover span.item-name,
.accent-gradient #page .cat-item a:hover span.item-name,
.accent-gradient #page .custom-menu a:hover,
.accent-gradient #page .custom-menu li.act>a,
.accent-gradient #page .widget_recent_comments a:hover {
    background: -webkit-linear-gradient(left, #ff1e1e 30%, #a32a2a 100%);
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
}

.sidebar .st-accordion li>a:before,
.sidebar-content .st-accordion li>a:before,
.sidebar .custom-menu a:before,
.sidebar-content .custom-menu a:before {
    background-color: rgba(133, 134, 140, .15);
}

.custom-menu.show-arrow a:before,
.widget_presscore-custom-menu-one .custom-menu.show-arrow a:after {
    position: absolute;
    width: 14px;
    top: 5px;
    left: 0;
}

.sidebar-content .custom-menu a:after {
    color: rgba(133, 134, 140, .5);
}

.widget:after,
.widget:before {
    clear: both;
}

.dropdown-menu {
    background-color: rgba(0, 0, 0, .8);
    z-index: 99999
}

.dropdown-menu a.dropdown-item {
    color: #fff !important;
}

.dropdown-menu a.dropdown-item:hover {
    background-color: transparent !important;
    color: #fff !important
}

.headerin {
    position: relative !important;
    padding-bottom: 25px;
    margin-bottom: -100px;
}

header#header-main:before {
    content: '';
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 120%;
    background: #000;
    background: linear-gradient(180deg, rgba(0, 0, 0, .7) 0, rgba(0, 0, 0, 0) 100%);
    z-index: -1;
    opacity: .6;
}

.form-control,
.form-group .form-control {
    border: 0;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#009688), to(#009688)), -webkit-gradient(linear, left top, left bottom, from(#D2D2D2), to(#D2D2D2));
    background-image: -webkit-linear-gradient(#009688, #009688), -webkit-linear-gradient(#D2D2D2, #D2D2D2);
    background-image: -o-linear-gradient(#009688, #009688), -o-linear-gradient(#D2D2D2, #D2D2D2);
    background-image: linear-gradient(#009688, #009688), linear-gradient(#D2D2D2, #D2D2D2);
    -webkit-background-size: 0 2px, 100% 1px;
    background-size: 0 2px, 100% 1px;
    background-repeat: no-repeat;
    background-position: center bottom, center -webkit-calc(100% - 1px);
    background-position: center bottom, center calc(100% - 1px);
    background-color: rgba(0, 0, 0, 0);
    -webkit-transition: background 0s ease-out;
    -o-transition: background 0s ease-out;
    transition: background 0s ease-out;
    float: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0
}

.form-control::-moz-placeholder,
.form-group .form-control::-moz-placeholder {
    color: #BDBDBD;
    font-weight: 400
}

.form-control:-ms-input-placeholder,
.form-group .form-control:-ms-input-placeholder {
    color: #BDBDBD;
    font-weight: 400
}

.form-control::-webkit-input-placeholder,
.form-group .form-control::-webkit-input-placeholder {
    color: #BDBDBD;
    font-weight: 400
}

.form-control[disabled],
.form-control[readonly],
.form-group .form-control[disabled],
.form-group .form-control[readonly],
fieldset[disabled] .form-control,
fieldset[disabled] .form-group .form-control {
    background-color: rgba(0, 0, 0, 0)
}

.form-control[disabled],
.form-group .form-control[disabled],
fieldset[disabled] .form-control,
fieldset[disabled] .form-group .form-control {
    background-image: none;
    border-bottom: 1px dotted #D2D2D2
}

.form-group {
    position: relative
}

.form-group.label-floating label.control-label,
.form-group.label-placeholder label.control-label,
.form-group.label-static label.control-label {
    position: absolute;
    pointer-events: none;
    -webkit-transition: .3s ease all;
    -o-transition: .3s ease all;
    transition: .3s ease all
}

.form-group.label-floating label.control-label {
    will-change: left, top, contents
}

.form-group.label-placeholder:not(.is-empty) label.control-label {
    display: none
}

.form-group .help-block {
    position: absolute;
    display: none
}

.form-group.is-focused .form-control {
    outline: 0;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#009688), to(#009688)), -webkit-gradient(linear, left top, left bottom, from(#D2D2D2), to(#D2D2D2));
    background-image: -webkit-linear-gradient(#009688, #009688), -webkit-linear-gradient(#D2D2D2, #D2D2D2);
    background-image: -o-linear-gradient(#009688, #009688), -o-linear-gradient(#D2D2D2, #D2D2D2);
    background-image: linear-gradient(#009688, #009688), linear-gradient(#D2D2D2, #D2D2D2);
    -webkit-background-size: 100% 2px, 100% 1px;
    background-size: 100% 2px, 100% 1px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s
}

.form-group.is-focused .form-control .material-input:after {
    background-color: #009688
}

.form-group.is-focused label,
.form-group.is-focused label.control-label {
    color: #009688
}

.form-group.is-focused.label-placeholder label,
.form-group.is-focused.label-placeholder label.control-label {
    color: #BDBDBD
}

.form-group.is-focused .help-block {
    display: block
}

.form-group.has-warning .form-control {
    -webkit-box-shadow: none;
    box-shadow: none
}

.form-group.has-warning.is-focused .form-control {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ff5722), to(#ff5722)), -webkit-gradient(linear, left top, left bottom, from(#D2D2D2), to(#D2D2D2));
    background-image: -webkit-linear-gradient(#ff5722, #ff5722), -webkit-linear-gradient(#D2D2D2, #D2D2D2);
    background-image: -o-linear-gradient(#ff5722, #ff5722), -o-linear-gradient(#D2D2D2, #D2D2D2);
    background-image: linear-gradient(#ff5722, #ff5722), linear-gradient(#D2D2D2, #D2D2D2)
}

.form-group.has-warning .help-block,
.form-group.has-warning label.control-label {
    color: #ff5722
}

.form-group.has-error .form-control {
    -webkit-box-shadow: none;
    box-shadow: none
}

.form-group.has-error .help-block,
.form-group.has-error label.control-label {
    color: #f44336
}

.form-group.has-success .form-control {
    -webkit-box-shadow: none;
    box-shadow: none
}

.form-group.has-success.is-focused .form-control {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#4caf50), to(#4caf50)), -webkit-gradient(linear, left top, left bottom, from(#D2D2D2), to(#D2D2D2));
    background-image: -webkit-linear-gradient(#4caf50, #4caf50), -webkit-linear-gradient(#D2D2D2, #D2D2D2);
    background-image: -o-linear-gradient(#4caf50, #4caf50), -o-linear-gradient(#D2D2D2, #D2D2D2);
    background-image: linear-gradient(#4caf50, #4caf50), linear-gradient(#D2D2D2, #D2D2D2)
}

.form-group.has-success .help-block,
.form-group.has-success label.control-label {
    color: #4caf50
}

.form-group.has-info .form-control {
    -webkit-box-shadow: none;
    box-shadow: none
}

.form-group.has-info.is-focused .form-control {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#03a9f4), to(#03a9f4)), -webkit-gradient(linear, left top, left bottom, from(#D2D2D2), to(#D2D2D2));
    background-image: -webkit-linear-gradient(#03a9f4, #03a9f4), -webkit-linear-gradient(#D2D2D2, #D2D2D2);
    background-image: -o-linear-gradient(#03a9f4, #03a9f4), -o-linear-gradient(#D2D2D2, #D2D2D2);
    background-image: linear-gradient(#03a9f4, #03a9f4), linear-gradient(#D2D2D2, #D2D2D2)
}

.form-group.has-info .help-block,
.form-group.has-info label.control-label {
    color: #03a9f4
}

.form-group textarea {
    resize: none
}

.form-group textarea~.form-control-highlight {
    margin-top: -11px
}

.form-group select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.form-group select~.material-input:after {
    display: none
}

.form-control {
    margin-bottom: 7px
}

.form-control::-moz-placeholder {
    font-size: 16px;
    line-height: 1.42857143;
    color: #BDBDBD;
    font-weight: 400
}

.form-control:-ms-input-placeholder {
    font-size: 16px;
    line-height: 1.42857143;
    color: #BDBDBD;
    font-weight: 400
}

.form-control::-webkit-input-placeholder {
    font-size: 16px;
    line-height: 1.42857143;
    color: #BDBDBD;
    font-weight: 400
}

.checkbox label,
.radio label,
label {
    font-size: 16px;
    line-height: 1.42857143;
    color: #BDBDBD;
    font-weight: 400
}

label.control-label {
    font-size: 12px;
    line-height: 1.07142857;
    font-weight: 400;
    margin: 16px 0 0 0
}

.help-block {
    margin-top: 0;
    font-size: 12px
}

.form-group {
    padding-bottom: 7px;
    margin: 28px 0 0 0
}

.form-group .form-control {
    margin-bottom: 7px
}

.form-group .form-control::-moz-placeholder {
    font-size: 16px;
    line-height: 1.42857143;
    color: #BDBDBD;
    font-weight: 400
}

.form-group .form-control:-ms-input-placeholder {
    font-size: 16px;
    line-height: 1.42857143;
    color: #BDBDBD;
    font-weight: 400
}

.form-group .form-control::-webkit-input-placeholder {
    font-size: 16px;
    line-height: 1.42857143;
    color: #BDBDBD;
    font-weight: 400
}

.form-group .checkbox label,
.form-group .radio label,
.form-group label {
    font-size: 16px;
    line-height: 1.42857143;
    color: #BDBDBD;
    font-weight: 400
}

.form-group label.control-label {
    font-size: 12px;
    line-height: 1.07142857;
    font-weight: 400;
    margin: 16px 0 0 0
}

.form-group .help-block {
    margin-top: 0;
    font-size: 12px
}

.form-group.label-floating label.control-label,
.form-group.label-placeholder label.control-label {
    top: -7px;
    font-size: 16px;
    line-height: 1.42857143
}

.form-group.label-floating.is-focused label.control-label,
.form-group.label-floating:not(.is-empty) label.control-label,
.form-group.label-static label.control-label {
    top: -30px;
    left: 0;
    font-size: 12px;
    line-height: 1.07142857
}

.form-group.label-floating input.form-control:-webkit-autofill~label.control-label label.control-label {
    top: -30px;
    left: 0;
    font-size: 12px;
    line-height: 1.07142857
}

.form-group.form-group-sm {
    padding-bottom: 3px;
    margin: 21px 0 0 0
}

.form-group.form-group-sm .form-control {
    margin-bottom: 3px
}

.form-group.form-group-sm .form-control::-moz-placeholder {
    font-size: 11px;
    line-height: 1.5;
    color: #BDBDBD;
    font-weight: 400
}

.form-group.form-group-sm .form-control:-ms-input-placeholder {
    font-size: 11px;
    line-height: 1.5;
    color: #BDBDBD;
    font-weight: 400
}

.form-group.form-group-sm .form-control::-webkit-input-placeholder {
    font-size: 11px;
    line-height: 1.5;
    color: #BDBDBD;
    font-weight: 400
}

.form-group.form-group-sm .checkbox label,
.form-group.form-group-sm .radio label,
.form-group.form-group-sm label {
    font-size: 11px;
    line-height: 1.5;
    color: #BDBDBD;
    font-weight: 400
}

.form-group.form-group-sm label.control-label {
    font-size: 9px;
    line-height: 1.125;
    font-weight: 400;
    margin: 16px 0 0 0
}

.form-group.form-group-sm .help-block {
    margin-top: 0;
    font-size: 9px
}

.form-group.form-group-sm.label-floating label.control-label,
.form-group.form-group-sm.label-placeholder label.control-label {
    top: -11px;
    font-size: 11px;
    line-height: 1.5
}

.form-group.form-group-sm.label-floating.is-focused label.control-label,
.form-group.form-group-sm.label-floating:not(.is-empty) label.control-label,
.form-group.form-group-sm.label-static label.control-label {
    top: -25px;
    left: 0;
    font-size: 9px;
    line-height: 1.125
}

.form-group.form-group-sm.label-floating input.form-control:-webkit-autofill~label.control-label label.control-label {
    top: -25px;
    left: 0;
    font-size: 9px;
    line-height: 1.125
}

.form-group.form-group-lg {
    padding-bottom: 9px;
    margin: 30px 0 0 0
}

.form-group.form-group-lg .form-control {
    margin-bottom: 9px
}

.form-group.form-group-lg .form-control::-moz-placeholder {
    font-size: 18px;
    line-height: 1.3333333;
    color: #BDBDBD;
    font-weight: 400
}

.form-group.form-group-lg .form-control:-ms-input-placeholder {
    font-size: 18px;
    line-height: 1.3333333;
    color: #BDBDBD;
    font-weight: 400
}

.form-group.form-group-lg .form-control::-webkit-input-placeholder {
    font-size: 18px;
    line-height: 1.3333333;
    color: #BDBDBD;
    font-weight: 400
}

.form-group.form-group-lg .checkbox label,
.form-group.form-group-lg .radio label,
.form-group.form-group-lg label {
    font-size: 18px;
    line-height: 1.3333333;
    color: #BDBDBD;
    font-weight: 400
}

.form-group.form-group-lg label.control-label {
    font-size: 14px;
    line-height: .99999998;
    font-weight: 400;
    margin: 16px 0 0 0
}

.form-group.form-group-lg .help-block {
    margin-top: 0;
    font-size: 14px
}

.form-group.form-group-lg.label-floating label.control-label,
.form-group.form-group-lg.label-placeholder label.control-label {
    top: -5px;
    font-size: 18px;
    line-height: 1.3333333
}

.form-group.form-group-lg.label-floating.is-focused label.control-label,
.form-group.form-group-lg.label-floating:not(.is-empty) label.control-label,
.form-group.form-group-lg.label-static label.control-label {
    top: -32px;
    left: 0;
    font-size: 14px;
    line-height: .99999998
}

.form-group.form-group-lg.label-floating input.form-control:-webkit-autofill~label.control-label label.control-label {
    top: -32px;
    left: 0;
    font-size: 14px;
    line-height: .99999998
}

select.form-control {
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0
}

.form-group.is-focused select.form-control {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #D2D2D2
}

.form-group.is-focused select.form-control[multiple],
select.form-control[multiple] {
    height: 85px
}

.input-group-btn .btn {
    margin: 0 0 7px 0
}

.form-group.form-group-sm .input-group-btn .btn {
    margin: 0 0 3px 0
}

.form-group.form-group-lg .input-group-btn .btn {
    margin: 0 0 9px 0
}

.input-group .input-group-btn {
    padding: 0 12px
}

.input-group .input-group-addon {
    border: 0;
    background: 0 0
}

.form-group input[type=file] {
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100
}

.ult_pricing_table {
    list-style-type: none;
    font-size: 13px;
    text-align: center;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.ult_price_body_block,
.ult_price_description_block,
.ult_price_features,
.ult_price_link,
.ult_pricing_heading,
.ult_pricing_table {
    margin: 0;
    padding: 0;
    width: 100%;
    float: left;
    display: block;
    position: relative;
}

.ult_design_6 .ult_pricing_table {
    background: #fff;
    color: #777;
    border: 1px solid #efefef;
}

.ult_pricing_table .ult_pricing_heading {
    padding: 20px 0;
}

.ult_design_6.ult-cs-gray .ult_pricing_table .ult_price_body_block,
.ult_design_6.ult-cs-gray .ult_pricing_table .ult_price_link .ult_price_action_button,
.ult_design_6.ult-cs-gray .ult_pricing_table .ult_pricing_heading {
    background: #d9dee0;
    color: #5d5d5d;
}

.ult_design_6 .ult_pricing_table .ult_price_body_block {
    height: 3em;
    margin-bottom: 3em;
    font-size: 16px;
}

.ult_design_6.ult-cs-gray .ult_pricing_table .ult_price_body_block,
.ult_design_6.ult-cs-gray .ult_pricing_table .ult_price_link .ult_price_action_button,
.ult_design_6.ult-cs-gray .ult_pricing_table .ult_pricing_heading {
    background: #9c7e6f;
    color: #5d5d5d;
    margin-bottom: -10px;
}

.ult_design_6.ult-cs-gray .ult_pricing_table .ult_price_body_block {}

.ult_design_6 .ult_pricing_table .ult_price_body {
    font-size: 16px;
    width: 6em;
    height: 6em;
    padding: 0;
    line-height: 1em;
    border: 2px solid #f0f0f0;
    -webkit-border-radius: 500%;
    border-radius: 500%;
    margin: 0 auto !important;
    position: relative;
    top: 0;
    background: #fff;
    color: #777;
    -webkit-box-shadow: 0 5px 20px #ddd inset, 0 3px 0 #999 inset;
    -o-box-shadow: 0 5px 20px #ddd inset, 0 3px 0 #999 inset;
    -ms-box-shadow: 0 5px 20px #ddd inset, 0 3px 0 #999 inset;
    box-shadow: 0 5px 20px #ddd inset, 0 3px 0 #999 inset;
}

.ult_price_body .ult_price {
    vertical-align: middle;
    display: table-cell;
    word-break: break-all;
}

.aio-icon-img {
    display: inline-block;
    font-size: 48px;
    width: 1em;
    max-width: 100%;
    -moz-box-sizing: content-box !important;
    -webkit-box-sizing: content-box !important;
    box-sizing: content-box !important;
}

.aio-icon-img .img-icon {
    width: 1em;
    max-width: 100% !important;
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    display: block;
    font-size: inherit;
}

.ult_price_body_block,
.ult_price_description_block,
.ult_price_features,
.ult_price_link,
.ult_pricing_heading,
.ult_pricing_table {
    margin: 0;
    padding: 0;
    width: 100%;
    float: left;
    display: block;
    position: relative;
}

.ult_pricing_table .ult_price_features {
    padding: 35px 15px 0 15px;
    margin: 0;
    text-align: left;
}

.ult_pricing_table .ult_price_features p {
    margin-top: 50px;
}

.ult_pricing_table .ult_price_features p strong {
    display: block;
    text-align: center;
}

.ult_clr {
    clear: both;
}

.ikboxin {
    border: 1px solid #efefef;
    background-color: #fff;
    padding: 50px 50px;
    border-radius: 2px;
    min-height: 505px;
    color: #222;
}

.ikbox h2 {
    display: block;
    margin-bottom: 15px;
    width: 100%;
    font-weight: 300;
    font-size: 20px;
}

.ikbox small {
    font-size: 12px;
}

.ikboxin .fa-user-circle-o {
    font-size: 58px;
    margin-bottom: 30px;
    color: #222;
}

.ikbox .form-control {
    font-size: 14px;
    font-style: normal;
}

.form-control {
    border-radius: 0;
    font-size: 13px;
    font-style: italic;
}

.btn-ik {
    background-color: #efefef;
    margin-top: 5px;
}

.custom-file-input {
    position: relative;
    z-index: 2;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    margin: 0;
    opacity: 0;
}

#header-main #nav-main ul:not(.language) li a.color-in {}

#header-main #nav-main li.dropdown a:before {
    display: none;
}

#header-main #nav-main li.dropdown a:after {
    display: none;
}

#header-main #nav-main li.dropdown a:hover:after,
#header-main #nav-main li.dropdown a:hover:before {
    display: block
}

.kariyerlogo {
    width: 120px;
}

.footer-copyright {
    color: #444;
}

.page-footer-in {
    background-color: #222;
}

.page-footer-in a {
    font-size: 20px;
}

.page-footer-in hr {
    background-color: #555;
}

.page-footer-in a:hover {
    color: #fff;
}

.dropdown-item {
    pointer-events: auto !important;
}

#technical {}

#technical ul li {
    list-style-type: disc;
    margin-left: 20px;
    margin-top: 10px;
}

#technical ul {
    margin: 30px 0px;
}

#technical table {}

#technical table colgroup {
    display: none !important;
}

#technical table tr {}

#technical table tr:hover td {
    background: #dedede !important;
}

#technical table tr:nth-child(even) {}

#technical table tr:nth-child(odd) {}

#technical table tr:nth-child(odd) td {
    background: #e6e6e6;
}

#technical table td {
    border: 1px solid #a5a5a5 !important;
    padding: 3px !important;
    max-width: 1px;
    height: 0px !important;
    font-size: unset;
    position: relative;
    background: unset;
    width: unset !important;
    /* vertical-align: bottom; */
    height: 0;
    vertical-align: middle;
    color: #333;
    border: 0 !important;
    padding: 10px 40px !important;
}

td.xl71 {}

#technical table table td {
    border: 0 !important;

}

#technical table {
    border: 0;
    padding: 10px;
    border-radius: 10px;
    margin-left: -30px;
    margin-right: -30px;
    width: calc(100% + 60px) !important;
}

#technical table * {
    white-space: unset !important;
}

#technical table .tag_ {}

#technical table table {
    display: none !important;
    border: 0 !important;
}

#technical table tr img {
    display: none !important;
}

#technical table tr td span:not(.tag_) {
    white-space: unset !important;
    padding: 0 !important;
    width: unset !important;
    font: unset !important;
    position: unset !important;
    margin: unset !important;
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    max-height: 4px;
}

#technical table tr td:nth-child(2) {
    text-align: center;
}

#technical table tr td:nth-child(1) span {
    text-align: left;
    justify-content: unset;
}

#technical table tr:nth-child(1) {}

#technical table tr:nth-child(1) td {}

#technical table tr:nth-child(1) td span {
    color: #000;
}

#technical table tr:nth-child(even) td:nth-child(2) {
    text-align: center;
}

#technical table tr:nth-child(even) td:nth-child(1) {}

#technical table tr td:nth-child(1) {
    /* vertical-align: middle; */
}

#technical table tr:nth-child(odd) td:nth-child(2) {}

.tag_ {
    color: black;
    line-height: 0;
    display: block;
    line-height: unset;
}

.tag_ucgen {
    font-size: 16px !important;
}

.tag_yuvarlak {
    font-size: 25px;
}

.tag_wrap {}

.tag_wrap .tag_ {
    display: unset;
}

@media only screen and (max-width: 768px) {
    .text {
        padding: 15px;
    }

    .home-page .page-content .markets .text-wrapper .markets-picker li {
        float: left;
        width: 100%;
        text-align: left;
        padding: 8px 5px;
    }

    .home-page .page-content .markets {
        padding-top: 15px;
        height: 70vh;
    }

    .home-page .page-content .markets .text-wrapper .markets-wrapper {
        margin-top: 240px;
    }

    .home-page .page-content .markets .text-wrapper .link {
        padding: 6px 12px;
        max-width: 90%;
        margin-left: 15px
    }

    .home-page .page-content .markets .text-wrapper .markets-picker li:last-child,
    .home-page .page-content .markets .text-wrapper .markets-picker li:first-child {
        margin: 0 20px;
        padding: 8px 5px;
    }
}

@media only screen and (max-width: 1500px) {
    .detail-text h1 {
        font-size: 23px;
        letter-spacing: 6px;
        word-wrap: break-word;
    }

    .data-sheet small {
        font-size: 12px;
    }

    .product-box img {
        height: 500px;
    }
}

@media only screen and (min-width: 1919px) {
    .product-box img {
        height: 700px;
    }
}

.nav-tabs .nav-link {
    font-size: 14px;
    border-radius: 0px;
}

.duyurular strong {
    color: #222;
}

.duyurular img {
    width: 120px;
    height: 100px;
    object-fit: cover;
}

.duyurular p {
    font-size: 14px;
}




.html5vid {
    position: relative;
    display: block;

    width: 100%;
    height: 100vh;
    backface-visibility: hidden;
    transition: transform .6s ease-in-out;
}

.videooverlay {
    padding: 0px 90px;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000a;
    z-index: 1;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.videooverlay h1 {
    color: #fff;
    letter-spacing: 2px;
    font-size: 52px;
    font-family: 'Jost', sans-serif;
    font-weight: 600;
    font-size: 58px;
    line-height: 68px;
    letter-spacing: 14px;
    text-transform: uppercase;
}

.videochange-nav .nav-item {
    padding: 10px 25px;
    padding-left: 0;
}

.videochange-nav li.nav-item.active a {
    font-weight: 600;
    color: #fff;
}

.videochange-nav .nav-item a {
    color: #fff3;
    display: block;
    text-decoration: none;
    display: inline-block;
    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;
    padding-right: 0 !important;
}

.videochange-nav .nav-item a:hover {
    color: #fff;
}

.videochange-nav {
    border-bottom: solid 1px #fff3;
    position: relative;
}


span.under {
    content: '';
    position: absolute;
    width: 10px;
    height: 3px;
    color: #FFF;
    bottom: -2px;
    background: #ffffff;
    left: 0;
    box-shadow: 0px 0px 19px #ffffff;
    transition: transform 0.5s;
    transform: matrix(1, 0, 0, 1, 0, 0);
    display: none;
}

.sectiontab h4 {
    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: 100%;
}

.sectiontab a.link {

    z-index: 99;
    border: 1px solid #9C7E6F;
    opacity: 1;
    width: 400px;
    left: 0px;
    top: 60px;
    padding: 20px;
    border-radius: 0px;
}