html.has-scroll-smooth {
overflow: hidden
}
html.has-scroll-dragging {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.has-scroll-smooth body {
overflow: hidden;
}
.has-scroll-smooth [data-scroll-container] {
min-height: 100vh
}
[data-scroll-direction=horizontal] [data-scroll-container] {
height: 100vh;
display: inline-block;
white-space: nowrap
}
[data-scroll-direction=horizontal] [data-scroll-section] {
display: inline-block;
vertical-align: top;
white-space: nowrap;
height: 100%
}
.c-scrollbar {
position: absolute;
right: 0;
top: 0;
width: 11px;
height: 100%;
transform-origin: center right;
transition: transform .3s, opacity .3s;
opacity: 0
}
.c-scrollbar:hover {
transform: scaleX(1.45)
}
.c-scrollbar:hover,
.has-scroll-dragging .c-scrollbar,
.has-scroll-scrolling .c-scrollbar {
opacity: 1
}
[data-scroll-direction=horizontal] .c-scrollbar {
width: 100%;
height: 10px;
top: auto;
bottom: 0;
transform: scaleY(1)
}
[data-scroll-direction=horizontal] .c-scrollbar:hover {
transform: scaleY(1.3)
}
.c-scrollbar_thumb {
position: absolute;
top: 0;
right: 0;
background-color: #000;
opacity: .5;
width: 7px;
border-radius: 10px;
margin: 2px;
cursor: grab
}
.has-scroll-dragging .c-scrollbar_thumb {
cursor: grabbing
}
[data-scroll-direction=horizontal] .c-scrollbar_thumb {
right: auto;
bottom: 0
}
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
button,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
padding: 0;
margin: 0;
font: inherit;
font-size: 100%;
vertical-align: baseline;
border: 0
}
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:after,
blockquote:before,
q:after,
q:before {
content: "";
content: none
}
table {
border-collapse: collapse;
border-spacing: 0
}
*,
:after,
:before {
box-sizing: border-box
}
html {
-webkit-font-smoothing: antialiased;
-webkit-tap-highlight-color: transparent;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%
}
body {
-moz-osx-font-smoothing: grayscale;
text-rendering: geometricPrecision
}
@font-face {
font-family: pare;
font-style: normal;
font-weight: 700;
src: url(fonts/pare/bold/Pare-II-Bold.eot);
src: url(fonts/pare/bold/Pare-II-Bold.eot#iefix) format("embedded-opentype"), url(fonts/pare/bold/Pare-II-Bold.woff2) format("woff2"), url(fonts/pare/bold/Pare-II-Bold.woff) format("woff"), url(fonts/pare/bold/Pare-II-Bold.ttf) format("truetype"), url(fonts/pare/bold/Pare-II-Bold.svg#pare-Bold) format("svg");
font-display: swap
}
@font-face {
font-family: pare;
font-style: normal;
font-weight: 300;
src: url(fonts/pare/light/Pare-II-Light.eot);
src: url(fonts/pare/light/Pare-II-Light.eot#iefix) format("embedded-opentype"), url(fonts/pare/light/Pare-II-Light.woff2) format("woff2"), url(fonts/pare/light/Pare-II-Light.woff) format("woff"), url(fonts/pare/light/Pare-II-Light.ttf) format("truetype"), url(fonts/pare/light/Pare-II-Light.svg#pare-Light) format("svg");
font-display: swap
}
@font-face {
font-family: pare;
font-style: normal;
font-weight: 500;
src: url(fonts/pare/medium/Pare-II-Medium.eot);
src: url(fonts/pare/medium/Pare-II-Medium.eot#iefix) format("embedded-opentype"), url(fonts/pare/medium/Pare-II-Medium.woff2) format("woff2"), url(fonts/pare/medium/Pare-II-Medium.woff) format("woff"), url(fonts/pare/medium/Pare-II-Medium.ttf) format("truetype"), url(fonts/pare/medium/Pare-II-Medium.svg#pare-Medium) format("svg");
font-display: swap
}
@font-face {
font-family: pare;
font-style: normal;
font-weight: 400;
src: url(fonts/pare/regular/Pare-II-Regular.eot);
src: url(fonts/pare/regular/Pare-II-Regular.eot#iefix) format("embedded-opentype"), url(fonts/pare/regular/Pare-II-Regular.woff2) format("woff2"), url(fonts/pare/regular/Pare-II-Regular.woff) format("woff"), url(fonts/pare/regular/Pare-II-Regular.ttf) format("truetype"), url(fonts/pare/regular/Pare-II-Regular.svg#pare-Regular) format("svg");
font-display: swap
}
@media only screen {
.sm-text-left,
.text-left {
text-align: left !important
}
.sm-text-center,
.text-center {
text-align: center !important
}
.sm-text-right,
.text-right {
text-align: right !important
}
.sm-text-#000,
.sm-text-#000 a:not(.button),
.sm-text-#000 p,
.text-#000,
.text-#000 a:not(.button),
.text-#000 p {
color: #0c0a09 !important
}
.sm-text-gray-light,
.sm-text-gray-light a:not(.button),
.sm-text-gray-light p,
.text-gray-light,
.text-gray-light a:not(.button),
.text-gray-light p {
color: #dfeaec !important
}
.sm-text-gray,
.sm-text-gray a:not(.button),
.sm-text-gray p,
.text-gray,
.text-gray a:not(.button),
.text-gray p {
color: #92a3a5 !important
}
.sm-text-promo,
.sm-text-promo a:not(.button),
.sm-text-promo p,
.text-promo,
.text-promo a:not(.button),
.text-promo p {
color: #c7270e !important
}
.sm-text-#fff,
.sm-text-#fff a:not(.button),
.sm-text-#fff p,
.text-#fff,
.text-#fff a:not(.button),
.text-#fff p {
color: #fff !important
}
.sm-text-alert,
.sm-text-alert a:not(.button),
.sm-text-alert p,
.text-alert,
.text-alert a:not(.button),
.text-alert p {
color: #bf5544 !important
}
.sm-text-warning,
.sm-text-warning a:not(.button),
.sm-text-warning p,
.text-warning,
.text-warning a:not(.button),
.text-warning p {
color: #b8860b !important
}
.sm-text-info,
.sm-text-info a:not(.button),
.sm-text-info p,
.text-info,
.text-info a:not(.button),
.text-info p {
color: #205d86 !important
}
.sm-text-success,
.sm-text-success a:not(.button),
.sm-text-success p,
.text-success,
.text-success a:not(.button),
.text-success p {
color: #8f9f60 !important
}
.sm-text-primary,
.sm-text-primary a:not(.button),
.sm-text-primary .has-scroll-smooth bodyp,
.text-primary,
.text-primary a:not(.button),
.text-primary p {
color: #000000 !important
}
.sm-text-primary-light,
.sm-text-primary-light a:not(.button),
.sm-text-primary-light p,
.text-primary-light,
.text-primary-light a:not(.button),
.text-primary-light p {
color: #4d4e4f !important
}
.sm-text-primary-lighter,
.sm-text-primary-lighter a:not(.button),
.sm-text-primary-lighter p,
.text-primary-lighter,
.text-primary-lighter a:not(.button),
.text-primary-lighter p {
color: #dadddb !important
}
.sm-text-secondary,
.sm-text-secondary a:not(.button),
.sm-text-secondary p,
.text-secondary,
.text-secondary a:not(.button),
.text-secondary p {
color: #d8d8d8 !important
}
.bg-#000,
.sm-bg-#000 {
background-color: #0c0a09
}
.bg-gray-light,
.sm-bg-gray-light {
background-color: #dfeaec
}
.bg-gray,
.sm-bg-gray {
background-color: #92a3a5
}
.bg-promo,
.sm-bg-promo {
background-color: #c7270e
}
.bg-#fff,
.sm-bg-#fff {
background-color: #fff
}
.bg-alert,
.sm-bg-alert {
background-color: #bf5544
}
.bg-warning,
.sm-bg-warning {
background-color: #b8860b
}
.bg-info,
.sm-bg-info {
background-color: #205d86
}
.bg-success,
.sm-bg-success {
background-color: #8f9f60
}
.bg-primary,
.sm-bg-primary {
background-color: #000000
}
.bg-primary-light,
.sm-bg-primary-light {
background-color: #4d4e4f
}
.bg-primary-lighter,
.sm-bg-primary-lighter {
background-color: #dadddb
}
.bg-secondary,
.sm-bg-secondary {
background-color: #d8d8d8
}
}
@media only screen and (min-width:641px) {
.md-text-left {
text-align: left !important
}
.md-text-center {
text-align: center !important
}
.md-text-right {
text-align: right !important
}
.md-text-#000,
.md-text-#000 a:not(.button),
.md-text-#000 p {
color: #0c0a09 !important
}
.md-text-gray-light,
.md-text-gray-light a:not(.button),
.md-text-gray-light p {
color: #dfeaec !important
}
.md-text-gray,
.md-text-gray a:not(.button),
.md-text-gray p {
color: #92a3a5 !important
}
.md-text-promo,
.md-text-promo a:not(.button),
.md-text-promo p {
color: #c7270e !important
}
.md-text-#fff,
.md-text-#fff a:not(.button),
.md-text-#fff p {
color: #fff !important
}
.md-text-alert,
.md-text-alert a:not(.button),
.md-text-alert p {
color: #bf5544 !important
}
.md-text-warning,
.md-text-warning a:not(.button),
.md-text-warning p {
color: #b8860b !important
}
.md-text-info,
.md-text-info a:not(.button),
.md-text-info p {
color: #205d86 !important
}
.md-text-success,
.md-text-success a:not(.button),
.md-text-success p {
color: #8f9f60 !important
}
.md-text-primary,
.md-text-primary a:not(.button),
.md-text-primary p {
color: #000000 !important
}
.md-text-primary-light,
.md-text-primary-light a:not(.button),
.md-text-primary-light p {
color: #4d4e4f !important
}
.md-text-primary-lighter,
.md-text-primary-lighter a:not(.button),
.md-text-primary-lighter p {
color: #dadddb !important
}
.md-text-secondary,
.md-text-secondary a:not(.button),
.md-text-secondary p {
color: #d8d8d8 !important
}
.md-bg-#000 {
background-color: #0c0a09
}
.md-bg-gray-light {
background-color: #dfeaec
}
.md-bg-gray {
background-color: #92a3a5
}
.md-bg-promo {
background-color: #c7270e
}
.md-bg-#fff {
background-color: #fff
}
.md-bg-alert {
background-color: #bf5544
}
.md-bg-warning {
background-color: #b8860b
}
.md-bg-info {
background-color: #205d86
}
.md-bg-success {
background-color: #8f9f60
}
.md-bg-primary {
background-color: #000000
}
.md-bg-primary-light {
background-color: #4d4e4f
}
.md-bg-primary-lighter {
background-color: #dadddb
}
.md-bg-secondary {
background-color: #d8d8d8
}
}
@media only screen and (min-width:1025px) {
.lg-text-left {
text-align: left !important
}
.lg-text-center {
text-align: center !important
}
.lg-text-right {
text-align: right !important
}
.lg-text-#000,
.lg-text-#000 a:not(.button),
.lg-text-#000 p {
color: #0c0a09 !important
}
.lg-text-gray-light,
.lg-text-gray-light a:not(.button),
.lg-text-gray-light p {
color: #dfeaec !important
}
.lg-text-gray,
.lg-text-gray a:not(.button),
.lg-text-gray p {
color: #92a3a5 !important
}
.lg-text-promo,
.lg-text-promo a:not(.button),
.lg-text-promo p {
color: #c7270e !important
}
.lg-text-#fff,
.lg-text-#fff a:not(.button),
.lg-text-#fff p {
color: #fff !important
}
.lg-text-alert,
.lg-text-alert a:not(.button),
.lg-text-alert p {
color: #bf5544 !important
}
.lg-text-warning,
.lg-text-warning a:not(.button),
.lg-text-warning p {
color: #b8860b !important
}
.lg-text-info,
.lg-text-info a:not(.button),
.lg-text-info p {
color: #205d86 !important
}
.lg-text-success,
.lg-text-success a:not(.button),
.lg-text-success p {
color: #8f9f60 !important
}
.lg-text-primary,
.lg-text-primary a:not(.button),
.lg-text-primary p {
color: #000000 !important
}
.lg-text-primary-light,
.lg-text-primary-light a:not(.button),
.lg-text-primary-light p {
color: #4d4e4f !important
}
.lg-text-primary-lighter,
.lg-text-primary-lighter a:not(.button),
.lg-text-primary-lighter p {
color: #dadddb !important
}
.lg-text-secondary,
.lg-text-secondary a:not(.button),
.lg-text-secondary p {
color: #d8d8d8 !important
}
.lg-bg-#000 {
background-color: #0c0a09
}
.lg-bg-gray-light {
background-color: #dfeaec
}
.lg-bg-gray {
background-color: #92a3a5
}
.lg-bg-promo {
background-color: #c7270e
}
.lg-bg-#fff {
background-color: #fff
}
.lg-bg-alert {
background-color: #bf5544
}
.lg-bg-warning {
background-color: #b8860b
}
.lg-bg-info {
background-color: #205d86
}
.lg-bg-success {
background-color: #8f9f60
}
.lg-bg-primary {
background-color: #000000
}
.lg-bg-primary-light {
background-color: #4d4e4f
}
.lg-bg-primary-lighter {
background-color: #dadddb
}
.lg-bg-secondary {
background-color: #d8d8d8
}
}
@media only screen and (min-width:1367px) {
.xlg-text-left {
text-align: left !important
}
.xlg-text-center {
text-align: center !important
}
.xlg-text-right {
text-align: right !important
}
.xlg-text-#000,
.xlg-text-#000 a:not(.button),
.xlg-text-#000 p {
color: #0c0a09 !important
}
.xlg-text-gray-light,
.xlg-text-gray-light a:not(.button),
.xlg-text-gray-light p {
color: #dfeaec !important
}
.xlg-text-gray,
.xlg-text-gray a:not(.button),
.xlg-text-gray p {
color: #92a3a5 !important
}
.xlg-text-promo,
.xlg-text-promo a:not(.button),
.xlg-text-promo p {
color: #c7270e !important
}
.xlg-text-#fff,
.xlg-text-#fff a:not(.button),
.xlg-text-#fff p {
color: #fff !important
}
.xlg-text-alert,
.xlg-text-alert a:not(.button),
.xlg-text-alert p {
color: #bf5544 !important
}
.xlg-text-warning,
.xlg-text-warning a:not(.button),
.xlg-text-warning p {
color: #b8860b !important
}
.xlg-text-info,
.xlg-text-info a:not(.button),
.xlg-text-info p {
color: #205d86 !important
}
.xlg-text-success,
.xlg-text-success a:not(.button),
.xlg-text-success p {
color: #8f9f60 !important
}
.xlg-text-primary,
.xlg-text-primary a:not(.button),
.xlg-text-primary p {
color: #000000 !important
}
.xlg-text-primary-light,
.xlg-text-primary-light a:not(.button),
.xlg-text-primary-light p {
color: #4d4e4f !important
}
.xlg-text-primary-lighter,
.xlg-text-primary-lighter a:not(.button),
.xlg-text-primary-lighter p {
color: #dadddb !important
}
.xlg-text-secondary,
.xlg-text-secondary a:not(.button),
.xlg-text-secondary p {
color: #d8d8d8 !important
}
.xlg-bg-#000 {
background-color: #0c0a09
}
.xlg-bg-gray-light {
background-color: #dfeaec
}
.xlg-bg-gray {
background-color: #92a3a5
}
.xlg-bg-promo {
background-color: #c7270e
}
.xlg-bg-#fff {
background-color: #fff
}
.xlg-bg-alert {
background-color: #bf5544
}
.xlg-bg-warning {
background-color: #b8860b
}
.xlg-bg-info {
background-color: #205d86
}
.xlg-bg-success {
background-color: #8f9f60
}
.xlg-bg-primary {
background-color: #000000
}
.xlg-bg-primary-light {
background-color: #4d4e4f
}
.xlg-bg-primary-lighter {
background-color: #dadddb
}
.xlg-bg-secondary {
background-color: #d8d8d8
}
}
.text-white a:not(.button) {
color: #fff !important;
border-color: #fff
}
[class*=ratio-] {
position: relative
}
[class*=ratio-] img:not(.no-cover) {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center
}
[class*=ratio-]:before {
display: block;
width: 100%;
content: ""
}
@media only screen and (min-width:1025px) {
[class*=ratio-] .lg-ratio-content {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%)
}
[class*=ratio-] .lg-ratio-content img {
margin: 0 auto
}
}
.ratio-1_1:before {
padding-top: 100%
}
.ratio-3_5:before {
padding-top: 166.66667%
}
.ratio-3_4:before {
padding-top: 133.33333%
}
.sm-ratio-4_3:before {
padding-top: 75%
}
@media only screen and (min-width:641px) {
.md-ratio-3_4:before {
padding-top: 133.33333%
}
}
@media only screen and (min-width:1025px) {
.lg-ratio-1_1:before {
padding-top: 100%
}
}
.mg-auto {
margin-right: auto;
margin-left: auto
}
.a-hidden {
display: none
}
html.is-loading {
overflow: hidden;
cursor: progress
}
.a-background {
position: fixed;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100%;
background-color: #000000;
transition: opacity .45s ease-in-out;
opacity: 0
}
.c-scrollbar {
z-index: 98
}
.m-ieTemplate {
position: fixed;
bottom: 3rem;
left: 50%;
z-index: 101;
display: none;
width: 40%;
padding: 15px 20px;
text-align: center;
background-color: #d8d8d8;
transform: translate(-50%)
}
.m-ieTemplate.-active {
display: block
}
.grecaptcha-badge {
display: none
}
.row {
position: relative;
align-items: stretch;
flex-wrap: wrap;
justify-content: flex-start;
z-index: 1;
display: flex;
width: 100%;
margin: 0 auto
}
.row.xl {
max-width: 100%
}
[class*=column-] {
flex-direction: column;
display: flex
}
[class*=column-],
[class*=column-]:not(.no-width)>* {
width: 100%;
max-width: 100%
}
@media only screen {
.flex,
.sm-flex {
display: flex
}
.column-0,
.sm-column-0 {
flex: 0 0 0%;
width: 0;
max-width: 0
}
.offset-0,
.sm-offset-0 {
margin-left: 0
}
.column-1,
.sm-column-1 {
flex: 0 0 3.125%;
width: 3.125%;
max-width: 3.125%
}
.offset-1,
.sm-offset-1 {
margin-left: 3.125%
}
.column-2,
.sm-column-2 {
flex: 0 0 6.25%;
width: 6.25%;
max-width: 6.25%
}
.m-block.-block_numbers .m-block__nbr,
.m-editor.-columns figure img,
.offset-2,
.sm-offset-2 {
margin-left: 6.25%
}
.column-3,
.sm-column-3 {
flex: 0 0 9.375%;
width: 9.375%;
max-width: 9.375%
}
.offset-3,
.sm-offset-3 {
margin-left: 9.375%
}
.column-4,
.sm-column-4 {
flex: 0 0 12.5%;
width: 12.5%;
max-width: 12.5%
}
.m-editor.-columns blockquote,
.m-editor.-columns figure figcaption,
.m-editor.-columns h2,
.m-editor.-columns h3,
.m-editor.-columns h4,
.m-editor.-columns iframe,
.m-editor.-columns ol,
.m-editor.-columns p,
.m-editor.-columns ul,
.offset-4,
.sm-offset-4 {
margin-left: 12.5%
}
.column-5,
.sm-column-5 {
flex: 0 0 15.625%;
width: 15.625%;
max-width: 15.625%
}
.offset-5,
.sm-offset-5 {
margin-left: 15.625%
}
.column-6,
.sm-column-6 {
flex: 0 0 18.75%;
width: 18.75%;
max-width: 18.75%
}
.offset-6,
.sm-offset-6 {
margin-left: 18.75%
}
.column-7,
.sm-column-7 {
flex: 0 0 21.875%;
width: 21.875%;
max-width: 21.875%
}
.offset-7,
.sm-offset-7 {
margin-left: 21.875%
}
.column-8,
.sm-column-8 {
flex: 0 0 25%;
width: 25%;
max-width: 25%
}
.offset-8,
.sm-offset-8 {
margin-left: 25%
}
.column-9,
.sm-column-9 {
flex: 0 0 28.125%;
width: 28.125%;
max-width: 28.125%
}
.offset-9,
.sm-offset-9 {
margin-left: 28.125%
}
.column-10,
.sm-column-10 {
flex: 0 0 31.25%;
width: 31.25%;
max-width: 31.25%
}
.offset-10,
.sm-offset-10 {
margin-left: 31.25%
}
.column-11,
.sm-column-11 {
flex: 0 0 34.375%;
width: 34.375%;
max-width: 34.375%
}
.offset-11,
.sm-offset-11 {
margin-left: 34.375%
}
.column-12,
.sm-column-12 {
flex: 0 0 37.5%;
width: 37.5%;
max-width: 37.5%
}
.offset-12,
.sm-offset-12 {
margin-left: 37.5%
}
.column-13,
.sm-column-13 {
flex: 0 0 40.625%;
width: 40.625%;
max-width: 40.625%;
max-height: 70px
}
.offset-13,
.sm-offset-13 {
margin-left: 40.625%
}
.column-14,
.sm-column-14 {
flex: 0 0 43.75%;
width: 43.75%;
max-width: 43.75%
}
.offset-14,
.sm-offset-14 {
margin-left: 43.75%
}
.column-15,
.sm-column-15 {
flex: 0 0 46.875%;
width: 46.875%;
max-width: 46.875%
}
.offset-15,
.sm-offset-15 {
margin-left: 46.875%
}
.column-16,
.sm-column-16 {
flex: 0 0 50%;
width: 50%;
max-width: 50%
}
.offset-16,
.sm-offset-16 {
margin-left: 50%
}
.column-17,
.sm-column-17 {
flex: 0 0 53.125%;
width: 53.125%;
max-width: 53.125%
}
.offset-17,
.sm-offset-17 {
margin-left: 53.125%
}
.column-18,
.sm-column-18 {
flex: 0 0 56.25%;
width: 56.25%;
max-width: 56.25%
}
.offset-18,
.sm-offset-18 {
margin-left: 56.25%
}
.column-19,
.sm-column-19 {
flex: 0 0 59.375%;
width: 59.375%;
max-width: 59.375%
}
.offset-19,
.sm-offset-19 {
margin-left: 59.375%
}
.column-20,
.sm-column-20 {
flex: 0 0 62.5%;
width: 62.5%;
max-width: 62.5%
}
.offset-20,
.sm-offset-20 {
margin-left: 62.5%
}
.column-21,
.sm-column-21 {
flex: 0 0 65.625%;
width: 65.625%;
max-width: 65.625%
}
.offset-21,
.sm-offset-21 {
margin-left: 65.625%
}
.column-22,
.sm-column-22 {
flex: 0 0 68.75%;
width: 68.75%;
max-width: 68.75%
}
.offset-22,
.sm-offset-22 {
margin-left: 68.75%
}
.column-23,
.sm-column-23 {
flex: 0 0 71.875%;
width: 71.875%;
max-width: 71.875%
}
.offset-23,
.sm-offset-23 {
margin-left: 71.875%
}
.column-24,
.m-editor.-columns blockquote,
.m-editor.-columns figure figcaption,
.m-editor.-columns h2,
.m-editor.-columns h3,
.m-editor.-columns h4,
.m-editor.-columns iframe,
.m-editor.-columns ol,
.m-editor.-columns p,
.m-editor.-columns ul,
.sm-column-24 {
flex: 0 0 75%;
width: 75%;
max-width: 75%
}
.offset-24,
.sm-offset-24 {
margin-left: 75%
}
.column-25,
.sm-column-25 {
flex: 0 0 78.125%;
width: 78.125%;
max-width: 78.125%
}
.offset-25,
.sm-offset-25 {
margin-left: 78.125%
}
.column-26,
.sm-column-26 {
flex: 0 0 81.25%;
width: 81.25%;
max-width: 81.25%
}
.offset-26,
.sm-offset-26 {
margin-left: 81.25%
}
.column-27,
.sm-column-27 {
flex: 0 0 84.375%;
width: 84.375%;
max-width: 84.375%
}
.offset-27,
.sm-offset-27 {
margin-left: 84.375%
}
.column-28,
.m-editor.-columns figure img,
.sm-column-28 {
flex: 0 0 87.5%;
width: 87.5%;
max-width: 87.5%
}
.offset-28,
.sm-offset-28 {
margin-left: 87.5%
}
.column-29,
.sm-column-29 {
flex: 0 0 90.625%;
width: 90.625%;
max-width: 90.625%
}
.offset-29,
.sm-offset-29 {
margin-left: 90.625%
}
.column-30,
.sm-column-30 {
flex: 0 0 93.75%;
width: 93.75%;
max-width: 93.75%
}
.offset-30,
.sm-offset-30 {
margin-left: 93.75%
}
.column-31,
.sm-column-31 {
flex: 0 0 96.875%;
width: 96.875%;
max-width: 96.875%
}
.offset-31,
.sm-offset-31 {
margin-left: 96.875%
}
.column-32,
.sm-column-32 {
flex: 0 0 100%;
width: 100%;
max-width: 100%
}
.size-5,
.sm-size-5 {
width: 5%;
max-width: 5%
}
.size-10,
.sm-size-10 {
width: 10%;
max-width: 10%
}
.size-15,
.sm-size-15 {
width: 15%;
max-width: 15%
}
.size-20,
.sm-size-20 {
width: 20%;
max-width: 20%
}
.size-25,
.sm-size-25 {
width: 25%;
max-width: 25%
}
.size-30,
.sm-size-30 {
width: 30%;
max-width: 30%
}
.size-35,
.sm-size-35 {
width: 35%;
max-width: 35%
}
.size-40,
.sm-size-40 {
width: 40%;
max-width: 40%
}
.size-45,
.sm-size-45 {
width: 45%;
max-width: 45%
}
.size-50,
.sm-size-50 {
width: 50%;
max-width: 50%
}
.size-55,
.sm-size-55 {
width: 55%;
max-width: 55%
}
.size-60,
.sm-size-60 {
width: 60%;
max-width: 60%
}
.size-65,
.sm-size-65 {
width: 65%;
max-width: 65%
}
.size-70,
.sm-size-70 {
width: 70%;
max-width: 70%
}
.size-75,
.sm-size-75 {
width: 75%;
max-width: 75%
}
.size-80,
.sm-size-80 {
width: 80%;
max-width: 80%
}
.size-85,
.sm-size-85 {
width: 85%;
max-width: 85%
}
.size-90,
.sm-size-90 {
width: 90%;
max-width: 90%
}
.size-95,
.sm-size-95 {
width: 95%;
max-width: 95%
}
.size-100,
.sm-size-100 {
width: 100%;
max-width: 100%
}
.size-33,
.sm-size-33 {
width: 33.333333%;
max-width: 33.333333%
}
.size-66,
.sm-size-66 {
width: 66.666666%;
max-width: 66.666666%
}
.size-49,
.sm-size-49 {
width: 49%;
max-width: 49%
}
.size-auto,
.sm-size-auto {
width: auto;
max-width: auto
}
.height-100,
.sm-height-100 {
height: 100%
}
.align-start-start,
.sm-align-start-start {
align-items: flex-start;
justify-content: flex-start
}
.align-start-end,
.sm-align-start-end {
align-items: flex-end;
justify-content: flex-start
}
.align-start-center,
.sm-align-start-center {
align-items: center;
justify-content: flex-start
}
.align-end-start,
.sm-align-end-start {
align-items: flex-start;
justify-content: flex-end
}
.align-end-end,
.sm-align-end-end {
align-items: flex-end;
justify-content: flex-end
}
.align-end-center,
.sm-align-end-center {
align-items: center;
justify-content: flex-end
}
.align-center-start,
.sm-align-center-start {
align-items: flex-start;
justify-content: center
}
.align-center-end,
.sm-align-center-end {
align-items: flex-end;
justify-content: center
}
.align-center-center,
.sm-align-center-center {
align-items: center;
justify-content: center
}
.align-spacebetween-start,
.sm-align-spacebetween-start {
align-items: flex-start;
justify-content: space-between
}
.align-spacebetween-end,
.sm-align-spacebetween-end {
align-items: flex-end;
justify-content: space-between
}
.align-spacebetween-center,
.sm-align-spacebetween-center {
align-items: center;
justify-content: space-between
}
.layout-column,
.sm-layout-column {
flex-direction: column
}
.layout-columnreverse,
.sm-layout-columnreverse {
flex-direction: column-reverse
}
.layout-row,
.sm-layout-row {
flex-direction: row
}
.layout-rowreverse,
.sm-layout-rowreverse {
flex-direction: row-reverse
}
.layout-wrap,
.sm-layout-wrap {
flex-wrap: wrap
}
.layout-nowrap,
.sm-layout-nowrap {
flex-wrap: nowrap
}
.dp-block,
.sm-dp-block {
display: block
}
.dp-inlblock,
.sm-dp-inlblock {
display: inline-block
}
.dp-inl,
.sm-dp-inl {
display: inline
}
.dp-none,
.sm-dp-none {
display: none
}
}
@media only screen and (min-width:641px) {
.md-flex {
display: flex
}
.md-column-0 {
flex: 0 0 0%;
width: 0;
max-width: 0
}
.md-offset-0 {
margin-left: 0
}
.md-column-1 {
flex: 0 0 3.125%;
width: 3.125%;
max-width: 3.125%
}
.m-block.-block_numbers .m-block__nbr,
.md-offset-1 {
margin-left: 3.125%
}
.md-column-2 {
flex: 0 0 6.25%;
width: 6.25%;
max-width: 6.25%
}
.m-teamItemAgency__container:nth-child(odd),
.md-offset-2 {
margin-left: 6.25%
}
.md-column-3 {
flex: 0 0 9.375%;
width: 9.375%;
max-width: 9.375%
}
.m-block.-block_numbers .m-block__nbr:nth-child(3n-2),
.md-offset-3 {
margin-left: 9.375%
}
.md-column-4 {
flex: 0 0 12.5%;
width: 12.5%;
max-width: 12.5%
}
.md-offset-4 {
margin-left: 12.5%
}
.md-column-5 {
flex: 0 0 15.625%;
width: 15.625%;
max-width: 15.625%
}
.md-offset-5 {
margin-left: 15.625%
}
.md-column-6 {
flex: 0 0 18.75%;
width: 18.75%;
max-width: 18.75%
}
.md-offset-6 {
margin-left: 18.75%
}
.md-column-7 {
flex: 0 0 21.875%;
width: 21.875%;
max-width: 21.875%
}
.md-offset-7 {
margin-left: 21.875%
}
.md-column-8 {
flex: 0 0 25%;
width: 25%;
max-width: 25%
}
.md-offset-8 {
margin-left: 25%
}
.md-column-9 {
flex: 0 0 28.125%;
width: 28.125%;
max-width: 28.125%
}
.md-offset-9 {
margin-left: 28.125%
}
.md-column-10 {
flex: 0 0 31.25%;
width: 31.25%;
max-width: 31.25%
}
.md-offset-10 {
margin-left: 31.25%
}
.md-column-11 {
flex: 0 0 34.375%;
width: 34.375%;
max-width: 34.375%;
max-height: 70px;
}
.md-offset-11 {
margin-left: 34.375%
}
.md-column-12 {
flex: 0 0 37.5%;
width: 37.5%;
max-width: 37.5%
}
.md-offset-12 {
margin-left: 37.5%
}
.b-imageContent__content,
.b-imageContent__image,
.md-column-13 {
flex: 0 0 40.625%;
width: 40.625%;
max-width: 40.625%
}
.md-offset-13 {
margin-left: 40.625%
}
.md-column-14 {
flex: 0 0 43.75%;
width: 43.75%;
max-width: 43.75%
}
.md-offset-14 {
margin-left: 43.75%
}
.md-column-15 {
flex: 0 0 46.875%;
width: 46.875%;
max-width: 46.875%
}
.md-offset-15 {
margin-left: 46.875%
}
.md-column-16 {
flex: 0 0 50%;
width: 50%;
max-width: 50%
}
.md-offset-16 {
margin-left: 50%
}
.md-column-17 {
flex: 0 0 53.125%;
width: 53.125%;
max-width: 53.125%
}
.md-offset-17 {
margin-left: 53.125%
}
.md-column-18 {
flex: 0 0 56.25%;
width: 56.25%;
max-width: 56.25%
}
.md-offset-18 {
margin-left: 56.25%
}
.md-column-19 {
flex: 0 0 59.375%;
width: 59.375%;
max-width: 59.375%
}
.md-offset-19 {
margin-left: 59.375%
}
.md-column-20 {
flex: 0 0 62.5%;
width: 62.5%;
max-width: 62.5%
}
.md-offset-20 {
margin-left: 62.5%
}
.md-column-21 {
flex: 0 0 65.625%;
width: 65.625%;
max-width: 65.625%
}
.md-offset-21 {
margin-left: 65.625%
}
.md-column-22 {
flex: 0 0 68.75%;
width: 68.75%;
max-width: 68.75%
}
.md-offset-22 {
margin-left: 68.75%
}
.md-column-23 {
flex: 0 0 71.875%;
width: 71.875%;
max-width: 71.875%
}
.md-offset-23 {
margin-left: 71.875%
}
.md-column-24 {
flex: 0 0 75%;
width: 75%;
max-width: 75%
}
.md-offset-24 {
margin-left: 75%
}
.md-column-25 {
flex: 0 0 78.125%;
width: 78.125%;
max-width: 78.125%
}
.md-offset-25 {
margin-left: 78.125%
}
.md-column-26 {
flex: 0 0 81.25%;
width: 81.25%;
max-width: 81.25%
}
.md-offset-26 {
margin-left: 81.25%
}
.md-column-27 {
flex: 0 0 84.375%;
width: 84.375%;
max-width: 84.375%
}
.md-offset-27 {
margin-left: 84.375%
}
.md-column-28 {
flex: 0 0 87.5%;
width: 87.5%;
max-width: 87.5%
}
.md-offset-28 {
margin-left: 87.5%
}
.md-column-29 {
flex: 0 0 90.625%;
width: 90.625%;
max-width: 90.625%
}
.md-offset-29 {
margin-left: 90.625%
}
.md-column-30 {
flex: 0 0 93.75%;
width: 93.75%;
max-width: 93.75%
}
.md-offset-30 {
margin-left: 93.75%
}
.md-column-31 {
flex: 0 0 96.875%;
width: 96.875%;
max-width: 96.875%
}
.md-offset-31 {
margin-left: 96.875%
}
.md-column-32 {
flex: 0 0 100%;
width: 100%;
max-width: 100%
}
.md-size-5 {
width: 5%;
max-width: 5%
}
.md-size-10 {
width: 10%;
max-width: 10%
}
.md-size-15 {
width: 15%;
max-width: 15%
}
.md-size-20 {
width: 20%;
max-width: 20%
}
.md-size-25 {
width: 25%;
max-width: 25%
}
.md-size-30 {
width: 30%;
max-width: 30%
}
.md-size-35 {
width: 35%;
max-width: 35%
}
.md-size-40 {
width: 40%;
max-width: 40%
}
.md-size-45 {
width: 45%;
max-width: 45%
}
.md-size-50 {
width: 50%;
max-width: 50%
}
.md-size-55 {
width: 55%;
max-width: 55%
}
.md-size-60 {
width: 60%;
max-width: 60%
}
.md-size-65 {
width: 65%;
max-width: 65%
}
.md-size-70 {
width: 70%;
max-width: 70%
}
.md-size-75 {
width: 75%;
max-width: 75%
}
.md-size-80 {
width: 80%;
max-width: 80%
}
.md-size-85 {
width: 85%;
max-width: 85%
}
.md-size-90 {
width: 90%;
max-width: 90%
}
.md-size-95 {
width: 95%;
max-width: 95%
}
.md-size-100 {
width: 100%;
max-width: 100%
}
.md-size-33 {
width: 33.333333%;
max-width: 33.333333%
}
.md-size-66 {
width: 66.666666%;
max-width: 66.666666%
}
.md-size-49 {
width: 49%;
max-width: 49%
}
.md-size-auto {
width: auto;
max-width: auto
}
.md-height-100 {
height: 100%
}
.md-align-start-start {
align-items: flex-start;
justify-content: flex-start
}
.md-align-start-end {
align-items: flex-end;
justify-content: flex-start
}
.md-align-start-center {
align-items: center;
justify-content: flex-start
}
.md-align-end-start {
align-items: flex-start;
justify-content: flex-end
}
.md-align-end-end {
align-items: flex-end;
justify-content: flex-end
}
.md-align-end-center {
align-items: center;
justify-content: flex-end
}
.md-align-center-start {
align-items: flex-start;
justify-content: center
}
.md-align-center-end {
align-items: flex-end;
justify-content: center
}
.md-align-center-center {
align-items: center;
justify-content: center
}
.md-align-spacebetween-start {
align-items: flex-start;
justify-content: space-between
}
.md-align-spacebetween-end {
align-items: flex-end;
justify-content: space-between
}
.md-align-spacebetween-center {
align-items: center;
justify-content: space-between
}
.md-layout-column {
flex-direction: column
}
.md-layout-columnreverse {
flex-direction: column-reverse
}
.md-layout-row {
flex-direction: row
}
.md-layout-rowreverse {
flex-direction: row-reverse
}
.md-layout-wrap {
flex-wrap: wrap
}
.md-layout-nowrap {
flex-wrap: nowrap
}
.md-dp-block {
display: block
}
.md-dp-inlblock {
display: inline-block
}
.md-dp-inl {
display: inline
}
.md-dp-none {
display: none
}
}
@media only screen and (min-width:1025px) {
.lg-flex {
display: flex
}
.lg-column-0 {
flex: 0 0 0%;
width: 0;
max-width: 0
}
.lg-offset-0 {
margin-left: 0
}
.lg-column-1 {
flex: 0 0 3.125%;
width: 3.125%;
max-width: 3.125%
}
.lg-offset-1 {
margin-left: 3.125%
}
.lg-column-2 {
flex: 0 0 6.25%;
width: 6.25%;
max-width: 6.25%
}
.lg-offset-2 {
margin-left: 6.25%
}
.lg-column-3 {
flex: 0 0 9.375%;
width: 9.375%;
max-width: 9.375%
}
.lg-offset-3 {
margin-left: 9.375%
}
.lg-column-4 {
flex: 0 0 12.5%;
width: 12.5%;
max-width: 12.5%
}
.lg-offset-4 {
margin-left: 12.5%
}
.lg-column-5 {
flex: 0 0 15.625%;
width: 15.625%;
max-width: 15.625%
}
.lg-offset-5 {
margin-left: 15.625%
}
.lg-column-6 {
flex: 0 0 18.75%;
width: 18.75%;
max-width: 18.75%
}
.b-imageContent.-invert .b-imageContent__content,
.b-imageContent:not(.-invert) .b-imageContent__image,
.lg-offset-6,
.m-editor.-columns figure img {
margin-left: 18.75%
}
.lg-column-7 {
flex: 0 0 21.875%;
width: 21.875%;
max-width: 21.875%
}
.lg-offset-7,
.m-editor.-columns figure figcaption {
margin-left: 21.875%
}
.lg-column-8 {
flex: 0 0 25%;
width: 25%;
max-width: 25%
}
.lg-offset-8,
.m-editor.-columns blockquote,
.m-editor.-columns h2,
.m-editor.-columns h3,
.m-editor.-columns h4,
.m-editor.-columns iframe,
.m-editor.-columns ol,
.m-editor.-columns p,
.m-editor.-columns ul {
margin-left: 25%
}
.b-imageContent__content,
.b-imageContent__image,
.lg-column-9 {
flex: 0 0 28.125%;
width: 28.125%;
max-width: 28.125%
}
.lg-offset-9 {
margin-left: 28.125%
}
.lg-column-10 {
flex: 0 0 45%;
width: 45%;
max-width: 45%
}
.lg-offset-10 {
margin-left: 31.25%
}
.lg-column-11 {
flex: 0 0 34.375%;
width: 34.375%;
max-width: 34.375%
}
.lg-offset-11 {
margin-left: 27%
}
.lg-column-12 {
flex: 0 0 37.5%;
width: 37.5%;
max-width: 37.5%
}
.lg-offset-12 {
margin-left: 37.5%
}
.lg-column-13 {
flex: 0 0 40.625%;
width: 40.625%;
max-width: 40.625%
}
.lg-offset-13 {
margin-left: 40.625%
}
.lg-column-14 {
flex: 0 0 43.75%;
width: 43.75%;
max-width: 43.75%
}
.lg-offset-14 {
margin-left: 43.75%
}
.lg-column-15 {
flex: 0 0 46.875%;
width: 46.875%;
max-width: 46.875%
}
.lg-offset-15 {
margin-left: 46.875%
}
.lg-column-16,
.m-editor.-columns blockquote,
.m-editor.-columns h2,
.m-editor.-columns h3,
.m-editor.-columns h4,
.m-editor.-columns iframe,
.m-editor.-columns ol,
.m-editor.-columns p,
.m-editor.-columns ul {
flex: 0 0 50%;
width: 50%;
max-width: 50%
}
.lg-offset-16 {
margin-left: 50%
}
.lg-column-17 {
flex: 0 0 53.125%;
width: 53.125%;
max-width: 53.125%
}
.lg-offset-17 {
margin-left: 53.125%
}
.lg-column-18,
.m-editor.-columns figure figcaption {
flex: 0 0 56.25%;
width: 56.25%;
max-width: 56.25%
}
.lg-offset-18 {
margin-left: 56.25%
}
.lg-column-19 {
flex: 0 0 59.375%;
width: 59.375%;
max-width: 59.375%
}
.lg-offset-19 {
margin-left: 59.375%
}
.lg-column-20,
.m-editor.-columns figure img {
flex: 0 0 62.5%;
width: 62.5%;
max-width: 62.5%
}
.lg-offset-20 {
margin-left: 62.5%
}
.lg-column-21 {
flex: 0 0 65.625%;
width: 65.625%;
max-width: 65.625%
}
.lg-offset-21 {
margin-left: 65.625%
}
.lg-column-22 {
flex: 0 0 68.75%;
width: 68.75%;
max-width: 68.75%
}
.lg-offset-22 {
margin-left: 68.75%
}
.lg-column-23 {
flex: 0 0 71.875%;
width: 71.875%;
max-width: 71.875%
}
.lg-offset-23 {
margin-left: 71.875%
}
.lg-column-24 {
flex: 0 0 75%;
width: 75%;
max-width: 75%
}
.lg-offset-24 {
margin-left: 75%
}
.lg-column-25 {
flex: 0 0 78.125%;
width: 78.125%;
max-width: 78.125%
}
.lg-offset-25 {
margin-left: 78.125%
}
.lg-column-26 {
flex: 0 0 81.25%;
width: 81.25%;
max-width: 81.25%
}
.lg-offset-26 {
margin-left: 81.25%
}
.lg-column-27 {
flex: 0 0 84.375%;
width: 84.375%;
max-width: 84.375%
}
.lg-offset-27 {
margin-left: 84.375%
}
.lg-column-28 {
flex: 0 0 87.5%;
width: 87.5%;
max-width: 87.5%
}
.lg-offset-28 {
margin-left: 87.5%
}
.lg-column-29 {
flex: 0 0 90.625%;
width: 90.625%;
max-width: 90.625%
}
.lg-offset-29 {
margin-left: 90.625%
}
.lg-column-30 {
flex: 0 0 93.75%;
width: 93.75%;
max-width: 93.75%
}
.lg-offset-30 {
margin-left: 93.75%
}
.lg-column-31 {
flex: 0 0 96.875%;
width: 96.875%;
max-width: 96.875%
}
.lg-offset-31 {
margin-left: 96.875%
}
.lg-column-32 {
flex: 0 0 100%;
width: 100%;
max-width: 100%
}
.lg-size-5 {
width: 5%;
max-width: 5%
}
.lg-size-10 {
width: 10%;
max-width: 10%
}
.lg-size-15 {
width: 15%;
max-width: 15%
}
.lg-size-20 {
width: 20%;
max-width: 20%
}
.lg-size-25 {
width: 25%;
max-width: 25%
}
.lg-size-30 {
width: 30%;
max-width: 30%
}
.lg-size-35 {
width: 35%;
max-width: 35%
}
.lg-size-40 {
width: 40%;
max-width: 40%
}
.lg-size-45 {
width: 45%;
max-width: 45%
}
.lg-size-50 {
width: 50%;
max-width: 50%
}
.lg-size-55 {
width: 55%;
max-width: 55%
}
.lg-size-60 {
width: 60%;
max-width: 60%
}
.lg-size-65 {
width: 65%;
max-width: 65%
}
.lg-size-70 {
width: 70%;
max-width: 70%
}
.lg-size-75 {
width: 75%;
max-width: 75%
}
.lg-size-80 {
width: 80%;
max-width: 80%
}
.lg-size-85 {
width: 85%;
max-width: 85%
}
.lg-size-90 {
width: 90%;
max-width: 90%
}
.lg-size-95 {
width: 95%;
max-width: 95%
}
.lg-size-100 {
width: 100%;
max-width: 100%
}
.lg-size-33 {
width: 33.333333%;
max-width: 33.333333%
}
.lg-size-66 {
width: 66.666666%;
max-width: 66.666666%
}
.lg-size-49 {
width: 49%;
max-width: 49%
}
.lg-size-auto {
width: auto;
max-width: auto
}
.lg-height-100 {
height: 100%
}
.lg-align-start-start {
align-items: flex-start;
justify-content: flex-start
}
.lg-align-start-end {
align-items: flex-end;
justify-content: flex-start
}
.lg-align-start-center {
align-items: center;
justify-content: flex-start
}
.lg-align-end-start {
align-items: flex-start;
justify-content: flex-end
}
.lg-align-end-end {
align-items: flex-end;
justify-content: flex-end
}
.lg-align-end-center {
align-items: center;
justify-content: flex-end
}
.lg-align-center-start {
align-items: flex-start;
justify-content: center
}
.lg-align-center-end {
align-items: flex-end;
justify-content: center
}
.lg-align-center-center {
align-items: center;
justify-content: center
}
.lg-align-spacebetween-start {
align-items: flex-start;
justify-content: space-between
}
.lg-align-spacebetween-end {
align-items: flex-end;
justify-content: space-between
}
.lg-align-spacebetween-center {
align-items: center;
justify-content: space-between
}
.lg-layout-column {
flex-direction: column
}
.lg-layout-columnreverse {
flex-direction: column-reverse
}
.lg-layout-row {
flex-direction: row
}
.lg-layout-rowreverse {
flex-direction: row-reverse
}
.lg-layout-wrap {
flex-wrap: wrap
}
.lg-layout-nowrap {
flex-wrap: nowrap
}
.lg-dp-block {
display: block
}
.lg-dp-inlblock {
display: inline-block
}
.lg-dp-inl {
display: inline
}
.lg-dp-none {
display: none
}
}
@media only screen and (min-width:1367px) {
.xlg-flex {
display: flex
}
.xlg-column-0 {
flex: 0 0 0%;
width: 0;
max-width: 0
}
.xlg-offset-0 {
margin-left: 0
}
.xlg-column-1 {
flex: 0 0 3.125%;
width: 3.125%;
max-width: 3.125%
}
.xlg-offset-1 {
margin-left: 3.125%
}
.xlg-column-2 {
flex: 0 0 6.25%;
width: 6.25%;
max-width: 6.25%
}
.xlg-offset-2 {
margin-left: 6.25%
}
.xlg-column-3 {
flex: 0 0 9.375%;
width: 9.375%;
max-width: 9.375%
}
.xlg-offset-3 {
margin-left: 9.375%
}
.xlg-column-4 {
flex: 0 0 12.5%;
width: 12.5%;
max-width: 12.5%
}
.xlg-offset-4 {
margin-left: 12.5%
}
.xlg-column-5 {
flex: 0 0 15.625%;
width: 15.625%;
max-width: 15.625%
}
.xlg-offset-5 {
margin-left: 15.625%
}
.xlg-column-6 {
flex: 0 0 18.75%;
width: 18.75%;
max-width: 18.75%
}
.xlg-offset-6 {
margin-left: 18.75%
}
.xlg-column-7 {
flex: 0 0 21.875%;
width: 21.875%;
max-width: 21.875%
}
.xlg-offset-7 {
margin-left: 21.875%
}
.xlg-column-8 {
flex: 0 0 25%;
width: 25%;
max-width: 25%
}
.xlg-offset-8 {
margin-left: 25%
}
.xlg-column-9 {
flex: 0 0 28.125%;
width: 28.125%;
max-width: 28.125%
}
.xlg-offset-9 {
margin-left: 28.125%
}
.xlg-column-10 {
flex: 0 0 31.25%;
width: 31.25%;
max-width: 31.25%
}
.xlg-offset-10 {
margin-left: 31.25%
}
.xlg-column-11 {
flex: 0 0 34.375%;
width: 34.375%;
max-width: 34.375%
}
.xlg-offset-11 {
margin-left: 34.375%
}
.xlg-column-12 {
flex: 0 0 37.5%;
width: 37.5%;
max-width: 37.5%
}
.xlg-offset-12 {
margin-left: 37.5%
}
.xlg-column-13 {
flex: 0 0 40.625%;
width: 40.625%;
max-width: 40.625%
}
.xlg-offset-13 {
margin-left: 40.625%
}
.xlg-column-14 {
flex: 0 0 43.75%;
width: 43.75%;
max-width: 43.75%
}
.xlg-offset-14 {
margin-left: 43.75%
}
.xlg-column-15 {
flex: 0 0 46.875%;
width: 46.875%;
max-width: 46.875%
}
.xlg-offset-15 {
margin-left: 46.875%
}
.xlg-column-16 {
flex: 0 0 50%;
width: 50%;
max-width: 50%
}
.xlg-offset-16 {
margin-left: 50%
}
.xlg-column-17 {
flex: 0 0 53.125%;
width: 53.125%;
max-width: 53.125%
}
.xlg-offset-17 {
margin-left: 53.125%
}
.xlg-column-18 {
flex: 0 0 56.25%;
width: 56.25%;
max-width: 56.25%
}
.xlg-offset-18 {
margin-left: 56.25%
}
.xlg-column-19 {
flex: 0 0 59.375%;
width: 59.375%;
max-width: 59.375%
}
.xlg-offset-19 {
margin-left: 59.375%
}
.xlg-column-20 {
flex: 0 0 62.5%;
width: 62.5%;
max-width: 62.5%
}
.xlg-offset-20 {
margin-left: 62.5%
}
.xlg-column-21 {
flex: 0 0 65.625%;
width: 65.625%;
max-width: 65.625%
}
.xlg-offset-21 {
margin-left: 65.625%
}
.xlg-column-22 {
flex: 0 0 68.75%;
width: 68.75%;
max-width: 68.75%
}
.xlg-offset-22 {
margin-left: 68.75%
}
.xlg-column-23 {
flex: 0 0 71.875%;
width: 71.875%;
max-width: 71.875%
}
.xlg-offset-23 {
margin-left: 71.875%
}
.xlg-column-24 {
flex: 0 0 75%;
width: 75%;
max-width: 75%
}
.xlg-offset-24 {
margin-left: 75%
}
.xlg-column-25 {
flex: 0 0 78.125%;
width: 78.125%;
max-width: 78.125%
}
.xlg-offset-25 {
margin-left: 78.125%
}
.xlg-column-26 {
flex: 0 0 81.25%;
width: 81.25%;
max-width: 81.25%
}
.xlg-offset-26 {
margin-left: 81.25%
}
.xlg-column-27 {
flex: 0 0 84.375%;
width: 84.375%;
max-width: 84.375%
}
.xlg-offset-27 {
margin-left: 84.375%
}
.xlg-column-28 {
flex: 0 0 87.5%;
width: 87.5%;
max-width: 87.5%
}
.xlg-offset-28 {
margin-left: 87.5%
}
.xlg-column-29 {
flex: 0 0 90.625%;
width: 90.625%;
max-width: 90.625%
}
.xlg-offset-29 {
margin-left: 90.625%
}
.xlg-column-30 {
flex: 0 0 93.75%;
width: 93.75%;
max-width: 93.75%
}
.xlg-offset-30 {
margin-left: 93.75%
}
.xlg-column-31 {
flex: 0 0 96.875%;
width: 96.875%;
max-width: 96.875%
}
.xlg-offset-31 {
margin-left: 96.875%
}
.xlg-column-32 {
flex: 0 0 100%;
width: 100%;
max-width: 100%
}
.xlg-size-5 {
width: 5%;
max-width: 5%
}
.xlg-size-10 {
width: 10%;
max-width: 10%
}
.xlg-size-15 {
width: 15%;
max-width: 15%
}
.xlg-size-20 {
width: 20%;
max-width: 20%
}
.xlg-size-25 {
width: 25%;
max-width: 25%
}
.xlg-size-30 {
width: 30%;
max-width: 30%
}
.xlg-size-35 {
width: 35%;
max-width: 35%
}
.xlg-size-40 {
width: 40%;
max-width: 40%
}
.xlg-size-45 {
width: 45%;
max-width: 45%
}
.xlg-size-50 {
width: 50%;
max-width: 50%
}
.xlg-size-55 {
width: 55%;
max-width: 55%
}
.xlg-size-60 {
width: 60%;
max-width: 60%
}
.xlg-size-65 {
width: 65%;
max-width: 65%
}
.xlg-size-70 {
width: 70%;
max-width: 70%
}
.xlg-size-75 {
width: 75%;
max-width: 75%
}
.xlg-size-80 {
width: 80%;
max-width: 80%
}
.xlg-size-85 {
width: 85%;
max-width: 85%
}
.xlg-size-90 {
width: 90%;
max-width: 90%
}
.xlg-size-95 {
width: 95%;
max-width: 95%
}
.xlg-size-100 {
width: 100%;
max-width: 100%
}
.xlg-size-33 {
width: 33.333333%;
max-width: 33.333333%
}
.xlg-size-66 {
width: 66.666666%;
max-width: 66.666666%
}
.xlg-size-49 {
width: 49%;
max-width: 49%
}
.xlg-size-auto {
width: auto;
max-width: auto
}
.xlg-height-100 {
height: 100%
}
.xlg-align-start-start {
align-items: flex-start;
justify-content: flex-start
}
.xlg-align-start-end {
align-items: flex-end;
justify-content: flex-start
}
.xlg-align-start-center {
align-items: center;
justify-content: flex-start
}
.xlg-align-end-start {
align-items: flex-start;
justify-content: flex-end
}
.xlg-align-end-end {
align-items: flex-end;
justify-content: flex-end
}
.xlg-align-end-center {
align-items: center;
justify-content: flex-end
}
.xlg-align-center-start {
align-items: flex-start;
justify-content: center
}
.xlg-align-center-end {
align-items: flex-end;
justify-content: center
}
.xlg-align-center-center {
align-items: center;
justify-content: center
}
.xlg-align-spacebetween-start {
align-items: flex-start;
justify-content: space-between
}
.xlg-align-spacebetween-end {
align-items: flex-end;
justify-content: space-between
}
.xlg-align-spacebetween-center {
align-items: center;
justify-content: space-between
}
.xlg-layout-column {
flex-direction: column
}
.xlg-layout-columnreverse {
flex-direction: column-reverse
}
.xlg-layout-row {
flex-direction: row
}
.xlg-layout-rowreverse {
flex-direction: row-reverse
}
.xlg-layout-wrap {
flex-wrap: wrap
}
.xlg-layout-nowrap {
flex-wrap: nowrap
}
.xlg-dp-block {
display: block
}
.xlg-dp-inlblock {
display: inline-block
}
.xlg-dp-inl {
display: inline
}
.xlg-dp-none {
display: none
}
}
@media only screen and (max-width:640px) {
.sm-horizontal {
flex-wrap: nowrap;
overflow: auto
}
.sm-horizontal li {
flex: 0 0 auto;
width: auto
}
}
.m-styleguideBlock .a-styleguideTitle {
display: block;
margin-bottom: 2rem;
color: #000000;
font-size: 1.2rem;
font-weight: 500;
line-height: 1.4rem;
text-transform: uppercase
}
#t-styleguide .t-styleguide {
padding-top: 18rem;
margin-bottom: 12rem
}
#t-styleguide .t-styleguide .m-styleguideBlock:not(:last-child),
#t-styleguide .t-styleguide .row:not(:last-child) {
margin-bottom: 3rem
}
#t-styleguide .t-styleguide .column-14 {
margin-bottom: 6rem
}
#t-styleguide .t-styleguide .m-input:not(:last-child) {
margin-bottom: 3rem
}
html {
font-family: pare, sans-serif;
font-size: 62.5%
}
#t-instagram-token-generator .textarea-label,
.a-h0,
.a-h1,
.m-block.-block_image_content .m-editor h2,
.m-editor h1,
.t-expertiseItem__content h1,
html {
color: #000000
}
#t-instagram-token-generator .textarea-label em,
#t-instagram-token-generator .textarea-label strong,
.a-h0 em,
.a-h0 strong,
.a-h1 em,
.a-h1 strong,
.m-block.-block_image_content .m-editor h2 em,
.m-block.-block_image_content .m-editor h2 strong,
.m-editor h1 em,
.m-editor h1 strong,
.t-expertiseItem__content h1 em,
.t-expertiseItem__content h1 strong {
display: inline-block;
color: #4d4e4f;
font-weight: 700
}
#t-instagram-token-generator .textarea-label:link,
.a-expertiseHome:link,
.a-h0:link,
.a-h1:link,
.a-h2:link,
.a-h3:link,
.a-h4:link,
.a-h5:link,
.m-block.-block_image_content .m-editor h2:link,
.m-block.-block_image_content .m-editor h3:link,
.m-block.-block_image_content .m-editor h4:link,
.m-editor h1:link,
.m-editor h2:link,
.m-editor h3:link,
.m-editor h4:link,
.t-expertiseItem__content h1:link,
.t-expertiseItem__content h2:link,
.t-expertiseItem__content h3:link,
.t-expertiseItem__content h4:link {
text-decoration: none
}
.a-herror {
font-weight: 500;
line-height: 9rem
}
.a-expertiseHome,
.a-herror {
font-size: 8rem;
text-transform: uppercase
}
.a-expertiseHome {
color: #dadddb;
font-weight: 700;
line-height: 6rem;
word-break: break-word
}
.a-landingTitle {
font-size: 2.6rem;
font-weight: 500;
line-height: 3.2rem
}
.a-landingTitle strong {
color: #4d4e4f
}
.a-landingTitle .m-title__word {
padding-bottom: 1rem
}
.a-h0 {
font-size: 2.5rem;
font-weight: 500;
line-height: 3.5rem;
text-transform: uppercase
}
.a-h0 sup {
position: relative;
top: -.5rem;
display: inline;
font-size: 1.2rem;
line-height: 1.4rem;
vertical-align: super
}
#t-instagram-token-generator .textarea-label,
.a-h1,
.m-block.-block_image_content .m-editor h2,
.m-editor h1,
.t-expertiseItem__content h1 {
font-size: 3rem;
font-weight: 500;
line-height: 3.4rem;
text-transform: uppercase
}
.a-h2,
.m-block.-block_image_content .m-editor h3,
.m-editor h2,
.t-expertiseItem__content h2 {
color: #000000;
font-size: 1.8rem;
font-weight: 500;
line-height: 2.2rem;
text-transform: uppercase
}
.a-h3,
.m-block.-block_image_content .m-editor h4,
.m-editor h3,
.t-expertiseItem__content h3 {
color: #4d4e4f;
font-size: 1.2rem;
font-weight: 500;
line-height: 1.4rem;
text-transform: uppercase
}
.a-h4,
.m-editor h4,
.t-expertiseItem__content h4 {
color: #000000;
font-weight: 400
}
.a-h4,
.a-h5,
.m-editor h4,
.t-expertiseItem__content h4 {
font-size: 1.2rem;
line-height: 1.4rem;
text-transform: uppercase
}
.a-h5 {
color: #4d4e4f;
font-weight: 500
}
.a-link,
.a-p,
.m-editor a,
.m-editor ol li,
.m-editor ul li,
.m-listNbr li,
.m-listPu li,
.t-expertiseItem__content a,
.t-expertiseItem__content ol li,
.t-expertiseItem__content ul li,
p {
font-size: 1.8rem;
font-weight: 400;
line-height: 2.6rem
}
.a-link strong,
.a-p strong,
.m-editor a strong,
.m-editor ol li strong,
.m-editor ul li strong,
.m-listNbr li strong,
.m-listPu li strong,
.t-expertiseItem__content a strong,
.t-expertiseItem__content ol li strong,
.t-expertiseItem__content ul li strong,
p strong {
font-weight: 500
}
.a-link.-small,
.a-p.-small,
.m-editor a.-small,
.m-editor ol li.-small,
.m-editor ul li.-small,
.m-listNbr li.-small,
.m-listPu li.-small,
.t-expertiseItem__content a.-small,
.t-expertiseItem__content ol li.-small,
.t-expertiseItem__content ul li.-small,
p.-small {
font-size: 1.4rem;
line-height: 2rem
}
.a-link,
.m-editor a,
.t-expertiseItem__content a {
position: relative;
display: inline-block;
color: #000000;
text-decoration: none
}
.a-link:after,
.m-editor a:after,
.t-expertiseItem__content a:after {
position: absolute;
top: 100%;
left: 0;
display: block;
width: 100%;
height: 1px;
content: "";
background-color: #000000
}
.a-link:focus,
.m-editor a:focus,
.t-expertiseItem__content a:focus {
outline: none
}
.a-link:focus:after,
.m-editor a:focus:after,
.t-expertiseItem__content a:focus:after {
height: 2px
}
.a-figure figcaption,
.m-editor figure figcaption,
.t-expertiseItem__content figure figcaption {
font-size: 1.2rem;
line-height: 1.4rem
}
.a-button {
font-family: pare, sans-serif;
font-size: 1.4rem;
font-weight: 500;
line-height: 1.7rem;
text-decoration: none;
text-transform: uppercase
}
.a-video__text {
color: #fff;
line-height: 1.5rem
}
.a-logoAnnotation,
.a-video__text {
font-size: 1.2rem;
font-weight: 500;
text-transform: uppercase
}
.a-logoAnnotation {
line-height: 1.4rem
}
a-langAnnotation {
font-size: 1rem;
font-weight: 500;
text-transform: uppercase
}
.a-langAnnotation {
line-height: 1.4rem
}
.a-annotation {
display: none !important;
max-width: 155px;
background: url(../assets/icon/p-mark.svg);
background-repeat: no-repeat;
background-size: 100% 100%;
background-position: bottom center, 50%, 50%;
padding-top: 20px;
padding-right: 35px;
padding-bottom: 20px;
padding-left: 35px;
color: #000000;
font-size: 1rem;
font-weight: 500;
line-height: 1.2rem;
text-align: center;
text-transform: uppercase;
transition: .6s ease .8s;
}
a {
text-decoration: none
}
.a-logo,
.a-textLogo,
.m-transition__letter {
font-size: 4rem;
font-weight: 500;
text-transform: uppercase
}
@media only screen and (min-width:360px) {
.a-h0 {
font-size: 3rem;
line-height: 4rem
}
.a-h0 sup {
top: -1rem;
font-size: 1.4rem;
line-height: 1.6rem
}
.a-herror {
font-size: 11rem;
line-height: 13rem
}
}
@media only screen and (min-width:400px) {
.a-h0 {
font-size: 3.3rem;
line-height: 4.3rem
}
}
@media only screen and (min-width:500px) {
.a-h0 {
font-size: 4rem;
line-height: 5.5rem
}
.a-h0 sup {
top: -1rem;
font-size: 1.8rem;
line-height: 2rem
}
.a-herror {
font-size: 18rem;
line-height: 19rem
}
}
@media only screen and (min-width:641px) {
.a-expertiseHome {
font-size: 30rem;
line-height: 20rem
}
.a-landingTitle {
font-size: 4vw;
line-height: 5.5vw;
text-align: center
}
.a-h0 {
font-size: 4.5rem;
line-height: 6rem
}
.a-h0 sup {
font-size: 2.6rem;
line-height: 2.8rem
}
#t-instagram-token-generator .textarea-label,
.a-h1,
.m-block.-block_image_content .m-editor h2,
.m-editor h1,
.t-expertiseItem__content h1 {
font-size: 3.8rem;
line-height: 4.2rem
}
.a-h2,
.m-block.-block_image_content .m-editor h3,
.m-editor h2,
.t-expertiseItem__content h2 {
font-size: 2.2rem;
line-height: 2.6rem
}
.a-h3,
.m-block.-block_image_content .m-editor h4,
.m-editor h3,
.t-expertiseItem__content h3 {
font-size: 1.2rem;
line-height: 1.8rem
}
.a-figure figcaption,
.m-editor figure figcaption,
.t-expertiseItem__content figure figcaption {
font-size: 1.4rem;
line-height: 1.6rem
}
.a-herror {
font-size: 28rem;
line-height: 13rem
}
.a-button,
.a-button.-contact {
font-size: 1.4rem;
line-height: 1.6rem
}
.a-video__text {
font-size: 1.4rem;
font-weight: 500;
line-height: 1.7rem
}
a.a-h2 {
transition: color .2s ease-in-out
}
a.a-h2.-active,
a.a-h2:focus,
a.a-h2:hover {
color: #4d4e4f
}
}
@media only screen and (min-width:900px) {
.a-expertiseHome {
font-size: 40rem;
line-height: 38rem
}
.a-h0 {
font-size: 7rem;
line-height: 7.8rem
}
.a-h0 sup {
font-size: 2.6rem;
line-height: 2.8rem
}
}
@media only screen and (min-width:1025px) {
.a-expertiseHome {
font-size: 60rem;
line-height: 48rem
}
}
@media only screen and (min-width:1600px) {
.a-h0 {
font-size: 9.3rem;
line-height: 10.8rem
}
.a-h0 sup {
font-size: 2.6rem;
line-height: 2.8rem
}
}
body.-dark .o-header__pageAnnotation {
color: #fff
}
body.-dark .a-lineItem:before {
background-color: #fff
}
body.-dark .a-cursor__circle {
background-color: #dadddb
}
body.-dark .a-cursor__background {
background-color: #fff
}
body.-dark .m-title__container {
color: #fff
}
body.-dark .a-annotation {
color: #fff;
border-color: #fff;
filter: brightness(0)invert(1)
}
#t-instagram-token-generator body.-dark .m-sectionTitle .textarea-label,
#t-instagram-token-generator body.-dark .t-page__main .textarea-label,
.m-block.-block_image_content .m-editor body.-dark .m-sectionTitle h2,
.m-block.-block_image_content .m-editor body.-dark .m-sectionTitle h3,
.m-block.-block_image_content .m-editor body.-dark .m-sectionTitle h4,
.m-block.-block_image_content .m-editor body.-dark .t-page__main h2,
.m-block.-block_image_content .m-editor body.-dark .t-page__main h3,
.m-block.-block_image_content .m-editor body.-dark .t-page__main h4,
.m-editor body.-dark .m-sectionTitle a,
.m-editor body.-dark .m-sectionTitle h1,
.m-editor body.-dark .m-sectionTitle h2,
.m-editor body.-dark .m-sectionTitle h3,
.m-editor body.-dark .m-sectionTitle h4,
.m-editor body.-dark .t-page__main a,
.m-editor body.-dark .t-page__main h1,
.m-editor body.-dark .t-page__main h2,
.m-editor body.-dark .t-page__main h3,
.m-editor body.-dark .t-page__main h4,
.m-editor ol body.-dark .m-sectionTitle li,
.m-editor ol body.-dark .t-page__main li,
.m-editor ul body.-dark .m-sectionTitle li,
.m-editor ul body.-dark .t-page__main li,
.m-listNbr body.-dark .m-sectionTitle li,
.m-listNbr body.-dark .t-page__main li,
.m-listPu body.-dark .m-sectionTitle li,
.m-listPu body.-dark .t-page__main li,
.t-expertiseItem__content body.-dark .m-sectionTitle a,
.t-expertiseItem__content body.-dark .m-sectionTitle h1,
.t-expertiseItem__content body.-dark .m-sectionTitle h2,
.t-expertiseItem__content body.-dark .m-sectionTitle h3,
.t-expertiseItem__content body.-dark .m-sectionTitle h4,
.t-expertiseItem__content body.-dark .t-page__main a,
.t-expertiseItem__content body.-dark .t-page__main h1,
.t-expertiseItem__content body.-dark .t-page__main h2,
.t-expertiseItem__content body.-dark .t-page__main h3,
.t-expertiseItem__content body.-dark .t-page__main h4,
.t-expertiseItem__content ol body.-dark .m-sectionTitle li,
.t-expertiseItem__content ol body.-dark .t-page__main li,
.t-expertiseItem__content ul body.-dark .m-sectionTitle li,
.t-expertiseItem__content ul body.-dark .t-page__main li,
body.-dark .m-sectionTitle #t-instagram-token-generator .textarea-label,
body.-dark .m-sectionTitle .a-button.-alt,
body.-dark .m-sectionTitle .a-h1,
body.-dark .m-sectionTitle .a-h2,
body.-dark .m-sectionTitle .a-h3,
body.-dark .m-sectionTitle .a-h4,
body.-dark .m-sectionTitle .a-landingTitle,
body.-dark .m-sectionTitle .a-link,
body.-dark .m-sectionTitle .m-block.-block_image_content .m-editor h2,
body.-dark .m-sectionTitle .m-block.-block_image_content .m-editor h3,
body.-dark .m-sectionTitle .m-block.-block_image_content .m-editor h4,
body.-dark .m-sectionTitle .m-editor a,
body.-dark .m-sectionTitle .m-editor h1,
body.-dark .m-sectionTitle .m-editor h2,
body.-dark .m-sectionTitle .m-editor h3,
body.-dark .m-sectionTitle .m-editor h4,
body.-dark .m-sectionTitle .m-editor ol li,
body.-dark .m-sectionTitle .m-editor ul li,
body.-dark .m-sectionTitle .m-listNbr li,
body.-dark .m-sectionTitle .m-listPu li,
body.-dark .m-sectionTitle .m-roulette__slide.-active .m-sectionBlockTitle__title__text,
body.-dark .m-sectionTitle .t-expertiseItem__content a,
body.-dark .m-sectionTitle .t-expertiseItem__content h1,
body.-dark .m-sectionTitle .t-expertiseItem__content h2,
body.-dark .m-sectionTitle .t-expertiseItem__content h3,
body.-dark .m-sectionTitle .t-expertiseItem__content h4,
body.-dark .m-sectionTitle .t-expertiseItem__content ol li,
body.-dark .m-sectionTitle .t-expertiseItem__content ul li,
body.-dark .m-sectionTitle h1,
body.-dark .m-sectionTitle h2,
body.-dark .m-sectionTitle h3,
body.-dark .m-sectionTitle h4,
body.-dark .m-sectionTitle li,
body.-dark .m-sectionTitle li.a-p,
body.-dark .m-sectionTitle p:not(.a-annotation),
body.-dark .t-page__main #t-instagram-token-generator .textarea-label,
body.-dark .t-page__main .a-button.-alt,
body.-dark .t-page__main .a-h1,
body.-dark .t-page__main .a-h2,
body.-dark .t-page__main .a-h3,
body.-dark .t-page__main .a-h4,
body.-dark .t-page__main .a-landingTitle,
body.-dark .t-page__main .a-link,
body.-dark .t-page__main .m-block.-block_image_content .m-editor h2,
body.-dark .t-page__main .m-block.-block_image_content .m-editor h3,
body.-dark .t-page__main .m-block.-block_image_content .m-editor h4,
body.-dark .t-page__main .m-editor a,
body.-dark .t-page__main .m-editor h1,
body.-dark .t-page__main .m-editor h2,
body.-dark .t-page__main .m-editor h3,
body.-dark .t-page__main .m-editor h4,
body.-dark .t-page__main .m-editor ol li,
body.-dark .t-page__main .m-editor ul li,
body.-dark .t-page__main .m-listNbr li,
body.-dark .t-page__main .m-listPu li,
body.-dark .t-page__main .m-roulette__slide.-active .m-sectionBlockTitle__title__text,
body.-dark .t-page__main .t-expertiseItem__content a,
body.-dark .t-page__main .t-expertiseItem__content h1,
body.-dark .t-page__main .t-expertiseItem__content h2,
body.-dark .t-page__main .t-expertiseItem__content h3,
body.-dark .t-page__main .t-expertiseItem__content h4,
body.-dark .t-page__main .t-expertiseItem__content ol li,
body.-dark .t-page__main .t-expertiseItem__content ul li,
body.-dark .t-page__main h1,
body.-dark .t-page__main h2,
body.-dark .t-page__main h3,
body.-dark .t-page__main h4,
body.-dark .t-page__main li,
body.-dark .t-page__main li.a-p,
body.-dark .t-page__main p:not(.a-annotation) {
color: #fff
}
@media only screen and (min-width:641px) {
body.-dark .m-sectionTitle .a-button.-alt,
body.-dark .t-page__main .a-button.-alt {
color: hsla(0, 0%, 100%, 0)
}
body.-dark .m-sectionTitle .a-button.-alt:after,
body.-dark .m-sectionTitle .a-button.-alt:before,
body.-dark .m-sectionTitle .m-sectionBlockTitle__button:focus~.m-sectionBlockTitle__content .m-sectionBlockTitle__title__text,
body.-dark .m-sectionTitle .m-sectionBlockTitle__button:hover~.m-sectionBlockTitle__content .m-sectionBlockTitle__title__text,
body.-dark .t-page__main .a-button.-alt:after,
body.-dark .t-page__main .a-button.-alt:before,
body.-dark .t-page__main .m-sectionBlockTitle__button:focus~.m-sectionBlockTitle__content .m-sectionBlockTitle__title__text,
body.-dark .t-page__main .m-sectionBlockTitle__button:hover~.m-sectionBlockTitle__content .m-sectionBlockTitle__title__text {
color: #fff
}
}
.a-button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none;
cursor: pointer
}
.a-button:focus {
outline: none
}
.a-button.-insta,
.a-button.-primary,
.a-button.-secondary {
align-items: center;
flex-flow: column nowrap;
justify-content: center;
display: flex;
width: 170px;
height: 170px;
padding: 40px 50px;
margin: 0 auto;
text-align: center;
border-radius: 50%
}
.a-button.-primary {
color: #000000;
background-color: #dadddb
}
.a-button.-primary:focus {
box-shadow: 0 0 0 1px #4d4e4f
}
.a-button.-secondary {
color: #fff;
background-color: #000000
}
.a-button.-secondary:focus {
box-shadow: 0 0 0 1px #4d4e4f
}
.a-button.-insta {
color: #4d4e4f;
background-color: #fff
}
.a-button.-insta strong {
display: block;
color: #000000
}
.a-button.-alt {
position: relative;
padding: 0;
display: inline-block;
overflow: hidden;
color: #000000;
background: inherit
}
.a-button.-alt:focus {
text-decoration: underline
}
.a-button.-contact {
display: inline-block;
padding: 9px 19px;
color: #fff;
background-color: #000000;
border-radius: 19px
}
.a-button.-contact.-white,
.o-header.-menu .a-button.-contact,
body.-dark .a-button.-contact {
color: #000000;
background-color: #fff
}
@media only screen and (min-width:641px) {
.a-button.-insta,
.a-button.-primary,
.a-button.-secondary {
width: 270px;
height: 270px;
padding: 45px 55px
}
.a-button.-alt {
color: rgba(38, 48, 105, 0)
}
.a-button.-alt:after,
.a-button.-alt:before {
position: absolute;
left: 0;
display: block;
color: #000000;
content: attr(data-content);
transition: transform .5s cubic-bezier(.83, 0, .29, .99)
}
.a-button.-alt:before {
top: 0;
width: 100%
}
.a-button.-alt:after {
top: 150%;
width: 100%
}
.a-button.-alt.-active:after,
.a-button.-alt.-active:before,
.a-button.-alt:focus:after,
.a-button.-alt:focus:before,
.a-button.-alt:hover:after,
.a-button.-alt:hover:before,
.m-articleList__button.-active .-alt.a-button:after,
.m-articleList__button.-active .-alt.a-button:before {
transform: translateY(-150%)
}
}
.a-inputLabel {
display: block;
margin-bottom: 2rem;
font-size: 1.2rem;
font-weight: 500;
line-height: 1.4rem;
text-transform: uppercase
}
.a-inputLabel__unmandatory {
margin-left: 1rem;
color: #4d4e4f
}
.a-inputText {
width: 100%;
padding: 19px 20px;
color: #000000;
font-family: pare, sans-serif;
font-size: 1.8rem;
line-height: 2.2rem;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 1px solid #d8d8d8;
border-radius: 0;
resize: none
}
.a-inputText:focus {
border-color: #4d4e4f;
outline: none
}
.a-inputText:-ms-input-placeholder {
color: #4d4e4f
}
.a-inputText::placeholder {
color: #4d4e4f
}
.a-inputText:disabled {
color: #d8d8d8
}
.a-inputText.-error {
border: 1px solid #bf5544
}
.a-inputCheck {
position: relative;
display: inline-block;
padding: 15px;
margin-bottom: 2rem
}
.a-inputCheck:not(:last-child) {
margin-right: 3rem
}
.a-inputCheck label {
font-size: 1.8rem;
font-weight: 400;
line-height: 2.2rem
}
.a-inputCheck label:before {
display: block;
content: "";
border: 1px solid #d8d8d8
}
.a-inputCheck__input,
.a-inputCheck label:before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.a-inputCheck__input {
z-index: 2;
opacity: 0
}
.a-inputCheck__input:checked+.a-inputCheck__icon,
.a-inputCheck__input:focus~label:before {
border-color: #4d4e4f
}
.a-inputCheck__input:checked+.a-inputCheck__icon:before {
transform: translate(-50%, -50%) scale(1);
opacity: 1
}
.a-inputCheck__input.-radio~.a-inputCheck__icon {
border-radius: 50%
}
.a-inputCheck__input.-error~label:before {
border: 1px solid #bf5544
}
.a-inputCheck__container {
align-items: center;
justify-content: center;
display: flex
}
.a-inputCheck__icon {
position: relative;
display: inline-block;
width: 30px;
height: 30px;
min-width: 30px;
margin-right: 15px;
overflow: hidden;
border: 1px solid #d8d8d8
}
.a-inputCheck__icon:before {
position: absolute;
top: 50%;
left: 50%;
display: block;
width: 10px;
height: 10px;
content: "";
background-color: #000000;
border-radius: 50%;
transform: translate(-50%, -50%) scale(1.6);
transition: opacity .2s ease-in-out, transform .2s ease-in-out;
opacity: 0
}
.a-inputSelect {
position: relative;
width: 100%
}
.a-inputSelect__input {
width: 100%;
padding: 19px 20px;
color: #000000;
font-size: 1.8rem;
line-height: 2.2rem;
text-indent: 1px;
text-overflow: "";
border: 1px solid #d8d8d8
}
.a-inputSelect__input:focus {
border-color: #4d4e4f;
outline: none
}
.a-inputSelect__input:-ms-input-placeholder {
color: #4d4e4f
}
.a-inputSelect__input::placeholder {
color: #4d4e4f
}
.a-inputSelect__input:disabled {
color: #d8d8d8
}
.a-inputSelect:after {
position: absolute;
top: 20px;
right: 20px;
display: block;
width: 20px;
height: 20px;
content: "";
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'%3E%3Cpath class='st0' d='M11.5 21c-.1.1-.4.1-.6 0l-7.8-7.8c-.1-.1-.1-.4 0-.6l.3-.3c.1-.1.4-.1.6 0l6.5 6.5.1-18c0-.3.2-.4.4-.4h.4c.3 0 .4.2.4.4l-.1 18 6.6-6.6c.2-.2.4-.1.6 0l.3.3c.1.1.1.4 0 .6L11.5 21z' fill='%23263069'/%3E%3C/svg%3E");
background-position: 50%;
background-size: contain;
pointer-events: none
}
.a-inputSelect.-error {
border: 1px solid #bf5544
}
.a-inputFile {
position: relative;
width: 100%;
padding: 19px 20px
}
.a-inputFile__container {
align-items: center;
justify-content: flex-start;
display: flex
}
.a-inputFile__button {
margin-right: 3rem
}
.a-inputFile__label {
color: #4d4e4f
}
.a-inputFile__label:before {
display: block;
content: "";
border: 1px solid #d8d8d8
}
.a-inputFile__input,
.a-inputFile__label:before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.a-inputFile__input {
z-index: 2;
cursor: pointer;
opacity: 0
}
.a-inputFile__input:focus {
outline: none
}
.a-inputFile__input:focus~.a-inputFile__label:before {
border-color: #4d4e4f
}
.a-inputFile.-error {
border: 1px solid #bf5544
}
.a-figure,
.a-image,
.m-editor figure,
.t-expertiseItem__content figure {
position: relative;
width: 100%;
overflow: hidden;
text-align: center;
opacity: 0;
transition: opacity .7s cubic-bezier(.83, 0, .29, .99)
}
.a-image__image {
position: relative;
z-index: 1;
width: 100%;
height: auto;
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-user-drag: none
}
.a-image__image.-lazy {
transform: scale(1.1) rotate(3deg);
transition: opacity 1s ease, transform 1s cubic-bezier(.83, 0, .29, .99);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
opacity: 0
}
.-visible.a-figure,
.a-image.-visible,
.m-editor .m-slider.-visible figure.-visible,
.m-editor figure.-visible,
.m-slider.-visible .-visible.a-figure,
.m-slider.-visible .a-image.-visible,
.m-slider.-visible .m-editor figure.-visible,
.m-slider.-visible .t-expertiseItem__content figure.-visible,
.t-expertiseItem__content .m-slider.-visible figure.-visible,
.t-expertiseItem__content figure.-visible {
opacity: 1
}
.-visible.a-figure .a-image__image.loaded.-lazy,
.a-image.-visible .a-image__image.loaded.-lazy,
.m-editor figure.-visible .a-image__image.loaded.-lazy,
.t-expertiseItem__content figure.-visible .a-image__image.loaded.-lazy {
transform: scale(1) rotate(0);
transition: transform 1s cubic-bezier(.83, 0, .29, .99) .4s, opacity 1s cubic-bezier(.83, 0, .29, .99) .4s;
opacity: 1
}
.a-video {
position: relative;
display: inline-block;
max-width: 100%;
overflow: hidden
}
.a-video__container {
text-align: center
}
.a-video.-overlay .a-video__play {
pointer-events: none
}
.a-video video {
max-width: 100%
}
.a-video__play {
position: absolute;
top: 50%;
left: 50%;
z-index: 4;
transform: translate(-50%, -50%)
}
.a-video__backface,
.a-video__play,
.a-video__play.-disabled {
pointer-events: none
}
.a-video__backface {
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100%;
background-color: rgba(12, 10, 9, .4);
transition: opacity .3s ease-in-out;
opacity: 0
}
.a-video__sound.a-button {
position: absolute;
right: 1.5rem;
bottom: 1.5rem;
z-index: 3;
display: none;
color: #fff;
background-color: inherit
}
.a-video__sound.-unsounded span:first-child,
.a-video__sound.a-button:after,
.a-video__sound.a-button:before {
display: none
}
.a-video__sound.-unsounded span:last-child {
display: block
}
.a-video__toggle {
position: absolute;
top: 0;
left: 0;
z-index: 2;
width: 100%;
height: 100%;
background-color: inherit;
cursor: pointer;
opacity: 0
}
.a-video__toggle:focus {
text-decoration: underline;
outline: none
}
.a-video__sound span:last-child,
.a-video__toggle span:last-child {
display: none
}
.a-video__text {
cursor: none
}
.a-video.-initialized .a-video__sound {
display: block
}
.a-video.-initialized .a-video__text {
cursor: pointer
}
.a-video.-initialized:not(.-play) .a-video__backface,
.a-video.-initialized:not(.-play) .a-video__toggle {
opacity: 1
}
.a-video.-play .a-video__toggle span:first-child {
display: none
}
.a-video.-play .a-video__toggle span:last-child {
display: block
}
.a-video.-overlay .a-video__backface,
.a-video.-overlay .a-video__toggle {
opacity: 1
}
@media only screen and (min-width:641px) {
.a-video__play {
top: -135px;
left: -135px;
transform: scale(0)
}
.a-video__sound {
right: 3rem;
bottom: 3rem
}
}
.a-line {
position: relative;
display: block;
width: 100%;
overflow: hidden
}
.a-line .-strong {
color: #4d4e4f;
font-weight: bold
}
.a-lineItem {
position: relative;
display: block;
width: 100%;
height: 5rem;
overflow: hidden
}
.a-lineItem:before {
position: absolute;
top: 50%;
left: 0;
display: block;
width: 100%;
height: 1px;
content: "";
background-color: #d8d8d8;
transform: translateY(-50%) scaleX(0);
transform-origin: right center;
transition: transform .6s cubic-bezier(.61, 0, .17, .93)
}
.a-lineItem .-dark:before {
background-color: #4d4e4f
}
.a-lineItem.-manual:before {
transform: translateY(-50%);
transition: initial
}
.a-lineItem.-animated:before {
transform: translateY(-50%) scaleX(1);
transform-origin: left center
}
.a-logo {
display: inline-block;
fill: #fff;
font-weight: 700
}
.a-logo:focus {
fill: #dadddb;
outline: none
}
.a-logo span {
display: block;
margin-top: .4rem;
fill: #4d4e4f;
font-size: .97rem;
font-weight: 500
}
.a-logo span em {
font-weight: 400
}
.a-logo.-blue,
.o-header:not(.-menu).-white .a-logo,
body:not(.-dark) .o-header:not(.-menu) .a-logo {
fill: #000000
}
.a-burger {
position: relative;
z-index: 2;
display: inline-block;
width: 55px;
height: 55px;
font-size: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: #fff;
border: none;
border-radius: 55px;
cursor: pointer
}
.a-burger:focus,
.a-burger:hover {
background-color: #dadddb;
outline: none
}
.a-burger span {
position: absolute;
top: 50%;
left: 50%;
width: 20px;
height: 1px;
background-color: #000000;
transform: translate(-50%, -50%)
}
.a-burger span:first-child,
.a-burger span:last-child {
transition: transform .3s ease-in-out, top .3s ease-in-out .3s
}
.a-burger span:first-child {
top: calc(50% - 6px)
}
.a-burger span:last-child {
top: calc(50% + 6px)
}
.a-burger span:nth-child(2) {
transition: opacity 0s ease .3s;
opacity: 1
}
.a-burger__container {
position: relative;
display: inline-block
}
.a-burger.-active span:first-child,
.a-burger.-active span:last-child,
.o-header.-menu .a-burger span:first-child,
.o-header.-menu .a-burger span:last-child {
top: 50%;
transition: top .3s ease-in-out, transform .3s ease-in-out .3s
}
.a-burger.-active span:first-child,
.o-header.-menu .a-burger span:first-child {
transform: translate(-50%, -50%) rotate(45deg)
}
.a-burger.-active span:last-child,
.o-header.-menu .a-burger span:last-child {
transform: translate(-50%, -50%) rotate(-45deg)
}
.a-burger.-active span:nth-child(2),
.o-header.-menu .a-burger span:nth-child(2) {
transition: opacity 0s ease .3s;
opacity: 0
}
.a-burger.-blue,
.o-header:not(.-menu).-white .a-burger,
body:not(.-dark) .o-header:not(.-menu) .a-burger {
background-color: #000000
}
.a-burger.-blue span,
.a-burger.-white,
.o-header.-menu .a-burger,
.o-header:not(.-menu).-white .a-burger span,
body:not(.-dark) .o-header:not(.-menu) .a-burger span {
background-color: #fff
}
.a-burger.-white span,
.o-header.-menu .a-burger span {
background-color: #000000
}
@media only screen and (min-width:641px) {
.a-burger {
width: 42px;
height: 42px;
border-radius: 42px
}
}
.m-clientAgency {
position: relative;
padding-top: 100%;
background-color: #fff;
border: 1px solid #4d4e4f
}
.m-clientAgency__container {
position: absolute;
top: 0;
left: 0;
display: inline-block;
width: 15rem
}
.m-clientAgency .a-figure,
.m-clientAgency .a-image,
.m-clientAgency .m-editor figure,
.m-clientAgency .t-expertiseItem__content figure,
.m-editor .m-clientAgency figure,
.t-expertiseItem__content .m-clientAgency figure {
position: absolute;
top: 50%;
left: 50%;
max-width: 90%;
max-height: 90%;
transform: translate(-50%, -50%)
}
.a-figure,
.m-editor figure,
.t-expertiseItem__content figure {
width: 100%;
opacity: 1
}
.a-figure figcaption,
.m-editor figure figcaption,
.t-expertiseItem__content figure figcaption {
padding: 0 4.5rem;
margin-top: 2rem;
text-align: left
}
.a-figure video,
.m-editor figure video,
.t-expertiseItem__content figure video {
width: 100%
}
.a-hoverlink {
position: relative;
display: inline-block;
overflow: hidden
}
.a-hoverlink:after {
display: block;
width: 100%;
height: 1px;
margin-top: 4px;
content: "";
background-color: #000000;
transform: scaleX(0);
transform-origin: bottom right;
transition: transform .3s ease-in-out
}
.a-hoverlink:hover:after {
transform: scaleX(1);
transform-origin: bottom left
}
.a-cursor {
position: fixed;
top: -20px;
left: -20px;
z-index: 100;
z-index: 2;
display: inline-block;
width: 40px;
height: 40px;
opacity: 0;
visibility: hidden;
pointer-events: none
}
.a-cursor__circle {
z-index: 1;
background-color: #000000;
transform: translate3d(-50%, -50%, 0) scale(.05);
transition: background-color .2s ease-in-out
}
.a-cursor__background,
.a-cursor__circle {
position: absolute;
top: 50%;
left: 50%;
width: 300%;
height: 300%;
border-radius: 50%
}
.a-cursor__background {
z-index: 3;
transform: translate3d(-50%, -50%, 0) scale(.4);
opacity: 0
}
.a-cursor__background p {
position: absolute;
top: 50%;
left: 50%;
z-index: 2;
transform: translate(-50%, -50%)
}
.a-cursor__title {
position: absolute;
bottom: 120%;
left: 50%;
overflow: hidden;
transform: translate(-50%)
}
.a-cursor__title__content {
position: relative;
color: #000000;
transform: translateY(100%)
}
.a-cursor.-active .a-cursor__circle {
background-color: #dadddb
}
.a-cursor.-grab,
.a-cursor.-project {
z-index: 98
}
.m-blockquote,
.m-editor blockquote,
.t-expertiseItem__content blockquote {
padding-left: 3.5rem;
font-size: 2.2rem;
font-weight: 500;
line-height: 2.6rem;
border-left: 10px solid #4d4e4f
}
.m-blockquote p,
.m-editor blockquote p,
.t-expertiseItem__content blockquote p {
margin-bottom: 3rem;
font-size: 2.2rem;
line-height: 2.6rem
}
.m-blockquote footer,
.m-editor blockquote footer,
.t-expertiseItem__content blockquote footer {
font-size: 1.6rem;
line-height: 1.9rem;
text-transform: uppercase
}
.m-editor ol li,
.m-editor ul li,
.m-listNbr li,
.m-listPu li,
.t-expertiseItem__content ol li,
.t-expertiseItem__content ul li {
padding-left: 30px
}
.m-editor ol li:not(last-child),
.m-editor ul li:not(last-child),
.m-listNbr li:not(last-child),
.m-listPu li:not(last-child),
.t-expertiseItem__content ol li:not(last-child),
.t-expertiseItem__content ul li:not(last-child) {
margin-bottom: 20px
}
.m-editor ol li:before,
.m-editor ul li:before,
.m-listNbr li:before,
.m-listPu li:before,
.t-expertiseItem__content ol li:before,
.t-expertiseItem__content ul li:before {
position: absolute;
left: 0
}
.m-editor ul>li,
.m-listPu>li,
.t-expertiseItem__content ul>li {
position: relative
}
.m-editor ul>li:before,
.m-listPu>li:before,
.t-expertiseItem__content ul>li:before {
top: 3px;
display: block;
width: 20px;
height: 20px;
transform: rotate(45deg);
content: "";
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'%3E%3Cpath class='st0' d='M21.6 11.1c.1.1.1.4 0 .6l-7.8 7.8c-.1.1-.4.1-.6 0l-.3-.3c-.1-.1-.1-.4 0-.6l6.5-6.5-18-.1c-.3 0-.4-.2-.4-.4v-.4c0-.3.2-.4.4-.4l18 .1-6.6-6.6c-.2-.2-.1-.4 0-.6l.3-.3c.1-.1.4-.1.6 0l7.9 7.7z' fill='%234d4e4f'/%3E%3C/svg%3E");
background-position: 50%;
background-size: contain
}
.m-editor ol,
.m-listNbr,
.t-expertiseItem__content ol {
counter-reset: a
}
.m-editor ol>li,
.m-listNbr>li,
.t-expertiseItem__content ol>li {
position: relative
}
.m-editor ol>li:before,
.m-listNbr>li:before,
.t-expertiseItem__content ol>li:before {
top: 0;
content: counter(a) ".";
counter-increment: a
}
.m-input {
width: 100%
}
.m-input.-error .a-inputLabel {
color: #bf5544
}
.m-sectionTitle {
width: 100%
}
.m-sectionTitle:not(:last-child) {
margin-bottom: 6rem
}
.m-sectionTitle__button,
.m-sectionTitle__category {
flex-shrink: 0
}
.m-sectionTitle__category {
margin-bottom: 1rem
}
.m-sectionTitle__content {
display: flex;
flex-flow: row wrap
}
.m-sectionTitle__lineContainer {
width: 100%
}
.m-sectionTitle__title {
width: 100%;
position: relative
}
#t-instagram-token-generator .m-sectionTitle__title .textarea-label,
.m-block.-block_image_content .m-editor .m-sectionTitle__title h2,
.m-editor .m-sectionTitle__title h1,
.m-sectionTitle__title #t-instagram-token-generator .textarea-label,
.m-sectionTitle__title .a-h1,
.m-sectionTitle__title .m-block.-block_image_content .m-editor h2,
.m-sectionTitle__title .m-editor h1,
.m-sectionTitle__title .t-expertiseItem__content h1,
.t-expertiseItem__content .m-sectionTitle__title h1 {
margin-bottom: 2rem
}
@media only screen and (min-width:641px) {
.m-sectionTitle:not(:last-child) {
margin-bottom: 12rem
}
}
@media only screen and (min-width:1025px) {
.m-sectionTitle__content {
flex-flow: row nowrap
}
.m-sectionTitle__annotation {
position: absolute;
top: calc(100% - 30px);
right: -10px;
opacity: 0
}
.m-sectionTitle__category {
margin-bottom: 0;
margin-right: 2rem;
width: 9.5%
}
.m-sectionTitle .a-button,
.m-sectionTitle__category {
line-height: 4.8rem
}
.m-sectionTitle__button {
margin-left: 2rem
}
.m-sectionTitle__title {
margin-right: 2rem;
flex-shrink: 0;
max-width: 600px;
width: auto
}
#t-instagram-token-generator .m-sectionTitle__title .textarea-label,
.m-block.-block_image_content .m-editor .m-sectionTitle__title h2,
.m-editor .m-sectionTitle__title h1,
.m-sectionTitle__title #t-instagram-token-generator .textarea-label,
.m-sectionTitle__title .a-h1,
.m-sectionTitle__title .m-block.-block_image_content .m-editor h2,
.m-sectionTitle__title .m-editor h1,
.m-sectionTitle__title .t-expertiseItem__content h1,
.t-expertiseItem__content .m-sectionTitle__title h1 {
margin-bottom: 0
}
}
.m-footerInsta {
position: relative;
justify-content: center;
z-index: 1;
display: flex
}
.m-footerInsta__content {
position: relative;
z-index: 1;
width: 100%;
max-width: 1400px;
padding: 9rem 0;
margin: 0 auto
}
.m-footerInsta__content.m-imageShuffle {
height: 45rem
}
.m-editor .m-footerInsta .m-imageShuffle figure.-landscape,
.m-editor .m-footerInsta .m-imageShuffle figure.-portrait,
.m-footerInsta .m-imageShuffle .-landscape.a-figure,
.m-footerInsta .m-imageShuffle .-portrait.a-figure,
.m-footerInsta .m-imageShuffle .a-image.-landscape,
.m-footerInsta .m-imageShuffle .a-image.-portrait,
.m-footerInsta .m-imageShuffle .m-editor figure.-landscape,
.m-footerInsta .m-imageShuffle .m-editor figure.-portrait,
.m-footerInsta .m-imageShuffle .t-expertiseItem__content figure.-landscape,
.m-footerInsta .m-imageShuffle .t-expertiseItem__content figure.-portrait,
.t-expertiseItem__content .m-footerInsta .m-imageShuffle figure.-landscape,
.t-expertiseItem__content .m-footerInsta .m-imageShuffle figure.-portrait {
width: 33%
}
.m-footerInsta .a-button {
position: absolute;
top: 50%;
left: 50%;
z-index: 2;
transform: translate(-50%, -50%)
}
.m-footerInsta__images {
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100%
}
@media only screen and (min-width:641px) {
.m-editor .m-footerInsta .m-imageShuffle figure.-landscape,
.m-editor .m-footerInsta .m-imageShuffle figure.-portrait,
.m-footerInsta .m-imageShuffle .-landscape.a-figure,
.m-footerInsta .m-imageShuffle .-portrait.a-figure,
.m-footerInsta .m-imageShuffle .a-image.-landscape,
.m-footerInsta .m-imageShuffle .a-image.-portrait,
.m-footerInsta .m-imageShuffle .m-editor figure.-landscape,
.m-footerInsta .m-imageShuffle .m-editor figure.-portrait,
.m-footerInsta .m-imageShuffle .t-expertiseItem__content figure.-landscape,
.m-footerInsta .m-imageShuffle .t-expertiseItem__content figure.-portrait,
.t-expertiseItem__content .m-footerInsta .m-imageShuffle figure.-landscape,
.t-expertiseItem__content .m-footerInsta .m-imageShuffle figure.-portrait {
width: 25%
}
}
.m-socials li {
display: inline-block
}
.m-socials li:not(:last-child) {
margin-right: 10px
}
.m-title__container .m-title__wordContainer {
margin-top: -1.8rem
}
.m-title {
position: relative;
align-items: flex-start;
justify-content: center;
display: flex;
flex-flow: column wrap;
margin: auto
}
.m-title .a-h0,
.m-title__text {
text-transform: uppercase
}
.m-title__text {
flex-flow: row wrap;
justify-content: center;
display: flex;
width: 100%
}
.m-title__entete {
margin-bottom: 1rem
}
.m-title__annotation {
position: absolute;
transition: initial;
left: 33%;
top: 0;
transform: translateY(-140%) rotate(9deg);
opacity: 0
}
.m-title__container {
margin-top: 16rem;
margin-bottom: 9rem;
text-align: center
}
.m-title__word {
display: inline-block;
padding-bottom: 2px;
transform: translateY(100%)
}
.m-title__wordContainer {
display: inline-block;
overflow: hidden
}
.m-title__wordContainer:not(:last-child) .m-title__word:after {
display: inline-block;
content: " ";
white-space: pre
}
.m-title__space {
line-height: 0
}
.m-title .a-line {
padding-top: .4rem;
margin-top: -.4rem
}
@media only screen and (min-width:641px) {
.m-title__container {
margin-top: 15rem;
margin-bottom: 15rem
}
.m-title__annotation {
left: 63%;
transform: translateY(-110%) rotate(7deg)
}
.m-title .a-line {
padding-top: .9vw;
margin-top: -.9vw
}
}
@media only screen and (min-width:1367px) {
#t-instagram-token-generator .m-title .textarea-label,
.m-block.-block_image_content .m-editor .m-title h2,
.m-editor .m-title h1,
.m-title #t-instagram-token-generator .textarea-label,
.m-title .a-h1,
.m-title .m-block.-block_image_content .m-editor h2,
.m-title .m-editor h1,
.m-title .t-expertiseItem__content h1,
.t-expertiseItem__content .m-title h1 {
font-size: 20rem;
line-height: .95
}
}
.excerpt {
margin-top: 3rem
}
@media only screen and (min-width:641px) {
.excerpt {
margin-top: 6rem
}
}
.m-editor figure {
text-align: left
}
.m-editor ol,
.m-editor ul {
padding-left: 2rem
}
.m-editor h2:not(:last-child) {
margin-bottom: 6rem
}
.m-editor h3:not(:last-child),
.m-editor h4:not(:last-child),
.m-editor p:not(:last-child) {
margin-bottom: 2.3rem
}
.m-editor p+:not(p) {
margin-top: 6rem
}
.m-editor p+ol,
.m-editor p+ul {
margin-top: 0
}
.m-editor blockquote:not(:last-child),
.m-editor figure:not(:last-child),
.m-editor ol:not(:last-child),
.m-editor ul:not(:last-child) {
margin-bottom: 6rem
}
.m-editor iframe {
width: 100%
}
.m-editor.-columns figure figcaption {
padding: 0
}
@media only screen and (min-width:641px) {
.m-editor ol,
.m-editor ul {
padding-left: 4.5rem
}
}
.m-teamItemAgency__image {
position: relative;
padding-top: 133%;
margin-bottom: 3rem
}
.m-editor .m-teamItemAgency__image figure,
.m-teamItemAgency__image .a-figure,
.m-teamItemAgency__image .a-image,
.m-teamItemAgency__image .m-editor figure,
.m-teamItemAgency__image .t-expertiseItem__content figure,
.t-expertiseItem__content .m-teamItemAgency__image figure {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.m-editor .m-teamItemAgency__image figure img,
.m-teamItemAgency__image .a-figure img,
.m-teamItemAgency__image .a-image img,
.m-teamItemAgency__image .m-editor figure img,
.m-teamItemAgency__image .t-expertiseItem__content figure img,
.t-expertiseItem__content .m-teamItemAgency__image figure img {
width: 100%;
height: 100%;
object-fit: cover
}
.m-teamItemAgency__annotation {
position: absolute;
z-index: 5;
width: auto;
max-width: 140px
}
@media only screen and (max-width:640px) {
.m-teamItemAgency__container:not(:last-child) {
margin-bottom: 4.4rem
}
}
@media only screen and (min-width:641px) {
.m-teamItemAgency__container:not(:nth-last-child(-n+3)),
.m-teamItemAgency__container:nth-child(2n-1):not(:nth-last-child(-n+2)),
.m-teamItemAgency__container:nth-child(3n):not(:last-child) {
margin-bottom: 4.4rem
}
}
.m-clientsAgency {
overflow: hidden
}
.m-clientsAgency__line {
position: relative
}
.m-clientsAgency__line:not(:last-child) {
margin-bottom: 3rem
}
.m-awwardAgency__list {
order: 2;
display: grid;
gap: 3rem
}
.m-awwardAgency__forward {
order: 1;
margin-bottom: 3rem
}
#t-instagram-token-generator .m-awwardAgency__forward .textarea-label,
.m-awwardAgency__forward #t-instagram-token-generator .textarea-label,
.m-awwardAgency__forward .a-h1,
.m-awwardAgency__forward .a-h2,
.m-awwardAgency__forward .m-block.-block_image_content .m-editor h2,
.m-awwardAgency__forward .m-block.-block_image_content .m-editor h3,
.m-awwardAgency__forward .m-editor h1,
.m-awwardAgency__forward .m-editor h2,
.m-awwardAgency__forward .t-expertiseItem__content h1,
.m-awwardAgency__forward .t-expertiseItem__content h2,
.m-block.-block_image_content .m-editor .m-awwardAgency__forward h2,
.m-block.-block_image_content .m-editor .m-awwardAgency__forward h3,
.m-editor .m-awwardAgency__forward h1,
.m-editor .m-awwardAgency__forward h2,
.t-expertiseItem__content .m-awwardAgency__forward h1,
.t-expertiseItem__content .m-awwardAgency__forward h2 {
margin-bottom: .5rem
}
.m-awwardAgency__forward .a-h3,
.m-awwardAgency__forward .m-block.-block_image_content .m-editor h4,
.m-awwardAgency__forward .m-editor h3,
.m-awwardAgency__forward .t-expertiseItem__content h3,
.m-block.-block_image_content .m-editor .m-awwardAgency__forward h4,
.m-editor .m-awwardAgency__forward h3,
.t-expertiseItem__content .m-awwardAgency__forward h3 {
color: #000000;
font-weight: 400;
text-transform: none
}
.m-awwardAgency__single .a-landingTitle {
flex-shrink: 0;
line-height: .8;
text-align: left
}
.m-awwardAgency__single .a-h2 span,
.m-awwardAgency__single .m-block.-block_image_content .m-editor h3 span,
.m-awwardAgency__single .m-editor h2 span,
.m-awwardAgency__single .t-expertiseItem__content h2 span,
.m-block.-block_image_content .m-editor .m-awwardAgency__single h3 span,
.m-editor .m-awwardAgency__single h2 span,
.t-expertiseItem__content .m-awwardAgency__single h2 span {
display: block
}
.m-awwardAgency__awwards {
color: #4d4e4f
}
@media only screen and (min-width:641px) {
.m-awwardAgency__list {
order: 1
}
.m-awwardAgency__forward {
order: 2;
margin-bottom: 0;
text-align: center
}
}
@media only screen and (min-width:1025px) {
.m-awwardAgency__line {
align-items: center
}
.m-awwardAgency__list {
grid-template-columns: repeat(2, 1fr);
gap: 6rem 3rem
}
.m-awwardAgency__single {
align-items: flex-end;
display: flex;
width: 50%
}
.m-awwardAgency__single .a-landingTitle {
margin-right: 2rem
}
}
.m-jobIndex h3 {
color: #4d4e4f
}
.m-jobIndex h3 a {
color: #000000
}
.m-jobIndex .m-articleHome__infos {
align-items: center;
justify-content: space-between
}
.m-jobIndex .m-articleHome__infos .a-lineItem {
top: 0;
max-width: inherit
}
@media only screen and (max-width:640px) {
.m-block.-block_image_content .m-editor .m-jobIndex h3,
.m-editor .m-jobIndex h2,
.m-jobIndex .a-h2,
.m-jobIndex .m-block.-block_image_content .m-editor h3,
.m-jobIndex .m-editor h2,
.m-jobIndex .t-expertiseItem__content h2,
.t-expertiseItem__content .m-jobIndex h2 {
margin: 1rem 0 2.5rem
}
.m-jobIndex__image {
display: none
}
}
.m-form__field {
margin-bottom: 3rem
}
.m-form__submit {
padding: 6rem 0 15rem
}
.m-form__section {
max-height: 0;
overflow: hidden
}
.m-form__callback {
flex-flow: row wrap
}
.m-form .a-button {
margin: 0
}
.m-form__message {
display: inline-block;
width: auto;
position: relative
}
.m-form__message p:first-child {
width: auto;
margin-bottom: 3rem;
padding: 1.5rem 3rem
}
.m-form__message .a-annotation {
color: #000000;
right: -30%;
top: 50%;
transform: translateY(-80%) rotate(5deg);
opacity: 1
}
.m-form__message.-error p:first-child {
color: #fff;
background-color: #bf5544
}
.m-articleHome {
align-items: center
}
.m-articleHome__image {
position: relative;
padding-top: 76%;
font-size: 0
}
.m-articleHome__image .a-figure,
.m-articleHome__image .a-image,
.m-articleHome__image .m-editor figure,
.m-articleHome__image .t-expertiseItem__content figure,
.m-articleHome__image__link,
.m-editor .m-articleHome__image figure,
.t-expertiseItem__content .m-articleHome__image figure {
position: absolute;
top: 50%;
left: 50%;
display: inline-block;
width: 100%;
height: 100%;
transform: translate(-50%, -50%)
}
.m-articleHome__image .a-figure img,
.m-articleHome__image .a-image img,
.m-articleHome__image .m-editor figure img,
.m-articleHome__image .t-expertiseItem__content figure img,
.m-editor .m-articleHome__image figure img,
.t-expertiseItem__content .m-articleHome__image figure img {
width: 100%;
height: 100%;
object-fit: cover
}
.m-articleHome__image__link:focus,
.m-articleHome__infos__title:focus {
color: #000000;
text-decoration: underline;
outline: none
}
.m-articleHome__link {
position: relative;
align-items: flex-start;
flex-flow: row nowrap
}
.m-articleHome__link__button {
padding-left: 1rem
}
.m-articleHome__infos {
position: relative;
padding-top: 2rem
}
.m-articleHome__infos .a-lineItem {
position: relative;
top: -12px;
display: inline-block;
max-width: calc(100% - 115px)
}
.m-articleHome__infos .a-button,
.m-articleHome__infos .a-h3,
.m-articleHome__infos .m-block.-block_image_content .m-editor h4,
.m-articleHome__infos .m-editor h3,
.m-articleHome__infos .t-expertiseItem__content h3,
.m-articleHome__infos__title,
.m-block.-block_image_content .m-editor .m-articleHome__infos h4,
.m-editor .m-articleHome__infos h3,
.t-expertiseItem__content .m-articleHome__infos h3 {
position: relative;
z-index: 2
}
.m-articleHome__infos .a-h2,
.m-articleHome__infos .m-block.-block_image_content .m-editor h3,
.m-articleHome__infos .m-editor h2,
.m-articleHome__infos .t-expertiseItem__content h2,
.m-block.-block_image_content .m-editor .m-articleHome__infos h3,
.m-editor .m-articleHome__infos h2,
.t-expertiseItem__content .m-articleHome__infos h2 {
display: inline-block
}
.m-articleHome__infos .a-h2:not(:last-child),
.m-articleHome__infos .m-block.-block_image_content .m-editor h3:not(:last-child),
.m-articleHome__infos .m-editor h2:not(:last-child),
.m-articleHome__infos .t-expertiseItem__content h2:not(:last-child),
.m-block.-block_image_content .m-editor .m-articleHome__infos h3:not(:last-child),
.m-editor .m-articleHome__infos h2:not(:last-child),
.t-expertiseItem__content .m-articleHome__infos h2:not(:last-child) {
margin-bottom: .5rem
}
.m-articleHome__infos .a-h3,
.m-articleHome__infos .m-block.-block_image_content .m-editor h4,
.m-articleHome__infos .m-editor h3,
.m-articleHome__infos .t-expertiseItem__content h3,
.m-articleHome__infos__title,
.m-block.-block_image_content .m-editor .m-articleHome__infos h4,
.m-editor .m-articleHome__infos h3,
.t-expertiseItem__content .m-articleHome__infos h3 {
display: inline-block;
padding-right: 2rem
}
.m-articleHome__infos .a-h3.-active a,
.m-articleHome__infos .m-block.-block_image_content .m-editor h4.-active a,
.m-articleHome__infos .m-editor h3.-active a,
.m-articleHome__infos .t-expertiseItem__content h3.-active a,
.m-articleHome__infos__title.-active a,
.m-block.-block_image_content .m-editor .m-articleHome__infos h4.-active a,
.m-editor .m-articleHome__infos h3.-active a,
.t-expertiseItem__content .m-articleHome__infos h3.-active a {
color: #4d4e4f
}
.m-articleHome__infos .a-button {
min-width: 115px;
line-height: 2.2rem;
text-align: right;
background-color: inherit
}
.m-articleHome__infos .a-button:after,
.m-articleHome__infos .a-button:before {
right: 0;
left: inherit
}
.m-articleHome__container:not(:last-child) {
margin-bottom: 3rem
}
@media only screen and (max-width:640px) {
.m-articleHome {
position: relative
}
.m-articleHome__image {
margin-bottom: 2rem
}
.m-articleHome__date {
position: absolute;
top: 27rem;
left: 0;
z-index: 2;
width: auto;
background-color: #fff
}
.m-articleHome__infos__title {
padding-right: 0;
margin-bottom: 2rem
}
}
@media only screen and (min-width:641px) {
.m-articleHome__infos {
padding-top: 0
}
.m-articleHome__infos .a-button {
line-height: 2.6rem
}
.m-articleHome__image a .a-figure,
.m-articleHome__image a .a-image,
.m-articleHome__image a .m-editor figure,
.m-articleHome__image a .t-expertiseItem__content figure,
.m-editor .m-articleHome__image a figure,
.t-expertiseItem__content .m-articleHome__image a figure {
transition: transform .3s ease-in-out, opacity 1s cubic-bezier(.83, 0, .29, .99)
}
.m-articleHome__image a .-active.a-figure,
.m-articleHome__image a .a-figure:focus,
.m-articleHome__image a .a-figure:hover,
.m-articleHome__image a .a-image.-active,
.m-articleHome__image a .a-image:focus,
.m-articleHome__image a .a-image:hover,
.m-articleHome__image a .m-editor figure.-active,
.m-articleHome__image a .m-editor figure:focus,
.m-articleHome__image a .m-editor figure:hover,
.m-articleHome__image a .t-expertiseItem__content figure.-active,
.m-articleHome__image a .t-expertiseItem__content figure:focus,
.m-articleHome__image a .t-expertiseItem__content figure:hover,
.m-editor .m-articleHome__image a figure.-active,
.m-editor .m-articleHome__image a figure:focus,
.m-editor .m-articleHome__image a figure:hover,
.t-expertiseItem__content .m-articleHome__image a figure.-active,
.t-expertiseItem__content .m-articleHome__image a figure:focus,
.t-expertiseItem__content .m-articleHome__image a figure:hover {
outline: none;
transform: translate(-50%, -50%) scale(.97)
}
}
.m-articleList__date {
margin-bottom: 1rem
}
.m-articleList__image {
position: relative;
padding-top: 96%;
margin-bottom: 3rem
}
.m-articleList__image .a-figure,
.m-articleList__image .a-image,
.m-articleList__image .m-editor figure,
.m-articleList__image .t-expertiseItem__content figure,
.m-editor .m-articleList__image figure,
.t-expertiseItem__content .m-articleList__image figure {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.m-articleList__image .a-figure img,
.m-articleList__image .a-image img,
.m-articleList__image .m-editor figure img,
.m-articleList__image .t-expertiseItem__content figure img,
.m-editor .m-articleList__image figure img,
.t-expertiseItem__content .m-articleList__image figure img {
width: 100%;
height: 100%;
object-fit: cover
}
#t-instagram-token-generator .m-articleList .textarea-label,
.m-articleList #t-instagram-token-generator .textarea-label,
.m-articleList .a-h1,
.m-articleList .a-h2,
.m-articleList .m-block.-block_image_content .m-editor h2,
.m-articleList .m-block.-block_image_content .m-editor h3,
.m-articleList .m-editor h1,
.m-articleList .m-editor h2,
.m-articleList .t-expertiseItem__content h1,
.m-articleList .t-expertiseItem__content h2,
.m-block.-block_image_content .m-editor .m-articleList h2,
.m-block.-block_image_content .m-editor .m-articleList h3,
.m-editor .m-articleList h1,
.m-editor .m-articleList h2,
.t-expertiseItem__content .m-articleList h1,
.t-expertiseItem__content .m-articleList h2 {
display: inline-block
}
#t-instagram-token-generator .m-articleList .textarea-label:focus,
.m-articleList #t-instagram-token-generator .textarea-label:focus,
.m-articleList .a-h1:focus,
.m-articleList .a-h2:focus,
.m-articleList .m-block.-block_image_content .m-editor h2:focus,
.m-articleList .m-block.-block_image_content .m-editor h3:focus,
.m-articleList .m-editor h1:focus,
.m-articleList .m-editor h2:focus,
.m-articleList .t-expertiseItem__content h1:focus,
.m-articleList .t-expertiseItem__content h2:focus,
.m-block.-block_image_content .m-editor .m-articleList h2:focus,
.m-block.-block_image_content .m-editor .m-articleList h3:focus,
.m-editor .m-articleList h1:focus,
.m-editor .m-articleList h2:focus,
.t-expertiseItem__content .m-articleList h1:focus,
.t-expertiseItem__content .m-articleList h2:focus {
text-decoration: underline;
outline: none
}
.m-articleList .a-h2:not(:last-child),
.m-articleList .m-block.-block_image_content .m-editor h3:not(:last-child),
.m-articleList .m-editor h2:not(:last-child),
.m-articleList .t-expertiseItem__content h2:not(:last-child),
.m-block.-block_image_content .m-editor .m-articleList h3:not(:last-child),
.m-editor .m-articleList h2:not(:last-child),
.t-expertiseItem__content .m-articleList h2:not(:last-child) {
margin-bottom: .5rem
}
.m-articleList.-forward {
align-items: center;
flex-flow: row wrap;
display: flex;
width: 100%
}
.m-articleList.-forward .m-articleList__content,
.m-articleList.-forward .m-articleList__title {
margin-bottom: 3rem
}
.m-articleList.-forward .m-articleList__content {
order: 2
}
.m-articleList.-forward .m-articleList__cover {
order: 1
}
.m-articleList.-forward .m-articleList__text {
margin-bottom: 4.6rem
}
.m-articleList.-forward .m-articleList__image {
padding-top: 133%;
margin-bottom: 0
}
.m-articleList.-forward .m-articleList__button {
display: inline-block;
padding-right: 2rem
}
.m-articleList.-forward .m-articleList__link {
position: relative
}
.m-articleList.-forward .m-articleList__link .a-button {
position: relative;
z-index: 2
}
.m-articleList.-forward .m-articleList__link .a-lineItem {
position: absolute;
top: -1.5rem;
right: 0
}
@media only screen and (max-width:640px) {
.m-articleList.-forward .row {
flex-direction: column-reverse
}
.m-articleList.-forward .m-articleList__content:not(:last-child) {
margin-top: 3rem
}
}
@media only screen and (min-width:641px) {
.m-articleList.-forward .row {
align-items: center
}
.m-articleList:not(.-forward) .m-articleList__content {
padding: 0 4.5rem
}
.m-articleList__title.-active a {
color: #4d4e4f
}
#t-instagram-token-generator .m-articleList__title a.textarea-label,
.m-articleList__title #t-instagram-token-generator a.textarea-label,
.m-articleList__title a.a-h1 {
transition: color .2s ease-in-out
}
#t-instagram-token-generator .m-articleList__title a.textarea-label:focus,
#t-instagram-token-generator .m-articleList__title a.textarea-label:hover,
.m-articleList__title #t-instagram-token-generator a.textarea-label:focus,
.m-articleList__title #t-instagram-token-generator a.textarea-label:hover,
.m-articleList__title a.a-h1:focus,
.m-articleList__title a.a-h1:hover {
color: #4d4e4f
}
.m-articleList__image a .a-figure,
.m-articleList__image a .a-image,
.m-articleList__image a .m-editor figure,
.m-articleList__image a .t-expertiseItem__content figure,
.m-editor .m-articleList__image a figure,
.t-expertiseItem__content .m-articleList__image a figure {
transition: transform .3s ease-in-out, opacity 1s cubic-bezier(.83, 0, .29, .99)
}
.m-articleList__image a .-active.a-figure,
.m-articleList__image a .a-figure:focus,
.m-articleList__image a .a-figure:hover,
.m-articleList__image a .a-image.-active,
.m-articleList__image a .a-image:focus,
.m-articleList__image a .a-image:hover,
.m-articleList__image a .m-editor figure.-active,
.m-articleList__image a .m-editor figure:focus,
.m-articleList__image a .m-editor figure:hover,
.m-articleList__image a .t-expertiseItem__content figure.-active,
.m-articleList__image a .t-expertiseItem__content figure:focus,
.m-articleList__image a .t-expertiseItem__content figure:hover,
.m-editor .m-articleList__image a figure.-active,
.m-editor .m-articleList__image a figure:focus,
.m-editor .m-articleList__image a figure:hover,
.t-expertiseItem__content .m-articleList__image a figure.-active,
.t-expertiseItem__content .m-articleList__image a figure:focus,
.t-expertiseItem__content .m-articleList__image a figure:hover {
outline: none;
transform: scale(.97)
}
}
@media only screen and (min-width:1025px) {
.m-articleList.-forward .m-articleList__content {
order: 1;
margin-bottom: 0
}
.m-articleList.-forward .m-articleList__cover {
order: 2
}
}
.m-expertiseHome,
.m-expertiseHome__description {
position: relative
}
.m-expertiseHome__descriptionContent {
transition: .6s ease 1.5s;
opacity: 0
}
.m-expertiseHome__descriptionContent.is-inview {
opacity: 1
}
.m-expertiseHome__expertises {
z-index: 2;
width: 100%;
margin-top: 60px;
text-align: left
}
.m-expertiseHome__expertises>.row {
position: relative;
z-index: 2
}
.m-expertiseHome__content {
margin-bottom: 9rem
}
.m-block.-block_image_content .m-editor .m-expertiseHome__single h3:not(:last-child),
.m-editor .m-expertiseHome__single h2:not(:last-child),
.m-expertiseHome__single .a-h2:not(:last-child),
.m-expertiseHome__single .m-block.-block_image_content .m-editor h3:not(:last-child),
.m-expertiseHome__single .m-editor h2:not(:last-child),
.m-expertiseHome__single .t-expertiseItem__content h2:not(:last-child),
.t-expertiseItem__content .m-expertiseHome__single h2:not(:last-child) {
padding-bottom: .5rem
}
.m-expertiseHome__background {
display: none;
pointer-events: none
}
.m-expertiseHome__intitule {
position: absolute;
top: 136px;
left: 39.0625%;
width: 31.25%
}
.m-expertiseHome__slider .m-expertiseHome__description {
height: 100%
}
.m-expertiseHome__slider .m-expertiseHome__descriptionContent {
z-index: 2;
transition: initial;
opacity: 1
}
@media only screen and (min-width:641px) {
.m-expertiseHome .m-sectionTitle {
position: relative;
z-index: 2
}
.m-expertiseHome .m-sectionTitle:not(:last-child) {
margin-bottom: 30px
}
.m-expertiseHome__descriptionContent {
position: absolute;
top: 60px;
left: 0;
z-index: -2;
max-width: 490px
}
.m-expertiseHome__description {
display: block
}
.m-expertiseHome__content {
margin-bottom: 0
}
.m-block.-block_image_content .m-editor .m-expertiseHome__single h3,
.m-editor .m-expertiseHome__single h2,
.m-expertiseHome__single .a-h2,
.m-expertiseHome__single .m-block.-block_image_content .m-editor h3,
.m-expertiseHome__single .m-editor h2,
.m-expertiseHome__single .t-expertiseItem__content h2,
.t-expertiseItem__content .m-expertiseHome__single h2 {
display: inline-block;
overflow: hidden
}
.m-block.-block_image_content .m-editor .m-expertiseHome__single h3 span,
.m-editor .m-expertiseHome__single h2 span,
.m-expertiseHome__single .a-h2 span,
.m-expertiseHome__single .m-block.-block_image_content .m-editor h3 span,
.m-expertiseHome__single .m-editor h2 span,
.m-expertiseHome__single .t-expertiseItem__content h2 span,
.t-expertiseItem__content .m-expertiseHome__single h2 span {
position: relative;
display: inline-block
}
.m-block.-block_image_content .m-editor .m-expertiseHome__single h3 span:after,
.m-editor .m-expertiseHome__single h2 span:after,
.m-expertiseHome__single .a-h2 span:after,
.m-expertiseHome__single .m-block.-block_image_content .m-editor h3 span:after,
.m-expertiseHome__single .m-editor h2 span:after,
.m-expertiseHome__single .t-expertiseItem__content h2 span:after,
.t-expertiseItem__content .m-expertiseHome__single h2 span:after {
position: absolute;
top: 100%;
left: 0;
display: block;
content: attr(data-title)
}
.m-expertiseHome__background {
bottom: 80px !important;
z-index: 1;
display: block
}
.m-expertiseHome__background,
.m-expertiseHome__slider {
position: absolute;
left: 0;
width: 100%;
background-color: #fff
}
.m-expertiseHome__slider {
top: 0;
transform: translateY(-57%);
transition: opacity .6s ease-in-out;
opacity: 0;
pointer-events: none
}
.m-expertiseHome__slider.-active {
transition: opacity .6s ease-in-out;
opacity: 1
}
.m-expertiseHome__sliderText {
position: absolute;
top: 0;
left: 0;
white-space: pre
}
}
.m-expertiseForward__scroller {
max-height: 0;
overflow: hidden
}
.m-expertiseForward__content {
padding: 10rem 0
}
.m-expertiseForward__subtitle {
position: relative;
margin-bottom: 6rem
}
.m-expertiseForward__annotation {
position: absolute;
text-align: center
}
.m-expertiseForward__projects__title {
margin-bottom: 2rem
}
.m-expertiseForward__projects ul {
width: 100%
}
@media only screen and (max-width:640px) {
.m-expertiseForward__projects {
margin-top: 3rem
}
}
.m-contactInfosSingle__link {
text-transform: inherit;
display: inline-block
}
.m-contactInfosSingle__link span {
display: block
}
.m-contactInfosSingle:not(:last-child) {
margin-bottom: 3rem
}
.m-contactSection__scroller {
max-height: 0;
overflow: hidden
}
.m-contactSection__content {
width: 100%;
padding: 9rem 0 12rem
}
.m-contactSection__subtitle {
margin-bottom: 8rem
}
.m-contactFooter {
position: relative
}
.m-contactFooter__link {
position: relative;
align-items: center;
justify-content: center;
display: flex
}
.m-contactFooter__link .a-button {
position: absolute;
top: 50%;
left: 50%;
z-index: 5;
transform: translate(-50%, -50%)
}
.m-contactFooter__infos {
position: relative;
z-index: 2
}
.m-contactFooter .m-imageShuffle {
z-index: 1
}
.m-contactFooter .m-sectionTitle {
z-index: 3;
width: 100%
}
.m-contactFooter__line {
position: relative
}
@media only screen and (max-width:640px) {
.m-contactFooter__link {
height: 50rem;
margin-top: 6rem
}
.m-contactFooter__link .-landscape.a-figure,
.m-contactFooter__link .-portrait.a-figure,
.m-contactFooter__link .a-image.-landscape,
.m-contactFooter__link .a-image.-portrait,
.m-contactFooter__link .m-editor figure.-landscape,
.m-contactFooter__link .m-editor figure.-portrait,
.m-contactFooter__link .t-expertiseItem__content figure.-landscape,
.m-contactFooter__link .t-expertiseItem__content figure.-portrait,
.m-editor .m-contactFooter__link figure.-landscape,
.m-editor .m-contactFooter__link figure.-portrait,
.t-expertiseItem__content .m-contactFooter__link figure.-landscape,
.t-expertiseItem__content .m-contactFooter__link figure.-portrait {
width: 35%
}
}
@media only screen and (min-width:641px) {
.m-contactFooter__infos>div {
width: auto;
max-width: none;
flex: initial
}
.m-contactFooter__link {
position: absolute;
top: 0;
right: 0;
z-index: 1;
height: 100%
}
}
.m-sectionBlockTitle {
position: relative
}
.m-sectionBlockTitle__button.-alt {
position: absolute;
top: 0;
left: 0;
z-index: 3;
width: 100%;
height: 100%;
opacity: 0
}
.m-sectionBlockTitle__button.-alt:after,
.m-sectionBlockTitle__button.-alt:before {
display: none
}
.m-sectionBlockTitle__line {
order: 2;
width: calc(100% - 30px)
}
.m-sectionBlockTitle .a-line {
text-shadow: 0 6.1rem 0 #4d4e4f, 0 -6.1rem 0 #4d4e4f
}
.m-sectionBlockTitle__content {
align-items: center;
flex-flow: row wrap;
display: flex;
width: 100%
}
.m-sectionBlockTitle__instruction {
flex-shrink: 0;
order: 3;
margin-left: 1rem
}
.m-sectionBlockTitle__title {
width: 100%;
margin-right: 1rem
}
.m-sectionBlockTitle__title .a-word.-sup {
color: #4d4e4f
}
.m-sectionBlockTitle .a-line {
text-shadow: 0 5.2rem 0 #4d4e4f, 0 -5.2rem 0 #4d4e4f
}
.m-sectionBlockTitle .a-h0 {
line-height: 5.5rem
}
@media only screen and (min-width:400px) {
.m-sectionBlockTitle .a-line {
text-shadow: 0 5.3rem 0 #4d4e4f, 0 -5.3rem 0 #4d4e4f
}
.m-sectionBlockTitle .a-h0 {
line-height: 5.3rem
}
}
@media only screen and (min-width:500px) {
.m-sectionBlockTitle .a-line {
text-shadow: 0 6.3rem 0 #4d4e4f, 0 -6.3rem 0 #4d4e4f
}
.m-sectionBlockTitle .a-h0 {
line-height: 6.3rem
}
}
@media only screen and (min-width:641px) {
.m-sectionBlockTitle__content {
flex-flow: row nowrap
}
.m-sectionBlockTitle__title {
position: relative;
top: -.5rem
}
.m-sectionBlockTitle .a-h0 {
line-height: 6.7rem
}
.m-sectionBlockTitle .a-line {
text-shadow: 0 6.7rem 0 #4d4e4f, 0 -6.7rem 0 #4d4e4f
}
.m-sectionBlockTitle__title {
flex-shrink: 0;
width: auto;
max-width: 80%;
margin-right: 2rem
}
.m-sectionBlockTitle__instruction {
width: auto;
margin-left: 2rem
}
.m-sectionBlockTitle__line {
width: 100%
}
.m-sectionBlockTitle.-inverted .m-sectionBlockTitle__instruction {
order: 1;
margin-right: 2rem;
margin-left: 0
}
.m-sectionBlockTitle.-inverted .m-sectionBlockTitle__title {
order: 3;
margin-right: 0;
margin-left: 2rem
}
}
@media only screen and (min-width:900px) {
.m-sectionBlockTitle .a-h0 {
line-height: 9.3rem
}
.m-sectionBlockTitle .a-line {
text-shadow: 0 9.3rem 0 #4d4e4f, 0 -9.3rem 0 #4d4e4f
}
}
@media only screen and (min-width:1600px) {
.m-sectionBlockTitle .a-h0 {
line-height: 12.3rem
}
.m-sectionBlockTitle .a-line {
text-shadow: 0 12.4rem 0 #4d4e4f, 0 -12.4rem 0 #4d4e4f
}
}
.m-projectArchive__container:not(:last-child) {
margin-bottom: 4.5rem
}
.m-projectArchive__title {
color: #4d4e4f
}
.m-projectArchive__category {
display: inline-block
}
.m-projectArchive__category:not(:last-child) {
margin-right: 5px
}
.m-projectArchive__category:not(:last-child):after {
display: inline-block;
content: ","
}
.m-projectArchive__button {
display: inline-block;
padding-left: 2rem
}
.m-projectArchive__link {
position: relative;
text-align: right
}
.m-projectArchive__link .a-button {
position: relative;
z-index: 2;
background: inherit
}
.m-projectArchive__link .a-lineItem {
position: absolute;
top: -1.5rem;
left: 0
}
.m-projectArchive.-link .m-projectArchive__title {
color: #000000
}
@media only screen and (max-width:640px) {
.m-projectArchive__date,
.m-projectArchive__expertises,
.m-projectArchive__title {
margin-bottom: 1rem
}
}
@media only screen and (min-width:641px) {
.m-projectArchive__date {
line-height: 2.6rem
}
}
.m-projectHome {
position: relative
}
.m-projectHome__container {
display: inline-block;
width: 33%
}
.m-projectHome__number {
position: absolute;
top: -2rem;
left: 3rem;
z-index: 3;
padding: 0;
color: #fff;
border: none
}
.m-projectHome__content {
position: absolute;
bottom: 3rem;
left: 0;
z-index: 8;
width: 100%;
padding: 0 3rem
}
.m-block.-block_image_content .m-editor .m-projectHome__content h3,
.m-editor .m-projectHome__content h2,
.m-projectHome__content .a-h2,
.m-projectHome__content .m-block.-block_image_content .m-editor h3,
.m-projectHome__content .m-editor h2,
.m-projectHome__content .t-expertiseItem__content h2,
.t-expertiseItem__content .m-projectHome__content h2 {
color: #fff !important
}
.m-projectHome__content li {
color: #fff
}
.m-projectHome__image {
position: relative;
width: 100%;
padding-top: 133%
}
.m-editor .m-projectHome__image figure,
.m-projectHome__image .a-figure,
.m-projectHome__image .a-image,
.m-projectHome__image .m-editor figure,
.m-projectHome__image .t-expertiseItem__content figure,
.t-expertiseItem__content .m-projectHome__image figure {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
transition: transform .8s cubic-bezier(.83, 0, .29, .99), opacity 1s cubic-bezier(.83, 0, .29, .99)
}
.m-editor .m-projectHome__image figure img,
.m-projectHome__image .a-figure img,
.m-projectHome__image .a-image img,
.m-projectHome__image .m-editor figure img,
.m-projectHome__image .t-expertiseItem__content figure img,
.t-expertiseItem__content .m-projectHome__image figure img {
width: 100%;
height: 100%;
object-fit: cover
}
.m-projectHome__image .a-image_tile {
display: none
}
.m-projectHome__expertises {
margin-bottom: 1rem
}
.m-projectHome__expertises li {
display: inline-block
}
.m-projectHome__expertises li:not(:last-child):after {
display: inline-block;
margin-right: 3px;
content: ","
}
@media only screen and (max-width:640px) {
.m-editor .m-projectHome.is-inview .m-projectHome__image figure:first-child,
.m-projectHome.is-inview .m-projectHome__image .a-figure:first-child,
.m-projectHome.is-inview .m-projectHome__image .a-image:first-child,
.m-projectHome.is-inview .m-projectHome__image .m-editor figure:first-child,
.m-projectHome.is-inview .m-projectHome__image .t-expertiseItem__content figure:first-child,
.t-expertiseItem__content .m-projectHome.is-inview .m-projectHome__image figure:first-child {
transform: rotate(0deg) !important
}
.m-editor .m-projectHome.is-inview .m-projectHome__image figure:nth-child(2),
.m-projectHome.is-inview .m-projectHome__image .a-figure:nth-child(2),
.m-projectHome.is-inview .m-projectHome__image .a-image:nth-child(2),
.m-projectHome.is-inview .m-projectHome__image .m-editor figure:nth-child(2),
.m-projectHome.is-inview .m-projectHome__image .t-expertiseItem__content figure:nth-child(2),
.t-expertiseItem__content .m-projectHome.is-inview .m-projectHome__image figure:nth-child(2) {
transform: rotate(5deg)
}
.m-editor .m-projectHome.is-inview .m-projectHome__image figure:nth-child(3),
.m-projectHome.is-inview .m-projectHome__image .a-figure:nth-child(3),
.m-projectHome.is-inview .m-projectHome__image .a-image:nth-child(3),
.m-projectHome.is-inview .m-projectHome__image .m-editor figure:nth-child(3),
.m-projectHome.is-inview .m-projectHome__image .t-expertiseItem__content figure:nth-child(3),
.t-expertiseItem__content .m-projectHome.is-inview .m-projectHome__image figure:nth-child(3) {
transform: rotate(-4deg)
}
.m-editor .m-projectHome.is-inview .m-projectHome__image figure:nth-child(4),
.m-projectHome.is-inview .m-projectHome__image .a-figure:nth-child(4),
.m-projectHome.is-inview .m-projectHome__image .a-image:nth-child(4),
.m-projectHome.is-inview .m-projectHome__image .m-editor figure:nth-child(4),
.m-projectHome.is-inview .m-projectHome__image .t-expertiseItem__content figure:nth-child(4),
.t-expertiseItem__content .m-projectHome.is-inview .m-projectHome__image figure:nth-child(4) {
transform: rotate(-8deg)
}
}
@media only screen and (min-width:641px) {
.m-editor .m-projectHome:hover figure:first-child,
.m-projectHome:hover .a-figure:first-child,
.m-projectHome:hover .a-image:first-child,
.m-projectHome:hover .m-editor figure:first-child,
.m-projectHome:hover .t-expertiseItem__content figure:first-child,
.t-expertiseItem__content .m-projectHome:hover figure:first-child {
transform: rotate(0deg) !important
}
.m-editor .m-projectHome:hover figure:nth-child(2),
.m-projectHome:hover .a-figure:nth-child(2),
.m-projectHome:hover .a-image:nth-child(2),
.m-projectHome:hover .m-editor figure:nth-child(2),
.m-projectHome:hover .t-expertiseItem__content figure:nth-child(2),
.t-expertiseItem__content .m-projectHome:hover figure:nth-child(2) {
transform: rotate(5deg)
}
.m-editor .m-projectHome:hover figure:nth-child(3),
.m-projectHome:hover .a-figure:nth-child(3),
.m-projectHome:hover .a-image:nth-child(3),
.m-projectHome:hover .m-editor figure:nth-child(3),
.m-projectHome:hover .t-expertiseItem__content figure:nth-child(3),
.t-expertiseItem__content .m-projectHome:hover figure:nth-child(3) {
transform: rotate(-4deg)
}
.m-editor .m-projectHome:hover figure:nth-child(4),
.m-projectHome:hover .a-figure:nth-child(4),
.m-projectHome:hover .a-image:nth-child(4),
.m-projectHome:hover .m-editor figure:nth-child(4),
.m-projectHome:hover .t-expertiseItem__content figure:nth-child(4),
.t-expertiseItem__content .m-projectHome:hover figure:nth-child(4) {
transform: rotate(-8deg)
}
.m-editor .m-projectHome:hover:nth-child(3n+1) figure:first-child,
.m-projectHome:hover:nth-child(3n+1) .a-figure:first-child,
.m-projectHome:hover:nth-child(3n+1) .a-image:first-child,
.m-projectHome:hover:nth-child(3n+1) .m-editor figure:first-child,
.m-projectHome:hover:nth-child(3n+1) .t-expertiseItem__content figure:first-child,
.t-expertiseItem__content .m-projectHome:hover:nth-child(3n+1) figure:first-child {
transform: rotate(0deg) !important
}
.m-editor .m-projectHome:hover:nth-child(3n+1) figure:nth-child(2),
.m-projectHome:hover:nth-child(3n+1) .a-figure:nth-child(2),
.m-projectHome:hover:nth-child(3n+1) .a-image:nth-child(2),
.m-projectHome:hover:nth-child(3n+1) .m-editor figure:nth-child(2),
.m-projectHome:hover:nth-child(3n+1) .t-expertiseItem__content figure:nth-child(2),
.t-expertiseItem__content .m-projectHome:hover:nth-child(3n+1) figure:nth-child(2) {
transform: rotate(-2deg) !important
}
.m-editor .m-projectHome:hover:nth-child(3n+1) figure:nth-child(3),
.m-projectHome:hover:nth-child(3n+1) .a-figure:nth-child(3),
.m-projectHome:hover:nth-child(3n+1) .a-image:nth-child(3),
.m-projectHome:hover:nth-child(3n+1) .m-editor figure:nth-child(3),
.m-projectHome:hover:nth-child(3n+1) .t-expertiseItem__content figure:nth-child(3),
.t-expertiseItem__content .m-projectHome:hover:nth-child(3n+1) figure:nth-child(3) {
transform: rotate(4deg) !important
}
.m-editor .m-projectHome:hover:nth-child(3n+1) figure:nth-child(4),
.m-projectHome:hover:nth-child(3n+1) .a-figure:nth-child(4),
.m-projectHome:hover:nth-child(3n+1) .a-image:nth-child(4),
.m-projectHome:hover:nth-child(3n+1) .m-editor figure:nth-child(4),
.m-projectHome:hover:nth-child(3n+1) .t-expertiseItem__content figure:nth-child(4),
.t-expertiseItem__content .m-projectHome:hover:nth-child(3n+1) figure:nth-child(4) {
transform: rotate(8deg) !important
}
.m-editor .m-projectHome:hover:nth-child(odd) figure:first-child,
.m-projectHome:hover:nth-child(odd) .a-figure:first-child,
.m-projectHome:hover:nth-child(odd) .a-image:first-child,
.m-projectHome:hover:nth-child(odd) .m-editor figure:first-child,
.m-projectHome:hover:nth-child(odd) .t-expertiseItem__content figure:first-child,
.t-expertiseItem__content .m-projectHome:hover:nth-child(odd) figure:first-child {
transform: rotate(0deg) !important
}
.m-editor .m-projectHome:hover:nth-child(odd) figure:nth-child(2),
.m-projectHome:hover:nth-child(odd) .a-figure:nth-child(2),
.m-projectHome:hover:nth-child(odd) .a-image:nth-child(2),
.m-projectHome:hover:nth-child(odd) .m-editor figure:nth-child(2),
.m-projectHome:hover:nth-child(odd) .t-expertiseItem__content figure:nth-child(2),
.t-expertiseItem__content .m-projectHome:hover:nth-child(odd) figure:nth-child(2) {
transform: rotate(5deg)
}
.m-editor .m-projectHome:hover:nth-child(odd) figure:nth-child(3),
.m-projectHome:hover:nth-child(odd) .a-figure:nth-child(3),
.m-projectHome:hover:nth-child(odd) .a-image:nth-child(3),
.m-projectHome:hover:nth-child(odd) .m-editor figure:nth-child(3),
.m-projectHome:hover:nth-child(odd) .t-expertiseItem__content figure:nth-child(3),
.t-expertiseItem__content .m-projectHome:hover:nth-child(odd) figure:nth-child(3) {
transform: rotate(-3deg)
}
.m-editor .m-projectHome:hover:nth-child(odd) figure:nth-child(4),
.m-projectHome:hover:nth-child(odd) .a-figure:nth-child(4),
.m-projectHome:hover:nth-child(odd) .a-image:nth-child(4),
.m-projectHome:hover:nth-child(odd) .m-editor figure:nth-child(4),
.m-projectHome:hover:nth-child(odd) .t-expertiseItem__content figure:nth-child(4),
.t-expertiseItem__content .m-projectHome:hover:nth-child(odd) figure:nth-child(4) {
transform: rotate(-8deg)
}
}
@media only screen and (min-width:1600px) {
.m-projectHome__image {
padding-top: 125%
}
}
.m-projectExpertiseForward {
align-items: center
}
.m-projectExpertiseForward__container:not(:last-child) {
margin-bottom: 2rem
}
.m-projectExpertiseForward__image {
position: relative;
padding-top: 100%;
transition: transform .3s ease-in-out
}
.m-editor .m-projectExpertiseForward__image figure,
.m-projectExpertiseForward__image .a-figure,
.m-projectExpertiseForward__image .a-image,
.m-projectExpertiseForward__image .m-editor figure,
.m-projectExpertiseForward__image .t-expertiseItem__content figure,
.t-expertiseItem__content .m-projectExpertiseForward__image figure {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
transition: transform .15s ease-in-out
}
.m-editor .m-projectExpertiseForward__image figure img,
.m-projectExpertiseForward__image .a-figure img,
.m-projectExpertiseForward__image .a-image img,
.m-projectExpertiseForward__image .m-editor figure img,
.m-projectExpertiseForward__image .t-expertiseItem__content figure img,
.t-expertiseItem__content .m-projectExpertiseForward__image figure img {
object-fit: cover;
height: 100%
}
.m-editor .m-projectExpertiseForward__image.-active figure,
.m-projectExpertiseForward__image.-active .a-figure,
.m-projectExpertiseForward__image.-active .a-image,
.m-projectExpertiseForward__image.-active .m-editor figure,
.m-projectExpertiseForward__image.-active .t-expertiseItem__content figure,
.t-expertiseItem__content .m-projectExpertiseForward__image.-active figure {
outline: none;
transform: scale(.97)
}
@media only screen and (min-width:641px) {
.m-editor .m-projectExpertiseForward__image figure,
.m-projectExpertiseForward__image .a-figure,
.m-projectExpertiseForward__image .a-image,
.m-projectExpertiseForward__image .m-editor figure,
.m-projectExpertiseForward__image .t-expertiseItem__content figure,
.t-expertiseItem__content .m-projectExpertiseForward__image figure {
transition: transform .3s ease-in-out
}
.m-editor .m-projectExpertiseForward__image figure:focus,
.m-editor .m-projectExpertiseForward__image figure:hover,
.m-projectExpertiseForward__image .a-figure:focus,
.m-projectExpertiseForward__image .a-figure:hover,
.m-projectExpertiseForward__image .a-image:focus,
.m-projectExpertiseForward__image .a-image:hover,
.m-projectExpertiseForward__image .m-editor figure:focus,
.m-projectExpertiseForward__image .m-editor figure:hover,
.m-projectExpertiseForward__image .t-expertiseItem__content figure:focus,
.m-projectExpertiseForward__image .t-expertiseItem__content figure:hover,
.t-expertiseItem__content .m-projectExpertiseForward__image figure:focus,
.t-expertiseItem__content .m-projectExpertiseForward__image figure:hover {
outline: none;
transform: scale(.97)
}
}
.m-projectDetails>div:not(:last-child),
.m-projectDetails__single:not(:last-child) {
margin-bottom: 3rem
}
.m-projectDetails__single .a-button {
text-transform: inherit
}
.m-projectDetails__single p.awards span:not(:last-child):after {
margin-right: .4rem;
content: ","
}
@media only screen and (min-width:641px) {
.m-projectDetails__single:not(:last-child) {
margin-bottom: 0
}
}
.m-projectShare {
margin-bottom: 15rem;
text-align: center
}
.m-projectShare__title {
margin-bottom: 2rem
}
.m-projectShare__links li {
display: inline-block
}
.m-projectShare__links li:not(:last-child) {
margin-right: 1rem
}
.m-block:not(:last-child),
.m-projectMore__title {
margin-bottom: 3rem
}
.m-block:not(:last-child).-padding {
padding: 3rem 0
}
.m-block.-noMargin {
margin-bottom: 0
}
.m-block:last-child {
margin-bottom: 9rem
}
.m-block.-block_numbers .m-block__nbr {
text-align: center
}
.m-block.-block_numbers .m-block__nbr h4 {
margin-bottom: 2rem
}
.m-block.-block_image_content .m-editor h2 {
text-transform: inherit
}
.m-block.-block_quote,
.m-block.-block_title {
text-align: center
}
.m-block.-block_quote p:not(:last-child),
.m-block.-block_title p:not(:last-child) {
margin-bottom: 2rem
}
@media only screen and (max-width:640px) {
.m-block.-block_multiple_images .m-block__image {
margin-bottom: 2rem
}
.m-block.-block_numbers .m-block__nbr:not(:nth-last-child(-n+2)),
.m-block.-block_numbers .m-block__nbr:nth-child(2n):not(:last-child) {
margin-bottom: 4.4rem
}
.m-block.-block_image_content .row>div:first-child {
margin-bottom: 2rem
}
}
@media only screen and (min-width:641px) {
.m-block.-block_multiple_images .m-block__image {
display: flex;
justify-content: center
}
.m-block.-block_multiple_images .m-block__image:not(:nth-last-child(-n+2)),
.m-block.-block_multiple_images .m-block__image:nth-child(2n):not(:last-child),
.m-block.-block_numbers .m-block__nbr:not(:nth-last-child(-n+3)),
.m-block.-block_numbers .m-block__nbr:nth-child(3n):not(:last-child) {
margin-bottom: 4.4rem
}
}
@media only screen and (min-width:641px) {
.m-block:not(:last-child) {
margin-bottom: 9rem
}
.m-block:not(:last-child).-padding {
padding: 9rem 0
}
}
.m-slider__container {
cursor: grab
}
.m-slider.-dragging {
cursor: grabbing
}
.m-slider .embla__container {
display: flex
}
.m-slider .embla__slide {
position: relative;
margin-right: 60px;
flex: 0 0 80%;
max-width: 600px
}
@media only screen and (min-width:641px) {
.m-slider .embla__slide {
flex: 0 0 33.333%;
margin-right: 60px
}
}
.m-roulette__container {
position: relative
}
.m-roulette__slide .m-sectionBlockTitle__line {
opacity: 1
}
.m-roulette__slide.-active .m-sectionBlockTitle__title__text {
color: #000000
}
.m-nextProject {
position: relative;
display: inline-block;
border-radius: 170px
}
.m-nextProject__background {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
content: "";
background-color: #dadddb;
border-radius: 170px
}
.m-nextProject__link {
position: relative;
z-index: 5
}
.m-nextProject__link.a-button.-primary {
background-color: inherit
}
.m-nextProject__link span {
margin-bottom: 1rem
}
.m-nextProject__loader {
position: absolute;
top: calc(50% - 85px);
left: calc(50% - 85px);
z-index: 4;
width: 100%;
height: 100%;
background-color: #4d4e4f;
border-radius: 170px;
transform: scale(0)
}
@media only screen and (min-width:641px) {
.m-nextProject,
.m-nextProject:before {
border-radius: 270px
}
.m-nextProject__loader {
top: calc(50% - 135px);
left: calc(50% - 135px);
border-radius: 270px
}
}
.m-imageShuffle {
position: relative;
width: 100%;
height: 100%;
margin: 0 auto
}
.m-editor .m-imageShuffle figure,
.m-imageShuffle .a-figure,
.m-imageShuffle .a-image,
.m-imageShuffle .m-editor figure,
.m-imageShuffle .t-expertiseItem__content figure,
.t-expertiseItem__content .m-imageShuffle figure {
position: absolute;
top: 0;
left: 0;
transform: translateY(100%);
cursor: grab;
opacity: 0;
transition: initial
}
.m-editor .m-imageShuffle figure.-landscape,
.m-imageShuffle .-landscape.a-figure,
.m-imageShuffle .a-image.-landscape,
.m-imageShuffle .m-editor figure.-landscape,
.m-imageShuffle .t-expertiseItem__content figure.-landscape,
.t-expertiseItem__content .m-imageShuffle figure.-landscape {
width: 75%
}
.m-editor .m-imageShuffle figure.-portrait,
.m-imageShuffle .-portrait.a-figure,
.m-imageShuffle .a-image.-portrait,
.m-imageShuffle .m-editor figure.-portrait,
.m-imageShuffle .t-expertiseItem__content figure.-portrait,
.t-expertiseItem__content .m-imageShuffle figure.-portrait {
width: 60%
}
.m-imageShuffle .a-image__tile {
display: none
}
.m-editor .m-imageShuffle figure img,
.m-imageShuffle .a-figure img,
.m-imageShuffle .a-image img,
.m-imageShuffle .m-editor figure img,
.m-imageShuffle .t-expertiseItem__content figure img,
.t-expertiseItem__content .m-imageShuffle figure img {
transform: translateY(0)
}
@media only screen and (min-width:641px) {
.m-editor .m-imageShuffle figure.-landscape,
.m-editor .m-imageShuffle figure.-portrait,
.m-imageShuffle .-landscape.a-figure,
.m-imageShuffle .-portrait.a-figure,
.m-imageShuffle .a-image.-landscape,
.m-imageShuffle .a-image.-portrait,
.m-imageShuffle .m-editor figure.-landscape,
.m-imageShuffle .m-editor figure.-portrait,
.m-imageShuffle .t-expertiseItem__content figure.-landscape,
.m-imageShuffle .t-expertiseItem__content figure.-portrait,
.t-expertiseItem__content .m-imageShuffle figure.-landscape,
.t-expertiseItem__content .m-imageShuffle figure.-portrait {
width: 40%
}
}
.m-spotify {
position: relative;
display: block;
margin: 6rem 0 0;
z-index: 3
}
.m-spotify__element,
.m-spotify__music,
.m-spotify__title {
display: inline-block
}
.m-spotify__element {
position: absolute;
top: 0;
left: 0;
margin-right: 1rem
}
.m-spotify__music span {
margin: 0 .5rem
}
.m-spotify__title {
margin-right: 1rem;
color: #4d4e4f;
font-weight: 500
}
.o-header {
position: fixed;
top: 0;
left: 0;
z-index: 10;
width: 100%;
padding-top: 2rem;
padding-bottom: 2rem
}
.o-header .row {
align-items: center
}
.m-editor .o-header a,
.o-header .a-link,
.o-header .a-logo,
.o-header .m-editor a,
.o-header .t-expertiseItem__content a,
.o-header p,
.t-expertiseItem__content .o-header a {
transition: color 0s ease-in-out .2s
}
.m-editor .o-header a,
.o-header .a-link,
.o-header .m-editor a,
.o-header .t-expertiseItem__content a,
.o-header p,
.t-expertiseItem__content .o-header a {
color: #fff
}
.o-header__annotation {
text-align: right
}
.o-header__burger {
align-items: center;
flex-flow: row wrap;
justify-content: flex-end;
display: flex;
text-align: right
}
.o-header__menuAnnotation {
display: none
}
@media only screen and (max-width:640px) {
.o-header__burger {
flex-direction: row-reverse;
justify-content: center
}
.o-header__nav {
position: fixed;
bottom: 3rem;
left: 0
}
}
@media only screen and (min-width:641px) {
.o-header__annotation {
text-align: center
}
.o-header__burger .a-button.-contact {
margin-right: 3rem
}
}
.m-editor .o-header:not(.-menu).-white a,
.m-editor body:not(.-dark) .o-header:not(.-menu) a,
.o-header:not(.-menu).-white .a-link,
.o-header:not(.-menu).-white .m-editor a,
.o-header:not(.-menu).-white .t-expertiseItem__content a,
.o-header:not(.-menu).-white p,
.o-header:not(.-menu).-white .a-logoAnnotation,
.t-expertiseItem__content .o-header:not(.-menu).-white a,
.t-expertiseItem__content body:not(.-dark) .o-header:not(.-menu) a,
body:not(.-dark) .o-header:not(.-menu) .a-link,
body:not(.-dark) .o-header:not(.-menu) .m-editor a,
body:not(.-dark) .o-header:not(.-menu) .t-expertiseItem__content a,
body:not(.-dark) .o-header:not(.-menu) .a-logoAnnotation,
body:not(.-dark) .o-header:not(.-menu) p {
color: #000000 !important;
}
.m-editor .o-header.-menu a,
.o-header.-menu .a-link,
.o-header.-menu .a-logo,
.o-header.-menu .m-editor a,
.o-header.-menu .t-expertiseItem__content a,
.o-header.-menu p,
.t-expertiseItem__content .o-header.-menu a {
color: #fff;
transition: color .5s ease-in-out
}
.o-footer {
position: relative;
z-index: 3;
overflow: hidden
}
.o-footer__content {
position: relative;
z-index: 2;
padding-top: 15rem;
padding-bottom: 9rem;
margin-top: -20rem;
text-align: center
}
.o-footer .m-sectionTitle {
margin-bottom: 6rem
}
.o-footer__details {
z-index: 2;
margin-bottom: 12rem
}
.o-footer__details .m-contactInfosSingle {
display: inline-block;
margin-bottom: 0
}
.o-footer__information.-annotation {
position: relative
}
.o-footer__information.-annotation p {
position: absolute;
top: calc(100% + 10px);
right: -20px;
width: 175px
}
.o-footer__nav {
text-align: center
}
@media only screen and (max-width:640px) {
.o-footer__details>div:not(:last-child) {
margin-bottom: 3rem
}
.o-footer__details>div.o-footer__information {
margin-bottom: 6rem
}
.o-footer__nav__center {
order: 1;
margin-bottom: 3rem
}
.o-footer__nav__left {
order: 2
}
.o-footer__nav__right {
order: 3
}
}
@media only screen and (min-width:641px) {
.o-footer__content {
padding-top: 30rem;
padding-bottom: 6rem
}
.o-footer__details .m-contactInfosSingle {
margin-bottom: 0
}
}
#t-contact~.o-footer .m-sectionTitle {
display: none
}
.m-landingHome {
padding: 9rem 0 0
}
.m-landingHome__content {
position: relative;
flex-flow: row wrap;
display: flex;
padding: 3rem 0 0
}
.m-landingHome__titleContainer {
position: relative;
order: 1;
z-index: 2;
margin-bottom: 6rem
}
.m-landingHome__footer {
position: relative;
order: 3;
z-index: 2;
display: none
}
.m-landingHome__link {
align-items: center;
flex-flow: row wrap;
display: flex
}
.m-landingHome__link .m-landingHome__line {
width: 100%
}
.m-landingHome__link p {
font-size: 1.2rem;
font-weight: 500;
line-height: 1.4rem;
text-transform: uppercase
}
.m-landingHome__link>div {
align-items: center;
flex-flow: row wrap;
display: flex
}
.m-landingHome__link .a-button.-alt {
position: relative;
z-index: 2;
display: inline-block;
width: 100%;
text-align: right;
background-color: inherit
}
.m-landingHome__scroll {
order: 4
}
.m-landingHome__scroll .m-landingHome__text {
text-transform: inherit
}
.m-landingHome__entete {
position: relative
}
.m-landingHome__annotation {
position: absolute;
width: 180px;
color: #4d4e4f;
text-align: center;
border-color: #4d4e4f
}
.m-landingHome__images {
order: 2;
z-index: 1;
height: 30rem;
margin-bottom: 6rem
}
.m-landingHome__images>div {
position: relative
}
.m-editor .m-landingHome__images figure,
.m-landingHome__images .a-figure,
.m-landingHome__images .a-image,
.m-landingHome__images .m-editor figure,
.m-landingHome__images .t-expertiseItem__content figure,
.t-expertiseItem__content .m-landingHome__images figure {
touch-action: none
}
.m-editor .m-landingHome__images figure.-landscape,
.m-landingHome__images .-landscape.a-figure,
.m-landingHome__images .a-image.-landscape,
.m-landingHome__images .m-editor figure.-landscape,
.m-landingHome__images .t-expertiseItem__content figure.-landscape,
.t-expertiseItem__content .m-landingHome__images figure.-landscape {
width: 75%
}
.m-editor .m-landingHome__images figure.-portrait,
.m-landingHome__images .-portrait.a-figure,
.m-landingHome__images .a-image.-portrait,
.m-landingHome__images .m-editor figure.-portrait,
.m-landingHome__images .t-expertiseItem__content figure.-portrait,
.t-expertiseItem__content .m-landingHome__images figure.-portrait {
width: 60%
}
.m-landingHome__title {
text-align: center
}
.m-landingHome__title .a-line {
padding-top: 1rem
}
@media only screen and (min-width:641px) {
.m-landingHome {
display: flex;
min-height: 100vh
}
.m-landingHome__content {
align-items: center;
padding: 8rem 0 0
}
.m-landingHome__link {
flex-flow: row nowrap
}
.m-landingHome__link .m-landingHome__text {
flex-shrink: 0;
max-width: 250px;
margin-right: 2rem
}
.m-landingHome__link .m-landingHome__button {
flex-shrink: 0;
margin-left: 2rem
}
.m-landingHome__link .m-landingHome__button .a-button.-alt:before,
.m-landingHome__link .m-landingHome__button .a-button.-alt:after {
color: #fff !important;
}
.m-landingHome__title .a-line {
padding-top: .9vw;
margin-top: -.9vw
}
.m-landingHome__titleContainer {
height: 100%;
padding: 0 0 9rem;
margin-top: -14rem;
margin-bottom: 0;
pointer-events: none
}
.m-landingHome__footer {
position: absolute;
bottom: 3rem;
left: 0;
display: block;
width: 100%
}
.m-landingHome__images {
position: absolute;
bottom: -41vh;
left: 0;
order: 2;
z-index: 1;
height: 100%;
margin-bottom: 0;
overflow: visible
}
.m-landingHome__images>div {
position: relative
}
.m-editor .m-landingHome__images figure,
.m-landingHome__images .a-figure,
.m-landingHome__images .a-image,
.m-landingHome__images .m-editor figure,
.m-landingHome__images .t-expertiseItem__content figure,
.t-expertiseItem__content .m-landingHome__images figure {
cursor: grab
}
.m-editor .m-landingHome__images figure.-landscape,
.m-landingHome__images .-landscape.a-figure,
.m-landingHome__images .a-image.-landscape,
.m-landingHome__images .m-editor figure.-landscape,
.m-landingHome__images .t-expertiseItem__content figure.-landscape,
.t-expertiseItem__content .m-landingHome__images figure.-landscape {
width: 75%;
max-width: 400px
}
.m-editor .m-landingHome__images figure.-portrait,
.m-landingHome__images .-portrait.a-figure,
.m-landingHome__images .a-image.-portrait,
.m-landingHome__images .m-editor figure.-portrait,
.m-landingHome__images .t-expertiseItem__content figure.-portrait,
.t-expertiseItem__content .m-landingHome__images figure.-portrait {
width: 60%;
max-width: 400px
}
}
.o-menu {
position: fixed;
top: 100%;
left: 0;
z-index: 9;
width: 100%;
height: 100%;
transform: translate(0)
}
.m-editor .o-menu h4,
.o-menu .a-h4,
.o-menu .m-editor h4,
.o-menu .t-expertiseItem__content h4,
.t-expertiseItem__content .o-menu h4 {
color: #fff
}
.o-menu nav {
position: relative;
align-items: flex-end;
z-index: 3;
display: flex;
width: 100%;
height: 100%;
padding: 15rem 0 5rem;
background-color: #000000
}
.o-menu__nav {
position: absolute;
top: 50%;
left: 50%;
text-align: center;
transform: translate(-50%, -50%)
}
.o-menu__nav li {
overflow: hidden;
transition: transform 2s cubic-bezier(.83, 0, .29, .99)
}
.o-menu__nav li a {
display: inline-block
}
.o-menu__nav li:nth-child(odd) span {
color: #fff
}
.o-menu__nav li:nth-child(2n) span {
color: #dadddb
}
.o-menu.-entered .a-h0 {
text-shadow: 0 4.1rem 0 #4d4e4f, 0 -4.1rem 0 #4d4e4f
}
.o-menu .a-h0 {
position: relative;
display: inline-block;
font-size: 3.5rem;
line-height: 3.5rem
}
.o-menu__footer {
align-items: flex-end
}
.o-menu__footer li {
display: inline-block
}
.o-menu__footer li:not(:last-child) {
margin-bottom: 5px
}
.o-menu__footer__nav {
text-align: right
}
@media only screen and (max-width:640px) {
.o-menu .m-socials li,
.o-menu .o-menu__footer__nav li {
display: block
}
.o-menu nav {
padding-bottom: 10rem
}
.o-menu__nav {
top: 45%
}
}
@media only screen and (min-width:360px) {
.o-menu.-entered .a-h0 {
text-shadow: 0 6.4rem 0 #4d4e4f, 0 -6.4rem 0 #4d4e4f
}
.o-menu .a-h0 {
font-size: 4rem;
line-height: 6.4rem
}
}
@media only screen and (min-width:641px) {
.o-menu nav {
padding: 15rem 0 7rem
}
.o-menu .a-h0 {
font-size: 5.5rem;
line-height: 6.8rem
}
.o-menu.-entered .a-h0 {
text-shadow: 0 6.8rem 0 #4d4e4f, 0 -6.8rem 0 #4d4e4f
}
.o-menu__footer li {
display: inline-block
}
.o-menu__footer li:not(:last-child) {
margin-right: 10px;
margin-bottom: 0
}
.o-menu__footer .a-hoverlink:after {
background-color: #fff
}
}
@media only screen and (min-width:900px) {
.o-menu .a-h0 {
font-size: 6rem;
line-height: 7.3rem
}
.o-menu.-entered .a-h0 {
text-shadow: 0 7.3rem 0 #4d4e4f, 0 -7.3rem 0 #4d4e4f
}
}
@media only screen and (min-width:1600px) {
.o-menu .a-h0 {
font-size: 7rem;
line-height: 10rem
}
.o-menu.-entered .a-h0 {
text-shadow: 0 9.8rem 0 #4d4e4f, 0 -9.8rem 0 #4d4e4f
}
}
.t-page.-menu .o-menu {
display: block
}
.m-cookie {
position: fixed;
right: 3rem;
bottom: 3rem;
z-index: 98;
width: calc(100% - 3rem * 2);
padding: 3rem;
background-color: #fff;
border: 1px solid #d8d8d8;
transform: translateY(10px);
transition: opacity .3s ease-in-out, transform .3s ease-in-out, visibility .1s ease-in-out .3s;
opacity: 0;
visibility: hidden
}
.m-cookie.show {
transform: translate(0);
transition: visibility .1s ease-in-out, opacity .3s ease-in-out .1s, transform .3s ease-in-out .1s;
opacity: 1;
visibility: visible
}
.m-cookie .a-burger {
background-color: #000000
}
.m-cookie .a-burger span {
background-color: #fff
}
@media only screen and (min-width:1025px) {
.m-cookie {
right: 3rem;
bottom: 3rem;
max-width: 30rem
}
}
.m-transition {
position: fixed;
top: 100%;
left: 0;
z-index: 99;
width: 100%;
height: 100%
}
.m-transition__slide {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
transform: translateY(-100%)
}
.m-transition__slide.-first {
background-color: #dadddb
}
.m-transition__slide.-second {
background-color: #4d4e4f
}
.m-transition__slide.-third {
background-color: #000000
}
.m-transition__letter {
position: absolute;
top: 0;
left: 0;
color: #fff;
font-size: 25rem;
font-weight: 700;
line-height: 22rem;
transform: translate(-100%, -100%)
}
.m-transition.-light .m-transition__slide.-third {
background-color: #fff
}
.m-transition.-light .m-transition__letter {
color: #000000
}
@media only screen and (min-width:641px) {
.m-transition__letter {
font-size: 65rem;
line-height: 47rem
}
}
@media only screen and (min-width:1025px) {
.m-transition__letter {
font-size: 60rem;
line-height: 60rem
}
}
#t-home .t-home__section {
margin-bottom: 6rem
}
#t-home .t-home__section:last-child {
margin-bottom: 24rem
}
#t-home .t-home__slider {
position: relative
}
#t-home .t-home__slider .swiper-container {
overflow: visible
}
#t-home .t-home__slider .m-sectionTitle__header {
position: static
}
#t-home .t-home__slider .m-sectionTitle__button {
position: absolute;
bottom: 0
}
#t-home .t-home__slider .m-slider {
padding-bottom: 9rem
}
#t-home .t-home__slider .m-projectHome__number {
left: 6rem
}
#t-home .t-home__slider .m-projectHome__content {
padding: 0 6rem
}
#t-home .t-home__expertises__content .a-expertiseHome:hover {
color: #000000
}
@media only screen and (min-width:641px) {
#t-home .t-home__slider .m-sectionTitle__header {
position: relative
}
#t-home .t-home__slider .m-sectionTitle__button {
position: static;
bottom: auto
}
#t-home .t-home__slider .m-slider {
padding-bottom: 0
}
#t-home .t-home__section {
margin-bottom: 6rem
}
#t-home .t-home__section.m-landingHome {
margin-bottom: 60rem
}
#t-home .t-home__section.m-expertiseHome,
#t-home .t-home__section.t-home__slider {
margin-bottom: 13rem
}
}
#t-home .m-landingHome {
margin-bottom: 12rem
}
@media only screen and (min-width:641px) {
#t-home .m-landingHome {
margin-bottom: 18rem
}
}
.t-page {
position: relative;
z-index: 3
}
.t-page__container {
overflow: hidden
}
.t-page__main {
margin-bottom: 18rem
}
.t-page__nav {
margin-bottom: 15rem;
text-align: center
}
.t-page__button {
display: inline-block
}
#t-legal .m-editor h3 {
margin-top: 0 !important;
margin-bottom: 0 !important
}
#t-culture-index .t-culture-item__list {
display: grid;
gap: 5rem;
grid-template-columns: 1fr
}
@media only screen and (min-width:641px) {
#t-culture-index .t-culture-item__list {
gap: 7rem 8%;
grid-template-columns: repeat(2, 1fr)
}
#t-culture-index .m-articleList.-forward {
grid-column: 1/3
}
}
@media only screen and (min-width:641px) {
#t-culture-index .t-culture-item__list {
gap: 5rem 7.5%;
grid-template-columns: repeat(3, 1fr)
}
#t-culture-index .m-articleList.-forward {
grid-column: 1/4
}
}
#t-culture-item .m-title {
align-items: center
}
#t-culture-item .m-title__container {
margin-bottom: 6rem
}
#t-culture-item .t-culture__content {
margin-bottom: 12rem
}
#t-agency .m-sectionBlockTitle__button {
background-color: blue
}
#t-agency .m-sectionBlockTitle__button:hover {
background-color: red
}
#t-agency .m-sectionBlockTitle__button:hover .a-word {
transform: translateY(100%)
}
#t-agency .t-agency__section {
margin-bottom: 10rem
}
#t-agency .t-agency__description {
text-align: center
}
#t-agency .t-agency__images {
height: 35rem;
position: relative;
z-index: 0
}
#t-agency .t-agency__images .-landscape.a-figure,
#t-agency .t-agency__images .a-image.-landscape,
#t-agency .t-agency__images .m-editor figure.-landscape,
#t-agency .t-agency__images .t-expertiseItem__content figure.-landscape,
.m-editor #t-agency .t-agency__images figure.-landscape,
.t-expertiseItem__content #t-agency .t-agency__images figure.-landscape {
width: 75%
}
#t-agency .t-agency__images .-portrait.a-figure,
#t-agency .t-agency__images .a-image.-portrait,
#t-agency .t-agency__images .m-editor figure.-portrait,
#t-agency .t-agency__images .t-expertiseItem__content figure.-portrait,
.m-editor #t-agency .t-agency__images figure.-portrait,
.t-expertiseItem__content #t-agency .t-agency__images figure.-portrait {
width: 60%
}
@media only screen and (min-width:641px) {
#t-agency .t-agency__section {
margin-bottom: 20rem
}
#t-agency .t-agency__images {
height: 85rem
}
#t-agency .t-agency__images .a-figure,
#t-agency .t-agency__images .a-image,
#t-agency .t-agency__images .m-editor figure,
#t-agency .t-agency__images .t-expertiseItem__content figure,
.m-editor #t-agency .t-agency__images figure,
.t-expertiseItem__content #t-agency .t-agency__images figure {
cursor: grab
}
#t-agency .t-agency__images .-landscape.a-figure,
#t-agency .t-agency__images .a-image.-landscape,
#t-agency .t-agency__images .m-editor figure.-landscape,
#t-agency .t-agency__images .t-expertiseItem__content figure.-landscape,
.m-editor #t-agency .t-agency__images figure.-landscape,
.t-expertiseItem__content #t-agency .t-agency__images figure.-landscape {
width: 75%;
max-width: 400px
}
#t-agency .t-agency__images .-portrait.a-figure,
#t-agency .t-agency__images .a-image.-portrait,
#t-agency .t-agency__images .m-editor figure.-portrait,
#t-agency .t-agency__images .t-expertiseItem__content figure.-portrait,
.m-editor #t-agency .t-agency__images figure.-portrait,
.t-expertiseItem__content #t-agency .t-agency__images figure.-portrait {
width: 60%;
max-width: 400px
}
}
#t-jobs-item .m-title__container {
margin-bottom: 6rem
}
#t-jobs-item .t-jobs__cover {
position: relative;
padding-top: 75%;
margin-bottom: 10rem
}
#t-jobs-item .t-jobs__cover .a-figure,
#t-jobs-item .t-jobs__cover .a-image,
#t-jobs-item .t-jobs__cover .m-editor figure,
#t-jobs-item .t-jobs__cover .t-expertiseItem__content figure,
.m-editor #t-jobs-item .t-jobs__cover figure,
.t-expertiseItem__content #t-jobs-item .t-jobs__cover figure {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
#t-jobs-item .t-jobs__cover .a-figure img,
#t-jobs-item .t-jobs__cover .a-image img,
#t-jobs-item .t-jobs__cover .m-editor figure img,
#t-jobs-item .t-jobs__cover .t-expertiseItem__content figure img,
.m-editor #t-jobs-item .t-jobs__cover figure img,
.t-expertiseItem__content #t-jobs-item .t-jobs__cover figure img {
width: 100%;
height: 100%;
object-fit: cover
}
#t-jobs-item .t-jobs__content {
margin-bottom: 12rem
}
#t-jobs-item .t-jobs__form .m-input {
margin-bottom: 3rem
}
#t-projects-index .t-projects__projectContent {
display: grid;
gap: 5rem;
grid-template-columns: 1fr
}
@media only screen and (min-width:641px) {
#t-projects-index .t-projects__projectContent {
gap: 7rem 8%;
grid-template-columns: repeat(2, 1fr)
}
}
@media only screen and (min-width:1025px) {
#t-projects-index .t-projects__projectContent {
gap: 10rem 8%
}
}
#t-projects-item .m-title__annotation {
left: 43%;
top: 110%;
transform: rotate(-12deg)
}
#t-projects-item .t-projectsItem__cover {
margin-bottom: 15rem;
text-align: center
}
#t-projects-item .t-projectsItem__cover .a-image__tile {
background-color: #000000
}
#t-projects-item .t-projectsItem__content {
margin-bottom: 15rem
}
#t-projects-item .t-projectsItem__content .m-editor:not(:last-child),
#t-projects-item .t-projectsItem__content .m-projectDetails:not(:last-child) {
margin-bottom: 6rem
}
#t-contact .m-contactFooter {
margin-bottom: 12rem
}
#t-contact .m-sectionBlockTitle__title__text {
justify-content: flex-start
}
#t-contact .m-sectionBlockTitle__title__text .m-sectionBlockTitle__title__text__wordContainer:first-child .m-sectionBlockTitle__title__text__word:before {
display: none
}
#t-contact .m-sectionBlockTitle__title__text .m-sectionBlockTitle__title__text__wordContainer:last-child .m-sectionBlockTitle__title__text__word:after {
display: inline-block;
content: " ";
white-space: pre
}
@media only screen and (min-width:641px) {
#t-contact .m-contactFooter {
margin-bottom: 18rem
}
}
@media only screen and (min-width:1025px) {
#t-contact .m-contactFooter {
margin-bottom: 27rem
}
}
#t-error {
height: 100vh
}
#t-error .t-page__main {
margin-bottom: 0;
height: 100%;
position: relative
}
#t-error .m-imageShuffle {
z-index: 1;
position: absolute;
top: 50%;
left: 50%;
width: 100%;
height: 80%;
transform: translate(-50%, -50%)
}
#t-error .t-error__section {
position: relative;
height: 100%;
width: 100%
}
#t-error .t-error__content {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 999
}
#t-error .t-error__title {
align-items: center;
flex-flow: row wrap;
justify-content: center;
display: flex;
color: #fff
}
#t-error .t-error__title .m-nextProject {
position: relative
}
@media only screen and (min-width:400px) {
#t-error .t-error__title .m-nextProject {
top: 1rem
}
}
@media only screen and (min-width:641px) {
#t-error .t-error__title .m-nextProject {
top: 2rem
}
}
@media only screen and (min-width:1367px) {
#t-error .m-imageShuffle .-portrait.a-figure,
#t-error .m-imageShuffle .a-image.-portrait,
#t-error .m-imageShuffle .m-editor figure.-portrait,
#t-error .m-imageShuffle .t-expertiseItem__content figure.-portrait,
.m-editor #t-error .m-imageShuffle figure.-portrait,
.t-expertiseItem__content #t-error .m-imageShuffle figure.-portrait {
width: 28%
}
#t-error .m-imageShuffle .-paysage.a-figure,
#t-error .m-imageShuffle .a-image.-paysage,
#t-error .m-imageShuffle .m-editor figure.-paysage,
#t-error .m-imageShuffle .t-expertiseItem__content figure.-paysage,
.m-editor #t-error .m-imageShuffle figure.-paysage,
.t-expertiseItem__content #t-error .m-imageShuffle figure.-paysage {
width: 52%
}
}
#t-expertise-index .m-sectionBlockTitle__title__text {
justify-content: flex-start
}
#t-expertise-index .m-sectionBlockTitle__title__text .m-sectionBlockTitle__instruction {
text-align: right
}
.t-expertiseItem__content {
margin-bottom: 9rem
}
.t-expertiseItem__content .m-editor:not(:last-child),
.t-expertiseItem__content .m-projectDetails:not(:last-child) {
margin-bottom: 3rem
}
.t-expertiseItem__title {
margin-bottom: 6rem
}
.t-expertiseItem__cover {
margin-bottom: 15rem;
text-align: center
}
.t-expertiseItem__cover .a-image__tile {
background-color: #000000
}
.t-expertiseItem__column:not(:last-child) {
margin-bottom: 9rem
}
.t-expertiseItem__column:first-child ul {
padding-left: 0
}
.t-expertiseItem__column:first-child li:last-child {
margin-bottom: 0
}
.t-expertiseItem__container.-cover .m-title__container {
color: #fff
}
.t-expertiseItem__container.-cover .a-annotation {
color: #fff;
border-color: #fff;
display: grid;
gap: 5rem
}
.t-expertiseItem__content .row {
align-items: flex-start
}
.t-expertiseItem__content figure {
text-align: left
}
.t-expertiseItem__content ol,
.t-expertiseItem__content ul {
padding-left: 2rem
}
.t-expertiseItem__content h1:not(:last-child),
.t-expertiseItem__content h2:not(:last-child),
.t-expertiseItem__content h3:not(:last-child),
.t-expertiseItem__content h4:not(:last-child) {
margin-bottom: 6rem
}
.t-expertiseItem__content p:not(:last-child) {
margin-bottom: 2.3rem
}
.t-expertiseItem__content p+:not(p) {
margin-top: 3.7rem
}
.t-expertiseItem__content p+ol,
.t-expertiseItem__content p+ul {
margin-top: 0
}
.t-expertiseItem__content blockquote:not(:last-child),
.t-expertiseItem__content figure:not(:last-child),
.t-expertiseItem__content ol:not(:last-child),
.t-expertiseItem__content ul:not(:last-child) {
margin-bottom: 6rem
}
.t-expertiseItem__content iframe {
width: 100%
}
@media only screen and (min-width:641px) {
.t-expertiseItem .m-editor:not(:last-child) {
margin-bottom: 9rem
}
.t-expertiseItem__container.-cover .m-title__row {
position: absolute;
left: 0;
text-align: center;
z-index: 4
}
.t-expertiseItem__container.-cover .m-title__container {
margin-top: 20rem;
margin-bottom: 9rem
}
.t-expertiseItem__content {
margin-bottom: 12rem
}
.t-expertiseItem__title {
margin-bottom: 9rem
}
.t-expertiseItem__projects {
margin-bottom: 12rem;
grid-template-columns: repeat(2, 1fr);
gap: 5rem 7%
}
.t-expertiseItem__column:not(:last-child) {
margin-bottom: 0
}
}
@media only screen and (min-width:1025px) {
.t-expertiseItem__projects {
grid-template-columns: repeat(3, 1fr);
gap: 5rem 3.5%
}
}
#t-instagram-token-generator .a-landingTitle {
font-size: 5vw;
line-height: 5vw
}
#t-instagram-token-generator input {
margin-top: 2rem;
padding: 3rem;
border-radius: 10px
}
#t-instagram-token-generator .a-button {
margin-top: 7rem
}
.p-mark-logo {
width: 100%;
height: 100%;
display: table;
text-align: center
}
.p-mark-logo>.child {
display: table-cell;
vertical-align: middle
}
@media only screen and (max-width: 640px) {
/* 1. Make hero title bigger on mobile */
.a-landingTitle {
font-size: 3.8rem !important;
line-height: 4.8rem !important;
}
/* 2. Center section headings and buttons on mobile */
.m-sectionTitle__title {
text-align: center !important;
}
.m-sectionTitle__button {
position: relative !important;
bottom: auto !important;
display: block !important;
text-align: center !important;
width: 100% !important;
margin-top: 3rem !important;
}
.m-sectionTitle__button .a-button {
margin: 0 auto;
}
#t-home .t-home__slider .m-sectionTitle__button {
position: relative !important;
display: block !important;
text-align: center !important;
margin: 0 auto !important;
bottom: auto !important;
left: 0 !important;
transform: none !important;
}
/* 3. Center services list (Strateji, Markalaşma vs) */
.m-expertiseHome__background {
text-align: center !important;
}
.m-expertiseHome__sliderText,
.a-expertiseHome {
text-align: center !important;
display: block !important;
width: 100% !important;
}
.m-expertiseHome__descriptionContent {
text-align: center !important;
}
/* 4. Center the contact information in footer */
.o-footer__details .column-28 {
text-align: center !important;
margin-left: 0 !important;
width: 100% !important;
}
.o-footer__details .m-contactInfosSingle__link span {
text-align: center !important;
display: block;
}
/* 5. Align Copyright and Legal Notice in footer */
.o-footer__nav {
margin-bottom: 2rem !important;
}
.o-footer__nav__center {
width: 100% !important;
flex: 0 0 100% !important;
order: 1 !important;
margin-bottom: 4rem !important;
}
.o-footer__nav__left {
width: 50% !important;
flex: 0 0 50% !important;
order: 2 !important;
text-align: left !important;
margin-left: 0 !important;
padding-left: 2rem !important;
z-index: 10 !important;
position: relative !important;
}
.o-footer__nav__right {
width: 50% !important;
flex: 0 0 50% !important;
order: 3 !important;
text-align: right !important;
margin-left: 0 !important;
padding-right: 2rem !important;
z-index: 10 !important;
position: relative !important;
}
}
/* Extracted from index.html */
.a-logo {
display: inline-flex;
align-items: center;
}
.a-logo svg {
width: 120px;
height: auto;
max-width: 100%;
transition: width 0.3s ease;
}
@media (min-width: 768px) {
.a-logo svg {
width: 140px;
}
}
@media (min-width: 1024px) {
.a-logo svg {
width: 155px;
}
}
@media (max-width: 1024px) {
.js-header-pageAnnotation {
display: none !important;
}
.o-header__logo {
width: 100% !important;
margin-left: 0 !important;
flex: 0 0 100% !important;
max-width: 100% !important;
text-align: center;
display: flex;
justify-content: center;
}
}
@media (min-width: 641px) {
.m-landingHome__titleContainer {
margin-top: -4rem !important;
padding-bottom: 0 !important;
}
}
@media (max-width: 1024px) {
.js-header-menuAnnotation {
display: none !important;
}
.o-header__nav {
position: fixed !important;
bottom: 3rem !important;
left: 0 !important;
width: 100% !important;
z-index: 100 !important;
}
.o-header__burger {
justify-content: center !important;
flex-direction: row-reverse !important;
}
.o-header__burger .a-button.-contact {
margin-right: 3rem !important;
}
}
@media (min-width: 641px) and (max-width: 1024px) {
.m-landingHome__titleContainer {
margin-top: 0 !important;
}
.m-landingHome__images {
bottom: -20vh !important;
transform: scale(1.1);
transform-origin: bottom center;
}
}
@media (max-width: 640px) {
.m-landingHome__images {
margin-top: 4rem !important;
transform: translateY(2rem) !important;
}
}
.a-annotation {
padding: 24px 38px !important;
font-size: 1.15rem !important;
line-height: 1.3rem !important;
}
@media (min-width: 641px) {
.m-landingHome__annotation {
transform: translate(6rem, -3rem) !important;
}
}
@media (max-width: 640px) {
.m-landingHome__annotation {
transform: translate(2rem, -2rem) !important;
}
}
/* 2. Hero Black Background */
.m-landingHome {
background: #0a0a0a !important;
position: relative;
}
.m-landingHome__title,
.m-landingHome__title strong,
.m-landingHome__text,
.m-landingHome__text strong,
.m-landingHome__link p,
.m-landingHome__scroll .m-landingHome__text {
color: #fff !important;
}
.m-landingHome__annotation {
filter: brightness(0) invert(1) !important;
color: #000 !important;
/* It will be inverted to white */
}
/* 3. Header logo switching via over-hero class */
/* DEFAULT: show dark logo and black text (white background = most of the page) */
.a-logo .svg-light {
display: none !important;
}
.a-logo .svg-dark {
display: block !important;
}
.a-logoAnnotation,
.o-header__menuAnnotation {
color: #000 !important;
transition: color 0.3s;
}
/* Over hero (dark bg): show light logo */
.over-hero .a-logo .svg-dark {
display: none !important;
}
.over-hero .a-logo .svg-light {
display: block !important;
}
.over-hero .a-logoAnnotation,
.over-hero .o-header__menuAnnotation {
color: #fff !important;
}
/* Menu open state: always dark logo */
.o-header.-menu .a-logo .svg-light {
display: none !important;
}
.o-header.-menu .a-logo .svg-dark {
display: block !important;
}
/* SVG logo fill colors (letters are white on both logos) */
.st0-dark {
fill: #fff;
}
.st0-light {
fill: #fff;
}
#logo-dark #BACKGROUND {
fill: #000 !important;
}
:root {
--home-ax: 50%;
--home-ay: -390%;
--home-arot: 355deg;
--expertise-ax: 55%;
--expertise-ay: -45%;
--expertise-arot: 3deg;
--projects-ax: 45%;
--projects-ay: 190%;
--projects-arot: 355deg;
--culture-ax: 50%;
--culture-ay: -100%;
--culture-arot: 355deg;
}
@media (min-width: 768px) {
:root {
--home-ax: 55%;
--home-ay: -30%;
--home-arot: 355deg;
--expertise-ax: 21%;
--expertise-ay: -45%;
--expertise-arot: 3deg;
--projects-ax: 28%;
--projects-ay: 100%;
--projects-arot: 353deg;
--culture-ax: 35%;
--culture-ay: -100%;
--culture-arot: 355deg;
}
}
/* SEO Text Section */
.m-seoText {
background-color: transparent;
color: #e3e3e3;
font-size: 0.95rem;
line-height: 1.7;
padding-bottom: 3rem;
}
.m-seoText__scrollArea {
height: 150px;
overflow-y: auto;
overflow-x: hidden;
}
/* Custom subtle scrollbar so it fits the aesthetic but remains visible */
.m-seoText__scrollArea::-webkit-scrollbar {
width: 6px;
}
.m-seoText__scrollArea::-webkit-scrollbar-track {
background: transparent;
}
.m-seoText__scrollArea::-webkit-scrollbar-thumb {
background: #f0f0f0;
border-radius: 10px;
}
.m-seoText__scrollArea::-webkit-scrollbar-thumb:hover {
background: #e0e0e0;
}
.m-seoText h1,
.m-seoText h2,
.m-seoText h3 {
color: #e3e3e3;
font-weight: 600;
}
.m-seoText h1 {
font-size: 1.3rem;
margin-bottom: 1rem;
margin-top: 0;
}
.m-seoText h2 {
font-size: 1.15rem;
margin-top: 1.5rem;
margin-bottom: 0.8rem;
}
.m-seoText h3 {
font-size: 1.05rem;
margin-top: 1.2rem;
margin-bottom: 0.5rem;
}
.m-seoText p {
margin-bottom: 1rem;
margin-top: 0;
}
.m-seoText ul,
.m-seoText ol {
margin-bottom: 1.5rem;
margin-left: 1.5rem;
margin-top: 0;
}
.m-seoText ul li {
list-style-type: disc;
margin-bottom: 0.5rem;
padding-left: 0.5rem;
}
.m-seoText ol li {
list-style-type: decimal;
margin-bottom: 0.5rem;
padding-left: 0.5rem;
}
.m-seoText ol li {
list-style-type: decimal;
margin-bottom: 0.5rem;
padding-left: 0.5rem;
}
.m-seoText ol li {
list-style-type: decimal;
margin-bottom: 0.5rem;
padding-left: 0.5rem;
}
/* ===== Yasal Uyarı / Legal Page - Match footer width ===== */
#t-legal .m-editor.-columns blockquote,
#t-legal .m-editor.-columns h2,
#t-legal .m-editor.-columns h3,
#t-legal .m-editor.-columns h4,
#t-legal .m-editor.-columns iframe,
#t-legal .m-editor.-columns ol,
#t-legal .m-editor.-columns p,
#t-legal .m-editor.-columns ul,
#t-legal .m-editor.-columns figure figcaption {
margin-left: 0 !important;
width: 100% !important;
max-width: 100% !important;
flex: 0 0 100% !important;
}
#t-legal .m-editor.-columns .row {
padding-left: 6.25%;
padding-right: 6.25%;
}
#t-legal .m-editor.-columns figure img {
width: 100% !important;
max-width: 100% !important;
flex: 0 0 100% !important;
}
/* ===== Pare Intro Section (Homepage) ===== */
.pare-intro {
padding: 8rem 0 6rem;
text-align: center;
}
.pare-intro__title {
font-size: clamp(1.6rem, 3vw, 2.4rem);
font-weight: 700;
letter-spacing: 0.15em;
text-transform: uppercase;
margin-bottom: 3rem;
color: #1a1a1a;
position: relative;
display: inline-block;
}
.pare-intro__title::after {
content: '';
display: block;
width: 60px;
height: 3px;
background: #1a1a1a;
margin: 1.2rem auto 0;
border-radius: 2px;
}
.pare-intro__text {
font-size: clamp(0.95rem, 1.4vw, 1.1rem);
line-height: 1.85;
color: #444;
margin-bottom: 1.5rem;
max-width: 780px;
margin-left: auto;
margin-right: auto;
}
.pare-intro__text:last-child {
margin-bottom: 0;
}
.pare-intro__text strong {
color: #1a1a1a;
font-weight: 600;
}
@media (max-width: 768px) {
.pare-intro {
padding: 5rem 1.5rem 4rem;
}
.pare-intro__title {
letter-spacing: 0.08em;
}
.pare-intro__text {
text-align: left;
}
}
/* Header CTA Button (next to burger) */
.o-header__burger {
display: flex;
align-items: center;
gap: 10px;
}
.header-cta {
display: inline-flex;
align-items: center;
justify-content: center;
height: 40px;
padding: 0 18px;
background: #000;
color: #fff;
border: 1.5px solid #000;
border-radius: 55px;
font-size: 11px;
font-weight: 700;
letter-spacing: 0.06em;
text-transform: uppercase;
text-decoration: none;
white-space: nowrap;
transition: all 0.35s ease;
position: relative;
z-index: 2;
}
.header-cta:hover {
background: #dadddb;
border-color: #dadddb;
color: #000;
}
/* Siyah hero alanı (anasayfa): beyaz outline */
.o-header.-white .header-cta {
background: transparent;
color: #fff;
border-color: rgba(255,255,255,0.6);
}
.o-header.-white .header-cta:hover {
background: #dadddb;
color: #000;
border-color: #dadddb;
}
@media (max-width: 767px) {
.header-cta {
display: none !important;
}
.a-landingTitle {
font-size: 2.1rem !important;
line-height: 2.7rem !important;
}
}
/* ===== Proje Başlat Form Styles ===== */
.pf-wrapper {
max-width: 800px;
margin: 0 auto 8rem;
padding: 0 1rem;
}
.pf-progress {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 4rem;
max-width: 400px;
margin-left: auto;
margin-right: auto;
}
.pf-progress__step {
width: 44px; height: 44px;
border-radius: 50%;
display: flex; align-items: center; justify-content: center;
font-size: 16px; font-weight: 700;
border: 2px solid #eaeaea;
color: #bbb;
background: #fff;
transition: all 0.4s ease;
flex-shrink: 0;
z-index: 2;
box-shadow: 0 4px 10px rgba(0,0,0,0.02);
}
.pf-progress__step.-active {
background: #000;
border-color: #000;
color: #fff;
box-shadow: 0 8px 20px rgba(0,0,0,0.1);
}
.pf-progress__line {
flex: 1;
height: 3px;
background: #eaeaea;
margin: 0 12px;
position: relative;
overflow: hidden;
border-radius: 2px;
}
.pf-progress__fill {
position: absolute; top: 0; left: 0;
height: 100%; width: 0;
background: #000;
transition: width 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
}
.pf-step {
display: none;
opacity: 0;
transform: translateY(20px);
}
.pf-step.-visible {
display: block;
animation: pfFadeIn 0.6s cubic-bezier(0.2, 0.8, 0.2, 1) forwards;
}
@keyframes pfFadeIn {
to { opacity: 1; transform: translateY(0); }
}
.pf-step__title {
text-align: center;
font-size: clamp(2rem, 5vw, 3rem);
font-weight: 800;
color: #000;
margin-bottom: 1rem;
letter-spacing: -0.02em;
}
.pf-step__subtitle {
text-align: center;
color: #666;
font-size: 1.25rem;
margin-bottom: 3.5rem;
font-weight: 400;
}
.pf-cards {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px;
margin-bottom: 3rem;
}
.pf-card {
background: #fff;
border: 1px solid #eaeaea;
border-radius: 24px;
padding: 3.5rem 2rem;
cursor: pointer;
display: flex;
flex-direction: column;
align-items: center;
gap: 1.5rem;
transition: all 0.3s cubic-bezier(0.2, 0.8, 0.2, 1);
box-shadow: 0 4px 20px rgba(0,0,0,0.03);
}
.pf-card:hover {
transform: translateY(-5px);
box-shadow: 0 12px 30px rgba(0,0,0,0.08);
border-color: #ddd;
}
.pf-card.-selected {
background: #000;
border-color: #000;
transform: translateY(-5px);
box-shadow: 0 15px 35px rgba(0,0,0,0.15);
}
.pf-card__icon {
width: 72px; height: 72px;
color: #999;
transition: all 0.3s ease;
}
.pf-card.-selected .pf-card__icon { color: #fff; transform: scale(1.1); }
.pf-card__label {
font-weight: 700;
font-size: 18px;
color: #333;
transition: color 0.3s ease;
letter-spacing: 0.02em;
}
.pf-card.-selected .pf-card__label { color: #fff; }
.pf-btn {
display: block;
width: 100%;
padding: 20px;
border-radius: 50px;
font-size: 1.1rem;
font-weight: 700;
cursor: pointer;
border: none;
transition: all 0.3s ease;
font-family: inherit;
margin-top: 2rem;
letter-spacing: 0.02em;
}
.pf-btn.-primary {
background: #000;
color: #fff;
box-shadow: 0 8px 20px rgba(0,0,0,0.1);
}
.pf-btn.-primary:hover { background: #222; transform: translateY(-2px); box-shadow: 0 12px 25px rgba(0,0,0,0.15); }
.pf-btn.-primary:disabled { background: #e0e0e0; color: #999; cursor: not-allowed; box-shadow: none; transform: none; }
.pf-btn.-outline {
background: transparent;
border: 2px solid #eaeaea;
color: #000;
margin-top: 3rem;
max-width: 300px;
margin-left: auto;
margin-right: auto;
}
.pf-btn.-outline:hover { border-color: #000; background: #000; color: #fff; }
.pf-btn.-hidden { opacity: 0; transform: translateY(15px); pointer-events: none; position: absolute; }
.pf-btn.-show { opacity: 1; transform: translateY(0); pointer-events: auto; position: relative; }
.pf-back {
display: inline-flex;
align-items: center;
gap: 8px;
background: none; border: none;
color: #666;
font-size: 15px;
font-weight: 600;
cursor: pointer;
padding: 0;
margin-bottom: 2rem;
font-family: inherit;
transition: all 0.2s;
}
.pf-back:hover { color: #000; transform: translateX(-4px); }
.pf-selected {
display: flex;
align-items: center;
gap: 18px;
background: #fff;
border: 1px solid #eaeaea;
border-radius: 20px;
padding: 20px 24px;
margin-bottom: 3rem;
box-shadow: 0 4px 15px rgba(0,0,0,0.02);
}
.pf-selected__icon { width: 44px; height: 44px; color: #000; }
.pf-selected__label { display: block; font-size: 13px; color: #888; text-transform: uppercase; letter-spacing: 1.5px; font-weight: 600; margin-bottom: 4px; }
.pf-selected__value { display: block; font-size: 22px; font-weight: 800; color: #000; }
.pf-field { margin-bottom: 1.5rem; }
.pf-field__label { display: block; margin-bottom: 8px; font-size: 14px; color: #444; font-weight: 600; padding-left: 4px; }
.pf-field__input {
width: 100%; padding: 18px 20px;
border-radius: 16px; border: 1px solid #eaeaea;
background: #fafafa; color: #000;
font-size: 16px; font-family: inherit;
outline: none; transition: all 0.3s ease;
box-sizing: border-box;
}
.pf-field__input:focus { border-color: #000; background: #fff; box-shadow: 0 4px 15px rgba(0,0,0,0.03); }
.pf-field__input::placeholder { color: #ccc; }
.pf-field__textarea { height: 160px; resize: vertical; min-height: 120px; }
.pf-success {
text-align: center;
padding: 4rem 1rem;
display: flex;
flex-direction: column;
align-items: center;
}
.pf-success__icon {
width: 100px; height: 100px;
border-radius: 50%;
background: #000; color: #fff;
display: flex; align-items: center; justify-content: center;
margin-bottom: 2rem;
animation: pfPop 0.6s cubic-bezier(.17,.67,.21,1.28) forwards;
box-shadow: 0 10px 30px rgba(0,0,0,0.15);
}
@keyframes pfPop { 0% { transform: scale(0); opacity: 0; } 100% { transform: scale(1); opacity: 1; } }
.pf-success__title { font-size: clamp(2rem, 4vw, 2.5rem); font-weight: 800; color: #000; margin-bottom: 1rem; letter-spacing: -0.02em; }
.pf-success__text { font-size: 1.2rem; color: #666; max-width: 400px; line-height: 1.7; }
@media (max-width: 768px) {
.pf-cards { grid-template-columns: 1fr; gap: 16px; margin-bottom: 2rem; }
.pf-card { padding: 2rem 1.5rem; flex-direction: row; gap: 1.5rem; }
.pf-card__icon { width: 50px; height: 50px; }
.pf-step__title { font-size: 2rem; }
.pf-wrapper { margin-top: 2rem; }
.pf-progress { margin-bottom: 3rem; }
}
/* ===== İletişim Modal ===== */
.cf-overlay {
position: fixed; inset: 0;
background: rgba(0,0,0,0.6);
backdrop-filter: blur(4px);
-webkit-backdrop-filter: blur(4px);
z-index: 9999;
display: flex; align-items: center; justify-content: center;
opacity: 0; visibility: hidden;
transition: all 0.3s ease;
}
.cf-overlay.-open { opacity: 1; visibility: visible; }
.cf-modal {
background: #fff;
border-radius: 24px;
padding: 3rem 2.5rem;
width: 90%; max-width: 520px;
max-height: 90vh; overflow-y: auto;
position: relative;
transform: translateY(30px) scale(0.96);
transition: transform 0.35s cubic-bezier(0.2,0.8,0.2,1);
}
.cf-overlay.-open .cf-modal { transform: translateY(0) scale(1); }
.cf-close {
position: absolute; top: 16px; right: 20px;
background: none; border: none;
font-size: 28px; color: #999; cursor: pointer;
width: 40px; height: 40px;
display: flex; align-items: center; justify-content: center;
border-radius: 50%; transition: all 0.2s;
}
.cf-close:hover { background: #f0f0f0; color: #000; }
.cf-modal__title { font-size: 1.6rem; font-weight: 800; color: #000; margin-bottom: 0.3rem; }
.cf-modal__subtitle { font-size: 0.95rem; color: #888; margin-bottom: 2rem; }
.cf-field { margin-bottom: 1.2rem; }
.cf-field--row { display: flex; gap: 12px; }
.cf-field--half { flex: 1; }
.cf-field__label { display: block; margin-bottom: 6px; font-size: 13px; color: #555; font-weight: 600; }
.cf-field__input {
width: 100%; padding: 14px 16px;
border-radius: 12px; border: 1px solid #e0e0e0;
background: #fafafa; color: #000;
font-size: 15px; font-family: inherit;
outline: none; transition: border-color 0.3s;
box-sizing: border-box; -webkit-appearance: none;
}
.cf-field__input:focus { border-color: #000; background: #fff; }
.cf-field__input::placeholder { color: #bbb; }
.cf-field__textarea { height: 120px; resize: none; }
select.cf-field__input { cursor: pointer; }
.cf-submit {
width: 100%; padding: 16px;
border-radius: 50px; border: none;
background: #000; color: #fff;
font-size: 15px; font-weight: 700;
cursor: pointer; font-family: inherit;
transition: all 0.3s; margin-top: 0.5rem;
}
.cf-submit:hover { background: #333; }
.cf-submit:disabled { background: #ccc; color: #999; cursor: not-allowed; }
.cf-success { text-align: center; padding: 2rem 0; }
.cf-success__icon {
width: 70px; height: 70px; border-radius: 50%;
background: #000; color: #fff;
font-size: 32px; font-weight: bold;
display: flex; align-items: center; justify-content: center;
margin: 0 auto 1rem;
}
.cf-success h3 { font-size: 1.4rem; font-weight: 800; margin-bottom: 0.5rem; }
.cf-success p { color: #888; font-size: 1rem; }
@media (max-width: 600px) {
.cf-modal { padding: 2rem 1.5rem; }
.cf-field--row { flex-direction: column; gap: 0; }
}
/* Page Annotation Animation Variables */
:root {
/* Home & 404 Annotation Variables */
--home-ax: 50%;
--home-ay: -390%;
--home-arot: 355deg;
--expertise-ax: 55%;
--expertise-ay: -45%;
--expertise-arot: 3deg;
--projects-ax: 45%;
--projects-ay: 190%;
--projects-arot: 355deg;
--culture-ax: 50%;
--culture-ay: -100%;
--culture-arot: 355deg;
/* Culture Annotation Variables */
--team-ax: 80%;
--team-ay: -65%;
--team-arot: 5deg;
--clients-ax: 38%;
--clients-ay: 105%;
--clients-arot: 356deg;
--awwards-ax: 20%;
--awwards-ay: -60%;
--awwards-arot: 350deg;
}
@media (min-width: 768px) {
:root {
--home-ax: 55%;
--home-ay: -30%;
--home-arot: 355deg;
--expertise-ax: 21%;
--expertise-ay: -45%;
--expertise-arot: 3deg;
--projects-ax: 28%;
--projects-ay: 100%;
--projects-arot: 353deg;
--culture-ax: 35%;
--culture-ay: -100%;
--culture-arot: 355deg;
}
}