html {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
font-family: sans-serif
}
body {
margin: 0
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block
}
audio,
canvas,
progress,
video {
vertical-align: baseline;
display: inline-block
}
audio:not([controls]) {
height: 0;
display: none
}
[hidden],
template {
display: none
}
a {
background-color: #0000
}
a:active,
a:hover {
outline: 0
}
abbr[title] {
border-bottom: 1px dotted
}
b,
strong {
font-weight: 700
}
dfn {
font-style: italic
}
h1 {
margin: .67em 0;
font-size: 2em
}
mark {
color: #000;
background: #ff0
}
small {
font-size: 80%
}
sub,
sup {
vertical-align: baseline;
font-size: 75%;
line-height: 0;
position: relative
}
sup {
top: -.5em
}
sub {
bottom: -.25em
}
img {
border: 0
}
svg:not(:root) {
overflow: hidden
}
hr {
box-sizing: content-box;
height: 0
}
pre {
overflow: auto
}
code,
kbd,
pre,
samp {
font-family: monospace;
font-size: 1em
}
button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0
}
button {
overflow: visible
}
button,
select {
text-transform: none
}
button,
html input[type=button],
input[type=reset] {
-webkit-appearance: button;
cursor: pointer
}
button[disabled],
html input[disabled] {
cursor: default
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0
}
input {
line-height: normal
}
input[type=checkbox],
input[type=radio] {
box-sizing: border-box;
padding: 0
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
height: auto
}
input[type=search] {
-webkit-appearance: none
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
-webkit-appearance: none
}
legend {
border: 0;
padding: 0
}
textarea {
overflow: auto
}
optgroup {
font-weight: 700
}
table {
border-collapse: collapse;
border-spacing: 0
}
td,
th {
padding: 0
}
@font-face {
font-family: webflow-icons;
src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==)format("truetype");
font-weight: 400;
font-style: normal
}
[class^=w-icon-],
[class*=\ w-icon-] {
speak: none;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-weight: 400;
line-height: 1;
font-family: webflow-icons !important
}
.w-icon-slider-right:before {
content: ""
}
.w-icon-slider-left:before {
content: ""
}
.w-icon-nav-menu:before {
content: ""
}
.w-icon-arrow-down:before,
.w-icon-dropdown-toggle:before {
content: ""
}
.w-icon-file-upload-remove:before {
content: ""
}
.w-icon-file-upload-icon:before {
content: ""
}
* {
box-sizing: border-box
}
html {
height: 100%
}
body {
color: #333;
background-color: #fff;
min-height: 100%;
margin: 0;
font-family: Arial, sans-serif;
font-size: 14px;
line-height: 20px
}
img {
vertical-align: middle;
max-width: 100%;
display: inline-block
}
html.w-mod-touch * {
background-attachment: scroll !important
}
.w-block {
display: block
}
.w-inline-block {
max-width: 100%;
display: inline-block
}
.w-clearfix:before,
.w-clearfix:after {
content: " ";
grid-area: 1/1/2/2;
display: table
}
.w-clearfix:after {
clear: both
}
.w-hidden {
display: none
}
.w-button {
color: #fff;
line-height: inherit;
cursor: pointer;
background-color: #3898ec;
border: 0;
border-radius: 0;
padding: 9px 15px;
text-decoration: none;
display: inline-block
}
input.w-button {
-webkit-appearance: button
}
html[data-w-dynpage] [data-w-cloak] {
color: #0000 !important
}
.w-code-block {
margin: unset
}
pre.w-code-block code {
all: inherit
}
.w-optimization {
display: contents
}
.w-webflow-badge,
.w-webflow-badge>img {
box-sizing: unset;
width: unset;
height: unset;
max-height: unset;
max-width: unset;
min-height: unset;
min-width: unset;
margin: unset;
padding: unset;
float: unset;
clear: unset;
border: unset;
border-radius: unset;
background: unset;
background-image: unset;
background-position: unset;
background-size: unset;
background-repeat: unset;
background-origin: unset;
background-clip: unset;
background-attachment: unset;
background-color: unset;
box-shadow: unset;
transform: unset;
direction: unset;
font-family: unset;
font-weight: unset;
color: unset;
font-size: unset;
line-height: unset;
font-style: unset;
font-variant: unset;
text-align: unset;
letter-spacing: unset;
-webkit-text-decoration: unset;
text-decoration: unset;
text-indent: unset;
text-transform: unset;
list-style-type: unset;
text-shadow: unset;
vertical-align: unset;
cursor: unset;
white-space: unset;
word-break: unset;
word-spacing: unset;
word-wrap: unset;
transition: unset
}
.w-webflow-badge {
white-space: nowrap;
cursor: pointer;
box-shadow: 0 0 0 1px #0000001a, 0 1px 3px #0000001a;
visibility: visible !important;
opacity: 1 !important;
z-index: 2147483647 !important;
color: #aaadb0 !important;
overflow: unset !important;
background-color: #fff !important;
border-radius: 3px !important;
width: auto !important;
height: auto !important;
margin: 0 !important;
padding: 6px !important;
font-size: 12px !important;
line-height: 14px !important;
text-decoration: none !important;
display: inline-block !important;
position: fixed !important;
inset: auto 12px 12px auto !important;
transform: none !important
}
.w-webflow-badge>img {
position: unset;
visibility: unset !important;
opacity: 1 !important;
vertical-align: middle !important;
display: inline-block !important
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin-bottom: 10px;
font-weight: 700
}
h1 {
margin-top: 20px;
font-size: 38px;
line-height: 44px
}
h2 {
margin-top: 20px;
font-size: 32px;
line-height: 36px
}
h3 {
margin-top: 20px;
font-size: 24px;
line-height: 30px
}
h4 {
margin-top: 10px;
font-size: 18px;
line-height: 24px
}
h5 {
margin-top: 10px;
font-size: 14px;
line-height: 20px
}
h6 {
margin-top: 10px;
font-size: 12px;
line-height: 18px
}
p {
margin-top: 0;
margin-bottom: 10px
}
blockquote {
border-left: 5px solid #e2e2e2;
margin: 0 0 10px;
padding: 10px 20px;
font-size: 18px;
line-height: 22px
}
figcaption {
text-align: center;
margin-top: 5px
}
ul,
ol {
margin-top: 0;
margin-bottom: 10px;
padding-left: 40px
}
.w-list-unstyled {
padding-left: 0;
list-style: none
}
.w-embed:before,
.w-embed:after {
content: " ";
grid-area: 1/1/2/2;
display: table
}
.w-embed:after {
clear: both
}
.w-video {
width: 100%;
padding: 0;
position: relative
}
.w-video iframe,
.w-video object,
.w-video embed {
border: none;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0
}
fieldset {
border: 0;
margin: 0;
padding: 0
}
button,
[type=button],
[type=reset] {
cursor: pointer;
-webkit-appearance: button;
border: 0
}
.w-form {
margin: 0 0 15px
}
.w-form-done {
text-align: center;
background-color: #ddd;
padding: 20px;
display: none
}
.w-form-fail {
background-color: #ffdede;
margin-top: 10px;
padding: 10px;
display: none
}
label {
margin-bottom: 5px;
font-weight: 700;
display: block
}
.w-input,
.w-select {
color: #333;
vertical-align: middle;
background-color: #fff;
border: 1px solid #ccc;
width: 100%;
height: 38px;
margin-bottom: 10px;
padding: 8px 12px;
font-size: 14px;
line-height: 1.42857;
display: block
}
.w-input::placeholder,
.w-select::placeholder {
color: #999
}
.w-input:focus,
.w-select:focus {
border-color: #3898ec;
outline: 0
}
.w-input[disabled],
.w-select[disabled],
.w-input[readonly],
.w-select[readonly],
fieldset[disabled] .w-input,
fieldset[disabled] .w-select {
cursor: not-allowed
}
.w-input[disabled]:not(.w-input-disabled),
.w-select[disabled]:not(.w-input-disabled),
.w-input[readonly],
.w-select[readonly],
fieldset[disabled]:not(.w-input-disabled) .w-input,
fieldset[disabled]:not(.w-input-disabled) .w-select {
background-color: #eee
}
textarea.w-input,
textarea.w-select {
height: auto
}
.w-select {
background-color: #f3f3f3
}
.w-select[multiple] {
height: auto
}
.w-form-label {
cursor: pointer;
margin-bottom: 0;
font-weight: 400;
display: inline-block
}
.w-radio {
margin-bottom: 5px;
padding-left: 20px;
display: block
}
.w-radio:before,
.w-radio:after {
content: " ";
grid-area: 1/1/2/2;
display: table
}
.w-radio:after {
clear: both
}
.w-radio-input {
float: left;
margin: 3px 0 0 -20px;
line-height: normal
}
.w-file-upload {
margin-bottom: 10px;
display: block
}
.w-file-upload-input {
opacity: 0;
z-index: -100;
width: .1px;
height: .1px;
position: absolute;
overflow: hidden
}
.w-file-upload-default,
.w-file-upload-uploading,
.w-file-upload-success {
color: #333;
display: inline-block
}
.w-file-upload-error {
margin-top: 10px;
display: block
}
.w-file-upload-default.w-hidden,
.w-file-upload-uploading.w-hidden,
.w-file-upload-error.w-hidden,
.w-file-upload-success.w-hidden {
display: none
}
.w-file-upload-uploading-btn {
cursor: pointer;
background-color: #fafafa;
border: 1px solid #ccc;
margin: 0;
padding: 8px 12px;
font-size: 14px;
font-weight: 400;
display: flex
}
.w-file-upload-file {
background-color: #fafafa;
border: 1px solid #ccc;
flex-grow: 1;
justify-content: space-between;
margin: 0;
padding: 8px 9px 8px 11px;
display: flex
}
.w-file-upload-file-name {
font-size: 14px;
font-weight: 400;
display: block
}
.w-file-remove-link {
cursor: pointer;
width: auto;
height: auto;
margin-top: 3px;
margin-left: 10px;
padding: 3px;
display: block
}
.w-icon-file-upload-remove {
margin: auto;
font-size: 10px
}
.w-file-upload-error-msg {
color: #ea384c;
padding: 2px 0;
display: inline-block
}
.w-file-upload-info {
padding: 0 12px;
line-height: 38px;
display: inline-block
}
.w-file-upload-label {
cursor: pointer;
background-color: #fafafa;
border: 1px solid #ccc;
margin: 0;
padding: 8px 12px;
font-size: 14px;
font-weight: 400;
display: inline-block
}
.w-icon-file-upload-icon,
.w-icon-file-upload-uploading {
width: 20px;
margin-right: 8px;
display: inline-block
}
.w-icon-file-upload-uploading {
height: 20px
}
.w-container {
max-width: 940px;
margin-left: auto;
margin-right: auto
}
.w-container:before,
.w-container:after {
content: " ";
grid-area: 1/1/2/2;
display: table
}
.w-container:after {
clear: both
}
.w-container .w-row {
margin-left: -10px;
margin-right: -10px
}
.w-row:before,
.w-row:after {
content: " ";
grid-area: 1/1/2/2;
display: table
}
.w-row:after {
clear: both
}
.w-row .w-row {
margin-left: 0;
margin-right: 0
}
.w-col {
float: left;
width: 100%;
min-height: 1px;
padding-left: 10px;
padding-right: 10px;
position: relative
}
.w-col .w-col {
padding-left: 0;
padding-right: 0
}
.w-col-1 {
width: 8.33333%
}
.w-col-2 {
width: 16.6667%
}
.w-col-3 {
width: 25%
}
.w-col-4 {
width: 33.3333%
}
.w-col-5 {
width: 41.6667%
}
.w-col-6 {
width: 50%
}
.w-col-7 {
width: 58.3333%
}
.w-col-8 {
width: 66.6667%
}
.w-col-9 {
width: 75%
}
.w-col-10 {
width: 83.3333%
}
.w-col-11 {
width: 91.6667%
}
.w-col-12 {
width: 100%
}
.w-hidden-main {
display: none !important
}
@media screen and (max-width:991px) {
.w-container {
max-width: 728px
}
.w-hidden-main {
display: inherit !important
}
.w-hidden-medium {
display: none !important
}
.w-col-medium-1 {
width: 8.33333%
}
.w-col-medium-2 {
width: 16.6667%
}
.w-col-medium-3 {
width: 25%
}
.w-col-medium-4 {
width: 33.3333%
}
.w-col-medium-5 {
width: 41.6667%
}
.w-col-medium-6 {
width: 50%
}
.w-col-medium-7 {
width: 58.3333%
}
.w-col-medium-8 {
width: 66.6667%
}
.w-col-medium-9 {
width: 75%
}
.w-col-medium-10 {
width: 83.3333%
}
.w-col-medium-11 {
width: 91.6667%
}
.w-col-medium-12 {
width: 100%
}
.w-col-stack {
width: 100%;
left: auto;
right: auto
}
}
@media screen and (max-width:767px) {
.w-hidden-main,
.w-hidden-medium {
display: inherit !important
}
.w-hidden-small {
display: none !important
}
.w-row,
.w-container .w-row {
margin-left: 0;
margin-right: 0
}
.w-col {
width: 100%;
left: auto;
right: auto
}
.w-col-small-1 {
width: 8.33333%
}
.w-col-small-2 {
width: 16.6667%
}
.w-col-small-3 {
width: 25%
}
.w-col-small-4 {
width: 33.3333%
}
.w-col-small-5 {
width: 41.6667%
}
.w-col-small-6 {
width: 50%
}
.w-col-small-7 {
width: 58.3333%
}
.w-col-small-8 {
width: 66.6667%
}
.w-col-small-9 {
width: 75%
}
.w-col-small-10 {
width: 83.3333%
}
.w-col-small-11 {
width: 91.6667%
}
.w-col-small-12 {
width: 100%
}
}
@media screen and (max-width:479px) {
.w-container {
max-width: none
}
.w-hidden-main,
.w-hidden-medium,
.w-hidden-small {
display: inherit !important
}
.w-hidden-tiny {
display: none !important
}
.w-col {
width: 100%
}
.w-col-tiny-1 {
width: 8.33333%
}
.w-col-tiny-2 {
width: 16.6667%
}
.w-col-tiny-3 {
width: 25%
}
.w-col-tiny-4 {
width: 33.3333%
}
.w-col-tiny-5 {
width: 41.6667%
}
.w-col-tiny-6 {
width: 50%
}
.w-col-tiny-7 {
width: 58.3333%
}
.w-col-tiny-8 {
width: 66.6667%
}
.w-col-tiny-9 {
width: 75%
}
.w-col-tiny-10 {
width: 83.3333%
}
.w-col-tiny-11 {
width: 91.6667%
}
.w-col-tiny-12 {
width: 100%
}
}
.w-widget {
position: relative
}
.w-widget-map {
width: 100%;
height: 400px
}
.w-widget-map label {
width: auto;
display: inline
}
.w-widget-map img {
max-width: inherit
}
.w-widget-map .gm-style-iw {
text-align: center
}
.w-widget-map .gm-style-iw>button {
display: none !important
}
.w-widget-twitter {
overflow: hidden
}
.w-widget-twitter-count-shim {
vertical-align: top;
text-align: center;
background: #fff;
border: 1px solid #758696;
border-radius: 3px;
width: 28px;
height: 20px;
display: inline-block;
position: relative
}
.w-widget-twitter-count-shim * {
pointer-events: none;
-webkit-user-select: none;
user-select: none
}
.w-widget-twitter-count-shim .w-widget-twitter-count-inner {
text-align: center;
color: #999;
font-family: serif;
font-size: 15px;
line-height: 12px;
position: relative
}
.w-widget-twitter-count-shim .w-widget-twitter-count-clear {
display: block;
position: relative
}
.w-widget-twitter-count-shim.w--large {
width: 36px;
height: 28px
}
.w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner {
font-size: 18px;
line-height: 18px
}
.w-widget-twitter-count-shim:not(.w--vertical) {
margin-left: 5px;
margin-right: 8px
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large {
margin-left: 6px
}
.w-widget-twitter-count-shim:not(.w--vertical):before,
.w-widget-twitter-count-shim:not(.w--vertical):after {
content: " ";
pointer-events: none;
border: solid #0000;
width: 0;
height: 0;
position: absolute;
top: 50%;
left: 0
}
.w-widget-twitter-count-shim:not(.w--vertical):before {
border-width: 4px;
border-color: #75869600 #5d6c7b #75869600 #75869600;
margin-top: -4px;
margin-left: -9px
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large:before {
border-width: 5px;
margin-top: -5px;
margin-left: -10px
}
.w-widget-twitter-count-shim:not(.w--vertical):after {
border-width: 4px;
border-color: #fff0 #fff #fff0 #fff0;
margin-top: -4px;
margin-left: -8px
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large:after {
border-width: 5px;
margin-top: -5px;
margin-left: -9px
}
.w-widget-twitter-count-shim.w--vertical {
width: 61px;
height: 33px;
margin-bottom: 8px
}
.w-widget-twitter-count-shim.w--vertical:before,
.w-widget-twitter-count-shim.w--vertical:after {
content: " ";
pointer-events: none;
border: solid #0000;
width: 0;
height: 0;
position: absolute;
top: 100%;
left: 50%
}
.w-widget-twitter-count-shim.w--vertical:before {
border-width: 5px;
border-color: #5d6c7b #75869600 #75869600;
margin-left: -5px
}
.w-widget-twitter-count-shim.w--vertical:after {
border-width: 4px;
border-color: #fff #fff0 #fff0;
margin-left: -4px
}
.w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner {
font-size: 18px;
line-height: 22px
}
.w-widget-twitter-count-shim.w--vertical.w--large {
width: 76px
}
.w-background-video {
color: #fff;
height: 500px;
position: relative;
overflow: hidden
}
.w-background-video>video {
object-fit: cover;
z-index: -100;
background-position: 50%;
background-size: cover;
width: 100%;
height: 100%;
margin: auto;
position: absolute;
inset: -100%
}
.w-background-video>video::-webkit-media-controls-start-playback-button {
-webkit-appearance: none;
display: none !important
}
.w-background-video--control {
background-color: #0000;
padding: 0;
position: absolute;
bottom: 1em;
right: 1em
}
.w-background-video--control>[hidden] {
display: none !important
}
.w-slider {
text-align: center;
clear: both;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
background: #ddd;
height: 300px;
position: relative
}
.w-slider-mask {
z-index: 1;
white-space: nowrap;
height: 100%;
display: block;
position: relative;
left: 0;
right: 0;
overflow: hidden
}
.w-slide {
vertical-align: top;
white-space: normal;
text-align: left;
width: 100%;
height: 100%;
display: inline-block;
position: relative
}
.w-slider-nav {
z-index: 2;
text-align: center;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
height: 40px;
margin: auto;
padding-top: 10px;
position: absolute;
inset: auto 0 0
}
.w-slider-nav.w-round>div {
border-radius: 100%
}
.w-slider-nav.w-num>div {
font-size: inherit;
line-height: inherit;
width: auto;
height: auto;
padding: .2em .5em
}
.w-slider-nav.w-shadow>div {
box-shadow: 0 0 3px #3336
}
.w-slider-nav-invert {
color: #fff
}
.w-slider-nav-invert>div {
background-color: #2226
}
.w-slider-nav-invert>div.w-active {
background-color: #222
}
.w-slider-dot {
cursor: pointer;
background-color: #fff6;
width: 1em;
height: 1em;
margin: 0 3px .5em;
transition: background-color .1s, color .1s;
display: inline-block;
position: relative
}
.w-slider-dot.w-active {
background-color: #fff
}
.w-slider-dot:focus {
outline: none;
box-shadow: 0 0 0 2px #fff
}
.w-slider-dot:focus.w-active {
box-shadow: none
}
.w-slider-arrow-left,
.w-slider-arrow-right {
cursor: pointer;
color: #fff;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
-webkit-user-select: none;
user-select: none;
width: 80px;
margin: auto;
font-size: 40px;
position: absolute;
inset: 0;
overflow: hidden
}
.w-slider-arrow-left [class^=w-icon-],
.w-slider-arrow-right [class^=w-icon-],
.w-slider-arrow-left [class*=\ w-icon-],
.w-slider-arrow-right [class*=\ w-icon-] {
position: absolute
}
.w-slider-arrow-left:focus,
.w-slider-arrow-right:focus {
outline: 0
}
.w-slider-arrow-left {
z-index: 3;
right: auto
}
.w-slider-arrow-right {
z-index: 4;
left: auto
}
.w-icon-slider-left,
.w-icon-slider-right {
width: 1em;
height: 1em;
margin: auto;
inset: 0
}
.w-slider-aria-label {
clip: rect(0 0 0 0);
border: 0;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
position: absolute;
overflow: hidden
}
.w-slider-force-show {
display: block !important
}
.w-dropdown {
text-align: left;
z-index: 900;
margin-left: auto;
margin-right: auto;
display: inline-block;
position: relative
}
.w-dropdown-btn,
.w-dropdown-toggle,
.w-dropdown-link {
vertical-align: top;
color: #222;
text-align: left;
white-space: nowrap;
margin-left: auto;
margin-right: auto;
padding: 20px;
text-decoration: none;
position: relative
}
.w-dropdown-toggle {
-webkit-user-select: none;
user-select: none;
cursor: pointer;
padding-right: 40px;
display: inline-block
}
.w-dropdown-toggle:focus {
outline: 0
}
.w-icon-dropdown-toggle {
width: 1em;
height: 1em;
margin: auto 20px auto auto;
position: absolute;
top: 0;
bottom: 0;
right: 0
}
.w-dropdown-list {
background: #ddd;
min-width: 100%;
display: none;
position: absolute
}
.w-dropdown-list.w--open {
display: block
}
.w-dropdown-link {
color: #222;
padding: 10px 20px;
display: block
}
.w-dropdown-link.w--current {
color: #0082f3
}
.w-dropdown-link:focus {
outline: 0
}
@media screen and (max-width:767px) {
.w-nav-brand {
padding-left: 10px
}
}
.w-lightbox-backdrop {
cursor: auto;
letter-spacing: normal;
text-indent: 0;
text-shadow: none;
text-transform: none;
visibility: visible;
white-space: normal;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
color: #fff;
text-align: center;
z-index: 2000;
opacity: 0;
-webkit-user-select: none;
-moz-user-select: none;
-webkit-tap-highlight-color: transparent;
background: #000000e6;
outline: 0;
font-family: Helvetica Neue, Helvetica, Ubuntu, Segoe UI, Verdana, sans-serif;
font-size: 17px;
font-style: normal;
font-weight: 300;
line-height: 1.2;
list-style: disc;
position: fixed;
inset: 0;
-webkit-transform: translate(0)
}
.w-lightbox-backdrop,
.w-lightbox-container {
-webkit-overflow-scrolling: touch;
height: 100%;
overflow: auto
}
.w-lightbox-content {
height: 100vh;
position: relative;
overflow: hidden
}
.w-lightbox-view {
opacity: 0;
width: 100vw;
height: 100vh;
position: absolute
}
.w-lightbox-view:before {
content: "";
height: 100vh
}
.w-lightbox-group,
.w-lightbox-group .w-lightbox-view,
.w-lightbox-group .w-lightbox-view:before {
height: 86vh
}
.w-lightbox-frame,
.w-lightbox-view:before {
vertical-align: middle;
display: inline-block
}
.w-lightbox-figure {
margin: 0;
position: relative
}
.w-lightbox-group .w-lightbox-figure {
cursor: pointer
}
.w-lightbox-img {
width: auto;
max-width: none;
height: auto
}
.w-lightbox-image {
float: none;
max-width: 100vw;
max-height: 100vh;
display: block
}
.w-lightbox-group .w-lightbox-image {
max-height: 86vh
}
.w-lightbox-caption {
text-align: left;
text-overflow: ellipsis;
white-space: nowrap;
background: #0006;
padding: .5em 1em;
position: absolute;
bottom: 0;
left: 0;
right: 0;
overflow: hidden
}
.w-lightbox-embed {
width: 100%;
height: 100%;
position: absolute;
inset: 0
}
.w-lightbox-control {
cursor: pointer;
background-position: 50%;
background-repeat: no-repeat;
background-size: 24px;
width: 4em;
transition: all .3s;
position: absolute;
top: 0
}
.w-lightbox-left {
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==);
display: none;
bottom: 0;
left: 0
}
.w-lightbox-right {
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+);
display: none;
bottom: 0;
right: 0
}
.w-lightbox-close {
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=);
background-size: 18px;
height: 2.6em;
right: 0
}
.w-lightbox-strip {
white-space: nowrap;
padding: 0 1vh;
line-height: 0;
position: absolute;
bottom: 0;
left: 0;
right: 0;
overflow: auto hidden
}
.w-lightbox-item {
box-sizing: content-box;
cursor: pointer;
width: 10vh;
padding: 2vh 1vh;
display: inline-block;
-webkit-transform: translate(0, 0)
}
.w-lightbox-active {
opacity: .3
}
.w-lightbox-thumbnail {
background: #222;
height: 10vh;
position: relative;
overflow: hidden
}
.w-lightbox-thumbnail-image {
position: absolute;
top: 0;
left: 0
}
.w-lightbox-thumbnail .w-lightbox-tall {
width: 100%;
top: 50%;
transform: translateY(-50%)
}
.w-lightbox-thumbnail .w-lightbox-wide {
height: 100%;
left: 50%;
transform: translate(-50%)
}
.w-lightbox-spinner {
box-sizing: border-box;
border: 5px solid #0006;
border-radius: 50%;
width: 40px;
height: 40px;
margin-top: -20px;
margin-left: -20px;
animation: .8s linear infinite spin;
position: absolute;
top: 50%;
left: 50%
}
.w-lightbox-spinner:after {
content: "";
border: 3px solid #0000;
border-bottom-color: #fff;
border-radius: 50%;
position: absolute;
inset: -4px
}
.w-lightbox-hide {
display: none
}
.w-lightbox-noscroll {
overflow: hidden
}
@media (min-width:768px) {
.w-lightbox-content {
height: 96vh;
margin-top: 2vh
}
.w-lightbox-view,
.w-lightbox-view:before {
height: 96vh
}
.w-lightbox-group,
.w-lightbox-group .w-lightbox-view,
.w-lightbox-group .w-lightbox-view:before {
height: 84vh
}
.w-lightbox-image {
max-width: 96vw;
max-height: 96vh
}
.w-lightbox-group .w-lightbox-image {
max-width: 82.3vw;
max-height: 84vh
}
.w-lightbox-left,
.w-lightbox-right {
opacity: .5;
display: block
}
.w-lightbox-close {
opacity: .8
}
.w-lightbox-control:hover {
opacity: 1
}
}
.w-lightbox-inactive,
.w-lightbox-inactive:hover {
opacity: 0
}
.w-richtext:before,
.w-richtext:after {
content: " ";
grid-area: 1/1/2/2;
display: table
}
.w-richtext:after {
clear: both
}
.w-richtext[contenteditable=true]:before,
.w-richtext[contenteditable=true]:after {
white-space: initial
}
.w-richtext ol,
.w-richtext ul {
overflow: hidden
}
.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:after,
.w-richtext .w-richtext-figure-selected[data-rt-type=video] div:after,
.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div,
.w-richtext .w-richtext-figure-selected[data-rt-type=image] div {
outline: 2px solid #2895f7
}
.w-richtext figure.w-richtext-figure-type-video>div:after,
.w-richtext figure[data-rt-type=video]>div:after {
content: "";
display: none;
position: absolute;
inset: 0
}
.w-richtext figure {
max-width: 60%;
position: relative
}
.w-richtext figure>div:before {
cursor: default !important
}
.w-richtext figure img {
width: 100%
}
.w-richtext figure figcaption.w-richtext-figcaption-placeholder {
opacity: .6
}
.w-richtext figure div {
color: #0000;
font-size: 0
}
.w-richtext figure.w-richtext-figure-type-image,
.w-richtext figure[data-rt-type=image] {
display: table
}
.w-richtext figure.w-richtext-figure-type-image>div,
.w-richtext figure[data-rt-type=image]>div {
display: inline-block
}
.w-richtext figure.w-richtext-figure-type-image>figcaption,
.w-richtext figure[data-rt-type=image]>figcaption {
caption-side: bottom;
display: table-caption
}
.w-richtext figure.w-richtext-figure-type-video,
.w-richtext figure[data-rt-type=video] {
width: 60%;
height: 0
}
.w-richtext figure.w-richtext-figure-type-video iframe,
.w-richtext figure[data-rt-type=video] iframe {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0
}
.w-richtext figure.w-richtext-figure-type-video>div,
.w-richtext figure[data-rt-type=video]>div {
width: 100%
}
.w-richtext figure.w-richtext-align-center {
clear: both;
margin-left: auto;
margin-right: auto
}
.w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image>div,
.w-richtext figure.w-richtext-align-center[data-rt-type=image]>div {
max-width: 100%
}
.w-richtext figure.w-richtext-align-normal {
clear: both
}
.w-richtext figure.w-richtext-align-fullwidth {
text-align: center;
clear: both;
width: 100%;
max-width: 100%;
margin-left: auto;
margin-right: auto;
display: block
}
.w-richtext figure.w-richtext-align-fullwidth>div {
padding-bottom: inherit;
display: inline-block
}
.w-richtext figure.w-richtext-align-fullwidth>figcaption {
display: block
}
.w-richtext figure.w-richtext-align-floatleft {
float: left;
clear: none;
margin-right: 15px
}
.w-richtext figure.w-richtext-align-floatright {
float: right;
clear: none;
margin-left: 15px
}
.w-nav {
z-index: 1000;
background: #ddd;
position: relative
}
.w-nav:before,
.w-nav:after {
content: " ";
grid-area: 1/1/2/2;
display: table
}
.w-nav:after {
clear: both
}
.w-nav-brand {
float: left;
color: #333;
text-decoration: none;
position: relative
}
.w-nav-link {
vertical-align: top;
color: #222;
text-align: left;
margin-left: auto;
margin-right: auto;
padding: 20px;
text-decoration: none;
display: inline-block;
position: relative
}
.w-nav-link.w--current {
color: #0082f3
}
.w-nav-menu {
float: right;
position: relative
}
[data-nav-menu-open] {
text-align: center;
background: #c8c8c8;
min-width: 200px;
position: absolute;
top: 100%;
left: 0;
right: 0;
overflow: visible;
display: block !important
}
.w--nav-link-open {
display: block;
position: relative
}
.w-nav-overlay {
width: 100%;
display: none;
position: absolute;
top: 100%;
left: 0;
right: 0;
overflow: hidden
}
.w-nav-overlay [data-nav-menu-open] {
top: 0
}
.w-nav[data-animation=over-left] .w-nav-overlay {
width: auto
}
.w-nav[data-animation=over-left] .w-nav-overlay,
.w-nav[data-animation=over-left] [data-nav-menu-open] {
z-index: 1;
top: 0;
right: auto
}
.w-nav[data-animation=over-right] .w-nav-overlay {
width: auto
}
.w-nav[data-animation=over-right] .w-nav-overlay,
.w-nav[data-animation=over-right] [data-nav-menu-open] {
z-index: 1;
top: 0;
left: auto
}
.w-nav-button {
float: right;
cursor: pointer;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
-webkit-user-select: none;
user-select: none;
padding: 18px;
font-size: 24px;
display: none;
position: relative
}
.w-nav-button:focus {
outline: 0
}
.w-nav-button.w--open {
color: #fff;
background-color: #c8c8c8
}
.w-nav[data-collapse=all] .w-nav-menu {
display: none
}
.w-nav[data-collapse=all] .w-nav-button,
.w--nav-dropdown-open,
.w--nav-dropdown-toggle-open {
display: block
}
.w--nav-dropdown-list-open {
position: static
}
@media screen and (max-width:991px) {
.w-nav[data-collapse=medium] .w-nav-menu {
display: none
}
.w-nav[data-collapse=medium] .w-nav-button {
display: block
}
}
@media screen and (max-width:767px) {
.w-nav[data-collapse=small] .w-nav-menu {
display: none
}
.w-nav[data-collapse=small] .w-nav-button {
display: block
}
.w-nav-brand {
padding-left: 10px
}
}
@media screen and (max-width:479px) {
.w-nav[data-collapse=tiny] .w-nav-menu {
display: none
}
.w-nav[data-collapse=tiny] .w-nav-button {
display: block
}
}
.w-tabs {
position: relative
}
.w-tabs:before,
.w-tabs:after {
content: " ";
grid-area: 1/1/2/2;
display: table
}
.w-tabs:after {
clear: both
}
.w-tab-menu {
position: relative
}
.w-tab-link {
vertical-align: top;
text-align: left;
cursor: pointer;
color: #222;
background-color: #ddd;
padding: 9px 30px;
text-decoration: none;
display: inline-block;
position: relative
}
.w-tab-link.w--current {
background-color: #c8c8c8
}
.w-tab-link:focus {
outline: 0
}
.w-tab-content {
display: block;
position: relative;
overflow: hidden
}
.w-tab-pane {
display: none;
position: relative
}
.w--tab-active {
display: block
}
@media screen and (max-width:479px) {
.w-tab-link {
display: block
}
}
.w-ix-emptyfix:after {
content: ""
}
@keyframes spin {
0% {
transform: rotate(0)
}
to {
transform: rotate(360deg)
}
}
.w-dyn-empty {
background-color: #ddd;
padding: 10px
}
.w-dyn-hide,
.w-dyn-bind-empty,
.w-condition-invisible {
display: none !important
}
.wf-layout-layout {
display: grid
}
.w-code-component>* {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0
}
:root {
--neutral: black;
--neutral-200: #f7f7fb;
--neutral-100: white;
--neutral-700: #232323;
--neutral-300: #cecece;
--neutral-600: #363636;
--neutral-500: dimgrey;
--neutral-400: #9d9d9d;
--lines-color: #363636;
--yellow: #f9b233;
--card-frozen1: #18181852;
--badge: #070707cc;
--card-frozen: #111111de;
--outline-text-sm: .5px
}
.w-layout-blockcontainer {
max-width: 940px;
margin-left: auto;
margin-right: auto;
display: block
}
.w-backgroundvideo-backgroundvideoplaypausebutton:focus-visible {
outline-offset: 2px;
border-radius: 50%;
outline: 2px solid #3b79c3
}
.w-layout-grid {
grid-row-gap: 16px;
grid-column-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid
}
.w-checkbox {
margin-bottom: 5px;
padding-left: 20px;
display: block
}
.w-checkbox:before {
content: " ";
grid-area: 1/1/2/2;
display: table
}
.w-checkbox:after {
content: " ";
clear: both;
grid-area: 1/1/2/2;
display: table
}
.w-checkbox-input {
float: left;
margin: 4px 0 0 -20px;
line-height: normal
}
.w-checkbox-input--inputType-custom {
border: 1px solid #ccc;
border-radius: 2px;
width: 12px;
height: 12px
}
.w-checkbox-input--inputType-custom.w--redirected-checked {
background-color: #3898ec;
background-image: url(../images/custom-checkbox-checkmark.589d534424.svg);
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-color: #3898ec
}
.w-checkbox-input--inputType-custom.w--redirected-focus {
box-shadow: 0 0 3px 1px #3898ec
}
.w-form-formrecaptcha {
margin-bottom: 8px
}
.w-pagination-wrapper {
flex-wrap: wrap;
justify-content: center;
display: flex
}
.w-pagination-previous,
.w-pagination-next {
color: #333;
background-color: #fafafa;
border: 1px solid #ccc;
border-radius: 2px;
margin-left: 10px;
margin-right: 10px;
padding: 9px 20px;
font-size: 14px;
display: block
}
.w-commerce-commercecheckoutformcontainer {
background-color: #f5f5f5;
width: 100%;
min-height: 100vh;
padding: 20px
}
.w-commerce-commercelayoutcontainer {
justify-content: center;
align-items: flex-start;
display: flex
}
.w-commerce-commercelayoutmain {
flex: 0 800px;
margin-right: 20px
}
.w-commerce-commercecheckoutcustomerinfowrapper {
margin-bottom: 20px
}
.w-commerce-commercecheckoutblockheader {
background-color: #fff;
border: 1px solid #e6e6e6;
justify-content: space-between;
align-items: baseline;
padding: 4px 20px;
display: flex
}
.w-commerce-commercecheckoutblockcontent {
background-color: #fff;
border-bottom: 1px solid #e6e6e6;
border-left: 1px solid #e6e6e6;
border-right: 1px solid #e6e6e6;
padding: 20px
}
.w-commerce-commercecheckoutlabel {
margin-bottom: 8px
}
.w-commerce-commercecheckoutemailinput {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 0;
padding: 8px 12px;
line-height: 20px;
display: block
}
.w-commerce-commercecheckoutemailinput::placeholder {
color: #999
}
.w-commerce-commercecheckoutemailinput:focus {
border-color: #3898ec;
outline-style: none
}
.w-commerce-commercecheckoutshippingaddresswrapper {
margin-bottom: 20px
}
.w-commerce-commercecheckoutshippingfullname {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block
}
.w-commerce-commercecheckoutshippingfullname::placeholder {
color: #999
}
.w-commerce-commercecheckoutshippingfullname:focus {
border-color: #3898ec;
outline-style: none
}
.w-commerce-commercecheckoutshippingstreetaddress {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block
}
.w-commerce-commercecheckoutshippingstreetaddress::placeholder {
color: #999
}
.w-commerce-commercecheckoutshippingstreetaddress:focus {
border-color: #3898ec;
outline-style: none
}
.w-commerce-commercecheckoutshippingstreetaddressoptional {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block
}
.w-commerce-commercecheckoutshippingstreetaddressoptional::placeholder {
color: #999
}
.w-commerce-commercecheckoutshippingstreetaddressoptional:focus {
border-color: #3898ec;
outline-style: none
}
.w-commerce-commercecheckoutrow {
margin-left: -8px;
margin-right: -8px;
display: flex
}
.w-commerce-commercecheckoutcolumn {
flex: 1;
padding-left: 8px;
padding-right: 8px
}
.w-commerce-commercecheckoutshippingcity {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block
}
.w-commerce-commercecheckoutshippingcity::placeholder {
color: #999
}
.w-commerce-commercecheckoutshippingcity:focus {
border-color: #3898ec;
outline-style: none
}
.w-commerce-commercecheckoutshippingstateprovince {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block
}
.w-commerce-commercecheckoutshippingstateprovince::placeholder {
color: #999
}
.w-commerce-commercecheckoutshippingstateprovince:focus {
border-color: #3898ec;
outline-style: none
}
.w-commerce-commercecheckoutshippingzippostalcode {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block
}
.w-commerce-commercecheckoutshippingzippostalcode::placeholder {
color: #999
}
.w-commerce-commercecheckoutshippingzippostalcode:focus {
border-color: #3898ec;
outline-style: none
}
.w-commerce-commercecheckoutshippingcountryselector {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 0;
padding: 8px 12px;
line-height: 20px;
display: block
}
.w-commerce-commercecheckoutshippingcountryselector::placeholder {
color: #999
}
.w-commerce-commercecheckoutshippingcountryselector:focus {
border-color: #3898ec;
outline-style: none
}
.w-commerce-commercecheckoutshippingmethodswrapper {
margin-bottom: 20px
}
.w-commerce-commercecheckoutshippingmethodslist {
border-left: 1px solid #e6e6e6;
border-right: 1px solid #e6e6e6
}
.w-commerce-commercecheckoutshippingmethoditem {
background-color: #fff;
border-bottom: 1px solid #e6e6e6;
flex-direction: row;
align-items: baseline;
margin-bottom: 0;
padding: 16px;
font-weight: 400;
display: flex
}
.w-commerce-commercecheckoutshippingmethoddescriptionblock {
flex-direction: column;
flex-grow: 1;
margin-left: 12px;
margin-right: 12px;
display: flex
}
.w-commerce-commerceboldtextblock {
font-weight: 700
}
.w-commerce-commercecheckoutshippingmethodsemptystate {
text-align: center;
background-color: #fff;
border-bottom: 1px solid #e6e6e6;
border-left: 1px solid #e6e6e6;
border-right: 1px solid #e6e6e6;
padding: 64px 16px
}
.w-commerce-commercecheckoutpaymentinfowrapper {
margin-bottom: 20px
}
.w-commerce-commercecheckoutcardnumber {
-webkit-appearance: none;
appearance: none;
cursor: text;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block
}
.w-commerce-commercecheckoutcardnumber::placeholder {
color: #999
}
.w-commerce-commercecheckoutcardnumber:focus,
.w-commerce-commercecheckoutcardnumber.-wfp-focus {
border-color: #3898ec;
outline-style: none
}
.w-commerce-commercecheckoutcardexpirationdate {
-webkit-appearance: none;
appearance: none;
cursor: text;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block
}
.w-commerce-commercecheckoutcardexpirationdate::placeholder {
color: #999
}
.w-commerce-commercecheckoutcardexpirationdate:focus,
.w-commerce-commercecheckoutcardexpirationdate.-wfp-focus {
border-color: #3898ec;
outline-style: none
}
.w-commerce-commercecheckoutcardsecuritycode {
-webkit-appearance: none;
appearance: none;
cursor: text;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block
}
.w-commerce-commercecheckoutcardsecuritycode::placeholder {
color: #999
}
.w-commerce-commercecheckoutcardsecuritycode:focus,
.w-commerce-commercecheckoutcardsecuritycode.-wfp-focus {
border-color: #3898ec;
outline-style: none
}
.w-commerce-commercecheckoutbillingaddresstogglewrapper {
flex-direction: row;
display: flex
}
.w-commerce-commercecheckoutbillingaddresstogglecheckbox {
margin-top: 4px
}
.w-commerce-commercecheckoutbillingaddresstogglelabel {
margin-left: 8px;
font-weight: 400
}
.w-commerce-commercecheckoutbillingaddresswrapper {
margin-top: 16px;
margin-bottom: 20px
}
.w-commerce-commercecheckoutbillingfullname {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block
}
.w-commerce-commercecheckoutbillingfullname::placeholder {
color: #999
}
.w-commerce-commercecheckoutbillingfullname:focus {
border-color: #3898ec;
outline-style: none
}
.w-commerce-commercecheckoutbillingstreetaddress {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block
}
.w-commerce-commercecheckoutbillingstreetaddress::placeholder {
color: #999
}
.w-commerce-commercecheckoutbillingstreetaddress:focus {
border-color: #3898ec;
outline-style: none
}
.w-commerce-commercecheckoutbillingstreetaddressoptional {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block
}
.w-commerce-commercecheckoutbillingstreetaddressoptional::placeholder {
color: #999
}
.w-commerce-commercecheckoutbillingstreetaddressoptional:focus {
border-color: #3898ec;
outline-style: none
}
.w-commerce-commercecheckoutbillingcity {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block
}
.w-commerce-commercecheckoutbillingcity::placeholder {
color: #999
}
.w-commerce-commercecheckoutbillingcity:focus {
border-color: #3898ec;
outline-style: none
}
.w-commerce-commercecheckoutbillingstateprovince {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block
}
.w-commerce-commercecheckoutbillingstateprovince::placeholder {
color: #999
}
.w-commerce-commercecheckoutbillingstateprovince:focus {
border-color: #3898ec;
outline-style: none
}
.w-commerce-commercecheckoutbillingzippostalcode {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block
}
.w-commerce-commercecheckoutbillingzippostalcode::placeholder {
color: #999
}
.w-commerce-commercecheckoutbillingzippostalcode:focus {
border-color: #3898ec;
outline-style: none
}
.w-commerce-commercecheckoutbillingcountryselector {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 0;
padding: 8px 12px;
line-height: 20px;
display: block
}
.w-commerce-commercecheckoutbillingcountryselector::placeholder {
color: #999
}
.w-commerce-commercecheckoutbillingcountryselector:focus {
border-color: #3898ec;
outline-style: none
}
.w-commerce-commercecheckoutorderitemswrapper {
margin-bottom: 20px
}
.w-commerce-commercecheckoutsummaryblockheader {
background-color: #fff;
border: 1px solid #e6e6e6;
justify-content: space-between;
align-items: baseline;
padding: 4px 20px;
display: flex
}
.w-commerce-commercecheckoutorderitemslist {
margin-bottom: -20px
}
.w-commerce-commercecheckoutorderitem {
margin-bottom: 20px;
display: flex
}
.w-commerce-commercecartitemimage {
width: 60px;
height: 0%
}
.w-commerce-commercecheckoutorderitemdescriptionwrapper {
flex-grow: 1;
margin-left: 16px;
margin-right: 16px
}
.w-commerce-commercecheckoutorderitemquantitywrapper {
white-space: pre-wrap;
display: flex
}
.w-commerce-commercecheckoutorderitemoptionlist {
margin-bottom: 0;
padding-left: 0;
text-decoration: none;
list-style-type: none
}
.w-commerce-commercelayoutsidebar {
flex: 0 0 320px;
position: sticky;
top: 20px
}
.w-commerce-commercecheckoutordersummarywrapper {
margin-bottom: 20px
}
.w-commerce-commercecheckoutsummarylineitem,
.w-commerce-commercecheckoutordersummaryextraitemslistitem {
flex-direction: row;
justify-content: space-between;
margin-bottom: 8px;
display: flex
}
.w-commerce-commercecheckoutsummarytotal {
font-weight: 700
}
.w-commerce-commercecheckoutdiscounts {
background-color: #fff;
border: 1px solid #e6e6e6;
flex-wrap: wrap;
padding: 20px;
display: flex
}
.w-commerce-commercecheckoutdiscountslabel {
flex-basis: 100%;
margin-bottom: 8px
}
.w-commerce-commercecheckoutdiscountsinput {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
flex: 1;
width: auto;
min-width: 0;
height: 38px;
margin-bottom: 0;
padding: 8px 12px;
line-height: 20px;
display: block
}
.w-commerce-commercecheckoutdiscountsinput::placeholder {
color: #999
}
.w-commerce-commercecheckoutdiscountsinput:focus {
border-color: #3898ec;
outline-style: none
}
.w-commerce-commercecheckoutdiscountsbutton {
color: #fff;
cursor: pointer;
-webkit-appearance: none;
appearance: none;
background-color: #3898ec;
border-width: 0;
border-radius: 3px;
flex-grow: 0;
flex-shrink: 0;
align-items: center;
height: 38px;
margin-left: 8px;
padding: 9px 15px;
text-decoration: none;
display: flex
}
.w-commerce-commercecartapplepaybutton {
color: #fff;
cursor: pointer;
-webkit-appearance: none;
appearance: none;
background-color: #000;
border-width: 0;
border-radius: 2px;
align-items: center;
height: 38px;
min-height: 30px;
margin-bottom: 8px;
padding: 0;
text-decoration: none;
display: flex
}
.w-commerce-commercecartapplepayicon {
width: 100%;
height: 50%;
min-height: 20px
}
.w-commerce-commercecartquickcheckoutbutton {
color: #fff;
cursor: pointer;
-webkit-appearance: none;
appearance: none;
background-color: #000;
border-width: 0;
border-radius: 2px;
justify-content: center;
align-items: center;
height: 38px;
margin-bottom: 8px;
padding: 0 15px;
text-decoration: none;
display: flex
}
.w-commerce-commercequickcheckoutgoogleicon,
.w-commerce-commercequickcheckoutmicrosofticon {
margin-right: 8px;
display: block
}
.w-commerce-commercecheckoutplaceorderbutton {
color: #fff;
cursor: pointer;
-webkit-appearance: none;
appearance: none;
text-align: center;
background-color: #3898ec;
border-width: 0;
border-radius: 3px;
align-items: center;
margin-bottom: 20px;
padding: 9px 15px;
text-decoration: none;
display: block
}
.w-commerce-commercecheckouterrorstate {
background-color: #ffdede;
margin-top: 16px;
margin-bottom: 16px;
padding: 10px 16px
}
.w-commerce-commerceaddtocartform {
margin: 0 0 15px
}
.w-commerce-commerceaddtocartoptionpillgroup {
margin-bottom: 10px;
display: flex
}
.w-commerce-commerceaddtocartoptionpill {
color: #000;
cursor: pointer;
background-color: #fff;
border: 1px solid #000;
margin-right: 10px;
padding: 8px 15px
}
.w-commerce-commerceaddtocartoptionpill.w--ecommerce-pill-selected {
color: #fff;
background-color: #000
}
.w-commerce-commerceaddtocartoptionpill.w--ecommerce-pill-disabled {
color: #666;
cursor: not-allowed;
background-color: #e6e6e6;
border-color: #e6e6e6;
outline-style: none
}
.w-commerce-commerceaddtocartquantityinput {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 60px;
height: 38px;
margin-bottom: 10px;
padding: 8px 6px 8px 12px;
line-height: 20px;
display: block
}
.w-commerce-commerceaddtocartquantityinput::placeholder {
color: #999
}
.w-commerce-commerceaddtocartquantityinput:focus {
border-color: #3898ec;
outline-style: none
}
.w-commerce-commerceaddtocartbutton {
color: #fff;
cursor: pointer;
-webkit-appearance: none;
appearance: none;
background-color: #3898ec;
border-width: 0;
border-radius: 0;
align-items: center;
padding: 9px 15px;
text-decoration: none;
display: flex
}
.w-commerce-commerceaddtocartbutton.w--ecommerce-add-to-cart-disabled {
color: #666;
cursor: not-allowed;
background-color: #e6e6e6;
border-color: #e6e6e6;
outline-style: none
}
.w-commerce-commercebuynowbutton {
color: #fff;
cursor: pointer;
-webkit-appearance: none;
appearance: none;
background-color: #3898ec;
border-width: 0;
border-radius: 0;
align-items: center;
margin-top: 10px;
padding: 9px 15px;
text-decoration: none;
display: inline-block
}
.w-commerce-commercebuynowbutton.w--ecommerce-buy-now-disabled {
color: #666;
cursor: not-allowed;
background-color: #e6e6e6;
border-color: #e6e6e6;
outline-style: none
}
.w-commerce-commerceaddtocartoutofstock {
background-color: #ddd;
margin-top: 10px;
padding: 10px
}
.w-commerce-commerceaddtocarterror {
background-color: #ffdede;
margin-top: 10px;
padding: 10px
}
.w-form-formradioinput--inputType-custom {
border: 1px solid #ccc;
border-radius: 50%;
width: 12px;
height: 12px
}
.w-form-formradioinput--inputType-custom.w--redirected-focus {
box-shadow: 0 0 3px 1px #3898ec
}
.w-form-formradioinput--inputType-custom.w--redirected-checked {
border-width: 4px;
border-color: #3898ec
}
.w-layout-layout {
grid-row-gap: 20px;
grid-column-gap: 20px;
grid-auto-columns: 1fr;
justify-content: center;
padding: 20px
}
.w-layout-cell {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
display: flex
}
.w-commerce-commerceorderconfirmationcontainer {
background-color: #f5f5f5;
width: 100%;
min-height: 100vh;
padding: 20px
}
.w-commerce-commercecheckoutcustomerinfosummarywrapper {
margin-bottom: 20px
}
.w-commerce-commercecheckoutsummaryitem,
.w-commerce-commercecheckoutsummarylabel {
margin-bottom: 8px
}
.w-commerce-commercecheckoutsummaryflexboxdiv {
flex-direction: row;
justify-content: flex-start;
display: flex
}
.w-commerce-commercecheckoutsummarytextspacingondiv {
margin-right: .33em
}
.w-commerce-commercecheckoutshippingsummarywrapper,
.w-commerce-commercecheckoutpaymentsummarywrapper {
margin-bottom: 20px
}
.w-commerce-commercepaypalcheckoutformcontainer {
background-color: #f5f5f5;
width: 100%;
min-height: 100vh;
padding: 20px
}
.w-commerce-commercepaypalcheckouterrorstate {
background-color: #ffdede;
margin-top: 16px;
margin-bottom: 16px;
padding: 10px 16px
}
@media screen and (max-width:991px) {
.w-layout-blockcontainer {
max-width: 728px
}
}
@media screen and (max-width:767px) {
.w-layout-blockcontainer {
max-width: none
}
.w-commerce-commercelayoutcontainer {
flex-direction: column;
align-items: stretch
}
.w-commerce-commercelayoutmain {
flex-basis: auto;
margin-right: 0
}
.w-commerce-commercelayoutsidebar {
flex-basis: auto
}
}
@media screen and (max-width:479px) {
.w-commerce-commercecheckoutemailinput,
.w-commerce-commercecheckoutshippingfullname,
.w-commerce-commercecheckoutshippingstreetaddress,
.w-commerce-commercecheckoutshippingstreetaddressoptional {
font-size: 16px
}
.w-commerce-commercecheckoutrow {
flex-direction: column
}
.w-commerce-commercecheckoutshippingcity,
.w-commerce-commercecheckoutshippingstateprovince,
.w-commerce-commercecheckoutshippingzippostalcode,
.w-commerce-commercecheckoutshippingcountryselector,
.w-commerce-commercecheckoutcardnumber,
.w-commerce-commercecheckoutcardexpirationdate,
.w-commerce-commercecheckoutcardsecuritycode,
.w-commerce-commercecheckoutbillingfullname,
.w-commerce-commercecheckoutbillingstreetaddress,
.w-commerce-commercecheckoutbillingstreetaddressoptional,
.w-commerce-commercecheckoutbillingcity,
.w-commerce-commercecheckoutbillingstateprovince,
.w-commerce-commercecheckoutbillingzippostalcode,
.w-commerce-commercecheckoutbillingcountryselector,
.w-commerce-commercecheckoutdiscountsinput,
.w-commerce-commerceaddtocartquantityinput {
font-size: 16px
}
}
body {
background-color: var(--neutral);
color: var(--neutral-200);
font-family: Plus Jakarta Sans, sans-serif;
font-size: 16px;
line-height: 1.618em
}
h1 {
color: var(--neutral-100);
margin-top: 0;
margin-bottom: 18px;
font-size: 50px;
font-weight: 700;
line-height: 1.1em
}
h2 {
color: var(--neutral-100);
margin-top: 16px;
margin-bottom: 16px;
padding-top: 0;
font-size: 32px;
font-weight: 600;
line-height: 1.34em
}
h3 {
color: var(--neutral-100);
margin-top: 20px;
margin-bottom: 16px;
font-size: 22px;
font-weight: 600;
line-height: 1.5em
}
h4 {
color: var(--neutral-100);
margin-top: 0;
margin-bottom: 16px;
font-size: 20px;
font-weight: 500;
line-height: 1.3em
}
h5 {
color: var(--neutral-100);
margin-top: 0;
margin-bottom: 16px;
font-size: 18px;
font-weight: 500;
line-height: 1.4em
}
h6 {
color: var(--neutral-100);
margin-top: 0;
margin-bottom: 10px;
font-size: 16px;
font-weight: 500;
line-height: 1.375em
}
p {
color: var(--neutral-100);
margin-bottom: 24px;
font-size: 16px;
line-height: 1.8em
}
a {
color: var(--neutral-100);
text-decoration: underline;
transition: color .4s
}
a:hover {
color: #ffffffa3
}
ul,
ol {
margin-top: 0;
margin-bottom: 10px;
padding-left: 40px
}
img {
border-radius: 10px;
max-width: 100%;
display: inline-block
}
form {
margin-bottom: 24px
}
strong {
color: var(--neutral-100);
font-weight: 700
}
blockquote {
background-color: var(--neutral-700);
text-align: center;
border-left: 0 solid #000;
margin-bottom: 48px;
padding: 100px 92px;
font-size: 20px;
line-height: 1.7em;
box-shadow: 0 14px 24px #4a3aff0f, 0 2px 8px #0d0a2c0f
}
figure {
margin: 32px auto 48px
}
figcaption {
color: var(--neutral-300);
text-align: center;
margin-top: 16px
}
.mg-top-8px {
margin-top: 8px
}
.mg-bottom-8px {
margin-bottom: 8px
}
.mg-top-16px {
margin-top: 16px
}
.mg-right-16px {
width: 30px;
max-width: 100%;
margin-right: 16px
}
.mg-right-16px.is-button {
margin-right: 0
}
.mg-bottom-16px {
margin-bottom: 16px
}
.mg-left-16px {
margin-left: 16px
}
.mg-top-24px {
margin-top: 24px
}
.mg-right-24px {
margin-right: 24px
}
.icons {
height: 60px;
margin-bottom: 24px;
overflow: visible
}
.mg-top-32px {
margin-top: 32px
}
.mg-bottom-32px {
margin-bottom: 32px
}
.mg-top-40px {
margin-top: 40px
}
.mg-bottom-40px {
margin-bottom: 40px
}
.mg-top-48px {
margin-top: 48px
}
.mg-top-48px.mg-bottom-16px {
grid-column-gap: 32px;
grid-row-gap: 32px
}
.mg-right-48px {
margin-right: 48px
}
.mg-bottom-48px {
margin-bottom: 48px
}
.pd-top-40px {
padding-top: 40px
}
.text-center {
text-align: center
}
.text-center.mg-bottom-large-80px.flexh {
display: flex
}
.text-center.mg-bottom-large-80px.flexh.is-h2contact {
margin-bottom: 20px
}
.text-center.mg-bottom-large-80px.is-hidden {
display: none
}
.color-white {
color: var(--neutral-100);
font-family: Plus Jakarta Sans, sans-serif;
font-size: 15px
}
.bg-neutral-700 {
background-color: var(--neutral-700)
}
.bg-neutral-600 {
background-color: var(--neutral-600)
}
.bg-neutral-500 {
background-color: var(--neutral-500)
}
.bg-neutral-400 {
background-color: var(--neutral-400)
}
.bg-neutral-300 {
background-color: var(--neutral-300)
}
.bg-neutral-200 {
background-color: var(--neutral-200)
}
.bg-neutral-100 {
background-color: var(--neutral-100)
}
.style-guide-sidebar {
z-index: 2;
flex: 0 14em;
height: 100%;
min-height: 96vh;
margin-right: 16px;
position: sticky;
top: 32px
}
.container-default {
flex-direction: column;
flex: 1;
justify-content: center;
align-items: stretch;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
padding-left: 24px;
padding-right: 24px;
display: flex
}
.container-default.cart-inner-container {
flex-direction: column;
justify-content: space-between;
align-items: stretch;
width: 100%;
height: 100%;
padding-left: 0;
padding-right: 0;
display: flex;
position: relative
}
.container-default.mega-card-container {
flex-direction: column;
justify-content: center;
align-items: flex-start;
position: absolute;
inset: auto 0
}
.container-default.mg-bottom-large-72px {
font-weight: 400;
position: static
}
.container-default.display-none {
display: block
}
.container-default.is-top {
justify-content: flex-start
}
.container-default.is-hidden {
display: none
}
.container-default.padding-top-96 {
padding-top: 96px
}
.container-default.is-home {
grid-column-gap: 65px;
grid-row-gap: 65px
}
.container-default.is-relative {
position: relative
}
.container-small {
max-width: 598px;
margin-left: auto;
margin-right: auto;
padding-left: 24px;
padding-right: 24px
}
.style-guide-content {
border: 1px solid var(--neutral-600);
flex: 1;
max-width: 100%;
margin-left: 18px
}
.section-styleguide {
padding-top: 160px;
padding-bottom: 86px
}
.style-guide-title {
color: #fff;
margin-top: 0;
font-family: Plus Jakarta Sans, sans-serif
}
.style-guide-header {
padding: 100px 68px
}
.sidebar-navigation {
margin-bottom: 0;
padding-left: 0;
list-style-type: none
}
.style-guide-icon-link {
background-color: #070707cc;
justify-content: center;
align-items: center;
width: 64px;
height: 64px;
margin-right: 16px;
transition: background-color .25s;
display: flex
}
.style-guide-sidebar-icon {
width: 60%
}
.style-guide-link {
color: var(--neutral-400);
align-items: center;
padding: 0 20px 0 0;
text-decoration: none;
transition: background-color .4s, color .4s;
display: flex
}
.style-guide-link:hover {
background-color: var(--lines-color);
color: var(--neutral-100)
}
.style-guide-link.w--current {
background-color: var(--neutral-500);
color: var(--neutral-100);
font-weight: 500;
transition: color .3s, background-color .3s
}
.style-guide-link-wrapper {
margin-bottom: 8px
}
.style-guide-sidebar-title {
border-bottom: 1px solid var(--neutral-600);
color: var(--neutral-100);
margin-bottom: 24px;
padding-bottom: 24px;
padding-left: 20px;
padding-right: 20px;
font-size: 22px;
line-height: 24px
}
.style-guide-sidebar-title.middle {
border-top: 1px solid var(--neutral-600);
margin-top: 24px;
padding-top: 24px
}
.color-container {
background-color: var(--neutral-700);
box-shadow: 0 8px 16px #110a630a, 0 12px 22px #8076f70a
}
.color-block {
min-height: 120px
}
.color-block.bg-neutral {
background-color: #000
}
.color-block.bg-neutral-600 {
background-color: var(--neutral-600)
}
.color-block.bg-neutral-200 {
color: var(--neutral-300)
}
.color-block.bg-neutral-300 {
background-color: var(--neutral-300)
}
.color-block.bg-neutral-400 {
background-color: var(--neutral-400)
}
.color-block.bg-neutral-500 {
background-color: var(--neutral-500)
}
.color-block.bg-neutral-700 {
background-color: var(--neutral-700)
}
.color-block.yellow {
background-color: var(--yellow)
}
.color-content {
padding: 22px 16px 24px
}
.color-title {
color: var(--neutral-100);
font-size: 18px;
font-weight: 700;
line-height: 20px
}
.color-hex {
color: var(--neutral-300);
line-height: 20px
}
.style-guide-subtitle {
margin-top: 0
}
.style-guide-subtitle.rich-text {
margin-top: 88px
}
.color-content-wrapper {
padding-bottom: 56px
}
.color-content-wrapper.last {
padding-bottom: 0
}
.color-neutral-grid {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-columns: 1fr 1fr 1fr
}
.typography-container {
border-bottom: 1px solid var(--lines-color);
padding-top: 54px;
padding-bottom: 54px;
font-family: Plus Jakarta Sans, sans-serif;
font-size: 15px
}
.typography-container.last {
border-bottom-width: 0;
padding-bottom: 0
}
.typography-section-wrapper {
font-family: Plus Jakarta Sans, sans-serif;
font-size: 15px
}
.container-small-left {
max-width: 592px;
padding-right: 24px
}
.typography-details {
color: var(--neutral-400);
margin-top: 15px;
font-weight: 500
}
.paragraph-large {
font-family: Plus Jakarta Sans, sans-serif;
font-size: 20px;
line-height: 1.7em
}
.paragraph-large.is-flexefx {
opacity: 0;
color: var(--yellow);
text-align: center;
border-radius: 12px;
width: 20ch;
margin-top: auto;
font-weight: 300;
line-height: 150%;
display: block
}
.style-guide-subheader {
background-color: var(--neutral-700);
padding: 36px 68px 28px
}
.style-guide-content-wrapper {
padding: 100px 68px
}
.icons-grid {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: repeat(auto-fit, 80px);
grid-template-areas: ". . . . . . ." ". . . . . .Area";
place-items: center
}
.buttons-grid {
grid-column-gap: 24px;
grid-row-gap: 56px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr
}
.button-wrap.flexh {
align-items: flex-start;
display: flex
}
.button-wrap.flexh.padding-16 {
padding-left: 16px
}
.button-wrap.flexh.padding-16.margin-top-32 {
margin-top: 32px
}
.button-wrap.flexh.padding-16.margin-top-32.is-hidden {
display: none
}
.button-wrap.flexh.padding-16.margin-top-64 {
margin-top: 64px
}
.button-wrap.flexh.padding-16.margin-top-48 {
margin-top: 48px
}
.button-wrap.flexh.padding-16.margin-top-48.is-mobile {
flex-direction: column;
align-items: center;
margin-top: 0
}
.button-primary {
background-color: var(--neutral-100);
color: var(--neutral);
text-align: center;
border: 1px solid #0000;
border-radius: 80px;
height: auto;
padding: 20px 40px;
font-family: Plus Jakarta Sans, sans-serif;
font-size: 15px;
font-weight: 500;
line-height: 20px;
transition: border-color .4s, color .4s, background-color .4s;
display: inline-block
}
.button-primary:hover {
border-color: var(--neutral-100);
color: var(--neutral-100);
background-color: #0000
}
.button-primary.small {
padding: 14px 32px;
font-family: Plus Jakarta Sans, sans-serif;
font-size: 15px;
line-height: 18px
}
.button-primary.small.is-yellow {
background-color: var(--yellow)
}
.button-primary.large {
padding: 20px 68px;
font-size: 20px;
line-height: 24px
}
.button-primary.full-width {
align-self: stretch;
display: block
}
.button-primary.checkout {
margin-top: 15px;
margin-bottom: 0;
display: block
}
.button-primary._2-buttons {
margin-right: 24px
}
.button-primary.next {
font-size: 16px
}
.button-primary.submit-button {
padding: 14px 26px;
display: block
}
.button-primary.submit-button.absolute {
position: absolute;
inset: 0 0 auto auto
}
.button-secondary {
border: 1px solid var(--neutral-100);
color: var(--neutral-100);
text-align: center;
background-color: #0000;
border-radius: 80px;
height: auto;
padding: 20px 40px;
font-family: Plus Jakarta Sans, sans-serif;
font-size: 15px;
line-height: 20px;
text-decoration: none;
transition: border-color .4s, background-color .4s;
display: inline-block
}
.button-secondary:hover {
background-color: var(--neutral-100);
color: var(--neutral);
border-color: #ffffff7a
}
.button-secondary.small {
background-color: #36363600;
border-color: #fff;
padding: 14px 32px;
font-family: Plus Jakarta Sans, sans-serif;
font-size: 14px;
line-height: 14px
}
.button-secondary.small:hover {
color: var(--neutral);
background-color: #fff;
border-style: solid
}
.button-secondary.small.fix {
font-size: 15px
}
.button-secondary.small.fix:active {
flex: 1
}
.button-secondary.small.display-none.specific {
display: none
}
.button-secondary.large {
padding: 20px 68px;
font-size: 20px;
line-height: 24px
}
.button-secondary.category {
background-color: #0000;
margin-left: 8px;
margin-right: 8px;
padding: 12px 18px 14px
}
.button-secondary.category:hover {
background-color: var(--neutral-700);
color: #fff
}
.button-secondary.category.w--current {
background-color: var(--neutral-700);
color: var(--neutral-100)
}
.button-secondary.category.all {
background-color: var(--neutral-700);
border: 1px solid #0000;
margin-left: -15px;
margin-right: 16px;
transition: border-color .4s, background-color .4s
}
.button-secondary.category.all:hover {
border-color: var(--neutral-100);
background-color: #0000
}
.button-secondary.category.all.w--current {
border-color: var(--neutral-100);
margin-right: 8px
}
.button-secondary.previous {
font-size: 16px
}
.button-secondary.full-width {
display: block
}
.button-secondary.mg-top-32px {
margin-top: 0
}
.button-secondary.display-none {
display: block
}
.style-guide-button-container {
position: absolute;
inset: auto 0% 24px
}
.header {
z-index: 200;
-webkit-backdrop-filter: blur(7px);
backdrop-filter: blur(7px);
background-color: #0006;
padding-top: 0;
padding-bottom: 0;
position: fixed;
inset: 0% 0% auto
}
.header-logo {
border-radius: 0;
min-width: 150px;
max-width: 90%;
display: block
}
.header-navigation {
justify-content: flex-end;
align-items: center;
margin-bottom: 0;
padding-left: 0;
list-style-type: none;
display: flex
}
.nav-item-wrapper {
margin-right: 16px;
padding-left: 20px;
padding-right: 20px;
font-size: 15px
}
.nav-item-wrapper.show-in-mobile {
display: none
}
.nav-link {
color: #fff;
font-family: Plus Jakarta Sans, sans-serif;
font-size: 15px;
text-decoration: none;
transition: color .4s
}
.nav-link:hover,
.nav-link.w--current {
color: var(--yellow)
}
.nav-link.dropdown {
padding: 0;
display: flex;
position: static
}
.nav-menu {
flex: none;
font-family: Plus Jakarta Sans, sans-serif;
font-size: 15px
}
.display-1 {
margin-bottom: 40px;
font-family: Plus Jakarta Sans, sans-serif;
font-size: 62px;
line-height: 1.4em
}
.footer {
border-top: 1px solid var(--lines-color);
background-color: #000;
padding-top: 50px
}
.footer-grid {
grid-column-gap: 32px;
grid-template-rows: auto;
grid-template-columns: .4fr 1.75fr;
justify-content: space-between;
align-items: start;
padding-bottom: 0
}
.footer-logo-container {
margin-bottom: 24px;
transition-property: opacity;
display: block
}
.footer-logo-container:hover {
opacity: .64
}
.footer-logo-container.center-content.is-flex {
flex-direction: column
}
.footer-nav-list {
margin-bottom: 0;
margin-right: 40px;
padding-left: 0;
line-height: 1.4em;
list-style-type: none
}
.footer-nav-list.last {
margin-right: 0
}
.footer-logo {
border-radius: 0
}
.footer-nav-item {
margin-bottom: 16px
}
.footer-nav-item.last {
margin-bottom: 0
}
.page-wrapper.is-white {
background-color: var(--neutral-100);
color: var(--neutral)
}
.section {
padding-top: 0;
padding-bottom: 150px
}
.section.utility-page {
border-bottom: 1px solid var(--lines-color);
padding-top: 200px;
padding-bottom: 100px
}
.section.utility-page.changelog {
background-image: linear-gradient(#00000080, #00000080), url(../images/6259471f6732ed44f135da03_contact-v3-photographer-x-template.webp);
background-position: 0 0, 50% 0;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
border-bottom-style: none
}
.section.home-hero {
position: relative
}
.section.home-hero.v1 {
border-bottom: 1px none var(--lines-color);
flex-direction: row;
justify-content: center;
align-items: center;
min-height: 80vh;
padding-top: 330px;
padding-bottom: 180px;
display: flex
}
.section.home-hero.v2 {
background-image: url(../images/6259471f6732ed261e35d9dd_home-hero-02-photographer-x-template.webp);
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
padding-top: 160px;
padding-bottom: 85px
}
.section.home-hero.v3 {
padding-top: 200px;
padding-bottom: 148px
}
.section.home-hero.v3.is-test {
height: auto;
padding-top: 230px;
overflow: visible
}
.section.bg-neutral-700 {
background-color: #0000
}
.section.bg-neutral-700.faq {
display: block
}
.section.cta-v1 {
align-items: center;
height: 100%;
min-height: 80vh;
max-height: 100vh;
display: flex;
position: relative
}
.section.mask {
padding-bottom: 90px
}
.section.mask.is-home {
padding-bottom: 180px
}
.section.mask.is-hidden {
display: none
}
.section.cta-v2 {
border-top: 1px solid var(--lines-color);
border-bottom: 1px solid var(--lines-color);
margin-bottom: 0;
padding-top: 125px;
padding-bottom: 125px
}
.section.cta-v2.bg-grey {
background-color: var(--neutral-700);
border-top-style: none;
border-bottom-style: none
}
.section.about {
padding-top: 215px;
position: relative
}
.section.pd-bottom-0px {
padding-bottom: 0
}
.section.blog-v1 {
padding-top: 180px;
padding-bottom: 0
}
.section.blog-v2 {
padding-top: 180px;
padding-bottom: 0;
overflow: hidden
}
.section.blog-v3 {
padding-top: 180px;
padding-bottom: 160px
}
.section.contact-v1 {
padding-top: 130px
}
.section.contact-v2 {
padding-top: 200px;
overflow: hidden
}
.section.contact-v3 {
padding-top: 120px;
padding-bottom: 0;
position: relative;
overflow: hidden
}
.section.bg-image {
background-image: url(../images/background-image.svg);
background-position: 50% 0;
background-repeat: no-repeat;
background-size: cover;
background-attachment: scroll;
min-height: 85vh;
padding-bottom: 160px;
position: relative
}
.section.bg-image.album-page {
flex-direction: column;
justify-content: flex-end;
padding-top: 320px;
display: flex
}
.section.bg-image.blog-post {
object-position: 50% 50%;
flex-direction: column;
justify-content: flex-end;
min-height: 100vh;
padding-top: 0;
padding-bottom: 0;
display: flex;
overflow: visible
}
.section.pd-top-0px {
padding-top: 0;
padding-bottom: 0
}
.section.pd-bottom-180px {
padding-bottom: 180px
}
.section.home-sections {
border-bottom: 1px solid var(--lines-color);
min-height: 80vh;
position: relative;
overflow: hidden
}
.section.short {
padding-top: 160px;
padding-bottom: 160px
}
.section.pd-top-40px {
padding-top: 40px
}
.section.legal {
padding-top: 100px;
padding-bottom: 0
}
.section.relative.is-hidden {
display: none
}
.section.landing_team-section {
margin-top: 100px;
padding-bottom: 55px;
position: relative
}
.section.landing {
padding-bottom: 300px
}
.section.no-mg {
padding-bottom: 0
}
.licenses-image {
object-fit: cover;
width: 100%;
height: 100%;
display: block
}
.utility-page-wrap {
justify-content: center;
align-items: center;
min-height: 800px;
padding: 160px 24px 80px;
display: flex
}
.utility-page-content-password {
background-color: var(--neutral-700);
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 580px;
padding: 74px 74px 100px;
display: flex
}
.utility-page-form {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
display: flex
}
.input {
border-style: none none solid;
border-width: 1px;
border-color: black black var(--neutral-500);
color: #fff;
background-color: #0000;
height: 58px;
margin-bottom: 0;
padding: 0;
font-size: 16px;
transition: border-color .4s, color .4s
}
.input:hover {
border-bottom-color: var(--yellow);
color: #fff
}
.input:focus,
.input.-wfp-focus {
border-bottom-color: var(--yellow);
color: var(--neutral-100)
}
.input::placeholder {
color: var(--neutral-400);
font-size: 16px
}
.input.password {
color: var(--neutral-100);
margin-bottom: 40px;
font-size: 16px
}
.input.checkout {
height: 46px;
margin-bottom: 16px
}
.input.discounts {
border-width: 1px;
flex: 0 auto;
margin-bottom: 24px
}
.input.mg-bottom-24px {
margin-bottom: 24px
}
.input.search-bar {
background-color: var(--neutral-700);
border: 1px #000;
border-radius: 80px;
width: 400px;
height: auto;
padding: 12px 32px 12px 64px;
transition: background-color .3s, border-color .4s, color .4s
}
.input.search-bar:hover {
background-color: var(--neutral-600)
}
.input.v4 {
background-color: #0000;
height: 56px;
padding-bottom: 28px
}
.input.v4:focus {
border-bottom-color: var(--neutral-100)
}
.input.v4.mg-bottom-24px {
font-family: Plus Jakarta Sans, sans-serif;
font-size: 15px
}
.input.v4.mg-bottom-24px.is-description {
border-style: solid;
border-color: var(--neutral-500);
background-color: var(--neutral-700);
border-radius: 10px;
height: 92px;
margin-bottom: 16px;
padding-left: 16px
}
.input.v4.mg-bottom-24px.is-ctainput {
height: 28px;
margin-bottom: 0;
padding-bottom: 16px
}
.input.v4.large {
height: 72px;
padding-bottom: 0
}
.input.text-area {
min-height: 127px
}
.input.cart-quantity {
color: var(--neutral-100);
background-color: #1c1c1c;
border-style: none;
border-color: #000;
border-radius: 0;
height: 48px;
padding-top: 17px;
padding-bottom: 17px;
padding-left: 16px;
transition: opacity .4s;
display: none
}
.input.cart-quantity:hover {
background-color: #232323cc
}
.input.select {
height: 66px;
padding-top: 23px;
padding-bottom: 23px;
transition-property: border-color, color
}
.input.select:hover {
opacity: 1;
color: var(--neutral-500)
}
.utility-page-content-404 {
max-width: 580px
}
._404-title {
color: var(--yellow);
letter-spacing: -.02em;
font-family: Plus Jakarta Sans, sans-serif;
font-size: 180px;
font-weight: 500;
line-height: 1
}
.container-medium-780px {
max-width: 780px;
margin-left: auto;
margin-right: auto;
padding-left: 24px;
padding-right: 24px
}
.container-medium-780px.changelog {
margin-top: -140px
}
.container-medium-780px.utility-page {
text-align: center
}
.divider {
background-color: var(--lines-color);
width: 100%;
height: 1px
}
.divider.spacer {
margin-top: 80px;
margin-bottom: 80px
}
.divider.spacer.large {
margin-top: 160px;
margin-bottom: 160px
}
.divider.spacer.small {
margin-top: 40px;
margin-bottom: 40px
}
.divider.display-none {
display: block
}
.paragraph {
color: var(--neutral-100);
text-align: left;
font-size: 15px;
line-height: 2em
}
.paragraph.password,
.paragraph._404 {
margin-bottom: 40px
}
.paragraph.utility-page {
color: var(--neutral-100);
margin-bottom: 0
}
.paragraph.home-hero-v3 {
max-width: 400px
}
.paragraph.limit-content-500px.align-center.text-center.feature-paragraph.color-white {
color: var(--neutral-100)
}
.paragraph.limit-content-500px.align-center.text-center.feature-paragraph.color-white.is-mobile.is-mod {
text-align: left
}
.paragraph.text-center {
text-align: center
}
.paragraph.text-center.mg-top-32px {
font-family: Plus Jakarta Sans, sans-serif
}
.paragraph.text-center.mg-top-32px.mg-bottom-large-72px.is-18px {
font-size: 18px
}
.paragraph.text-center.mg-top-32px.no-caps {
text-transform: capitalize;
font-size: 18px;
font-weight: 400
}
.paragraph.color-neutral-300.backlink {
padding-left: 10px;
text-decoration: none
}
.paragraph.color-neutral-300.backlink:hover {
color: var(--yellow)
}
.paragraph.uppercase {
text-transform: uppercase;
display: flex
}
.paragraph.color-neutral-400.back-link,
.paragraph.back-link {
padding-left: 10px
}
.paragraph.left-mobile {
text-align: left
}
.paragraph.left-mobile.is-center {
text-align: center
}
.paragraph.left-mobile.is-18 {
text-align: left;
font-size: 18px;
line-height: 170%
}
.paragraph.display-none {
display: block
}
.paragraph.mg-top-32px {
margin-bottom: 33px;
padding-top: 0
}
.paragraph.heading-4 {
width: 50%
}
.paragraph.heading-4.mg-bottom-0 {
align-self: center;
margin-bottom: 0
}
.paragraph.heading-4.mg-bottom-0.is-mobile {
align-self: flex-start
}
.paragraph.no-pd {
margin-bottom: 0
}
.paragraph.no-pd.feature-paragraph.color-white {
color: var(--neutral-100)
}
.paragraph.is-18 {
font-size: 18px;
line-height: 170%
}
.paragraph-small {
color: var(--neutral-100);
font-family: Plus Jakarta Sans, sans-serif;
font-size: 15px;
line-height: 2em
}
.paragraph-small.mg-bottom-0px {
color: var(--neutral-100)
}
.paragraph-small.max-45ch {
max-width: 45ch
}
.paragraph-small.text-align-center.line-height-custom {
align-self: center;
line-height: 173%
}
.paragraph-small.line-height150 {
line-height: 150%
}
.card {
color: var(--neutral-300);
text-decoration: none;
overflow: hidden
}
.card.changelog {
background-color: var(--neutral-700);
text-align: center;
margin-bottom: 32px;
padding: 60px 50px
}
.card.changelog.licenses {
margin-bottom: 0
}
.card.checkout {
background-color: var(--neutral-700);
color: var(--neutral-300);
margin-bottom: 40px
}
.card.checkout.last {
margin-bottom: 0
}
.card.checkout.order-summary {
border-bottom-width: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
margin-bottom: 0
}
.card.album-card {
color: var(--neutral-300);
border: 1px #000;
border-radius: 0;
width: 100%;
height: 100%;
display: block;
position: relative;
overflow: hidden
}
.card.album-card:hover {
border-radius: 20px
}
.card.album-card.mega-card {
flex-direction: row;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: stretch;
min-height: 550px;
display: flex
}
.card.album-card.color-neutral-100 {
color: var(--neutral-100)
}
.card.services-card {
border-style: none;
border-width: 0 0 1.5px;
border-color: #000 #000 var(--lines-color);
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
padding: 0 20px;
display: flex
}
.card.services-card.v2 {
background-color: var(--neutral-700);
border: 1px #000;
justify-content: center;
padding: 64px 40px 72px;
position: relative
}
.card.services-card.v2._02 {
margin-top: 20%
}
.card.services-card.v2._03 {
margin-top: 40%
}
.card.services-card.v2._04 {
margin-top: -40%
}
.card.services-card.v2._05 {
margin-top: -20%
}
.card.services-card.v3 {
border: 0 #000;
padding-top: 0;
padding-bottom: 0
}
.card.services-card.is-flexreveal {
z-index: 1;
opacity: 1;
color: var(--yellow);
background-color: #0000;
align-items: center;
width: 100%;
max-width: none;
height: 100%;
padding-left: 0;
padding-right: 0;
transition: opacity .6s cubic-bezier(.785, .135, .15, .86);
position: absolute;
inset: 40% 0% 0%
}
.card.services-card.card1-home {
background-color: var(--card-frozen1);
-webkit-backdrop-filter: blur();
backdrop-filter: blur();
border-radius: 10px;
padding-bottom: 20px;
position: relative
}
.card.services-card.card1-home:hover {
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px)
}
.card.testimonial-card-v1---content-wrap {
border-style: none;
justify-content: space-between;
align-items: flex-end;
width: 100%;
height: 100%;
padding-top: 64px;
display: flex;
position: relative;
overflow: visible
}
.card.testimonial-card {
flex-direction: column;
justify-content: space-between
}
.card.testimonial-card.v2 {
background-color: var(--neutral-700);
max-width: none;
min-height: auto;
padding: 54px
}
.card.testimonial-card.v1 {
background-color: var(--neutral);
color: var(--neutral-100);
border: 0 #000;
flex-direction: column;
justify-content: space-between;
align-self: flex-end;
max-width: 75%;
min-height: 588px;
padding: 120px 25% 120px 80px;
display: flex;
position: relative
}
.card.testimonial-card.v3 {
clear: none;
width: 100%;
height: 100%;
position: static
}
.card.blog-post-card {
color: var(--neutral-300);
width: 100%;
text-decoration: none;
display: block;
position: relative;
overflow: visible
}
.card.blog-post-card.v3 {
flex-direction: column;
justify-content: flex-start;
height: 100%;
display: flex
}
.card.blog-post-card-v2 {
color: var(--neutral-300);
width: 100%;
height: 100%;
text-decoration: none;
display: block;
overflow: visible
}
.card.cta-v4 {
z-index: 1;
background-color: var(--neutral-700);
flex: 1;
margin-right: -11%;
padding-top: 100px;
padding-bottom: 120px;
padding-right: 64px;
position: relative;
overflow: visible
}
.card.featured-blog-post-card {
color: var(--neutral-300);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
text-decoration: none;
display: block
}
.card.featured-blog-post-card.v1 {
display: grid;
overflow: hidden
}
.card.featured-blog-post-card.v2 {
cursor: auto;
justify-content: space-between;
align-items: stretch;
display: flex
}
.card.contact-link-card {
background-color: var(--neutral-700)
}
.card.contact-link-card.v1 {
color: var(--neutral-300);
justify-content: flex-start;
align-self: stretch;
align-items: flex-start;
padding: 32px 40px 32px 35px;
text-decoration: none;
transition: background-color .4s, color .4s;
display: flex
}
.card.contact-link-card.v1:hover {
background-color: #232323a3
}
.card.contact-link-card.v2 {
color: var(--neutral-300);
text-align: center;
flex-direction: column;
justify-content: center;
align-items: center;
height: 330px;
padding: 56px 48px;
transition-property: background-color;
display: flex
}
.card.contact-link-card.v2:hover {
background-color: #232323a3
}
.card.contact-link-card.v3 {
color: var(--neutral-300);
justify-content: flex-start;
align-self: stretch;
align-items: center;
padding: 48px 25px 48px 35px;
text-decoration: none;
transition: background-color .4s, color .4s;
display: flex
}
.card.contact-link-card.v3:hover {
background-color: #232323a3
}
.card.social-media-card {
background-color: var(--neutral-700);
color: var(--neutral-300);
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
padding: 64px 40px 72px;
text-decoration: none;
transition: background-color .4s;
display: flex
}
.card.social-media-card:hover {
background-color: #232323a3
}
.card.social-media-card.v2 {
color: var(--neutral-100);
justify-content: center;
align-items: center;
padding-right: 56px
}
.card.search-result-card {
flex-direction: column;
justify-content: flex-start;
width: 100%;
height: 100%;
padding: 64px 32px 72px;
display: flex;
position: relative
}
.card.cart-item-card {
flex-direction: row;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
place-items: center start;
display: flex
}
.card.product-information-card {
background-color: var(--neutral-700);
border-radius: 20px;
height: auto;
max-height: 460px;
margin-top: 0;
margin-bottom: 0;
padding: 60px;
position: sticky;
top: 169px
}
.card.product-information-card.salon {
max-height: 660px
}
.card.product-information-card.height {
border-radius: 10px;
max-height: 410px;
padding-top: 40px;
padding-bottom: 0
}
.card.product-information-card.height.fixed {
max-height: none
}
.card.product-information-card.mobile {
justify-content: center;
align-items: center;
max-height: none;
padding-top: 60px;
display: flex
}
.card.author-blog-card {
background-color: var(--neutral-600);
justify-content: center;
align-items: center;
min-height: 480px;
padding: 40px;
display: flex
}
.card.home-pages-info {
background-color: var(--neutral-700);
text-align: center;
flex-direction: column;
justify-content: center;
align-items: center;
min-height: 268px;
padding: 56px 40px 40px;
display: flex
}
.card.pages-wrapper {
background-color: var(--neutral-700);
text-align: center;
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
padding: 40px 40px 56px;
transition-property: background-color;
display: flex
}
.card.pages-wrapper:hover {
background-color: #232323a3
}
.card.work-experience-card {
background-color: var(--neutral-700);
flex-direction: column;
padding: 40px 64px;
transition-property: background-color;
display: flex
}
.card.work-experience-card:hover {
color: var(--neutral-300);
background-color: #232323a3
}
.card.is-cta_card {
background-color: var(--neutral-700);
border-radius: 10px;
padding: 30px 60px;
position: static;
top: 0%
}
.card.is-cta_card.is-contactuspage {
width: 50%;
min-height: 360px;
margin-top: 62px
}
.card.relative {
width: 500px;
max-width: 500px;
height: 250px
}
.checkout-form {
background-color: #0000;
padding: 80px 0 150px
}
.checkout-block-header {
background-color: #0000;
border-width: 0;
padding: 30px 40px 20px
}
.checkout-block-content {
background-color: #0000;
border-bottom-width: 0;
border-left-width: 0;
border-right-width: 0;
padding: 10px 40px 40px
}
.title.checkout {
margin-bottom: 0
}
.title.order-item {
color: var(--neutral-100);
font-weight: 700;
text-decoration: none
}
.title.utility-page {
color: var(--neutral-100)
}
.split-content.checkout-left,
.split-content.checkout-right {
flex-grow: 1
}
.split-content.header-right {
flex: 1;
justify-content: flex-start;
align-items: center;
display: flex
}
.split-content.header-left {
grid-column-gap: 15px;
grid-row-gap: 15px;
flex: none;
justify-content: space-between;
align-items: center;
display: flex
}
.split-content.header-middle {
flex: none;
justify-content: center;
align-items: center;
display: flex
}
.split-content.about-home-v1-content {
flex-direction: column;
align-items: center;
margin-top: 56px;
display: flex
}
.split-content.experience-card-left-content {
width: 235px;
margin-right: 16px
}
.checkout-field-label {
color: var(--neutral-100);
margin-top: 15px;
margin-bottom: 10px
}
.checkout-required-text {
color: var(--neutral-100);
font-size: 20px
}
.checkout-billing-address-toggle {
align-items: center;
margin-top: 10px
}
.checkout-checkbox-label {
margin-bottom: 0
}
.checkout-checkbox {
margin-top: 0
}
.order-item-list {
margin-bottom: -40px
}
.order-item {
justify-content: space-between;
margin-bottom: 40px
}
.image-wrapper {
display: block
}
.image-wrapper.order-item-image {
max-width: 80px;
margin-right: 20px
}
.image-wrapper.gear-about {
justify-content: space-between;
align-items: flex-start;
width: 100%;
display: flex;
position: relative
}
.image-wrapper.testimonial-avatar-v1 {
flex: 1;
align-self: flex-start;
max-width: 40%;
margin-top: -64px;
margin-left: -40%;
position: relative;
box-shadow: 0 4px 54px #0000008c
}
.image-wrapper.mega-card---right {
z-index: 2;
cursor: pointer;
flex: 1;
align-items: center;
width: 100%;
max-width: 50%;
margin-left: auto;
margin-right: 0;
display: flex;
position: relative;
overflow: hidden
}
.image-wrapper.mega-card---left {
z-index: 2;
cursor: pointer;
flex: 1;
width: 100%;
max-width: 50%;
margin-left: 0;
margin-right: auto;
position: relative;
overflow: hidden
}
.image-wrapper.blog-post-card {
position: relative;
overflow: hidden
}
.image-wrapper.about-home-v3 {
justify-content: center;
align-items: flex-end;
display: flex
}
.image-wrapper.featured-blog-post {
overflow: hidden
}
.image-wrapper.featured-blog-post.v2 {
cursor: pointer;
flex: 1
}
.image-wrapper.cart-item-image {
flex: 0 auto;
justify-items: start;
width: 100%;
max-width: 240px;
padding: 0;
transition-property: opacity;
overflow: hidden
}
.image-wrapper.cart-item-image:hover {
opacity: .64
}
.image-wrapper.image-home-link-wrapper {
position: relative
}
.image.order-item-image {
width: auto;
height: auto
}
.image.home-hero-image-v1 {
opacity: 1;
outline-offset: 0px;
mix-blend-mode: normal;
object-fit: cover;
background-color: #0000;
outline: 3px #cecece;
width: 600px;
height: auto;
margin-top: 168px;
padding-top: 0;
display: block;
position: absolute
}
.image.about-home-v1._01 {
margin-bottom: 32px
}
.image.gear-about {
width: 100%;
max-width: 70%;
height: 100%;
display: block;
box-shadow: 0 4px 34px #00000059
}
.image.gear-about._01 {
z-index: 2;
align-self: flex-end;
margin-right: -100%;
position: relative;
box-shadow: 12px 7px 124px #000000e6
}
.image.gear-about._02 {
align-self: flex-start;
margin-bottom: 24%;
position: relative
}
.image.blog-post-card {
object-fit: cover;
width: 100%;
height: 100%
}
.image.blog-post-card.featured {
object-position: 85% 50%;
min-height: 520px;
display: block
}
.image.about-home-v2 {
z-index: -1;
filter: grayscale();
border-top: 1px solid #000;
max-width: 100%;
padding-top: 0;
display: block;
position: relative;
top: -1px;
overflow: visible
}
.image.about-home-v2._02 {
width: 100%;
max-width: 80%;
margin-top: -146px;
box-shadow: 0 14px 74px #0000008c
}
.image.about-home-v3 {
object-fit: cover;
display: block
}
.image.about-home {
z-index: 1;
flex: 1;
max-width: 50%;
display: block;
position: relative;
transform: rotate(3deg)
}
.image.about-home._02 {
z-index: 2;
margin-bottom: 48px;
margin-right: -10%;
transform: rotate(-5deg);
box-shadow: 0 24px 75px #000000bf
}
.image.cta-v4 {
object-fit: cover;
flex: 1;
align-self: stretch;
max-width: 70%
}
.image.contact-v2 {
z-index: -1;
object-fit: cover;
max-width: 145%;
margin-bottom: -120px;
display: block;
position: relative;
inset: 0%
}
.image.large-contact-link-icon {
width: 56px;
display: block
}
.image.basic-hover {
transition: opacity .4s;
display: block
}
.image.basic-hover:hover {
opacity: .64
}
.image.about-scroll-down {
transition: transform .4s;
display: block
}
.image.products {
background-color: var(--neutral);
object-fit: cover;
object-position: 50% 50%;
width: 100%;
height: 100%
}
.order-item-wrapper {
flex-wrap: wrap;
margin-right: 16px;
display: flex
}
.order-item-content {
margin-left: 0;
margin-right: 0
}
.order-item-price {
color: var(--neutral-100);
font-weight: 500
}
.order-item-quantity-result {
color: var(--neutral-100)
}
.apple-pay {
border-radius: 80px;
height: 56px
}
.checkout-line-item {
flex-wrap: wrap
}
.order-summary-subtotal {
color: var(--neutral-100);
font-weight: 500
}
.order-summary-total {
color: var(--neutral-100);
font-size: 20px
}
.discounts {
background-color: #0000;
border-width: 0;
flex-direction: column;
padding-bottom: 0;
padding-left: 0;
padding-right: 0
}
.paypal {
margin-bottom: 16px;
overflow: hidden
}
.checkout-hero-wrapper {
color: var(--neutral-100);
max-width: 550px
}
.header-wrapper {
padding-left: 10px;
padding-right: 10px;
border-radius: 10px;
background-color: rgb(1, 95, 79);
flex-wrap: nowrap;
justify-content: space-between;
align-items: center;
padding-top: 15px;
padding-bottom: 15px;
display: flex
}
.cart-button {
background-color: #0000;
border-radius: 80px;
padding: 0;
font-size: 16px;
line-height: 18px;
transition-property: opacity
}
.cart-button:hover {
opacity: .64
}
.cart-quantity {
color: var(--neutral-100);
background-color: #0000;
min-width: auto;
height: auto;
margin-left: 0;
padding-left: 0;
padding-right: 0;
font-size: 16px;
font-weight: 400
}
.cart-container {
background-color: var(--neutral);
min-width: auto;
max-width: 100vw
}
.grid-licenses-images {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
margin-top: 24px
}
.licenses-link-image-container {
transition-property: opacity
}
.licenses-link-image-container:hover {
opacity: .64
}
.bg-neutral-800 {
background-color: var(--neutral)
}
.cart-close-button {
justify-content: center;
align-items: center;
text-decoration: none;
transition: opacity .4s;
display: flex
}
.cart-close-button:hover {
opacity: .64
}
.rich-text {
max-width: 75ch
}
.rich-text ul {
margin-bottom: 36px
}
.rich-text li {
margin-bottom: 8px;
font-family: Plus Jakarta Sans, sans-serif;
font-size: 15px
}
.rich-text ol {
margin-bottom: 36px
}
.rich-text h2,
.rich-text p,
.rich-text strong {
color: var(--neutral-100)
}
.dropdown-container {
background-color: #0000;
left: -198px;
overflow: hidden
}
.dropdown-arrow {
margin-left: 4px;
font-family: Iconsphotographerxtemplate, sans-serif;
position: relative;
top: 1px
}
.cart-wrapper {
z-index: 999999;
max-width: 100vw;
overflow: hidden
}
.cart-header {
border-bottom-color: var(--lines-color);
width: 100%;
padding: 32px 0
}
.cart-form-wrapper {
width: 100%
}
.cart-close-icon {
font-family: Iconsphotographerxtemplate, sans-serif
}
.cart-empty-state {
flex: 0 auto;
width: 100%;
margin: auto;
padding: 0 24px
}
.brand {
transition-property: opacity
}
.brand:hover {
opacity: .64
}
._2-column-grid {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid
}
._2-column-grid._1fr-auto.align-end {
align-items: center;
margin-bottom: 64px
}
._2-column-grid._1fr-auto.services-home-v2 {
grid-template-columns: .6fr 1fr
}
._2-column-grid._1fr-auto.services-home-3 {
grid-template-columns: .6fr 1fr;
align-items: end;
display: block
}
._2-column-grid._1fr-auto.mg-bottom-medium-64px {
margin-bottom: -10px
}
._2-column-grid.album-grid {
grid-auto-flow: row
}
._2-column-grid.gear-about {
grid-column-gap: 48px;
grid-template-columns: .8fr 1fr;
align-items: center
}
._2-column-grid.cta-v1 {
grid-column-gap: 0px;
grid-template-columns: 1fr 1fr
}
._2-column-grid.instagram-footer {
grid-column-gap: 0px;
grid-row-gap: 0px
}
._2-column-grid.mega-card-content {
grid-column-gap: 48px
}
._2-column-grid.home-about-v2 {
grid-template-columns: .65fr 1fr
}
._2-column-grid.gap-64px {
grid-column-gap: 64px;
grid-row-gap: 64px
}
._2-column-grid.services-v3-grid {
grid-row-gap: 56px
}
._2-column-grid.services-v3 {
grid-column-gap: 64px;
grid-row-gap: 64px
}
._2-column-grid.about-hero {
grid-column-gap: 113px;
grid-template-columns: auto 1fr;
position: relative
}
._2-column-grid.cta-v4-social-links {
grid-row-gap: 40px
}
._2-column-grid.featured-blog-posts.v1 {
grid-column-gap: 64px;
grid-row-gap: 64px
}
._2-column-grid.blog-posts-grid {
grid-column-gap: 48px;
grid-row-gap: 64px
}
._2-column-grid.contact-wrapper.v1 {
grid-template-columns: minmax(200px, 1fr) 1.8fr
}
._2-column-grid.contact-wrapper.v2 {
grid-template-columns: 1fr 1fr;
position: relative
}
._2-column-grid.product-main-content-wrapper {
z-index: 10;
grid-column-gap: 48px;
grid-template-columns: 1.2fr .75fr;
margin-top: -140px;
position: relative
}
._2-column-grid.pages {
grid-column-gap: 24px;
grid-row-gap: 48px
}
._2-column-grid.larger-right-column {
grid-template-columns: .75fr 1fr
}
._2-column-grid.mg-top-48px {
grid-template-columns: .5fr 1fr
}
._2-column-grid.mg-top-48px.is-alignedtop {
align-items: start
}
._2-column-grid._1fr-auto {
grid-column-gap: 24px;
grid-template-columns: 1fr auto;
align-items: center;
margin-bottom: 48px
}
._2-column-grid._1fr-auto.services-home-3 {
grid-template-columns: .6fr 1fr;
align-items: end
}
.hero-wrapper.v1.is-test {
z-index: 6;
max-width: 52ch;
position: static;
inset: 0%
}
.hero-wrapper.v2 {
text-align: center;
flex-direction: column;
align-items: center;
display: flex
}
.loading-page-cover {
z-index: 99999;
background-color: var(--neutral);
opacity: .9;
color: var(--neutral-100);
justify-content: center;
align-items: center;
max-width: 100vw;
max-height: 100vh;
display: none;
position: fixed;
inset: 0%
}
.relative {
position: relative
}
.relative.album-page-top-content {
z-index: 10
}
.home-dash {
background-color: var(--neutral-100);
width: 125px;
min-height: 2px
}
._2-buttons {
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
display: flex
}
._2-buttons.align-center {
align-items: center;
margin-left: 0;
margin-right: 0
}
._2-buttons.add-to-cart {
flex-direction: column;
align-items: stretch
}
._2-buttons.display-none {
display: block
}
._2-buttons.display-none.padding-vertical {
margin-top: 59px
}
.home-hero-image-wrapper.v1 {
z-index: -1;
width: 100%;
max-width: 49%;
position: absolute;
inset: 0% 0% 0% auto
}
.home-hero-image-wrapper.v1.mobile-tablet-mg-top-24px {
opacity: 1;
object-fit: none;
max-width: 50%;
margin-top: 40px;
position: absolute;
box-shadow: inset 325px 325px 40px 20px #000
}
.inner-container-72 {
max-width: 72%
}
.mg-bottom-0px {
color: var(--yellow);
margin-bottom: 0
}
.flex {
grid-column-gap: 10px;
justify-content: flex-start;
align-self: center;
align-items: center;
display: flex
}
.flex.align-center {
align-items: center;
margin-left: 0;
margin-right: 0
}
.flex.align-center.mg-bottom-8px {
align-self: flex-start
}
.flex.align-end {
align-items: flex-end
}
.flex.cta-v3-links-container {
justify-content: space-between;
min-width: 480px;
max-width: 46%
}
.flex.title-wrap,
.flex.prices-wrap {
flex-wrap: wrap
}
.flex.title-wrap {
flex-wrap: wrap;
align-items: baseline;
display: flex
}
.flex.experience-card-right-content {
justify-content: flex-end;
margin-top: 16px
}
.flex.align-start {
flex-direction: row;
justify-content: flex-start;
align-self: flex-start;
align-items: flex-start;
display: block
}
.flex.align-start.tel {
padding-left: 30px
}
.flex.align-start.tel.is-landing {
justify-content: flex-start;
align-items: center;
margin-left: auto;
margin-right: auto;
padding-left: 0;
display: flex
}
.flex.no-link {
text-decoration: none
}
.flex.no-link.color-yellow.hide-in-mobile {
grid-column-gap: 1px
}
.flex.no-link.color-yellow.hide-in-mobile.hover-yellow-light {
border-radius: 80px;
padding: 10px 15px
}
.flex.no-link.color-yellow.hide-in-mobile.hover-yellow-light:hover {
background-color: #f9b2332e
}
.flex.no-link.color-yellow.hide-in-mobile.hover-yellow-light.is-footer {
align-self: flex-start;
margin-bottom: 0
}
.flex.no-link.color-yellow.hide-in-mobile.hover-yellow-light.is-footer:hover {
background-color: #0000
}
.flex.mg-bottom-24px {
margin-bottom: 25px
}
.dash {
background-color: var(--neutral-100);
width: 40px;
min-height: 2px;
position: relative
}
.dash.home-dash {
background-color: #0000;
width: 125px;
min-height: 2px;
overflow: hidden
}
.dash.list-dash {
align-self: flex-start;
width: 12px;
min-height: 1px;
margin-top: .8em;
margin-bottom: auto;
margin-right: 8px
}
.dash.text-separator {
background-color: var(--neutral-400);
align-self: center;
width: 30px;
margin-left: 1em;
margin-right: 1em
}
.dash---medium-70px {
width: 70px;
min-height: 2px;
position: relative
}
.dash---medium-70px.mg-left-16px {
margin-bottom: 5px
}
.dash---medium-70px.mg-bottom-24px,
.dash---medium-70px.mg-bottom-24px.align-center {
height: 2px;
margin-bottom: 40px
}
.dash---medium-70px.mg-bottom-24px.align-center.is-hidden {
display: none
}
.white-fill-block {
background-color: var(--neutral-100);
padding: 0;
position: absolute;
inset: 0%
}
.inner-container {
position: static
}
.inner-container.relative {
z-index: 2
}
.inner-container.center-content {
align-items: stretch;
display: block
}
.inner-container.flex {
justify-content: center;
align-items: flex-start
}
.inner-container.is-left {
margin-left: 0
}
.cms-empty-state {
border: 1px solid var(--neutral-100);
text-align: center;
background-color: #0000;
justify-content: center;
align-items: center;
min-height: 180px;
padding: 64px;
font-weight: 500;
display: flex
}
.cms-empty-state.small {
min-height: auto;
padding: 24px
}
.narrow-section {
padding-top: 120px;
padding-bottom: 120px
}
.narrow-section.blog-post-body {
padding-top: 0;
padding-bottom: 140px
}
.narrow-section.large {
padding-top: 200px;
padding-bottom: 200px
}
.narrow-section.large.pd-bottom-0 {
padding-bottom: 0
}
.narrow-section.large.pd-bottom-0.is-hidden {
display: none
}
.narrow-section.large.pd-bottom-0.is-services {
padding-top: 130px
}
.narrow-section.no-pdbottom {
padding-bottom: 0
}
.narrow-section.medium {
padding-top: 160px
}
.narrow-section.pd-top0 {
padding-top: 0;
padding-bottom: 0;
display: block
}
.narrow-section.pd-top0.is-hidden {
display: none
}
.card-content {
flex: 0 auto;
order: 0
}
.card-content.album-card-main-container {
z-index: 2;
flex-direction: column;
justify-content: flex-end;
width: 100%;
height: 370px;
margin-top: 25px;
margin-bottom: 0;
margin-left: 0;
padding: 32px 32px 25px;
display: flex;
position: absolute;
inset: 0%
}
.card-content.album-card-main-container:hover {
border-radius: 20px
}
.card-content.album-card-main-container.cta {
justify-content: flex-end
}
.card-content.album-card-bottom-content {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
display: flex
}
.card-content.album-card-bottom-content.featured-album {
max-width: 460px
}
.card-content.blog-post-card {
z-index: 2;
flex-direction: column;
flex: 1;
justify-content: space-between;
align-items: flex-start;
width: 100%;
padding-top: 32px;
padding-bottom: 24px;
display: flex;
position: relative
}
.card-content.blog-post-card.overlay {
z-index: 3;
background-image: none;
justify-content: flex-end;
padding-bottom: 64px;
padding-left: 32px;
padding-right: 32px;
position: absolute;
inset: 0%
}
.card-content.description {
z-index: 2;
background-color: var(--neutral);
margin-top: 0%;
margin-left: 0;
margin-right: 0;
padding: 40px 28px;
display: block;
position: relative
}
.card-content.description.studios {
background-color: var(--neutral);
width: auto
}
.card-content.featured-blog-post-card {
padding-left: 48px
}
.card-content.featured-blog-post-card.v2 {
z-index: 2;
background-color: var(--neutral-700);
cursor: pointer;
flex-direction: column;
flex: 1;
justify-content: center;
align-items: flex-start;
max-width: 52%;
margin-top: 24px;
margin-bottom: 24px;
margin-right: -20%;
padding: 72px 64px;
transition: transform .4s;
display: flex;
position: relative
}
.card-content.featured-blog-post-card.v2:hover {
transform: translateY(4px)
}
.card-content.search-result-card {
z-index: 1;
position: relative
}
.card-content.cart-item-card {
flex-direction: column;
justify-content: center;
align-items: flex-start;
margin-left: 0;
margin-right: 0;
padding-left: 24px
}
.card-content.author-blog-card {
text-align: center;
flex-direction: column;
justify-content: flex-start;
align-items: center;
max-width: 500px;
display: flex
}
.card-image {
max-width: 100%;
display: block
}
.card-image.album-card {
opacity: 1;
mix-blend-mode: normal;
object-fit: cover;
border-radius: 10px;
align-self: stretch;
width: 100%;
height: 270px
}
.card-image.album-card.more {
filter: none;
border-radius: 10px;
width: auto;
height: 240px
}
.card-image.album-card.dof--img {
height: auto
}
.card-image.album-card._3dcard {
align-self: center;
width: auto;
max-width: none;
height: 202px;
position: absolute;
top: 0%
}
.card-image.blog-post-card {
object-fit: cover;
width: 100%;
height: 100%
}
.card-image.blog-post-card.featured-blog-post-v2 {
object-fit: cover;
height: 100%
}
.card-image.blur-inter.animation3 {
position: absolute
}
.card-image.animation2 {
position: static
}
.card-image.animation2.is-hidden {
display: none
}
.overlay {
background-image: linear-gradient(to top, var(--neutral)7%, #030303f7 26%, #070707ab 45%, transparent 73%), linear-gradient(to bottom, #000, #fff0 24%);
position: absolute;
inset: 0%
}
.overlay.album-card {
z-index: -1;
background-image: linear-gradient(#0000, #000000ab 74%, #000000e6);
width: 100%;
height: 180px;
position: absolute;
inset: 0%;
overflow: visible
}
.overlay.album-card.v3 {
background-image: linear-gradient(#00000080, #00000080)
}
.overlay.album-card.more {
width: auto;
height: 200px
}
.overlay.blog-card {
z-index: 2;
opacity: 0
}
.overlay.blog-card.active {
opacity: 1
}
.overlay.blog-card.news {
background-image: linear-gradient(to top, var(--neutral), #00000073 35%, transparent);
border-radius: 10px
}
.overlay.home-hero-v3 {
background-image: linear-gradient(to top, var(--neutral), #080808f2 11%, transparent);
align-self: flex-end;
max-height: 63%;
margin-top: auto;
margin-bottom: -8px
}
.overlay.solid {
background-image: linear-gradient(to bottom, #000000a3, #000000a3), linear-gradient(to top, var(--neutral), #070707ab 31%, transparent 73%)
}
.overlay.blog-post-bg {
z-index: 1;
background-image: linear-gradient(to top, var(--neutral)13%, #00000075 30%, #0000001f 42%, transparent);
object-fit: fill;
top: -2%;
bottom: 0%
}
.overlay.product {
background-image: linear-gradient(0deg, var(--neutral)13%, #070707ab 35%, transparent 68%);
height: 100%
}
.overlay.product.index1 {
z-index: 1
}
._3-column-grid {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
justify-items: stretch;
display: grid
}
._3-column-grid.services {
grid-column-gap: 48px;
grid-row-gap: 100px
}
._3-column-grid.services.is-mobile {
grid-template-columns: 1fr 1fr 1fr
}
._3-column-grid.blog-posts-grid {
grid-row-gap: 70px
}
._3-column-grid.blog-posts-grid.blog-v2 {
grid-row-gap: 80px
}
._3-column-grid.about {
grid-column-gap: 62px;
grid-template-columns: 1fr 1fr .55fr;
align-items: end
}
._3-column-grid.align-start {
align-items: start
}
._3-column-grid.search-results-grid {
width: 100%
}
._3-column-grid.pagination-content {
justify-content: space-around
}
._3-column-grid.is-center {
justify-items: center
}
._3-column-grid.is-center.is-hidden {
display: none
}
.badge {
background-color: var(--badge);
color: var(--neutral-100);
border-radius: 80px;
justify-content: flex-start;
align-items: center;
margin: 6px 8px;
padding: 10px 16px;
font-size: 14px;
display: flex
}
.badge.featured-blog-post-category {
color: var(--neutral-100);
margin: 0 0 28px;
padding-left: 18px;
padding-right: 18px;
font-size: 16px
}
.badge.product {
margin-top: 0;
margin-left: 5px;
margin-right: 5px
}
.badge.large {
margin: 0;
padding: 16px 30px;
font-size: 16px
}
.badges-wrapper {
flex-wrap: wrap;
margin-top: -8px;
margin-left: -8px;
margin-right: -8px;
display: flex
}
.badges-wrapper.mega-card---right {
justify-content: flex-end;
align-self: flex-end;
margin-top: auto;
margin-bottom: 0
}
.badges-wrapper.mega-card---left {
flex-direction: row;
align-self: flex-start;
margin-top: auto;
margin-bottom: 0
}
.badges-wrapper.featured-album {
justify-content: flex-end
}
.badges-wrapper.product {
margin-left: -5px;
margin-right: -5px
}
.badges-wrapper.album-page {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 0;
margin-left: 0;
margin-right: 0;
display: grid
}
.badge-icon {
text-align: center;
justify-content: center;
align-items: center;
margin-right: 10px;
font-family: Iconsphotographerxtemplate, sans-serif;
font-size: 18px;
font-weight: 400;
display: flex
}
.badge-icon.large {
font-size: 20px
}
.bg {
background-image: linear-gradient(to bottom, var(--neutral), var(--neutral));
background-position: 0 0;
background-size: auto;
min-height: 80vh;
position: absolute;
inset: 0%
}
.bg.home-v1-about-bg {
z-index: -1;
background-color: var(--neutral);
width: 580px;
height: 580px;
min-height: 620px;
margin: auto;
position: absolute;
inset: 32% 0% 0%
}
.bg.cta-v1 {
z-index: -1;
background-image: linear-gradient(#000000a6, #000000a6), url(../images/6259471f6732ed2fc735d9ca_cta-v1-photographer-x-template.webp);
background-position: 0 0, 50%;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
position: absolute;
inset: 0%
}
.bg.home-v2-about-bg {
z-index: -1;
background-color: var(--neutral);
width: 656px;
height: 625px;
min-height: 625px;
margin: auto;
position: absolute;
inset: 0% 52px 0% auto
}
.bg.about-hero {
z-index: -1;
background-color: var(--neutral-700);
height: 68%;
min-height: 68%;
position: absolute;
inset: auto 0% 0%
}
.bg.contact-v3 {
z-index: -1;
background-image: linear-gradient(#0000006e, #0000006e), url(../images/6259471f6732ed44f135da03_contact-v3-photographer-x-template.webp);
background-position: 0 0, 50% 0;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
background-attachment: scroll, scroll;
height: 56%;
min-height: 56%;
position: absolute;
inset: 0% 0% auto
}
.bg.search-result-card {
z-index: -1;
filter: saturate(0%);
background-image: url(../images/background-image.svg);
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
position: absolute;
inset: 0%
}
.bg.blogpost {
opacity: 1;
object-fit: fill;
object-position: 50% 50%;
background-image: linear-gradient(#000, #d4d4d42b 47%)
}
.bg.video {
background-image: linear-gradient(to bottom, var(--neutral), var(--neutral));
background-position: 0 0;
background-size: auto;
width: 100%;
min-height: 69vh
}
.bg.video.overflow-hidden {
overflow: hidden
}
.flex-column {
perspective: 1000px;
flex-direction: column;
display: flex
}
.flex-column.align-start {
align-items: flex-start
}
.flex-column.align-center {
align-items: center
}
.flex-column.align-end {
align-items: flex-end
}
.flex-column.contact-left-column.v1 {
padding-top: 64px
}
.flex-column.contact-left-column.v2 {
padding-top: 32px
}
.flex-column.justify-start {
justify-content: flex-start
}
.dash---small-56px {
width: 56px;
min-height: 2px;
position: relative
}
.dash---small-56px.mg-bottom-24px {
height: 2px
}
.inner-container-80 {
max-width: 80%
}
.inner-container-80.about-home-content {
margin-bottom: 128px
}
.inner-container-80.padding-top {
padding-top: 4rem
}
.limit-content-500px {
max-width: 500px
}
.list-item {
color: var(--neutral-100);
align-items: center;
display: flex
}
.list {
flex: 1;
margin-bottom: 0;
padding-left: 0
}
.dash---large-100px {
width: 100px;
min-height: 2px;
position: relative
}
.testimonials-slider {
background-color: #0000;
width: 100%;
height: 100%
}
.mask {
overflow: hidden
}
.mask.rounded {
border-radius: 100%
}
.slider-arrow-v2 {
background-color: var(--neutral-100);
color: var(--neutral);
border: 1px solid #0000;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 64px;
height: 64px;
min-height: 64px;
margin-left: auto;
margin-right: auto;
font-family: Iconsphotographerxtemplate, sans-serif;
font-size: 20px;
transition: color .4s, border-color .4s, background-color .4s;
display: flex;
inset: -138px 0 auto auto
}
.slider-arrow-v2:hover {
border: 1px solid var(--neutral-100);
background-color: var(--neutral);
color: var(--neutral-100)
}
.slider-arrow-v2.left {
margin-right: 80px
}
.slide {
width: 100%;
height: 420px;
padding: 0
}
.slide.services {
max-width: 370px;
margin-right: 24px
}
.slide.max-w-550px,
.slide.max-w-550px.mg-right-24px {
max-width: 550px
}
.slide.max-w-550px.mg-right-24px.slide_team {
max-width: 350px
}
.slide.max-w-580px {
max-width: 580px
}
.slider-arrow-v1 {
background-color: var(--neutral-100);
color: var(--neutral);
border: 1px solid #0000;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 50px;
height: 50px;
min-height: 50px;
margin: auto;
font-family: Iconsphotographerxtemplate, sans-serif;
font-size: 14px;
transition: background-color .4s, color .4s, background-color .4s;
display: flex;
inset: auto 50% 124px auto
}
.slider-arrow-v1:hover {
border: 1px solid var(--neutral-100);
background-color: var(--neutral);
color: var(--neutral-100)
}
.slider-arrow-v1.left {
margin-right: 64px
}
.false-mask {
width: 100%;
height: 100%;
overflow: hidden
}
.false-mask.services {
max-width: 370px
}
.false-mask.inner-container-550px {
max-width: 530px
}
.false-mask.inner-container-550px.slide_team {
max-width: 350px
}
.false-mask.max-w-580px {
max-width: 580px
}
.avatar {
object-fit: cover;
display: block
}
.avatar.testimonial-v1 {
width: 100%;
height: 100%
}
.avatar._135px-135px---rounded {
object-position: 50% 0%;
border-radius: 50%;
width: 135px;
min-height: 135px;
max-height: 135px
}
.avatar._67px-67px---rounded {
border-radius: 100%;
width: 66px;
height: 66px
}
.avatar._110px-110px---rounded {
object-position: 50% 0%;
border-radius: 50%;
width: 110px;
min-height: 110px;
max-height: 110px;
transition: transform .4s
}
.avatar._110px-110px---rounded:hover {
transform: scale(1.05)
}
.avatar.testimonial-v2 {
width: 500px;
height: 400px
}
.h3-size {
color: #fff;
font-size: 22px;
font-weight: 500;
line-height: 1.5em
}
.h3-size.faq-number {
color: var(--neutral-100);
width: 26px;
line-height: 1.1em
}
.weight-medium {
font-weight: 500
}
.weight-medium.split-lines {
font-size: 32px;
font-weight: 200
}
.weight-medium.is-2rem {
font-size: 24px;
font-weight: 200;
line-height: 150%
}
.weight-medium.is-2rem.split-lines.is-mobile {
display: none
}
.weight-medium.is-2rem.split-lines.is-desktop {
font-size: 24px
}
.color-neutral-300 {
color: var(--neutral-300)
}
.display-none {
display: none
}
.underline-interaction {
color: var(--neutral-100);
align-items: flex-end;
padding-bottom: 0;
text-decoration: none;
display: flex;
position: relative;
top: 0;
left: 0;
overflow: visible
}
.underline-block {
flex: 1;
min-height: 2px;
max-height: 2px;
position: absolute;
inset: auto 0% -.3em;
overflow: hidden
}
.underline-block.instagram {
min-height: 4px;
max-height: 4px;
top: 3em;
bottom: -20%
}
._4-column-grid {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid
}
._4-column-grid.instagram-grid {
grid-column-gap: 0px;
grid-row-gap: 0px
}
.text-separator {
background-color: var(--neutral-100);
align-self: center;
width: 20px;
min-height: 1px;
margin-left: 1em;
margin-right: 1em;
padding: 0
}
.text-separator.bg-neutral-300 {
width: 5px;
margin-left: .5em;
margin-right: .5em
}
.text-separator.is-100px {
width: 100px;
min-height: 2px;
margin-bottom: 60px;
margin-left: auto;
margin-right: auto
}
.footer-column {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
display: flex
}
.footer-column.footer-nav {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-direction: row;
grid-template-rows: auto auto;
grid-template-columns: auto auto auto minmax(auto, 1fr);
grid-auto-columns: 1fr;
justify-content: flex-start;
margin-right: 0;
display: grid
}
.social-links-wrapper {
align-items: center;
margin-left: -8px;
margin-right: -8px;
text-decoration: none;
display: flex
}
.social-links-wrapper.large {
margin-left: -10px;
margin-right: -10px
}
.social-links-wrapper.large.link {
transition-property: opacity
}
.social-links-wrapper.large.link:hover {
opacity: .64
}
.social-links-wrapper.large.author-card {
margin-top: -10px;
margin-bottom: 20px
}
.social-links-wrapper.blog-post {
grid-column-gap: 24px;
grid-row-gap: 10px;
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
align-items: center;
margin-left: auto;
margin-right: 0;
display: grid;
position: sticky;
top: 100px;
left: auto;
right: 0
}
.social-link {
color: var(--neutral-100);
margin-left: 8px;
margin-right: 8px;
font-family: Iconsphotographerxtemplate, sans-serif;
font-weight: 400;
text-decoration: none;
transition: opacity .4s cubic-bezier(.215, .61, .355, 1)
}
.social-link:hover {
opacity: .64
}
.social-link.large {
margin-left: 10px;
margin-right: 10px;
font-family: Iconsphotographerxtemplate, sans-serif;
font-size: 18px
}
.social-link.large.cta-v4 {
margin-right: 22px;
font-size: 22px;
transition: none
}
.social-link.large.cta-v4:hover {
opacity: 1
}
.social-link.mega {
margin: 10px;
font-size: 22px;
transition-property: color
}
.social-link.mega.youtube {
font-size: 26px
}
.footer-form-block {
align-self: stretch
}
.footer-title {
color: var(--neutral-100);
margin-bottom: 32px;
font-family: Plus Jakarta Sans, sans-serif;
font-size: 15px;
font-weight: 500;
line-height: 1em
}
.footer-nav-container {
justify-content: flex-start;
align-items: flex-start;
display: flex
}
.footer-nav {
flex: 1;
margin-left: 20px;
margin-right: 20px;
font-family: Plus Jakarta Sans, sans-serif;
font-size: 15px
}
.footer-nav.last {
margin-right: 56px
}
.footer-nav.padding-vertical {
margin-right: 0
}
.footer-nav.padding-vertical._30 {
width: 30%
}
.footer-bottom-content {
text-align: center;
justify-content: space-between;
padding-top: 25px;
padding-bottom: 0;
font-size: 15px;
display: flex
}
.slider {
object-fit: fill;
background-color: #0000;
width: 100%;
height: 100%;
margin-left: 0
}
.center-content {
justify-content: center;
display: flex
}
.center-content.vertical {
flex-direction: column;
align-items: center
}
.center-content.countdown {
margin-left: auto;
margin-right: auto;
display: block
}
.center-content.align-center.countdown {
width: 300px;
padding-bottom: 79px
}
.inner-container-500px {
max-width: 500px
}
.inner-container-500px.align-center {
flex-direction: column;
align-items: center;
display: flex
}
.mg-bottom-large-80px {
margin-bottom: 80px
}
.color-neutral-100 {
color: var(--neutral-100)
}
.color-neutral-100.link {
transition: color .3s
}
.color-neutral-100.link:hover {
color: var(--neutral-400)
}
._2-row-grid {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid
}
._2-row-grid.gap-64px {
grid-column-gap: 64px;
grid-row-gap: 64px
}
.h1-size {
color: var(--neutral-100);
font-size: 48px;
font-weight: 500;
line-height: 1.25em
}
.mg-bottom-medium-64px {
margin-bottom: 64px
}
._20px-text {
font-size: 20px;
text-decoration: none
}
.inner-container-550px {
max-width: 550px
}
.inner-container-550px.align-center {
flex-direction: column;
align-items: center;
display: flex
}
.inner-container-550px.align-center.text-center.mg-bottom-48px.inner-container-620px {
align-items: center
}
.inner-container-550px.align-center.text-center.mg-bottom-128 {
margin-bottom: 128px
}
.inner-container-550px.align-center.text-center.mg-bottom-128.is-relative {
margin-top: 96px;
margin-bottom: 146px;
position: relative
}
.mg-top-medium-64px {
margin-top: 64px
}
.slider-arrow-v3 {
background-color: var(--neutral-100);
color: var(--neutral);
border: 1px solid #0000;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 64px;
height: 64px;
min-height: 64px;
margin-left: auto;
margin-right: auto;
font-family: Iconsphotographerxtemplate, sans-serif;
font-size: 20px;
transition: color .4s, border-color .4s, background-color .4s;
display: flex;
inset: -113px 0 auto auto
}
.slider-arrow-v3:hover {
border: 1px solid var(--neutral-100);
background-color: var(--neutral);
color: var(--neutral-100)
}
.slider-arrow-v3.left {
margin-right: 80px;
top: 47%;
right: auto
}
.slider-arrow-v3.left.team {
margin-left: -20px;
display: block;
top: 22%
}
.success-message {
text-align: center;
background-color: #23232300;
padding: 24px;
font-weight: 500
}
.success-message.contact {
background-color: #0000;
padding: 40px 32px
}
.error-message {
background-color: var(--neutral-200);
color: var(--neutral);
text-align: center;
margin-top: 24px;
padding: 24px;
font-weight: 500
}
.error-message.dark-red-message {
color: var(--neutral-100);
background-color: #3f1c1c;
margin: 0
}
._5-column-grid {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid
}
._5-column-grid.hero-v3-images-grid {
perspective: 1000px
}
.inner-container-850px {
width: 100%;
max-width: 850px
}
.slider-arrow-v4 {
background-color: var(--neutral-100);
opacity: 1;
color: var(--neutral);
border: 1px solid #0000;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 64px;
height: 64px;
min-height: 64px;
margin: auto;
font-family: Iconsphotographerxtemplate, sans-serif;
font-size: 20px;
transition: color .4s, border-color .4s, background-color .4s;
display: none;
inset: 47% -1px auto auto
}
.slider-arrow-v4:hover {
border: 1px solid var(--neutral-100);
color: var(--neutral-100);
background-color: #0000
}
.slider-arrow-v4.left {
display: none;
right: auto
}
.slider-arrow-v4.hide-in-pc {
opacity: 0
}
.slider-arrow-v4.team {
object-fit: fill;
background-color: #fff;
border-color: #fff;
font-family: Iconsphotographerxtemplate, sans-serif;
display: block;
top: 22%;
overflow: hidden
}
.slider-arrow-v4.team:hover {
background-color: var(--neutral)
}
.split {
justify-content: space-between;
display: flex
}
.split.cta-v4 {
align-items: center
}
.split.experience-card-top-content {
flex-wrap: wrap;
align-items: flex-end
}
.align-center {
margin-left: auto;
margin-right: auto
}
.inner-container-450px {
max-width: 450px
}
.inner-container-450px.align-center {
flex-direction: column;
align-items: center;
display: flex
}
.mg-bottom-large-72px {
margin-bottom: 72px
}
.inner-container-90 {
max-width: 90%
}
.h4-size {
font-size: 20px;
font-weight: 500;
line-height: 1.3em
}
.h2-size {
font-size: 34px;
font-weight: 500;
line-height: 1.2em
}
.author-wrap {
justify-content: flex-start;
align-items: center;
display: flex
}
.search-button {
background-color: #0000;
background-image: url(../images/6259471f6732ed7aa835d9fe_search-photographer-x-template.svg);
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
width: 20px;
height: 20px;
padding: 0;
line-height: 1em;
transition: opacity .4s;
position: absolute;
inset: auto auto auto 29px
}
.search-button:hover {
opacity: .64
}
.search {
align-items: center;
margin-bottom: 40px;
padding: 0;
display: flex;
position: relative
}
.dropdown-main-wrapper {
border: 1px solid var(--lines-color);
background-color: var(--neutral);
justify-content: flex-start;
align-items: flex-start;
margin-top: 38px;
padding: 64px 48px;
display: flex
}
.navbar-column {
margin-right: 72px
}
.navbar-column.last {
margin-right: 16px
}
.nav-links {
margin-bottom: 0;
padding-left: 0;
list-style-type: none
}
.nav-links.first {
margin-right: 35px
}
.nav-item {
margin-bottom: 16px
}
.nav-item.last {
margin-bottom: 0
}
.nav-dropdown-link {
color: var(--neutral-300);
padding: 0;
display: block
}
.nav-dropdown-link.w--current {
color: var(--neutral-300)
}
.nav-dropdown-link.w--current:hover {
color: var(--neutral-100)
}
.nav-title {
color: var(--neutral-100);
margin-bottom: 32px;
font-weight: 500
}
.nav-container {
justify-content: flex-start;
align-items: flex-start;
display: flex
}
.categories-list {
flex-wrap: wrap;
align-items: center;
margin-bottom: 0;
display: flex
}
.categories-list.services {
justify-content: center;
padding-bottom: 90px;
padding-right: 0
}
.categories-list.mg-bottom-40px {
margin-bottom: 40px
}
.category-item {
flex-wrap: wrap;
justify-content: flex-end;
align-items: center;
margin-left: 16px;
display: flex
}
.pagination {
margin-top: 40px
}
.pagination.v2 {
flex-direction: row;
justify-content: center;
margin-top: 64px
}
.form-block {
align-self: stretch
}
.pagination-link {
color: var(--neutral-300);
background-color: #0000;
border: 0 #0000;
border-radius: 0;
margin-left: 0;
margin-right: 0;
padding: 0;
font-size: 16px;
transition: color .4s
}
.pagination-link:hover,
.pagination-link.weight-500---medium.color-white {
color: var(--neutral-100)
}
.pagination-link.weight-500---medium.color-white:hover {
color: var(--neutral-300)
}
.page-count {
letter-spacing: -.1em;
margin-top: 0;
margin-left: 24px;
margin-right: 24px
}
.footer-link {
color: var(--neutral-300);
font-size: 14px;
line-height: 0;
text-decoration: none;
transition: color .35s
}
.footer-link:hover {
color: var(--neutral-400)
}
.footer-link.is-address {
padding-left: 15px;
padding-right: 15px
}
.h6-size {
font-size: 16px;
font-weight: 500;
line-height: 1.375em
}
.h6-size.color-yellow {
color: var(--yellow)
}
.contact-form-block {
flex-direction: column;
justify-content: center;
align-items: center;
width: auto;
height: auto;
margin-bottom: 0;
display: flex
}
.contact-form-main-wrapper {
flex-direction: column;
justify-content: center;
display: flex
}
.contact-form-main-wrapper.v1 {
z-index: 2;
background-color: var(--neutral-700);
width: 100%;
max-width: 680px;
min-height: 500px;
padding: 83px 88px;
position: relative
}
.contact-form-main-wrapper.v2 {
z-index: 2;
background-color: var(--neutral-700);
min-height: 500px;
padding: 80px 88px;
position: relative
}
.contact-form-main-wrapper.v3 {
z-index: 2;
background-color: #23232300;
flex-direction: column;
justify-content: center;
min-height: 360px;
margin-top: 61px;
padding: 0 64px;
display: flex;
position: relative
}
.contact-form-main-wrapper.v3.success {
border: 1px none var(--neutral-100);
flex-direction: column;
align-items: center;
width: 50%;
padding-left: 0;
padding-right: 0;
display: block
}
.contact-form-main-wrapper.v3.success.center-content {
flex-wrap: nowrap;
align-items: center;
max-width: 730px
}
.contact-form-main-wrapper.v3.success.is-modal {
z-index: 10;
background-color: #000000de;
flex-direction: column;
width: auto;
margin-top: 20%;
padding-left: 0;
padding-right: 0;
display: none;
position: absolute;
inset: auto 0% 0%
}
.contact-form {
grid-column-gap: 24px;
grid-row-gap: 56px;
flex: 1;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
align-self: stretch;
margin-bottom: 0;
display: grid
}
.contact-form.v2 {
grid-column-gap: 48px;
grid-template-columns: 1fr 1fr;
display: none
}
.contact-links {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
display: flex
}
.faq-main-wrapper.v1 {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid
}
.faq-item {
border-bottom: 1px solid var(--neutral-500);
cursor: pointer;
padding: 40px 24px
}
.faq-item:hover {
color: var(--neutral-100)
}
.faq-item.first {
border-top: 1px solid var(--neutral-500)
}
.faq-item.v2 {
border-bottom-color: var(--neutral-500);
padding-left: 0;
padding-right: 0;
transition: color .4s;
display: flex
}
.faq-item.v2:hover {
color: var(--neutral-100)
}
.faq-top-content {
justify-content: space-between;
align-items: center;
display: flex
}
.faq-top-content.v2 {
align-items: flex-start
}
.faq-content {
color: var(--neutral-300);
white-space: break-spaces;
max-width: 92%;
overflow: hidden
}
.faq-content.v2 {
max-width: 82%
}
.faq-icon {
font-family: Iconsphotographerxtemplate, sans-serif
}
.faq-spacer {
height: 16px
}
.faq-title {
flex: 1;
max-width: 90%;
margin-bottom: 0
}
.social-large-logo {
font-family: Iconsphotographerxtemplate, sans-serif;
font-size: 48px;
line-height: 1
}
.faq-inner-container {
flex: 1
}
.faq-inner-container.first {
flex: 0 auto;
margin-right: 24px
}
.inner-container-720px {
max-width: 720px
}
.inner-container-720px.align-center.pd-right.pd-left {
max-width: 900px
}
.inner-container-720px.align-center.pd-right.pd-left.is-mobilestudios {
display: none
}
.inner-container-720px.align-center.pd-right.pd-left.is-mod {
max-width: 760px
}
.inner-container-720px.align-center.pd-right.pd-left.is-hidden {
display: none
}
.inner-container-720px.align-center.pd-right.pd-left.is-regies {
width: auto;
max-width: none
}
.inner-container-720px.center-content {
display: block
}
.inner-container-720px.center-content.align-center.text-center.mg-bottom-large-72px.is-mobile.is-hidden {
display: none
}
.album-collection-item:nth-child(2n) {
position: relative;
top: 23%;
bottom: auto
}
.search-result-wrapper {
width: 100%
}
.search-result-item {
width: 100%;
height: 100%
}
.icon-password {
border-radius: 100%;
width: 120px;
height: 120px;
margin-bottom: 16px;
display: block
}
.changelog-version {
color: var(--neutral-100);
justify-content: center;
align-items: center;
display: flex
}
.cart-default-state {
align-self: stretch;
align-items: stretch;
width: 100%;
margin-bottom: 0
}
.cart-list {
flex: 1;
padding-top: 40px;
padding-bottom: 0
}
.cart-footer {
border-top-style: none;
border-top-color: var(--lines-color);
background-color: var(--neutral-700);
flex-direction: row;
align-self: stretch;
align-items: flex-end;
padding: 32px 0 56px
}
.cart-item-wrapper {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
padding-top: 0;
padding-bottom: 24px
}
.price.cart-price {
font-weight: 500
}
.price.cart-price.subtotal {
font-size: 20px;
font-weight: 500
}
.cart-item-name {
color: var(--neutral-100);
font-weight: 500;
text-decoration: none
}
.cart-item-name:hover {
color: var(--neutral-300)
}
.web-payments {
margin-bottom: 16px
}
.cart-item {
grid-column-gap: 32px;
grid-row-gap: 32px;
flex: 1;
grid-template-rows: auto;
grid-template-columns: 1fr auto auto;
grid-auto-columns: auto;
justify-content: space-between;
place-items: center start;
display: grid
}
.color-neutral-400 {
color: var(--neutral-400)
}
.h5-size {
font-size: 18px;
font-weight: 500;
line-height: 1.4em
}
._16px-space {
width: 16px;
height: 16px;
min-height: 16px
}
._16px-space.hide-desktop {
display: none
}
.strikethrough {
text-decoration: line-through
}
.photo-metadata-icon {
margin-right: 16px;
font-family: Iconsphotographerxtemplate, sans-serif;
font-size: 22px
}
.shipping-method {
border-bottom-color: var(--lines-color);
background-color: var(--neutral-700);
padding: 24px 0
}
.shipping-method-list {
border-left-style: none;
border-right-style: none
}
.absolute {
position: absolute
}
.inner-container-800px {
max-width: 800px;
margin-left: auto;
margin-right: auto
}
.inner-container-800px.center {
margin-left: auto;
margin-right: auto
}
.blog-post-social-links-main-wrapper {
justify-content: flex-end;
align-items: flex-start;
display: flex;
position: absolute;
inset: 0% 0% 0% auto
}
._12px-space {
width: 12px;
min-height: 12px;
max-height: 12px
}
.hero-home-sections-text {
flex-direction: column;
align-items: center;
display: flex
}
.home-screenshots-container {
width: 100%;
margin-top: 80px
}
.home-pages-top-wrapper {
justify-content: center;
display: flex
}
.big-number {
color: var(--neutral-100);
text-align: center;
margin-bottom: 16px;
font-size: 64px;
line-height: 1.1em
}
.figma-icon {
border-radius: 100%;
width: 100px;
height: 100px;
margin-bottom: 16px;
display: block
}
.card-pages-image {
border: 1px solid var(--neutral-600);
width: 100%;
height: 100%;
display: block
}
.about-scroll-down.hide-in-mobile {
transition: transform .4s, opacity .4s
}
.about-scroll-down.hide-in-mobile:hover {
opacity: .64;
transform: scale(.94)
}
.inner-container-400px {
max-width: 400px
}
.inner-container-400px.sticky-card {
position: sticky;
top: 48px
}
.link-arrow {
margin-left: 12px;
font-family: Iconsphotographerxtemplate, sans-serif;
position: relative;
top: 2px
}
.slide-nav {
text-align: center;
object-fit: scale-down;
height: 16px;
margin-top: 24px;
padding-top: 0;
font-size: 12px;
position: static
}
.contact-card-arrengment {
margin-left: -30px;
display: flex
}
.bold {
color: var(--neutral-100);
font-weight: 500
}
.inner-container-620px {
max-width: 620px
}
.inner-container-620px.align-center {
flex-direction: column;
align-items: center;
display: flex
}
.text-decoration-none {
text-decoration: none
}
.heading-size-h3 {
color: var(--neutral-100);
margin-bottom: 16px;
font-size: 22px;
font-weight: 500;
line-height: 1.54em
}
.heading-size-h3.mg-bottom-8px {
margin-bottom: 8px
}
.body {
background-color: var(--neutral);
font-family: Plus Jakarta Sans, sans-serif;
line-height: 1.8em;
overflow-x: hidden
}
.body.is-blog {
color: var(--neutral)
}
.heading {
color: var(--neutral-100);
text-align: left;
font-family: Plus Jakarta Sans, sans-serif;
font-size: 45px;
font-weight: 700;
line-height: 1.4em
}
.heading.mg-bottom-large-72px.center-content {
display: block
}
.heading.mg-bottom-48px {
text-align: center
}
.heading.countdown {
text-align: center;
margin-bottom: 51px;
font-size: 50px;
font-weight: 500;
line-height: 3em
}
.heading.blog-post {
z-index: 3;
color: var(--neutral-100);
margin-bottom: 50px;
position: relative
}
.heading.align-center {
text-align: center;
min-width: 400px
}
.heading.align-center.is-mobile.is-left {
text-align: left
}
.heading.text-center,
.heading.left-mobile {
text-align: center
}
.heading.left-mobile.mg-top-large-80px {
margin-top: 80px;
font-size: 3vw
}
.heading.left-mobile.mg-top-large-80px.is-72px {
font-size: 72px;
line-height: 1.3em
}
.heading.left-mobile.mg-top-large-80px.is-72px.is-video {
max-width: 18ch;
margin-top: 0
}
.heading.left-mobile.mg-top-large-80px.no-caps {
text-transform: none;
font-size: 72px;
line-height: 120%
}
.heading.padding-vertical {
font-size: 3.2vw
}
.heading.padding-vertical.is-test {
font-size: 72px;
line-height: 1.2em
}
.heading.padding-vertical.is-test.is-hidden {
display: none
}
.heading._50 {
width: 50%
}
.heading.is-h1contact {
text-align: center;
margin-bottom: 0;
margin-left: auto;
margin-right: auto
}
.heading.titre-fixed {
position: fixed;
top: 17%;
left: 8%;
right: auto
}
.heading-2 {
color: var(--neutral-100);
font-family: Plus Jakarta Sans, sans-serif;
font-size: 32px;
font-weight: 600;
display: block
}
.heading-2.align-center {
text-align: center
}
.heading-2.title-small {
color: #fff;
letter-spacing: 0;
width: 235px;
margin-top: 0;
font-size: 26px;
font-weight: 700;
line-height: 1.7em
}
.heading-2.title-small.display-none {
width: 250px;
display: block
}
.heading-2.mg-bottom-large-72px {
font-size: 30px;
font-weight: 700
}
.heading-2.mg-bottom-large-72px.is-center {
text-align: center;
margin-bottom: 32px
}
.heading-2.mg-bottom-large-72px.is-center.is-visite {
z-index: -1;
opacity: 1;
color: var(--neutral);
-webkit-text-stroke-width: 1px;
mix-blend-mode: normal;
border-radius: 0;
margin-left: auto;
margin-right: auto;
font-size: 140px;
display: block;
position: absolute;
inset: -28% 0% auto
}
.heading-2.mg-bottom-large-72px.is-center.is-visite.is-hidden {
display: none
}
.heading-2.mg-bottom-large-72px.is-mod {
font-size: 42px
}
.heading-2.mg-bottom-medium-64px {
margin-top: auto;
margin-bottom: auto
}
.heading-2.mg-top-0px.is-mobilehome {
overflow: hidden
}
.heading-2.is-left {
text-align: left
}
.heading-2.is-left.is-50 {
width: 50%
}
.heading-2.is-left.is-50.is-mobile {
padding-left: 0
}
.heading-2.pd-32 {
padding-left: 32px
}
.heading-2.pd-32.is-mobile {
padding-left: 0
}
.heading-2.is-mobile.is-hidden {
display: none
}
.heading-3 {
color: var(--yellow);
text-align: left;
font-family: Plus Jakarta Sans, sans-serif;
font-size: 25px;
font-weight: 600
}
.heading-3.color-white {
color: var(--neutral-100);
text-align: left;
margin-top: 0;
line-height: 1.5em
}
.heading-3.color-white.limit-content-500px.left {
font-weight: 600;
line-height: 2em
}
.heading-3.color-white.left {
font-weight: 600
}
.heading-3.color-white.limit-350px {
max-width: 350px;
font-size: 25px
}
.heading-3.is-flexreveal {
max-width: none
}
.heading-3.pd0 {
margin-bottom: 0
}
.heading-3.pd0.align-center {
text-align: center;
line-height: 150%
}
.heading-4 {
color: var(--neutral-100);
font-family: Plus Jakarta Sans, sans-serif;
font-size: 18px;
line-height: 1.2em;
text-decoration: none
}
.heading-4.yellow,
.heading-4.color-yellow {
color: var(--yellow)
}
.heading-4.color-yellow.mg-bottom-8px {
font-size: 16px
}
.heading-4.color-yellow.mg-bottom-8px.mg-top-16px {
font-size: 19px
}
.heading-4.color-yellow.align-center {
text-align: center
}
.heading-4.align-center {
text-align: center;
line-height: 150%
}
.heading-4.align-center.pd0 {
margin-bottom: 0
}
.heading-4.maxch55 {
opacity: 0;
font-size: 1rem;
line-height: 150%
}
.heading-4.maxch55.animate {
font-weight: 200
}
.heading-4.maxch55.split-lines {
font-weight: 200;
transition: all .4s;
display: block
}
.heading-4.text-size-extra-light {
line-height: 165%
}
.heading-5 {
font-family: Plus Jakarta Sans, sans-serif;
font-size: 16px
}
.heading-6 {
font-family: Plus Jakarta Sans, sans-serif;
font-size: 15px
}
.paragraph-2,
.link-2 {
font-family: Plus Jakarta Sans, sans-serif
}
.link-2:hover {
color: var(--yellow)
}
.link-2.back-link {
padding-left: 9px;
text-decoration: none
}
.link-2.heading-3.no-decoration {
text-decoration: none
}
.bold-text {
font-family: Plus Jakarta Sans, sans-serif;
font-weight: 700
}
.italic-text {
font-family: Plus Jakarta Sans, sans-serif
}
.rich-text-block {
font-family: Plus Jakarta Sans, sans-serif;
font-size: 15px
}
.rich-text-block-2 {
font-family: Plus Jakarta Sans, sans-serif
}
.paragraph-3,
.body-2,
.body-3 {
font-family: Plus Jakarta Sans, sans-serif;
font-size: 15px
}
.text-span {
color: var(--yellow)
}
.body-4 {
line-height: 1.8em
}
.text-span-2 {
color: var(--yellow)
}
.filter {
z-index: 1;
background-image: radial-gradient(circle closest-corner at 50% 57%, transparent, #000000ab 95%, var(--neutral)97%);
border: 0 solid #000;
position: absolute;
inset: 0%
}
.text-span-3 {
color: var(--yellow)
}
.nav-badge-wrapper {
align-items: center;
display: flex
}
.badge-new {
color: #f7f7f7;
background-color: #40bf6a;
border-radius: 4px;
margin-left: 8px;
padding: 2px 8px;
font-size: 12px;
font-weight: 600;
line-height: 16px
}
.container-navigation {
border-bottom: 1px #0414341a;
justify-content: space-between;
align-items: stretch;
width: 100%;
max-width: 1280px;
height: 100%;
margin-left: auto;
margin-right: auto;
display: flex
}
.navigation-link {
color: #1a1a1a;
justify-content: center;
align-items: center;
height: 100%;
padding-left: 20px;
padding-right: 20px;
font-size: 16px;
font-weight: 500;
line-height: 24px;
text-decoration: none;
transition: all .2s;
display: flex
}
.navigation-link:hover {
color: #6070c8
}
.navigation-link.w--open {
color: #4c4cb3
}
.nav-bottom-both {
justify-content: space-between;
display: flex
}
.nav-button-blue {
color: #6070c8;
text-align: center;
background-color: #0000;
border: 1.5px solid #6070c8;
border-radius: 8px;
justify-content: center;
align-items: center;
min-height: 40px;
padding: 8px 14px;
font-size: 16px;
font-weight: 600;
line-height: 24px;
text-decoration: none;
transition: all .3s;
display: flex
}
.nav-button-blue:hover {
color: #f7f7f7;
background-color: #6070c8
}
.nav-column-small {
grid-column-gap: 20px;
grid-row-gap: 14px;
grid-template-columns: 1fr
}
.navigation-polka {
z-index: 99;
background-color: #fff;
border-bottom: 1px solid #000;
flex-direction: column;
justify-content: center;
align-items: center;
height: 90px;
padding-left: 3%;
padding-right: 3%;
display: flex
}
.nav-icon {
justify-content: center;
align-items: center;
width: 24px;
height: 24px;
margin-right: 24px;
display: flex
}
.nav-line {
background-color: #e0e3e6;
height: 1px;
margin-top: 32px;
margin-bottom: 20px
}
.navigation-toggle {
color: #1a1a1a;
justify-content: center;
align-items: center;
height: 100%;
padding-left: 20px;
padding-right: 30px;
font-size: 16px;
font-weight: 500;
line-height: 24px;
transition: all .2s;
display: flex
}
.navigation-toggle:hover,
.navigation-toggle.w--open {
color: #6070c8
}
.banner {
background-color: #fff;
justify-content: center;
align-items: center;
padding: 14px 5%;
display: flex
}
.banner-detail {
color: #666;
font-weight: 500;
line-height: 24px
}
.nav-link-small {
color: #1a1a1a;
border-radius: 8px;
flex-wrap: wrap;
align-items: center;
padding: 12px 16px;
text-decoration: none;
transition: all .3s;
display: flex
}
.nav-link-small:hover {
color: #4255bd;
background-color: #f4f5fb
}
.nav-title-small {
color: #333;
letter-spacing: -.02em;
font-size: 14px;
font-weight: 600;
line-height: 24px
}
.navigation-mobile-button {
align-items: center;
display: flex
}
.text-link-default {
color: #6070c8;
align-items: center;
margin-left: 10px;
text-decoration: none;
transition: opacity .3s;
display: flex
}
.text-link-default:hover {
opacity: .8
}
.navigation-button-wrapper {
justify-content: flex-end;
align-items: center;
display: flex
}
.icon-small-arrow {
justify-content: center;
align-items: center;
width: 18px;
height: 18px;
margin-left: 5px;
display: flex
}
.nav-grid-large {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr
}
.paragraph-small-2 {
color: var(--yellow);
letter-spacing: -.01em;
font-size: 14px;
line-height: 24px
}
.paragraph-small-2.text-weight-semibold {
font-weight: 600
}
.paragraph-small-2.align-center {
text-align: center;
padding-top: 44px
}
.nav-column-large {
grid-column-gap: 20px;
grid-row-gap: 14px;
grid-template-columns: 1fr 1fr
}
.nav-dropdown-container {
background-color: #fff;
max-width: 1280px;
margin-left: auto;
margin-right: auto;
padding-bottom: 20px;
overflow: hidden
}
.brand-2 {
margin-right: 20px
}
.polka-heading-detail-small {
color: gray;
letter-spacing: .08em;
text-transform: uppercase;
margin-bottom: 8px;
font-size: 12px;
font-weight: 600;
line-height: 16px
}
.nav-title-wrapper {
border-bottom: 1px solid #b2b2b2;
margin-bottom: 24px
}
.navigation-link-wrapper {
align-items: center;
display: flex
}
.dropdown-list-full {
z-index: 99;
min-width: 100%
}
.dropdown-list-full.w--open {
z-index: 99;
background-color: #fff;
min-width: auto;
margin-left: auto;
margin-right: auto;
padding-top: 20px;
padding-left: 3%;
padding-right: 3%;
position: absolute;
inset: 90px 0 auto;
box-shadow: 25px 25px 64px -14px #4d4d4d29
}
.nav-button-plain {
color: #1a1a1a;
text-align: center;
background-color: #0000;
justify-content: center;
align-items: center;
padding: 8px 10px;
font-size: 16px;
font-weight: 500;
line-height: 24px;
text-decoration: none;
transition: all .3s;
display: flex
}
.nav-button-plain:hover {
color: #4255bd
}
.menu-wrap {
color: #283338;
align-items: center;
height: 100%;
display: flex;
position: static
}
.navigation-bottom-wrapper {
padding-left: 16px;
padding-right: 16px
}
.nav-contact {
color: #4255bd;
background-color: #0000;
border: 1px solid #6070c8;
border-radius: 8px;
align-items: center;
margin-left: 14px;
padding: 8px 14px;
font-size: 14px;
font-weight: 500;
line-height: 24px;
text-decoration: none;
transition: border-color .4s;
display: flex
}
.nav-contact:hover {
border-color: #d3d3d3
}
.nav-contact-wrapper {
align-items: center;
display: flex
}
.icon-nav {
margin-right: 10px
}
.dropdown-2 {
height: 100%;
position: static
}
.phone-icon {
border-radius: 0;
justify-content: center;
align-items: center;
width: 24px;
height: 24px;
margin-left: 4px;
display: flex
}
.heading-7 {
color: var(--yellow);
font-family: Plus Jakarta Sans, sans-serif
}
.text-span-4,
.text-span-5,
.text-span-6 {
color: var(--yellow)
}
.idea {
color: var(--neutral-100)
}
.text-span-7,
.heading-8,
.heading-9 {
color: var(--yellow)
}
.name_team {
padding-bottom: 10px
}
.slider-team {
object-fit: fill;
background-color: #ddd0;
width: 100%;
height: 100%;
margin-left: auto;
margin-right: auto;
position: relative;
overflow: visible
}
.mask-2 {
object-fit: fill;
width: 100%;
max-width: 350px;
height: 100%;
overflow: hidden
}
.slide-2 {
float: none;
clear: none;
width: 100%;
max-width: 350px;
height: 100%;
margin-right: 35px;
padding-left: 0;
padding-right: 0;
position: relative;
inset: auto;
overflow: visible
}
.slide-2.team {
max-width: 360px
}
.slide-nav-2 {
display: none
}
.mask-3 {
overflow: hidden
}
.text-span-8 {
color: var(--yellow)
}
.div-put {
width: 100%;
height: 100%;
display: flex
}
.tabs-container {
max-width: 1200px;
margin-left: auto;
margin-right: auto
}
.tab-title {
color: #000;
letter-spacing: -.03em;
margin-top: 0;
margin-bottom: 24px;
font-size: 20px;
font-weight: 700
}
.tab-image {
border-radius: 30px;
height: 300px;
margin-bottom: 24px;
overflow: hidden
}
.tabs-content {
padding-top: 0;
overflow: visible
}
.tab-card-grid {
grid-column-gap: 40px;
grid-row-gap: 40px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr
}
.image-cover {
object-fit: cover;
width: 100%;
height: 100%
}
.tab-link {
color: #787878;
background-color: #0000;
border: 1px solid #dfdfdf;
border-radius: 50px;
margin-left: 12px;
margin-right: 12px;
padding-top: 14px;
padding-bottom: 14px;
font-size: 16px;
line-height: 26px;
transition: all .3s
}
.tab-link:hover,
.tab-link.w--current {
color: #578d58;
background-color: #ecf4e3;
border-color: #578d58
}
.count-text {
color: #969696;
margin-left: 8px;
font-size: 16px;
font-weight: 500
}
.star-row {
align-items: center;
display: flex
}
.tabs-menu {
flex-wrap: wrap;
justify-content: center;
align-items: center;
margin-bottom: 60px;
display: flex
}
.title-small {
color: #4f4f4f;
letter-spacing: 3px;
margin-bottom: 4px;
font-weight: 500
}
.rating {
color: #faae4b;
margin-right: 8px;
font-size: 16px;
font-weight: 500
}
.tab-section {
background-color: #fff0;
padding: 80px 3%;
position: relative
}
.tab-card {
background-color: #1b1b1bcf;
border-radius: 16px;
flex-flow: row;
justify-content: flex-start;
align-items: center;
padding: 10px 20px 0;
text-decoration: none;
transition: box-shadow .3s;
display: flex
}
.tab-card:hover {
box-shadow: 12px 31px 60px #8a8a8a1a
}
.tab-card.flex-v {
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-top: 0;
padding-bottom: 20px
}
.body-5 {
font-family: Plus Jakarta Sans, sans-serif;
font-size: 15px
}
.text-span-9 {
color: var(--yellow)
}
.columns {
display: block
}
.text-span-10,
.text-span-11 {
color: var(--yellow)
}
.list-2 {
padding-left: 16px
}
.text-span-12,
.text-span-13,
.text-span-14,
.text-span-15,
.text-span-16,
.text-span-17,
.text-span-18 {
color: var(--yellow)
}
.body-6 {
font-family: Plus Jakarta Sans, sans-serif
}
.text-span-19,
.text-span-20 {
color: var(--yellow)
}
.image_profil {
aspect-ratio: 1;
filter: none;
mix-blend-mode: normal;
object-fit: cover;
background-image: url(../images/626e40ba04af2a4ba1e4d9f9_Charles.webp);
background-position: 0 0;
background-size: cover;
border-radius: 20px;
flex: 0 auto;
width: 150px;
height: 150px
}
.image_profil.charles {
aspect-ratio: 2/3;
background-position: 50%;
border-radius: 20px;
height: 250px
}
.image_profil.carla {
background-image: url(../images/66e16ba4deb42b7fa52bd8c9_carla.jpg);
background-position: 0 0;
background-repeat: repeat;
background-size: cover;
border-radius: 20px;
flex: 0 auto;
justify-content: center;
align-items: center;
display: flex
}
.image_profil.emmanuel {
background-image: url(../images/626e40bac42cf9e69cc8a144_Emmanuel.webp);
background-position: 50%;
border-radius: 20px;
flex: 0 auto
}
.image_profil.thomas {
background-image: url(../images/626e40bac42cf9915ec8a145_Thomas.webp);
background-position: 50%;
border-radius: 20px;
flex: 1
}
.image_profil.mohamed {
background-image: url(../images/626e40b90d49994a67c8d379_Mohamed.webp);
height: 360px
}
.image_profil.valentin {
background-image: url(../images/626e40b90d49994a67c8d379_Mohamed.webp);
border-radius: 20px;
height: 360px
}
.image_profil.pg {
background-image: url(../images/62754415ee955641cbd59b75_Baptiste.webp);
background-position: 50%;
border-radius: 20px;
height: 250px;
margin-right: 79px;
padding-right: 85px
}
.image_profil.studios {
object-fit: fill;
background-image: url(../images/626fa81ad373171b388725c8_Le_Plateau_Corpo_Couv.webp);
background-position: 0 0;
background-size: cover;
height: 210px
}
.image_profil.naelle {
aspect-ratio: 1;
background-image: url(../images/669fc19f78d50c700e1c1127_Nae%CC%88lle.jpg);
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
flex: 0 auto
}
.image_profil.baptiste {
background-image: url(../images/62754415ee955641cbd59b75_Baptiste.webp);
flex: 0 auto;
width: 150px;
height: 150px
}
.image_profil.theo {
background-image: url(https://cdn.prod.website-files.com/6259471f6732ede18e35d975/66f139640e841519d1d7240c_img-The%CC%81o.avif);
background-position: 0 0;
background-size: cover
}
.datecomponent {
margin-right: 3px;
padding-right: 0
}
.text-span-21 {
color: var(--neutral-100)
}
.list-3 {
list-style-type: none;
display: flex
}
.text-span-22 {
color: var(--neutral-100)
}
.text-span-23,
.text-span-24 {
color: var(--yellow)
}
.body-7 {
font-family: Plus Jakarta Sans, sans-serif
}
.heading-10 {
text-align: center
}
.text-span-25 {
color: var(--yellow)
}
.color-yellow {
color: var(--yellow);
-webkit-text-stroke-color: transparent
}
.color-yellow.split-lines,
.color-yellow.is-bold {
font-weight: 700
}
.color-yellow.is-bold.cta-hover {
transition: all .3s
}
.color-yellow.is-bold.cta-hover:hover {
letter-spacing: .5px
}
.color-yellow.glow {
text-shadow: 1px 1px 20px #f9b233d1
}
.gallery-slide {
border: 5px none var(--yellow);
border-radius: 0;
margin-right: 30px
}
.slide-nav-hidden {
display: none;
bottom: -50px
}
.h3-heading {
color: #160042;
letter-spacing: -.02em;
margin-top: 0;
font-size: 48px;
font-weight: 700;
line-height: 56px
}
.gallery-image-small-square {
height: 350px
}
.section-gallery {
padding: 120px 5% 200px;
overflow: hidden
}
.icon {
justify-content: center;
align-items: center;
width: 24px;
height: 24px;
display: flex
}
.flex-wrapper-centre {
z-index: 5;
text-align: center;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
max-width: 700px;
margin-bottom: 48px;
margin-left: auto;
margin-right: auto;
display: flex;
position: relative
}
.left-arrow {
border: 1px solid var(--neutral-100);
background-color: var(--neutral-100);
color: #393b6a;
border-radius: 100px;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
padding: 6px;
transition: all .3s;
display: flex;
inset: auto 60px -90px auto
}
.left-arrow:hover {
color: #fff;
background-color: #160042
}
.gallery-slider {
background-color: #0000;
width: 100%;
height: auto
}
.image-cover-2 {
object-fit: cover;
width: 100%;
height: 100%
}
.gallery-slider-mask {
width: 360px;
overflow: visible
}
.heading-detail-small {
color: #6b7094;
letter-spacing: .08em;
text-transform: uppercase;
margin-bottom: 8px;
font-size: 14px;
font-weight: 700;
line-height: 24px
}
.right-arrow {
background-color: var(--neutral-100);
color: #393b6a;
border: 1px solid #e4e6f1;
border-radius: 100px;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
padding: 6px;
transition: all .3s;
display: flex;
inset: auto 0% -90px auto
}
.right-arrow:hover {
color: #fff;
background-color: #160042;
border-color: #160042
}
.gallery-lightbox {
width: 100%;
height: 100%
}
.container-regular {
z-index: 5;
width: 100%;
max-width: 1140px;
margin-left: auto;
margin-right: auto;
position: relative
}
.lottie-animation {
width: 150px
}
.progress-bar {
background-color: var(--neutral);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transform-origin: 0%;
object-fit: fill;
width: 100%;
height: 5px;
position: static
}
.bordertop {
border-top: 5px solid var(--yellow);
outline-offset: 0px;
outline: 3px #cecece;
max-width: 80%
}
.js-clock {
justify-content: center;
align-items: center;
display: flex
}
.pd-right {
padding-right: 5px
}
.pd-left {
padding-left: 5px
}
.text-span-26 {
color: var(--yellow)
}
.back-link {
text-decoration: none;
display: flex
}
.back-link:hover {
color: var(--yellow)
}
.lottie-animation-2 {
transform-style: preserve-3d;
max-width: 20px;
transform: rotateX(0)rotateY(180deg)rotate(0)
}
.lottie-animation-2.color-neutral-300:hover {
color: var(--yellow)
}
.lottie-animation-2.color-neutral-400 {
opacity: .55
}
.lottie-animation-2.color-neutral-400:hover {
opacity: 1
}
.text-span-27,
.text-span-28,
.text-span-29,
.text-span-30,
.text-span-31,
.text-span-32 {
color: var(--yellow)
}
.body-8 {
font-family: Plus Jakarta Sans, sans-serif
}
.en-savoir-plus {
flex-direction: row;
justify-content: flex-start;
display: flex
}
.lottie-animation-3 {
width: 20px
}
.arrow-more {
width: 30px;
padding-left: 10px
}
.text-span-33 {
color: var(--yellow)
}
.heading-11 {
font-size: 43px
}
.js-clock-2 {
justify-content: center;
align-items: center;
display: flex
}
.box-2 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 120px;
height: 120px;
margin-left: 61px;
margin-right: 10px;
padding: 10px;
font-size: 12px;
line-height: 20px;
display: flex
}
.clock-number-2 {
font-size: 6rem;
font-weight: 600;
line-height: 70px
}
.clock-label-2 {
letter-spacing: 5px;
text-transform: uppercase;
margin-top: 10px;
margin-right: -5px
}
.clock-label-2.paragraph {
margin-top: 27px
}
.lottie-animation-4 {
width: 150px
}
.lottie-animation-4.center-content {
margin-left: auto;
margin-right: auto;
display: block
}
.pictolotties.services {
width: 90px;
margin-left: -10px;
padding-left: 0
}
.pictolotties.services.first {
width: 90px;
margin-left: -10px
}
.pictolotties.services.second {
width: 90px;
margin-left: -5px
}
.text-span-34,
.text-span-35,
.text-span-36 {
color: var(--yellow)
}
.container {
background-color: #000;
height: 100vh;
display: flex
}
.div-block {
background-color: #000;
flex: 0 auto;
align-self: center;
width: 100%;
height: 100%;
margin-left: 0;
margin-right: 0
}
.html-embed {
width: 100%;
height: 100%
}
.text-span-37 {
color: var(--yellow);
font-size: 43px;
font-weight: 500
}
.text-span-38 {
font-size: 43px;
font-weight: 500
}
.heading-12 {
font-size: 45px
}
.text-span-39 {
color: var(--yellow);
font-size: 50px
}
.heading-13 {
font-size: 45px;
font-weight: 600
}
.milestone-line-top {
background-color: #1355ff;
width: 4px;
height: 50%;
margin-bottom: auto
}
.container-2 {
z-index: 5;
width: 100%;
max-width: 1140px;
margin-left: auto;
margin-right: auto;
position: relative
}
.title-wrapper {
text-align: center;
max-width: 600px;
margin-bottom: 92px;
margin-left: auto;
margin-right: auto
}
.heading-large {
color: #061237;
letter-spacing: -.02em;
margin-bottom: 14px;
font-size: 20px;
font-weight: 700;
line-height: 32px
}
.block-empty {
padding: 20px
}
.milestone-block {
justify-content: center;
align-items: center;
display: flex
}
.timeline-row {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1fr minmax(20px, 80px) 1fr
}
.paragraph-standard {
color: #67718e;
letter-spacing: -.02em;
margin-bottom: 0;
font-size: 16px;
font-weight: 400;
line-height: 32px
}
.title-large {
color: #1355ff;
letter-spacing: 2px;
text-transform: uppercase;
margin-bottom: 16px;
font-size: 16px;
font-weight: 600
}
.section-timeline {
background-color: #f5f9ff00;
align-items: center;
padding: 140px 5%;
display: flex;
position: relative;
overflow: hidden
}
.milestone-line-bottom {
background-color: var(--yellow);
width: 4px;
height: 50%;
margin-top: auto
}
.year-text {
color: #1355ff;
letter-spacing: 2px;
text-transform: uppercase;
margin-bottom: 8px;
font-size: 16px;
font-weight: 600
}
.button-round-light-blue {
color: #1355ff;
background-color: #f5f9ff;
border: 2px solid #f5f9ff;
border-radius: 32px;
justify-content: center;
align-items: center;
margin-right: 20px;
padding: 14px 40px;
font-size: 16px;
font-weight: 600;
line-height: 24px;
transition: all .3s;
display: flex
}
.button-round-light-blue:hover {
color: #1355ff;
background-color: #fff
}
.card-timeline-large {
background-color: #fff;
border-radius: 0;
flex-direction: column;
justify-content: center;
align-items: flex-start;
padding: 32px;
display: flex;
position: relative
}
.milestone-circle {
border: 4px solid var(--neutral);
background-color: #f5f9ff;
border-radius: 100px;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
padding: 4px;
display: flex;
position: absolute;
top: auto;
bottom: auto
}
.card-line-break {
background-color: #f2f3f8;
width: 100%;
height: 1px;
margin-top: 24px;
margin-bottom: 24px
}
.milestone-line {
background-color: var(--yellow);
width: 4px;
height: 100%
}
.milestone-inner-circle {
background-color: var(--yellow);
border-radius: 100px;
width: 24px;
height: 24px
}
.h3-heading-2 {
color: #061237;
letter-spacing: -.04em;
margin-top: 0;
margin-bottom: 24px;
font-size: 50px;
font-weight: 800;
line-height: 60px
}
.section-timeline-2 {
background-color: #f5f9ff;
align-items: center;
padding: 140px 5%;
display: flex;
position: relative;
overflow: hidden
}
.milestone-line-bottom-2 {
background-color: #1355ff;
width: 4px;
height: 50%;
margin-top: auto
}
.card-timeline-large-2 {
background-color: #fff;
border-radius: 16px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
padding: 32px;
display: flex;
position: relative
}
.milestone-circle-2 {
background-color: #f5f9ff;
border: 2px solid #1355ff;
border-radius: 100px;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
padding: 4px;
display: flex;
position: absolute;
top: auto;
bottom: auto
}
.milestone-line-2 {
background-color: #1355ff;
width: 4px;
height: 100%
}
.milestone-inner-circle-2 {
background-color: #1355ff;
border-radius: 100px;
width: 24px;
height: 24px
}
.features-subheading {
color: #e5e5e5;
font-size: 22px;
line-height: 1.5
}
.feature-title {
color: #e5e5e5;
letter-spacing: -.03em;
margin-top: 0;
margin-bottom: 32px;
font-size: 22px;
line-height: 1.2
}
.feature-card-primary {
text-align: left;
border-radius: 30px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
max-width: 320px;
display: flex;
position: relative
}
.feature-card-primary.is-noover {
border-radius: 10px;
overflow: hidden
}
.image-wrapper-2 {
border-top: 5px none var(--yellow);
background-color: #000;
border-radius: 0;
margin-bottom: 32px;
padding: 0
}
.image-wrapper-2.is-services {
max-width: 72%;
margin-bottom: 0
}
.image-wrapper-2.luxy-el {
position: relative;
overflow: hidden
}
.image-wrapper-2.is-noover {
overflow: hidden
}
.features-heading {
color: #fff;
letter-spacing: -.03em;
margin-top: 0;
margin-bottom: 14px;
font-size: 56px;
line-height: 1.1
}
.features-heading.lh110 {
line-height: 1.1
}
.feature-container {
max-width: 1260px;
margin-left: auto;
margin-right: auto
}
.features-grid {
grid-column-gap: 40px;
grid-row-gap: 100px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
align-items: start
}
.features-title-wrap {
text-align: center;
max-width: 860px;
margin-bottom: 140px;
margin-left: auto;
margin-right: auto
}
.feature-paragraph {
color: #999;
font-size: 18px;
line-height: 32px
}
.feature-section {
background-color: #000;
padding: 100px 3%
}
.inner-container-900px {
width: 100%;
max-width: 900px
}
.cont {
border-style: none;
border-width: 5px 1px 1px;
border-color: var(--yellow)black black;
opacity: 1;
background-color: #0000;
border-radius: 0;
padding: 100px
}
.image-2 {
width: 100%;
height: 100%
}
.badge-popular {
color: #f7f7f7;
background-color: #e6191a;
border-radius: 4px;
margin-left: 8px;
padding: 2px 8px;
font-size: 12px;
font-weight: 600;
line-height: 16px
}
.icon-small-user {
justify-content: center;
align-items: center;
width: 36px;
height: 36px;
margin-right: 5px;
display: flex
}
.nav-dropdown-base {
background-color: #fff;
border: 1px solid #f7f7f7;
border-radius: 20px;
max-width: 1280px;
margin-left: auto;
margin-right: auto;
padding: 36px 20px 20px;
overflow: hidden;
box-shadow: 4px 36px 64px -14px #4d4d4d26
}
.dropdown-list-small {
z-index: 99;
min-width: 100%
}
.dropdown-list-small.w--open {
z-index: 99;
background-color: #0000;
min-width: auto;
max-width: 1280px;
margin-left: auto;
margin-right: auto;
padding-top: 20px;
position: absolute;
inset: 90px 0 auto
}
.nav-link-large {
color: #1a1a1a;
border-radius: 8px;
flex-wrap: wrap;
align-items: center;
padding: 12px 24px;
text-decoration: none;
transition: all .3s;
display: flex
}
.nav-link-large:hover {
color: #4255bd;
background-color: #f4f5fb
}
.nav-title-2 {
color: #1a1a1a;
letter-spacing: -.02em;
font-size: 18px;
font-weight: 600;
line-height: 32px
}
.nav-grid {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr
}
.navigation-line-break {
background-color: #1a1a1a;
width: 1px;
height: 100%;
max-height: 48px;
margin-left: 10px;
margin-right: 10px
}
.text-span-40,
.text-span-41 {
color: var(--yellow)
}
.feature-text {
color: #f0759e;
margin-bottom: 10px;
font-size: 18px;
font-weight: 500;
line-height: 24px
}
.image-wrapper-3 {
background-image: none;
background-position: 0 0;
background-repeat: no-repeat;
background-size: contain;
justify-content: center;
align-items: center;
width: 100%;
max-width: 560px;
margin-left: auto;
margin-right: auto;
padding: 44px;
display: flex;
position: relative
}
.feature-icon {
margin-right: 10px
}
.content-image-02 {
border-radius: 20px;
position: relative;
top: -30px
}
.content-heading {
color: #4d4d4d;
letter-spacing: -.05em;
margin-top: 0;
margin-bottom: 92px;
font-size: 59px;
font-weight: 500;
line-height: 70px
}
.feature-list {
grid-column-gap: 32px;
grid-row-gap: 32px;
grid-template-columns: 1fr;
width: 100%
}
.content-section {
background-color: #fdedf2;
padding: 200px 3%
}
.content-grid {
grid-column-gap: 82px;
grid-row-gap: 82px;
grid-template-rows: auto;
grid-template-columns: 1.4fr 1.4fr
}
.content-grid.left {
grid-auto-flow: row
}
.content-grid.right {
grid-template-columns: 1.4fr 1.4fr
}
.content-grid._0px-space.is-services {
min-height: auto;
max-height: 350px
}
.content-grid._0px-space.is-services.is-hidden {
display: none
}
.content-grid._0px-space.luxy-el {
align-content: center;
height: auto
}
.content-grid.is-mobile.is-hidden {
display: none
}
.feature-wrapper {
align-items: flex-start;
display: flex
}
.content-wrapper {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
display: flex
}
.content-wrapper.flexh {
grid-column-gap: 0px;
grid-row-gap: 0px;
background-image: url(../images/6538c6cfab284ec9791feb81_AdobeStock_650685384_Preview.jpeg);
background-position: 0%;
background-size: cover;
border-radius: 1rem;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
max-width: 100%;
padding-bottom: 0;
padding-left: 0;
padding-right: 0
}
.content-wrapper.flexh.is-02 {
background-image: url(../images/6538c6cf7f0ef3a5fc72d8d6_AdobeStock_650765495_Preview.jpeg);
padding-bottom: 0;
padding-left: 0;
padding-right: 0
}
.content-wrapper.flexh.is-01 {
background-image: url(../images/6538d017a3276a7a6a7504d2_AdobeStock_481462158_Preview.jpeg);
background-position: 50%;
padding-bottom: 0;
padding-left: 0;
padding-right: 0
}
.content-wrapper.flexh.is-03 {
background-image: url(../images/6538c6cfff4bf58c03db40ae_AdobeStock_646933115_Preview.jpeg);
background-position: 52%
}
.content-wrapper.is-noover {
overflow: visible
}
.content-paragraph {
color: #666;
margin-bottom: 0;
line-height: 28px
}
.content-image {
border-radius: 20px;
position: absolute;
top: 30%;
left: -5%;
right: auto;
box-shadow: 0 0 20px -9px #000
}
.content-image-03 {
border-radius: 20px;
max-width: 80%;
position: absolute;
inset: auto 5% 5% auto
}
.feature-container-2 {
max-width: 1160px;
margin-left: auto;
margin-right: auto
}
.text-span-42 {
color: var(--yellow)
}
.section-large {
padding: 120px 5%;
position: relative
}
.gallery-lightbox-small {
width: 100%
}
.gallery-image-x-tall {
height: 550px
}
.gallery-image-side {
height: 400px
}
.gallery-three-grid {
grid-column-gap: 40px;
grid-row-gap: 40px;
grid-template-rows: auto;
grid-template-columns: 1fr 2fr 1fr;
align-content: center;
align-items: center
}
.mg-bottom-0px-2 {
margin-bottom: 0
}
.dash-2 {
background-color: #fff;
width: 40px;
min-height: 2px;
position: relative
}
.dash-2.text-separator {
background-color: #9d9d9d;
align-self: center;
width: 30px;
margin-left: 1em;
margin-right: 1em
}
.button-secondary-2 {
color: #fff;
text-align: center;
background-color: #363636;
border: 1px solid #0000;
border-radius: 80px;
height: auto;
padding: 20px 40px;
line-height: 20px;
text-decoration: none;
transition: border-color .4s, background-color .4s;
display: inline-block
}
.button-secondary-2:hover {
color: #fff;
background-color: #36363680;
border-color: #ffffff7a
}
.slider-2 {
background-color: #0000;
width: 100%;
height: 100%
}
.slider-arrow-v4-2 {
color: #070707;
background-color: #fff;
border: 1px solid #0000;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 64px;
height: 64px;
min-height: 64px;
margin-left: auto;
margin-right: auto;
font-family: Iconsphotographerxtemplate, sans-serif;
font-size: 20px;
transition: color .4s, border-color .4s, background-color .4s;
display: flex;
inset: 47% -20px auto auto
}
.slider-arrow-v4-2:hover {
color: #fff;
background-color: #0000;
border: 1px solid #fff
}
.slider-arrow-v4-2.left {
right: auto
}
.cms-empty-state-2 {
text-align: center;
background-color: #0000;
border: 1px solid #fff;
justify-content: center;
align-items: center;
min-height: 180px;
padding: 64px;
font-weight: 500;
display: flex
}
.news {
object-fit: cover;
border-radius: 10px;
min-width: 200px;
max-width: 350px;
min-height: 260px;
max-height: 260px
}
.text-separator-2 {
background-color: #fff;
align-self: center;
width: 20px;
min-height: 1px;
margin-left: 1em;
margin-right: 1em;
padding: 0
}
.text-separator-2.bg-neutral-300 {
width: 5px;
margin-left: .5em;
margin-right: .5em
}
.text-separator-2.is-big {
width: 64px;
margin-left: 0
}
.text-span-43 {
color: var(--yellow)
}
.heading-14 {
margin-top: 0
}
.form-section {
margin-left: auto;
margin-right: auto;
display: flex
}
.checkbox-green {
border-radius: 7px;
width: 24px;
height: 24px;
margin-top: 0;
margin-left: 0;
margin-right: 8px
}
.checkbox-green.w--redirected-checked {
background-color: #abc3b6;
background-size: 12px
}
.form-row-wrap {
flex-wrap: wrap;
margin-bottom: 20px;
display: flex
}
.title-wrap {
max-width: 510px;
margin-bottom: 50px
}
.phone-number-wrapper {
align-items: center;
display: flex
}
.form-grid {
grid-column-gap: 30px;
grid-row-gap: 30px;
grid-template-rows: auto
}
.title-wrapper-2 {
flex-wrap: wrap;
align-items: center;
margin-bottom: 30px;
display: flex
}
.button-wrapper {
justify-content: space-between;
margin-top: 60px;
display: flex
}
.button-wrapper.no-mg {
margin-top: 0
}
.field-label {
color: #a8a8a8;
margin-bottom: 10px;
font-size: 18px;
font-weight: 500;
line-height: 1
}
.submit-button {
letter-spacing: -.02em;
background-color: #000;
border-radius: 0;
padding: 20px 57px;
font-size: 16px;
font-weight: 700;
line-height: 1.2
}
.form-section-wrap {
margin-bottom: 40px
}
.form-container {
justify-content: flex-start;
width: 70%;
padding: 100px 5% 100px 8%;
display: flex
}
.circle-text-wrapper {
margin-left: 22px;
margin-right: 10px;
position: relative
}
.circle {
z-index: -1;
max-width: 114%;
display: block;
position: absolute;
inset: -7% 0% 0% -7%
}
.checkbox-field {
justify-content: center;
align-items: center;
margin-bottom: 15px;
margin-right: 15px;
padding: 18px 32px;
display: flex;
position: relative
}
.flag-wrapper {
align-items: center;
margin-right: 14px;
display: flex
}
.form-wrapper {
flex-direction: column;
align-items: center;
width: 100%;
max-width: 730px
}
.flag-image {
object-fit: cover;
width: 100%;
height: 100%
}
.checkbox-label {
color: #000;
margin-bottom: 0;
font-size: 16px;
font-weight: 600
}
.checkbox-logo {
position: relative
}
.text-field {
color: #a8a8a8;
letter-spacing: -.03em;
border: 1px solid #ddd;
height: 60px;
margin-bottom: 0;
font-weight: 500
}
.text-field:active {
color: #000;
border-color: #9bbdab
}
.text-field:focus {
color: #0f1529;
border-color: #9bbdab
}
.text-field::placeholder {
color: #a8a8a8
}
.side-banner {
background-image: none;
background-position: 100%;
background-repeat: no-repeat;
background-size: cover;
width: 30%
}
.form-subheading {
color: #2c2c2c;
letter-spacing: -.02em;
font-size: 20px;
font-weight: 400;
line-height: 32px
}
.form-heading {
color: #0f1529;
letter-spacing: -.03em;
margin-top: 0;
margin-bottom: 0;
font-size: 48px;
font-weight: 700;
line-height: 1.2
}
.chevron-filled {
margin-left: 8px;
margin-right: 14px
}
.form-title {
color: #000;
letter-spacing: -.02em;
margin-bottom: 30px;
font-size: 30px;
font-weight: 500;
line-height: 1
}
.checkbox {
cursor: pointer;
border-color: #ddd;
border-radius: 0;
width: 100%;
height: 100%;
margin-top: 0;
margin-left: 0;
display: block;
position: absolute;
inset: 0%
}
.checkbox.w--redirected-checked {
background-color: #e5f6ed;
background-image: none;
border-color: #9bbdab
}
.flag {
border-radius: 100px;
width: 40px;
min-width: 40px;
height: 40px;
min-height: 40px
}
.checkbox-confirmation {
align-items: center;
margin-bottom: 0;
padding-left: 0;
display: flex
}
.check-box {
color: #0f1529;
letter-spacing: -.02em;
justify-content: center;
align-items: center;
margin-bottom: 0;
line-height: 24px;
display: none
}
.check-box:active {
background-color: #8b54c21a;
border-color: #8b54c2
}
.text-span-44 {
color: var(--yellow);
text-align: left;
font-weight: 700
}
.banner-basic {
color: #160042;
text-align: center;
background-color: #f9b23340;
justify-content: center;
align-items: center;
min-height: 45px;
padding: 10px 5%;
text-decoration: none;
display: flex
}
.paragraph-regular {
letter-spacing: -.02em;
font-size: 16px;
line-height: 24px;
text-decoration: none
}
.paragraph-regular:hover {
text-decoration: none
}
.section-empty {
padding-top: 75px;
padding-bottom: 0
}
.section-empty.is-hidden {
display: none
}
.section-empty.is-mobile {
padding-top: 0
}
._100px-space {
min-height: 100px
}
.text-span-47 {
color: var(--yellow)
}
.lottie-animation-5 {
z-index: -1;
width: 500px;
height: 100px;
display: none;
position: absolute;
inset: -32% 0% 0% -40%
}
.html-embed-2 {
opacity: 1;
width: 100%;
min-width: auto
}
.text-span-48,
.text-span-49 {
color: var(--yellow)
}
.heading-20 {
line-height: 1.4em
}
.text-span-50 {
border-bottom: 7px solid var(--yellow);
outline-offset: 0px;
outline: 3px #fff
}
.text-span-51 {
color: var(--yellow)
}
.layout2-1_lightbox {
background-color: #0000;
align-items: center;
width: 100%;
height: 100%;
min-height: 0;
display: flex;
position: relative;
overflow: hidden
}
.layout2-1_lightbox.is-mod {
width: 100%;
height: 100%;
margin-left: auto;
margin-right: auto;
position: absolute;
top: 0%
}
.button {
grid-column-gap: .5rem;
color: #0000;
text-align: center;
white-space: nowrap;
background-color: #0000;
border: 1px solid #0000;
border-radius: .5rem;
justify-content: center;
align-items: center;
padding: .625rem 1.125rem;
font-weight: 500;
transition: all .3s;
display: flex;
box-shadow: 0 1px 2px #1018280d
}
.button:hover {
background-color: #0000;
border-color: #0000
}
.button:focus {
background-color: #0000;
box-shadow: 0 1px 2px #1018280d, 0 0 0 4px #0000
}
.heading-medium {
font-size: 2.25rem;
font-weight: 600;
line-height: 1.3
}
.button-secondary-gray {
grid-column-gap: .5rem;
color: #0000;
text-align: center;
white-space: nowrap;
background-color: #0000;
border: 1px solid #0000;
border-radius: .5rem;
justify-content: center;
align-items: center;
padding: .625rem 1.125rem;
font-weight: 500;
text-decoration: none;
transition: all .3s;
display: flex;
box-shadow: 0 1px 2px #1018280d
}
.button-secondary-gray:hover {
background-color: #0000
}
.button-secondary-gray:focus {
background-color: #0000;
box-shadow: 0 1px 2px #1018280d, 0 0 0 4px #0000
}
.text-size-medium {
letter-spacing: normal;
border-bottom: 1px #000;
font-size: 1.125rem;
text-decoration: none
}
.text-size-medium:lang(fr-fr) {
border-bottom: 1px #000
}
.layout2-1_component {
grid-column-gap: 4rem;
grid-row-gap: 4rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
display: grid
}
.page-padding {
padding-left: 2rem;
padding-right: 2rem
}
.margin-bottom,
.margin-bottom.margin-xsmall,
.margin-bottom.margin-small {
margin-top: 0;
margin-left: 0;
margin-right: 0
}
.margin-bottom.margin-small.z {
z-index: 10;
position: relative
}
.margin-bottom.margin-medium,
.margin-bottom.margin-xxsmall,
.margin-bottom.margin-xsmall {
margin-top: 0;
margin-left: 0;
margin-right: 0
}
.margin-bottom.margin-xsmall.is-hiddenontablet {
display: none
}
.margin-bottom.margin-xxlarge,
.margin-bottom.margin-xsmall,
.margin-bottom.margin-xsmall,
.margin-bottom.margin-xsmall,
.margin-bottom.margin-large {
margin-top: 0;
margin-left: 0;
margin-right: 0
}
.layout2-1_image {
border: .25rem solid #0000;
border-radius: .5rem;
width: 40rem;
min-width: 40rem;
position: absolute;
inset: auto auto auto 3rem
}
.layout2-1_image.shadow-xlarge {
object-fit: cover;
border-style: none;
flex: 0 auto;
align-self: center;
width: 100%;
min-width: 0;
position: static
}
.button-row {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
flex-wrap: wrap;
align-items: center;
display: flex
}
.margin-top,
.margin-top.margin-medium,
.margin-top.margin-medium,
.margin-top.margin-medium,
.margin-top.margin-small {
margin-bottom: 0;
margin-left: 0;
margin-right: 0
}
.margin-top.margin-xxsmall {
margin-top: 0;
margin-left: 0;
margin-right: 0
}
.container-large {
width: 100%;
max-width: 80rem;
margin-left: auto;
margin-right: auto
}
.container-large.is-relative {
position: static
}
.lightbox_play-icon {
z-index: 2;
-webkit-backdrop-filter: saturate(150%)blur(12px);
backdrop-filter: saturate(150%)blur(12px);
color: #fff;
background-color: #f9b23385;
border-radius: 100%;
width: 7rem;
height: 7rem;
position: absolute;
top: 40%
}
.padding-vertical,
.padding-vertical.padding-xxlarge,
.padding-vertical.padding-xhuge {
padding-left: 0;
padding-right: 0
}
.lightbox_video-overlay-layer {
z-index: 1;
background-color: #1d29391a;
justify-content: center;
align-self: center;
align-items: center;
width: 100%;
height: auto;
display: flex;
position: absolute;
inset: 0%
}
.lightbox_video-overlay-layer.is-test {
background-color: #00000094
}
.lightbox_video-overlay-layer.is-mod {
background-color: #0101014a
}
.text-span-52 {
color: var(--yellow)
}
.text-span-52.is-mod {
color: var(--neutral-100)
}
.text-span-53,
.text-span-54 {
color: var(--yellow)
}
.icon-2 {
transform: rotate(180deg)
}
.categorie-hidden {
display: none
}
.fs-checkbox_field-1 {
color: #fff;
cursor: pointer;
background-color: #fff0;
border: 1px solid #fff;
border-radius: 8rem;
flex-direction: row;
justify-content: flex-start;
align-items: center;
margin-bottom: 0;
margin-left: 15px;
padding: .5rem 1rem;
font-weight: 500;
display: flex;
position: relative
}
.fs-checkbox_field-1:hover {
color: #fff;
background-color: #ffffff45;
border-color: #696969
}
.fs-checkbox_field-1:focus-visible {
background-color: #ffffff4d
}
.fs-checkbox_field-1[data-wf-focus-visible] {
background-color: #ffffff4d
}
.fs-checkbox_field-1.is-active {
color: #000;
background-color: #fff;
border-color: #501aff;
border-radius: 8rem
}
.fs-checkbox_button-1 {
opacity: 1;
border-style: none;
border-radius: 0;
width: 100%;
height: 100%;
margin-top: 0;
margin-left: 0;
display: block;
position: absolute;
inset: 0% 0% auto;
box-shadow: 1px 1px 3px #0000
}
.fs-checkbox_button-1.w--redirected-checked {
background-color: #0000;
background-image: none
}
.fs-checkbox_button-1.w--redirected-focus {
box-shadow: none
}
.fs-checkbox_button-1.w--redirected-focus-visible {
box-shadow: none;
outline-offset: 4px;
border-style: none;
border-width: 0;
outline: 2px #9b9b9b
}
.fs-checkbox_label-1 {
z-index: 1;
margin-bottom: 0;
font-weight: 500;
position: relative
}
.fs-radio_field-4 {
color: #fff;
cursor: pointer;
background-color: #fff0;
border: 1px solid #fff;
border-radius: 8rem;
flex-direction: row;
justify-content: space-between;
align-items: center;
margin-bottom: 0;
margin-left: 10px;
margin-right: 10px;
padding: .5rem 1rem;
font-weight: 500;
display: flex;
position: relative
}
.fs-radio_field-4:hover {
color: #696969;
border-color: #696969
}
.fs-radio_field-4.is-active {
color: #000;
background-color: #fff;
border-style: none;
border-color: #501aff;
border-radius: 8rem;
padding: .5rem 1rem
}
.fs-radio_button-4 {
border-style: none;
border-radius: 0;
width: 100%;
height: 100%;
margin-top: 0;
margin-left: 0;
display: block;
position: absolute;
inset: 0%;
box-shadow: 1px 1px 3px #0000
}
.fs-radio_button-4:active {
color: #fff;
background-color: #fff;
border-color: #fff;
border-radius: 8rem
}
.fs-radio_button-4.w--redirected-checked {
background-color: #fff;
border-radius: 100px
}
.fs-radio_button-4.w--redirected-focus {
box-shadow: none;
border-style: none
}
.fs-radio_button-4.w--redirected-focus-visible {
box-shadow: none;
outline-offset: 4px;
outline: 2px solid #9b9b9b
}
.fs-radio_label-4 {
margin-bottom: 0;
font-weight: 500;
position: relative
}
.fs-radio_label-4:focus {
color: #000
}
.div-filtres {
justify-content: space-between;
display: flex
}
.description-projet {
column-count: 2;
column-gap: 80px
}
.container-default-2 {
width: 100%;
max-width: 1303px;
margin-left: auto;
margin-right: auto;
padding-left: 24px;
padding-right: 24px
}
.image-wrapper-4 {
border-radius: 4px;
width: 100%;
max-width: none;
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden
}
.section-2 {
padding-top: 99px;
padding-bottom: 99px
}
.section-2.bg-champagne-light.padding-small {
background-color: #d7a76026
}
.image-two {
object-fit: cover;
width: 100%;
height: 100%
}
.top-content.flex {
justify-content: space-between;
margin-bottom: 30px
}
.image-one {
object-fit: cover;
width: 100%;
height: 600px
}
.image-one.mini {
height: 300px
}
.mg-right-5px {
margin-right: 5px
}
.mg-right-5px.width-20px.no-radius {
border-radius: 0
}
.lottie-animation-6 {
max-width: 76%
}
.div-block-2 {
width: 100%;
height: 100%
}
.html-embed-3 {
height: 100%
}
.html-embed-3.hide-in-desktop-tablet {
display: none
}
.full-image-vertical {
object-fit: cover;
flex: auto
}
.cell {
grid-column-gap: 15px;
grid-row-gap: 15px
}
.full-width-cell {
object-fit: cover;
flex: 1;
align-self: auto;
width: 100%;
height: 90px;
display: block
}
.cell-2 {
flex-flow: column;
justify-content: center;
align-items: stretch;
margin-left: auto;
margin-right: auto;
padding-top: 0;
padding-bottom: 0;
display: block
}
.grid-studios {
grid-column-gap: 164px;
grid-row-gap: 164px;
flex-direction: column;
display: flex
}
.grid-studios.is-services {
grid-column-gap: 96px;
grid-row-gap: 96px;
margin-top: 60px
}
.surtitre {
color: var(--yellow);
font-size: 20px;
font-weight: 500;
line-height: 1.3em
}
.card-team {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
display: flex
}
.div-block-3 {
position: absolute;
top: 0
}
.cta-card_description--text_field {
color: var(--neutral-400);
margin-top: 16px;
margin-bottom: 16px
}
.section-cta {
padding-top: 60px;
padding-bottom: 60px;
position: relative
}
.text-block-5 {
text-decoration: none
}
.is-address--footer {
color: var(--neutral-300);
padding-left: 15px;
padding-right: 15px;
font-size: 14px;
line-height: 1.5em
}
.hubspot-legalconsent {
margin-top: 1rem
}
.form-3 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid
}
.is-ctalabel {
color: var(--neutral-400);
margin-bottom: 0;
font-size: 16px;
font-weight: 400
}
.consent {
font-size: 12px;
line-height: 145%
}
.is-consent {
margin-top: 8px
}
.text-block-6 {
color: var(--neutral-400)
}
.success-message-2 {
background-color: var(--neutral-600)
}
.error {
color: var(--neutral-600)
}
.text-block-7 {
color: var(--neutral-500)
}
.close-button {
background-color: var(--yellow);
border-radius: 100%;
justify-content: center;
align-items: center;
width: 50px;
height: 50px;
display: flex;
position: absolute;
inset: 0% 23% auto auto
}
.image-4 {
border-radius: 0;
width: auto;
max-width: 80%
}
.embed-container,
.div-block-4 {
width: 100%
}
.is-h1rotate--wrapper {
height: 63px;
margin-top: 0;
position: relative;
overflow: hidden
}
.rotatingtext {
color: var(--yellow);
text-transform: lowercase;
margin-top: 0;
margin-bottom: 0;
font-size: 45px;
font-weight: 700;
line-height: 1.4em;
position: absolute;
inset: 0%
}
.html-embed-4 {
display: block
}
.is-normal {
font-weight: 400
}
.padding-bottom-96 {
margin-top: 140px;
margin-bottom: 96px
}
.lottie-home {
width: 37px;
margin-left: 16px
}
.flex_reveal-wrapper {
z-index: 1;
border-radius: 8px;
align-items: stretch;
width: 100%;
height: 300px;
display: flex;
position: relative;
overflow: hidden
}
.flexr_reveal-item {
flex: 1;
transition: all .75s cubic-bezier(.455, .03, .515, .955);
position: relative;
overflow: hidden
}
.flexr_reveal-item:hover {
color: var(--yellow);
flex: 2 auto;
overflow: hidden
}
.flexr_reveal-item.is-1 {
background-image: url(../images/652fd3d60fbdd0b9b067d3b5_Re%CC%81gie-mobile-experte-Large.webp);
background-size: cover
}
.flexr_reveal-item.is-6.is-hidden {
display: none
}
.flexreveal--overlay {
opacity: 1;
background-color: #181818cc;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: block
}
.link-3 {
flex: 1
}
.grid--services-container.is-hidden {
display: none
}
.is-black {
color: var(--neutral)
}
.is-black.is-normal {
color: var(--neutral-100);
font-size: 24px;
font-weight: 500
}
.cta--projectambiteux-container {
margin-top: 64px
}
.cta--projectambiteux-container.is-relative {
height: 450px;
margin-top: 180px;
position: relative;
overflow: visible
}
.flexreveal-p--container {
color: var(--neutral-100);
width: auto;
margin-top: 29px;
margin-left: 0;
margin-right: 0
}
.flexreveal-img--container {
opacity: .51;
filter: grayscale();
background-image: url(../images/653a49c16272576565553dc2_AdobeStock_481462158.webp);
background-position: 50% 0;
background-size: cover;
width: 100%;
height: 100%;
position: absolute;
top: 0
}
.flexreveal-img--container.is-2 {
background-image: url(../images/6548f905cd45588f6f8c60fe_Fond%20vert%20HULST111.webp);
background-position: 23% 0;
background-size: cover
}
.flexreveal-img--container.is-3 {
background-image: url(../images/653a49c16272576565553dbf_AdobeStock_646933115.webp);
background-position: 50%;
background-size: cover
}
.flexreveal-img--container.is-4 {
background-image: url(../images/653a49c07784a6ac90e01539_AdobeStock_203966675.webp);
background-position: 50% 0;
background-size: cover
}
.flexreveal-img--container.is-5 {
background-image: url(../images/653a49c0186416d0397103c9_AdobeStock_589526886.webp);
background-position: 50% 0;
background-size: cover
}
.flexreveal-img--container.is-6 {
background-image: url(../images/653a49c0079dbdf6f282c8f6_AdobeStock_585171187.webp);
background-position: 50% 0;
background-size: cover
}
.flexreveal--overlay2 {
background-image: linear-gradient(to bottom, var(--yellow), #000 47%, #000000c2 75%, #fff0);
opacity: 1;
width: 100%;
height: 100%;
display: none;
position: absolute;
top: 0%
}
.page {
height: 1000vh;
display: block
}
.scenario {
perspective: 70rem;
justify-content: center;
align-items: center;
height: 100vh;
display: flex;
position: fixed;
inset: 0%;
transform: none
}
.scenario---stage {
transform-style: preserve-3d;
width: 25rem;
height: 25rem;
position: relative;
transform: translateZ(1px)
}
.scenario---scene {
border-radius: 1rem;
width: 100%;
position: absolute;
top: 0%;
bottom: 0%
}
.scenario---scene.x-02 {
background-color: var(--card-frozen1);
transform-style: preserve-3d;
display: flex;
left: auto;
right: 25%;
transform: translateZ(-100rem)
}
.scenario---scene.x-00 {
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
left: auto;
right: 25%
}
.scenario---scene.x-01 {
transform-style: preserve-3d;
background-color: #1c4edb;
left: 25%;
right: auto;
transform: translateZ(-50rem)
}
.scenario---scene.x-00 {
background-color: #d5212a;
left: auto;
right: 25%
}
.scenario---scene.x-01 {
background-color: var(--card-frozen1);
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
transform-style: preserve-3d;
display: flex;
left: 25%;
right: auto;
transform: translateZ(-50rem)
}
.scenario---scene.x-00 {
background-color: var(--card-frozen1);
opacity: 1;
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
height: auto;
display: flex;
left: auto;
right: 25%
}
.page-2 {
height: 1000vh
}
.scenario---stage-2 {
transform-style: preserve-3d;
width: 20rem;
height: 20rem;
position: relative;
transform: translateZ(1px)
}
.page-3 {
height: 600vh;
display: block
}
.page-3.is-hidden {
display: none
}
.scenario---stage-3 {
transform-style: preserve-3d;
width: 22.7rem;
height: 28.7rem;
position: relative;
transform: translateZ(1px)
}
._3d_img--container {
width: 100%;
height: 100%;
position: relative;
top: 0;
overflow: hidden
}
._3d_img--container.is-hidden {
display: none
}
._3d_copy--container {
-webkit-backdrop-filter: blur(2px);
backdrop-filter: blur(2px);
background-color: #181818ed;
border-radius: 8px;
padding-left: 16px;
padding-right: 16px;
position: static
}
.loft-lottie {
width: 150px
}
.loft-lottie.mg-bottom-8px.is-02 {
width: 115px
}
.loft-lottie.mg-bottom-8px.is-02.mg-right-32 {
width: 64px;
margin-right: 32px
}
.loft-lottie.mg-bottom-8px.is-05,
.loft-lottie.is-01 {
width: 125px
}
.loft-lottie.is-01.mg-right-32 {
width: 64px;
margin-right: 32px
}
.loft-lottie.is-03 {
width: 125px
}
.loft-lottie.is-03.mg-right-32 {
width: 64px;
margin-right: 32px
}
.loft-lottie.is-04,
.loft-lottie.is-06 {
width: 125px
}
.studio_icon--container {
flex-direction: column;
justify-content: flex-end;
align-items: center;
padding-top: 32px;
display: flex
}
.flexreveal--link {
z-index: 0;
opacity: 1;
width: 100%;
height: 100%;
position: absolute;
top: 0
}
.dropdown-list {
filter: blur(7px);
background-color: #0000
}
.dropdown-list.w--open {
opacity: 1;
filter: blur();
color: var(--neutral-100);
background-color: #000;
border-radius: 8px;
width: auto;
padding-left: 16px
}
.link-dropdown {
color: var(--neutral-100);
margin-left: 0;
padding-top: 0;
padding-bottom: 0;
position: relative
}
.link-dropdown:hover {
color: var(--yellow)
}
.white,
.yellow {
color: var(--neutral-100)
}
.lottie-dropdown {
width: 50px
}
.lottie-dropdown.is-talk {
width: 42px
}
.dropdown_item-container {
justify-content: flex-start;
align-items: center;
width: 250px;
padding-top: 10px;
padding-bottom: 10px;
display: flex
}
.dropdown_item-container:hover {
color: var(--yellow)
}
.dropdown_item-container.local {
width: auto
}
.dropdown-arrow {
width: 15px;
top: 0
}
.toggle-nav {
padding-left: 0;
padding-right: 0
}
.link-block,
.link-block-2,
.link-block-3,
.link-block-4,
.link-block-5,
.link-block-6 {
text-decoration: none
}
.icon-studios {
width: 64px
}
.icon-studios.is-mod {
width: 56px
}
.nav-talk--container {
justify-content: center;
align-items: center;
width: 50px;
display: flex
}
.text-size-medium-2 {
font-size: 1rem
}
.layout350_content {
flex-direction: column;
justify-content: center;
align-items: flex-start;
height: 100vh;
display: flex
}
.button-2 {
color: #0000;
text-align: center;
background-color: #0000;
border: 1px solid #0000;
padding: .75rem 1.5rem
}
.button-2.is-link {
color: #0000;
background-color: #0000;
border-style: none;
padding: .25rem 0;
line-height: 1;
text-decoration: none
}
.button-2.is-link.is-icon {
grid-column-gap: .5rem;
grid-row-gap: .5rem
}
.button-2.is-secondary {
color: #0000;
background-color: #0000
}
.padding-section-large {
padding-top: 3rem;
padding-bottom: 7rem
}
.layout350_tabs-menu {
z-index: 1;
grid-column-gap: .25rem;
-webkit-backdrop-filter: none;
backdrop-filter: none;
background-color: #0000;
background-image: none;
border: 1px #0000;
align-items: center;
max-width: 100%;
padding: .25rem;
display: flex;
position: sticky;
top: 9rem
}
.icon-embed-xxsmall {
flex-direction: column;
justify-content: center;
align-items: center;
width: 1rem;
height: 1rem;
display: flex
}
.icon-embed-xxsmall.hide-desktop {
display: none
}
.layout350_desktop-image-wrapper {
flex-direction: column;
justify-content: center;
align-items: center;
height: 100vh;
display: flex;
position: sticky;
top: 0
}
.layout350_content-wrapper {
flex-direction: column;
align-items: flex-start;
display: flex
}
.layout350_image {
width: 100%;
position: absolute
}
.layout350_image.is-image6.is-hidden {
display: none
}
.button-group {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-wrap: wrap;
align-items: center;
display: flex
}
.button-group.is-center {
justify-content: center
}
.padding-global {
padding-left: 5%;
padding-right: 5%
}
.layout350_mobile-image {
width: 100%;
position: absolute
}
.layout350_mobile-image-wrapper {
display: none
}
.layout350_component {
grid-column-gap: 5rem;
grid-row-gap: 4rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: stretch;
display: grid;
position: relative
}
.layout350_tab-link {
color: var(--neutral-100);
text-align: center;
background-color: #0000;
border: 1px solid #414141;
border-radius: 8rem;
flex: none;
padding: .5rem 1.25rem;
text-decoration: none
}
.layout350_tab-link.w--current {
background-color: var(--yellow);
border-style: solid;
border-color: #f9b233;
text-decoration: none
}
.layout350_tab-link.is-hidden {
display: none
}
.text-weight-semibold {
font-weight: 600
}
.text-weight-semibold.heading-2 {
text-transform: uppercase
}
.text-weight-semibold.heading-2.mg-bottom-32 {
margin-bottom: 32px
}
.text-weight-semibold.heading-2.mg-bottom-32.is-hidden {
display: none
}
.text-weight-semibold.is-caps {
color: var(--neutral-100);
letter-spacing: 4px;
text-transform: uppercase;
font-weight: 300
}
.sticky-toc--wrapper {
grid-column-gap: 16px;
grid-row-gap: 16px;
-webkit-backdrop-filter: blur(7px);
backdrop-filter: blur(7px);
background-color: #50505066;
border: 1px solid #2c2c2c;
border-radius: 1.8rem;
flex-flow: wrap;
justify-content: center;
width: auto;
margin-left: auto;
margin-right: auto;
padding: 8px;
display: flex
}
.button-3 {
color: #0000;
text-align: center;
background-color: #0000;
border: 1px solid #0000;
padding: .75rem 1.5rem
}
.button-3.is-secondary {
color: #0000;
background-color: #0000
}
.header76_image-list {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
width: 100%;
height: 100%;
display: grid
}
.header76_image-list-left {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
column-count: 2;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
align-self: center;
column-gap: 1.5rem;
width: 100%;
height: 100%;
margin-top: -120%;
display: grid
}
.header76_image-list-left.is-hidden {
display: none
}
.header76_image-wrapper {
width: 100%;
padding-top: 120%;
position: relative
}
.header76_content-right {
grid-column-gap: 1rem;
align-items: center;
height: 63vh;
padding-right: 5vw;
position: relative;
overflow: hidden
}
.header76_content-left {
max-width: 35rem;
margin-left: 5vw;
margin-right: 5rem
}
.header76_image {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%
}
.header76_component {
grid-column-gap: 0rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
display: grid
}
.header76_images-layout {
grid-column-gap: 1rem;
grid-row-gap: 0px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid
}
.header76_image-list-right {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
width: 100%;
height: 100%;
display: grid
}
.text-block-8 {
text-decoration: none
}
.gradient-opacity {
background-image: linear-gradient(#000, #00000080 36%, #0000003b 75%, #0000);
width: 100%;
height: 60px;
position: absolute;
top: 0
}
.gradient-opacity.is-bottom {
background-image: linear-gradient(360deg, #000, #0000009e 0%, #000000d4 0%, #000 0%, #00000080 51%, #0000);
height: 83px;
top: auto;
bottom: 0
}
.div-block-5,
.div-block-6,
.div-block-7 {
overflow: hidden
}
.test-video {
position: absolute;
top: 119px
}
.div-block-8 {
z-index: auto;
height: 100vh;
position: absolute;
inset: 0%
}
.html-embed-5 {
width: 100%;
height: 100%
}
.test-bg-home {
width: 100%;
height: 100%;
position: absolute;
inset: 0% 0% auto auto
}
.test-bg-home.is-hidden {
display: none
}
.div-block-9 {
width: 100%;
height: 100vh;
position: absolute;
top: 0
}
.overlay-test {
z-index: 1;
opacity: 1;
background-color: #0000009e;
width: 100%;
height: 100%;
position: absolute;
top: 0%
}
.overlay-test.video-overlay {
opacity: .95;
background-color: #0000;
height: 98%
}
.overlay-test.video-overaly1 {
background-color: #000;
display: none
}
.div-block-10 {
width: 100%;
height: 100%;
position: relative
}
.image-5 {
opacity: .6;
width: 79px;
display: none;
position: absolute;
inset: 40% 0% 0% 50%
}
.div-block-11 {
z-index: 1;
background-image: linear-gradient(#0000, #000000b5 39%, #000 62%);
height: 200px;
position: absolute;
inset: auto 0% 0%
}
.div-block-11.overlay-top {
background-image: linear-gradient(#0000, #0000003b 20%, #000000b5 46%, #000 62%);
height: 205px
}
.div-block-11.overlay-full {
opacity: 1;
background-color: #0000;
background-image: linear-gradient(#0000, #00000075 46%, #000000b8 61%, #000);
height: 100%
}
.image-overlay-layer {
z-index: 1;
background-color: #000000d6;
position: absolute;
inset: 0%
}
.button-4 {
color: #0000;
text-align: center;
background-color: #0000;
border: 1px solid #0000;
padding: .75rem 1.5rem
}
.button-4.is-secondary {
color: #0000;
background-color: #0000
}
.button-4.is-secondary.is-alternate {
color: #0000;
background-color: #0000;
border-color: #0000
}
.header83_image-wrapper {
position: relative
}
.padding-section-custom {
padding-top: 7rem;
padding-bottom: 7rem
}
.padding-section-custom.is-studios,
.padding-section-custom.no-pd {
padding-top: 0
}
.header83_image {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%
}
.header83_content-wrapper {
justify-content: center;
align-items: center;
height: 100vh;
position: sticky;
top: 0;
overflow: hidden
}
.header83_images-layout {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
height: 100%;
display: grid;
transform: scale(3.2)
}
.container-small-2 {
width: 100%;
max-width: 48rem;
margin-left: auto;
margin-right: auto
}
.text-color-white {
color: var(--neutral-200)
}
.padding-global-4 {
z-index: -100;
padding-left: 5%;
padding-right: 5%
}
.text-align-center {
text-align: center
}
.text-align-center.landing_formats-h2 {
margin-left: auto;
margin-right: auto;
position: absolute
}
.text-align-center.is-hidden {
display: none
}
.text-align-center.color-yellow.italic-text {
font-weight: 200;
display: none
}
.header83_component {
height: 300vh;
padding-top: 0;
position: relative
}
.header83_background-images {
z-index: -1;
position: absolute;
inset: 0%
}
.header83_content {
justify-content: center;
align-items: center;
height: 100%;
display: flex
}
.header83_ix-trigger {
z-index: -1;
margin-top: 100vh;
position: absolute;
inset: 0%
}
.div-block-12,
.div-block-13 {
overflow: hidden
}
.background-video {
height: 100%
}
.div-block-14 {
margin-left: auto;
margin-right: auto
}
.no-over {
overflow: hidden
}
.card1-bg {
z-index: -1;
opacity: .21;
filter: blur(3px);
object-fit: scale-down;
width: 100%;
height: 100%;
display: none;
position: absolute;
top: 0;
right: 0
}
.dropdown-item {
margin-bottom: 0;
margin-left: 16px
}
.dropdown-item:hover {
color: var(--yellow)
}
.link-block-7,
.link-block-8,
.link-block-9,
.link-block-10,
.link-block-11,
.link-block-12 {
text-decoration: none
}
.hide {
display: none
}
.cta37_component {
grid-column-gap: 0rem;
grid-row-gap: 1rem;
text-align: center;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr
}
.cta37_instructions-list-item {
padding-left: .5rem
}
.cta37_link-image-wrapper {
z-index: -1;
justify-content: center;
align-items: center;
width: 100vw;
height: 100vh;
display: none;
position: fixed;
inset: 0%
}
.cta37_link-text {
font-size: 3.5rem;
font-weight: 700;
line-height: 1.2
}
.cta37_link-text.heading-3 {
color: var(--yellow);
font-size: 32px
}
.cta38_instructions-callout {
background-color: #0000001a;
align-items: center;
padding: 1.5rem;
line-height: 1.6
}
.cta37_link-image {
width: 40%;
max-width: 35rem
}
.cta37_instructions-list {
padding-left: 1.25rem
}
.cta-37-instructions-delete {
text-align: left;
background-color: #0000;
padding: 2rem;
display: block
}
.container-medium {
width: 100%;
max-width: 64rem;
margin-left: auto;
margin-right: auto
}
.cta37_link-block {
z-index: 1;
border-bottom: 1px solid var(--neutral-600);
background-image: url(../images/background-image.svg);
background-position: 0 0;
background-size: auto;
justify-content: space-between;
align-items: center;
height: 10rem;
padding: 1rem;
text-decoration: none;
transition: all .3s;
display: flex
}
.cta37_link-block.no-bottom {
background-image: linear-gradient(#000, #00000040), url(../images/6548f6a8878a41c488814f1d_IMG_0865-min.jpg);
background-position: 0 0, 50% 44%;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
border-bottom-style: none;
position: relative
}
.cta37_link-block.is-loft {
background-image: linear-gradient(#000000bf, #0006), url(../images/65dcb0168de561bd85b48e3f_KR_00964-V2.webp);
background-position: 0 0, 50%;
background-size: auto, cover;
height: 10rem;
position: relative;
overflow: hidden
}
.cta37_link-block.is-talk {
background-image: linear-gradient(#000000a8, #0000007a 29%, #0000008c 95%), url(../images/65dcb015494d39fbfc29d9c8_KR_01088.webp);
background-position: 0 0, 50%;
background-size: auto, cover;
position: relative
}
.cta37_link-block.is-home {
height: 2rem
}
.cta38_instructions-callout-image {
margin-top: 1.5rem
}
.stylesystem-class-label {
cursor: context-menu;
background-color: #83747426;
border-radius: 4px;
padding-left: .5rem;
padding-right: .5rem;
display: inline-block
}
.stylesystem-class-label.is-animation {
background-image: none;
background-position: 8px;
background-repeat: no-repeat;
background-size: auto;
padding-left: 2rem
}
.rl-styleguide_label {
color: #0000;
white-space: nowrap;
cursor: context-menu;
background-color: #0073e6;
padding: .25rem .5rem;
font-size: .75rem;
display: inline-block
}
.flex-h {
justify-content: flex-start;
align-items: center;
display: flex
}
.flex-h.space-between {
justify-content: space-between;
align-items: center
}
.flex-h.center {
justify-content: center;
align-items: center
}
.stage---item {
border-radius: .25rem;
width: 100%;
position: absolute;
top: 0%;
bottom: 0%;
overflow: hidden
}
.stage---item.x-03 {
transform-style: preserve-3d;
left: 75%;
right: auto;
transform: translateZ(-150rem)
}
.stage---item.x-04 {
color: #fff;
text-align: center;
text-transform: uppercase;
transform-style: preserve-3d;
justify-content: center;
align-items: center;
width: 800px;
height: 600px;
font-family: Oswald, sans-serif;
font-size: 5rem;
font-weight: 700;
line-height: 1;
display: flex;
left: 50%;
transform: translate3d(-50%, 0, -250rem)
}
.stage---item.x-01 {
transform-style: preserve-3d;
left: 75%;
right: auto;
transform: translateZ(-50rem)
}
.stage---item.x-02 {
transform-style: preserve-3d;
left: auto;
right: 75%;
transform: translateZ(-100rem)
}
.stage---item.x-00 {
left: auto;
right: 75%
}
.stage---item-image {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%
}
.scene---sticky {
perspective: 24rem;
justify-content: center;
align-items: center;
height: 100dvh;
display: flex;
position: sticky;
top: 0%;
overflow: hidden;
transform: none
}
.scene---trigger,
.scene---extra {
height: 100dvh
}
.stage {
transform-style: preserve-3d;
width: 40rem;
height: 25rem;
position: relative;
transform: translateZ(1px)
}
.bold-text-2 {
color: var(--neutral-700);
-webkit-text-stroke-width: 0px;
font-size: 170px
}
.movement-inverse {
height: 100%;
position: relative
}
.image-6 {
object-fit: cover;
width: 100%;
height: 108%;
position: absolute;
inset: 0%
}
.grid {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: 1fr 1fr;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
overflow: hidden
}
.movement {
height: 100%;
position: relative;
overflow: hidden
}
.overlay-2 {
z-index: 2;
background-color: #324ed8;
display: none;
position: absolute;
inset: 0%
}
.mask-4 {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
position: relative;
overflow: hidden;
transform: translate(0)
}
.mask-4.inverse {
transform: rotate(-180deg)
}
.image-size {
width: 500px;
height: 500px;
position: relative
}
.div-block-15 {
width: 100%;
height: 100%;
position: absolute;
left: 0%
}
.div-block-15.overlay-black {
z-index: -1;
background-color: #000;
display: block
}
.section-3 {
padding-left: 0%;
padding-right: 2rem;
position: relative;
overflow: hidden
}
.list-4 {
padding-top: 10vh;
padding-bottom: 65vh;
position: static
}
.list---item {
color: #242424;
letter-spacing: -.03em;
padding-top: .75rem;
padding-bottom: .75rem;
padding-left: 50%;
font-size: 2rem;
line-height: 1;
text-decoration: none;
display: block
}
.list---image-wrap {
border-radius: 1rem;
width: 20rem;
height: auto;
margin-right: -68px;
position: fixed;
top: 50%;
right: 60%;
overflow: visible;
transform: translate(-2rem, -50%)
}
.list---image {
object-fit: cover;
width: auto;
height: 96px;
position: static;
inset: 0%
}
.list---item-text {
color: var(--yellow);
font-size: 24px
}
.text--actions_env {
color: #fff;
font-size: 16px;
line-height: 150%;
position: static;
inset: auto 0%
}
.text-block-9 {
color: #fff;
margin-top: 32px;
font-size: 16px;
line-height: 150%
}
.action-env {
position: static;
top: 0%
}
.camera-frame {
z-index: -1;
opacity: .13;
filter: invert();
width: 640px;
max-width: none;
position: absolute;
inset: -29% 0% 0% 50%
}
.red-dot {
opacity: .29;
position: absolute;
inset: -26% -8% auto auto
}
.link-4 {
text-decoration: underline;
display: block
}
.link-4:lang(fr-fr) {
color: var(--neutral-100);
text-decoration: none
}
.locales-list {
grid-column-gap: 10px;
grid-row-gap: 10px;
display: flex
}
.locale-item {
text-decoration: none
}
.langue--hidden {
display: none
}
.background-video-2 {
border-radius: 8px;
width: 100%;
height: 100%;
position: absolute;
inset: 0%
}
.landing_h2-wrapper {
text-align: center;
flex-direction: column;
justify-content: center;
align-self: center;
align-items: center;
max-width: 81ch;
margin: 130px auto 250px;
display: flex
}
.landing_lottie {
opacity: .42;
max-width: 42px;
margin-top: 64px;
margin-left: auto;
margin-right: auto
}
.landing_lottie.is-left {
opacity: .24;
margin-left: 0;
margin-right: 0
}
.landing_lottie.is-center {
position: absolute;
bottom: 0
}
.div-block-16 {
opacity: 1;
width: 100%;
height: 250px;
display: flex;
position: relative
}
.image-7 {
opacity: .17;
width: 500px;
max-width: 800px;
margin-left: auto;
margin-right: auto;
position: absolute;
top: -85%;
left: 56%
}
.image-7.is-tournage {
left: 58%
}
.div-block-17 {
text-align: left;
width: 800px;
margin-left: auto;
margin-right: auto
}
.div-block-17.is-left {
margin-left: 0
}
.div-block-18 {
width: 800px;
position: relative
}
.div-block-18.align-center {
flex-direction: row;
justify-content: center;
align-items: center;
width: auto;
margin-top: 0;
margin-left: 0;
margin-right: 0;
display: flex
}
.lottie-animation-7 {
width: 60px;
max-width: none;
position: absolute;
top: -8%;
left: 73%
}
.lottie-animation-7.is-agences {
left: 65%
}
.lottie-animation-7.is-tournage {
top: -18%;
left: 75%
}
.is-bold {
font-weight: 700
}
.button-5 {
border: 1px solid var(--\<unknown\|relume-variable-color-neutral-1\>);
background-color: var(--\<unknown\|relume-variable-color-neutral-1\>);
color: var(--\<unknown\|relume-variable-color-neutral-2\>);
text-align: center;
padding: .75rem 1.5rem;
text-decoration: none
}
.button-5.is-link {
color: var(--\<unknown\|relume-variable-color-neutral-1\>);
background-color: #0000;
border-style: none;
padding: .25rem 0;
line-height: 1;
text-decoration: none
}
.button-5.is-link.is-icon {
grid-column-gap: .5rem;
grid-row-gap: .5rem
}
.button-5.is-secondary {
color: var(--\<unknown\|relume-variable-color-neutral-1\>);
background-color: #0000
}
.background-holder {
z-index: -999;
opacity: 0;
position: relative
}
.layout348_component {
grid-column-gap: 5rem;
grid-row-gap: 4rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: stretch;
display: grid;
position: relative
}
.layout348_mobile-image-wrapper {
display: none
}
.layout348_desktop-image-wrapper {
flex-direction: column;
justify-content: center;
align-items: center;
height: 100vh;
display: flex;
position: sticky;
top: 0
}
.layout348_image {
width: 100%;
position: absolute
}
.layout348_content {
flex-direction: column;
justify-content: center;
align-items: flex-start;
height: 100vh;
display: flex
}
.background-layer {
z-index: -1;
width: 100vw;
height: 100vh;
position: fixed;
inset: 0%
}
.background-layer.background-color-4 {
background-color: var(--\<unknown\|relume-variable-color-neutral-2\>)
}
.background-layer.background-color-3 {
background-color: #e5e5e5
}
.background-layer.background-color-2 {
background-color: var(--\<unknown\|relume-variable-color-neutral-2\>)
}
.background-layer.background-color-1 {
background-color: #e5e5e5
}
.layout348_mobile-image {
width: 100%;
position: absolute
}
.landing-grid {
height: auto
}
.landing-grid.is-hidden {
display: none
}
.image-8 {
width: 100%
}
.image-8.absolute {
width: 500px;
height: auto
}
.cards_wrapper._374px {
width: 100%;
height: 100%;
display: flex
}
.card_heading {
color: #0e0e0e;
font-size: 40px;
font-weight: 400;
line-height: 1.3em
}
.margin-bottom-32px {
align-self: auto;
margin-bottom: 32px
}
.card-2 {
z-index: 1;
color: #ada8c3;
text-align: left;
background-color: #f8f8f8;
border-radius: 24px;
padding: 64px 64px 304px;
font-weight: 400;
transition: color .25s, box-shadow .25s;
position: relative;
overflow: hidden
}
.card-2.sibling_link-item {
background-color: #111;
background-image: url(../images/653a49c16272576565553dbf_AdobeStock_646933115.webp);
background-position: 50%;
background-size: auto;
border-radius: 8px;
min-width: 20%;
min-height: 320px;
padding: 0;
overflow: hidden
}
.card-2.sibling_link-item.podcast {
background-image: url(../images/653a49c07784a6ac90e01539_AdobeStock_203966675.webp);
background-size: cover
}
.card-2.sibling_link-item.webinar {
background-image: url(../images/654379006165a2810bbc34fc_AdobeStock_322258601.webp);
background-position: 50%;
background-size: auto
}
.card-2.sibling_link-item.emissions {
background-image: url(../images/6548f905cd45588f6f8c60fe_Fond%20vert%20HULST111.webp);
background-position: 50%;
background-repeat: no-repeat;
background-size: cover
}
.card-2.sibling_link-item.interview {
min-width: 20%
}
.card_image {
width: 80%;
position: absolute;
bottom: 0;
right: 0
}
.grid-2-col {
grid-column-gap: 32px;
grid-row-gap: 32px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
display: grid
}
.grid-2-col.children-perspective-1000px {
grid-column-gap: 16px;
grid-row-gap: 16px;
perspective: 1000px
}
.landning_card-img_interview {
width: 120%;
max-width: none;
height: auto;
position: absolute;
top: 0
}
.blob {
z-index: -1;
background-image: url(../images/65d325cb1720575678e61525_noise-light.png), radial-gradient(circle farthest-corner at 50% 50%, var(--yellow), #5f4a24 31%, #be8724 55%, #f9b233 90%);
opacity: .49;
filter: blur(120px);
background-position: 0 0, 0 0;
background-size: auto, auto;
border-radius: 50%;
width: 30vw;
height: 30vw;
position: absolute;
top: 10%;
right: -13%
}
.blob.is-cards {
background-image: url(../images/65d325cb1720575678e61525_noise-light.png), radial-gradient(circle farthest-corner at 50% 50%, var(--yellow), #5f4a24 31%, #be8724 55%, #f9b233 90%);
opacity: .4;
filter: blur(150px);
background-position: 0 0, 0 0;
background-size: auto, auto;
border-radius: 50%;
width: 30vw;
height: 35vw;
inset: 0% auto auto 0%
}
.blob.is-cards.is-studio {
opacity: .32;
background-position: 50%, 0 0;
background-size: cover, auto;
inset: auto -17% 0% auto
}
.blob.is-cards.is-sticky {
opacity: .44;
filter: blur(160px);
display: block;
position: absolute;
inset: auto auto 0% 0%
}
.blob.is-cards.is-card {
inset: auto auto -18% 0%
}
.blob.is-cards.is-cardsmid {
top: 62%
}
.blob.is-loft {
width: 40vw;
top: 18%;
right: -7%
}
.blob.is-equipe {
top: 25%
}
.blob.is-team {
opacity: .35;
filter: blur(170px);
top: -6%;
right: 0%
}
.blob.is-contact {
opacity: .35;
filter: blur(150px);
top: 4%;
right: 4%
}
.blob.is-footer {
background-image: url(../images/65d325cb1720575678e61525_noise-light.png), radial-gradient(circle farthest-corner at 50% 50%, var(--yellow), #5f4a24 31%, #be8724 55%, #f9b233 90%);
opacity: .48;
filter: blur(120px);
background-position: 0 0, 0 0;
background-size: auto, auto;
margin-left: auto;
margin-right: auto;
position: absolute;
inset: 25% 0% 0%
}
.blob.is-hidden {
display: none
}
.spacer-400px {
margin-top: 250px
}
.animate.is-center {
text-align: center;
margin-left: auto;
margin-right: auto
}
.animate.is-center.is-46px {
font-size: 5.8rem
}
.viewport {
perspective: 2000px;
width: auto;
height: auto;
padding-bottom: 200px;
overflow: hidden
}
.section-viewport {
perspective: 2000px;
justify-content: center;
align-items: center;
width: 100vw;
height: 100vh;
display: flex;
overflow: visible
}
.section-viewport.is-copy {
height: auto
}
.section-viewport.is-hidden {
display: none
}
.slide-3 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 66%;
height: auto;
margin-top: 200px;
margin-left: auto;
margin-right: auto;
display: flex;
position: relative
}
.slide-3.is-immersive {
height: 70%;
margin-top: 100px
}
.slide-3.is-hidden {
display: none
}
.slide__image {
object-fit: cover;
border-radius: 2vw;
width: 85%;
height: 80%
}
.slide__image.is-hidden {
display: none
}
.slide__image.is-immersive {
height: 60%
}
.slide__text {
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
display: flex;
position: absolute;
inset: 0% 0% 10% -10%
}
.slide__text.is-hidden {
display: none
}
.heading-1 {
color: var(--yellow);
margin-bottom: .5vw;
margin-left: -3vw;
font-size: 8vw;
font-weight: 700
}
.heading-1.is-plateau {
margin-bottom: -9vw;
margin-left: 0;
font-size: 5rem
}
.text-block-10 {
-webkit-text-stroke-color: var(--yellow);
border: 1px #000;
line-height: 1
}
.text-block-10.color-yellow {
font-size: 5rem;
font-weight: 700
}
.project-link {
color: #ffffff80;
font-size: 3vw;
font-weight: 400;
line-height: 1;
transition: color .2s
}
.project-link:hover {
color: #fff
}
.gallery24_image-wrapper {
grid-column-gap: 64px;
grid-row-gap: 64px;
grid-template-rows: auto auto;
grid-template-columns: 1fr .75fr;
grid-auto-columns: 1fr;
width: 100%;
max-width: 100%;
height: auto;
margin-bottom: 0;
display: grid;
position: static;
overflow: visible
}
.gallery24_component {
height: auto;
position: relative
}
.gallery24_lightbox-link {
box-shadow: none;
border: 1px #000;
border-radius: 2rem;
width: auto
}
.gallery24_horizontal-scroll-wrapper {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100vw;
max-width: 100%;
height: auto;
padding: 5% 5% 15%;
display: flex;
position: sticky;
top: 0;
overflow: hidden
}
.gallery24_horizontal-scroll-content {
grid-column-gap: 2rem;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: center;
width: 100%;
display: grid
}
.max-width-large {
width: 100%;
max-width: 48rem
}
.gallery24_image {
object-fit: cover;
width: 80vw;
height: 80vh
}
.section_gallery24 {
margin-top: 0;
position: relative
}
.padding-top,
.padding-top.padding-xhuge {
padding-bottom: 0;
padding-left: 0;
padding-right: 0
}
.slider__mask {
position: static;
overflow: visible
}
.slide-4 {
min-width: 300px;
max-width: 400px;
min-height: 300px;
position: static;
inset: 0%;
overflow: visible
}
.slider-3 {
background-color: #0000;
width: auto;
min-width: auto;
max-width: 400px;
height: auto;
min-height: auto;
max-height: 400px
}
.slider-3.is-hidden {
display: none
}
.slider__icon {
font-size: 24px;
font-weight: 700
}
.slider__nav {
padding-top: 40px;
padding-bottom: 40px
}
.slide__image-2 {
z-index: 1;
object-fit: cover;
border-radius: 10px;
width: 100%;
height: 100%;
position: absolute;
inset: 0% auto auto 0%;
box-shadow: 0 10px 40px #00000080
}
.slide__image-2.previous {
z-index: 0;
transform-origin: 50%;
transform: translate(-120px)rotate(-3deg)scale(.8)
}
.slide__image-2.current {
z-index: 2;
transform-origin: 50%
}
.slide__image-2.next {
z-index: 1;
transform-origin: 50%;
transform: translate(120px)rotate(3deg)scale(.8)
}
.slider__arrow {
color: #101010;
background-color: #fff;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 48px;
height: 48px;
transition: color .2s, background-color .2s;
display: flex;
box-shadow: 0 8px 20px #0006
}
.slider__arrow:hover {
color: #fff;
background-color: #000
}
.slider__arrow.left {
transform: translate(-50%)
}
.slider__arrow.right {
z-index: 2;
transform: translate(50%)
}
.div-block-19 {
max-width: 33ch
}
.is-48px {
text-align: left;
margin-bottom: 64px;
font-size: 96px;
font-weight: 700
}
.spacer100 {
padding-bottom: 100px
}
.landing_formats-h2 {
font-size: 48px;
line-height: 115%
}
.landing_formats-h2.split-lines {
font-weight: 700
}
.webgl {
border-radius: 50%;
justify-content: center;
align-items: center;
display: flex;
position: relative
}
.button-6 {
border: 1px solid var(--\<unknown\|relume-variable-color-neutral-1\>);
background-color: var(--\<unknown\|relume-variable-color-neutral-1\>);
color: var(--\<unknown\|relume-variable-color-neutral-2\>);
text-align: center;
padding: .75rem 1.5rem;
text-decoration: none
}
.button-6.is-link {
color: var(--\<unknown\|relume-variable-color-neutral-1\>);
background-color: #0000;
border-style: none;
padding: .25rem 0;
line-height: 1;
text-decoration: none
}
.button-6.is-link.is-icon {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
display: flex
}
.button-6.is-link.is-icon.is-top {
position: absolute;
bottom: 0%
}
.button-6.is-link.is-icon.is-bottom {
position: absolute;
bottom: -100%
}
.button-6.is-link.is-icon {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
grid-column-gap: .5rem;
grid-row-gap: .5rem;
grid-column-gap: .5rem;
grid-row-gap: .5rem;
grid-column-gap: .5rem;
grid-row-gap: .5rem;
grid-column-gap: .5rem;
grid-row-gap: .5rem
}
.button-6.is-secondary {
color: var(--\<unknown\|relume-variable-color-neutral-1\>);
background-color: #0000
}
.button-6.is-secondary.is-alternate {
color: var(--\<unknown\|relume-variable-color-neutral-2\>);
background-color: #0000
}
.layout481_image-wrapper1 {
width: 100%;
margin-bottom: 5%;
margin-left: 10%;
margin-right: 10%
}
.layout481_image-wrapper3 {
width: 30%;
position: absolute;
inset: 10% 0% auto auto
}
.layout481_component {
position: relative
}
.layout481_image2 {
aspect-ratio: 3/2;
object-fit: cover;
width: 100%;
height: 100%
}
.layout481_image3 {
aspect-ratio: 1;
border: 4px solid var(--yellow);
object-fit: cover;
width: 100%;
height: 100%
}
.layout481_image1 {
aspect-ratio: 3/2;
object-fit: cover;
width: 100%;
height: 100%
}
.layout481_image-wrapper2 {
width: 30%;
position: absolute;
inset: auto auto 0% 0%
}
.padding-global-5 {
padding-left: 5%;
padding-right: 5%
}
.padding-global-5.is-hidden {
display: block
}
.padding-global-5.is-mod {
z-index: 2;
padding-bottom: 0;
position: absolute;
inset: auto 0% 0%
}
.padding-global-5.is-mod.is-plateau {
bottom: 0%
}
.layout481_content {
grid-column-gap: 5rem;
grid-row-gap: 4rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: start;
margin-bottom: 3rem;
display: grid
}
.layout481_image-group {
grid-template-rows: auto;
grid-template-columns: 1fr .33fr;
grid-auto-columns: 1fr;
justify-content: center;
display: flex;
position: relative
}
.header132_image-group {
grid-template-rows: auto;
grid-template-columns: 1fr .33fr;
grid-auto-columns: 1fr;
display: flex;
position: relative
}
.header132_image-wrapper2 {
width: 30%;
position: absolute;
inset: 10% auto auto 0%
}
.header132_image-wrapper1 {
width: 100%;
margin-left: 15%
}
.header132_image1 {
aspect-ratio: 3/2;
object-fit: cover;
width: 100%;
height: 100%
}
.header132_content-wrapper {
grid-column-gap: 5rem;
grid-row-gap: 4rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: start;
display: grid
}
.header132_image2 {
aspect-ratio: 1;
border: 3px solid var(--yellow);
object-fit: cover;
width: 100%;
height: 100%
}
.header138_image2 {
aspect-ratio: 1;
object-fit: cover;
width: 100%;
height: 100%;
display: none
}
.header138_image {
aspect-ratio: 3/2;
object-fit: cover;
border-radius: 0;
width: 100%;
height: 100%;
position: absolute;
inset: 0%
}
.header138_image-wrapper2 {
width: 20%;
position: absolute;
bottom: -15%;
right: 5%
}
.header138_image-group {
border-radius: 24px;
flex-direction: column;
flex: 1;
display: flex;
position: relative;
overflow: hidden
}
.section_header138 {
border-radius: 1rem;
margin-left: 0%;
margin-right: 0%
}
.section_header138.is-hidden {
display: none
}
.header138_content-wrapper {
grid-column-gap: 5rem;
grid-row-gap: 4rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: start;
margin-top: 5%;
display: grid
}
.header138_component {
flex-direction: column;
height: auto;
min-height: auto;
display: flex
}
.header138_image-wrapper {
flex: 1;
position: relative
}
.div-block-20 {
background-image: linear-gradient(#00000008, #0000 57%, #00000075 58%, #000);
width: 100%;
height: 100%;
display: block;
position: absolute
}
.header103_tab-image {
object-fit: cover;
width: 100%;
height: 87%
}
.section_header103.is-mobilehero {
display: none
}
.header103_tab-image-wrapper {
z-index: -1;
position: absolute;
inset: 0%
}
.header103_tab-pane {
position: absolute;
inset: 0%
}
.rl-styleguide_label-2 {
color: #1e51f7;
white-space: nowrap;
cursor: context-menu;
background-color: #dee3f4;
padding: .25rem .5rem;
font-size: .75rem;
display: inline-block
}
.portfolio21_instructions-callout {
background-color: #0000001a;
align-items: center;
padding: 1.5rem;
line-height: 1.6
}
.portfolio21_instructions-callout-image {
margin-top: 1.5rem
}
.header103_tab-link {
color: #fffc;
text-align: center;
background-color: #0000;
flex: 1;
padding: 1rem 2rem
}
.header103_tab-link.w--current {
color: var(--\<unknown\|relume-variable-color-neutral-2\>);
background-color: #0000
}
.header103_tabs {
min-height: auto
}
.header103_auto-change {
margin-bottom: 0;
display: none
}
.header103_tab-overlay {
z-index: 1;
opacity: 1;
background-image: linear-gradient(#fff0 51%, #22222280 59%, #00000094 67%, #000 90%);
position: absolute;
inset: 0%
}
.header103_tabs-content {
min-height: 80vh;
max-height: 80vh
}
.header103_tabs-menu {
z-index: 2;
grid-column-gap: 1rem;
grid-row-gap: 1rem;
justify-content: center;
max-width: 23.9rem;
margin-left: 0;
margin-right: auto;
padding-left: 5%;
padding-right: 5vw;
display: flex;
position: absolute;
inset: auto 0% 17rem
}
.header103_tabs-menu.is-loft {
top: auto;
bottom: 17rem
}
.text-color-white-2 {
color: var(--\<unknown\|relume-variable-color-neutral-2\>);
margin-bottom: 0
}
.header103_tab-load {
background-color: var(--yellow);
width: 0%;
height: .25rem
}
.header103_content-wrapper {
text-align: center
}
.header103_tab-change {
display: none
}
.header-103-instructions-delete {
background-color: var(--\<unknown\|relume-variable-color-neutral-3\>);
text-align: left;
padding: 2rem
}
.header103_tab-content {
justify-content: center;
align-items: center;
height: 100%;
display: flex;
position: relative
}
.header103_tab-load-base {
background-color: #fff3;
width: 100%;
height: .25rem;
position: absolute;
inset: auto 0% 0%
}
.section-4 {
height: auto;
margin-bottom: 300px
}
.section-4.is-relative {
margin-top: 0;
position: static
}
.spacer50px {
margin-bottom: 50px
}
.div-block-21 {
height: 50px
}
.tabs_menu-studios {
color: var(--yellow);
padding: 1rem;
line-height: 100%;
display: inline-block
}
.tabs_menu-studios:lang(fr-fr) {
background-color: var(--neutral);
border-radius: 2rem
}
.tabs_menu-studios.is-hidden {
display: none
}
.text-size-medium-3 {
font-size: 1.125rem;
font-weight: 200
}
.layout422_row {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: stretch;
display: flex
}
.layout422_overlay {
background-image: linear-gradient(#00000047, #00000047);
position: absolute;
inset: 0%
}
.layout422_card-content-bottom {
flex-direction: column;
align-items: flex-start;
display: flex
}
.layout422_hover-content {
display: none
}
.layout422_instructions-callout {
background-color: #0000001a;
align-items: center;
padding: 1.5rem;
line-height: 1.6
}
.layout422_card {
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 50%;
text-decoration: none;
transition-property: all;
transition-duration: .6s;
display: flex;
position: relative;
overflow: hidden
}
.layout422_image-wrapper {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: absolute;
inset: 0%
}
.layout422_instructions-callout-image {
margin-top: 1.5rem
}
.layout422_component {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-rows: auto;
grid-template-columns: 1fr
}
.layout-422-instructions-delete {
background-color: var(--\<unknown\|relume-variable-color-neutral-3\>);
text-align: left;
padding: 2rem
}
.layout422_image {
object-fit: cover;
width: 100%;
height: 100%
}
.layout422_card-content {
flex-direction: column;
justify-content: flex-end;
height: 100%;
min-height: 50vh;
padding: 3rem 1rem 3rem 3rem;
display: flex;
position: relative
}
.text-size-medium-4 {
font-size: 1.125rem
}
.layout408_card-content {
flex-direction: column;
justify-content: center;
padding: 3rem;
display: flex
}
.layout408_card {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
border: 1px solid var(--\<unknown\|relume-variable-border-color-1\>);
background-color: var(--\<unknown\|relume-variable-color-neutral-2\>);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-content: center;
align-items: stretch;
height: 80vh;
margin-bottom: 10vh;
display: grid;
position: sticky;
top: 10%;
overflow: hidden
}
.layout408_card.card-2 {
z-index: auto;
border-style: none;
margin-bottom: 40vh;
padding: 0;
display: block;
overflow: hidden
}
.layout408_card.card-1 {
border-style: none;
border-radius: 24px;
margin-bottom: 40vh;
display: block;
overflow: visible
}
.layout408_card.card-3 {
border-style: none;
border-radius: 24px;
margin-bottom: 40vh;
display: block;
overflow: hidden
}
.layout408_image-wrapper {
flex-direction: column;
justify-content: center;
align-items: center;
display: flex
}
.layout408_component {
grid-column-gap: 10rem;
grid-row-gap: 10rem;
grid-template-rows: auto;
grid-template-columns: 1fr;
margin-top: 100px;
position: sticky;
top: 0
}
.section_layout408 {
align-items: flex-start;
position: relative
}
.text-size-medium-5 {
font-size: 1.125rem
}
.header103_tab-image-2 {
object-fit: cover;
width: 100%;
height: 100%
}
.header103_tabs-2 {
min-height: 100vh
}
.header103_tab-overlay-2 {
z-index: 1;
background-color: #00000080;
position: absolute;
inset: 0%
}
.header103_tabs-content-2 {
min-height: 100vh;
max-height: 60rem;
overflow: visible
}
.header103_tabs-menu-2 {
z-index: 2;
grid-column-gap: 1rem;
grid-row-gap: 1rem;
justify-content: center;
max-width: 64rem;
margin-left: auto;
margin-right: auto;
padding-left: 5vw;
padding-right: 5vw;
display: flex;
position: absolute;
inset: auto 0% 5rem
}
.text-color-white-3 {
color: var(--\<unknown\|relume-variable-color-neutral-2\>)
}
.text-size-medium-6 {
font-size: 1.125rem
}
.header107_component {
height: 250vh;
position: relative
}
.header107_content-bottom {
align-items: flex-start;
width: 100%;
height: 100vh;
display: flex;
position: sticky;
top: 0;
overflow: hidden
}
.header107_image5 {
object-fit: cover;
width: 100%;
height: 100%
}
.header107_small-image-group {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-direction: column;
justify-content: flex-start;
display: flex;
position: relative;
top: -10%
}
.header107_ix-trigger {
z-index: -1;
margin-top: 100vh;
position: absolute;
inset: 0%
}
.header107_image-group-right {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: column;
justify-items: end;
padding-left: 1rem;
padding-right: 1rem;
display: grid
}
.header107_image3 {
aspect-ratio: 3/4;
object-fit: cover;
width: 100%
}
.header107_image-wrapper {
flex: none;
width: 22vw;
position: relative
}
.header107_image-wrapper.is-image3 {
width: 15vw
}
.header107_image-wrapper.is-image1 {
top: 5%
}
.header107_image-wrapper.is-image2 {
width: 15vw
}
.header107_image-wrapper.is-image5 {
width: 30vw;
height: 100%
}
.header107_image-wrapper.is-image6 {
top: 5%
}
.header107_image-wrapper.is-image4 {
top: 15%
}
.header107_image-group-left {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: column;
justify-items: end;
padding-left: 1rem;
padding-right: 1rem;
display: grid
}
.header107_image4,
.header107_image2 {
aspect-ratio: 1;
object-fit: cover;
width: 100%
}
.header107_image-list {
z-index: 1;
grid-template-rows: auto;
grid-template-columns: 50% 30% 20%;
grid-auto-columns: 1fr;
grid-auto-flow: column;
justify-content: center;
width: 100%;
height: 80vh;
display: grid
}
.header107_image6 {
aspect-ratio: 3/4;
object-fit: cover;
width: 100%
}
.header107_image1 {
aspect-ratio: 2/3;
object-fit: cover;
width: 100%
}
.section_header107 {
margin-top: 300px
}
.section_header107.is-hidden {
display: none
}
.text-size-extra-light {
color: var(--neutral-100);
font-weight: 200
}
.text-size-extra-light.no-mg {
margin-bottom: 0;
font-weight: 400
}
.section_banner13 {
overflow: hidden
}
.section_banner13.is-mobile {
display: none
}
.section_banner13.is-desktop {
display: block
}
.section_banner13.is-desktop.is-hidden {
display: none
}
.banner13_component {
white-space: nowrap;
flex-direction: column;
display: flex
}
.banner13_heading-top {
margin-top: 0;
margin-bottom: 0;
font-size: 4rem
}
.banner13_heading-bottom {
align-self: flex-end;
margin-top: 0;
margin-bottom: 0;
font-size: 4rem
}
.text-size-medium-7 {
font-size: 1.125rem
}
.section_layout414 {
overflow: hidden
}
.layout414_content-bottom {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-direction: column;
align-items: center;
width: 100vw;
display: flex;
overflow: hidden
}
.layout414_image-list {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: column;
display: grid
}
.layout414_component {
flex-direction: column;
align-items: center;
display: flex
}
.layout414_content-top {
grid-column-gap: 5rem;
grid-row-gap: 4rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: start;
display: grid
}
.layout414_image-wrapper {
width: 20vw
}
.layout414_image {
aspect-ratio: 4/3;
object-fit: cover;
width: 100%
}
.grid-2 {
grid-template-rows: auto
}
.landing_formats-interview_body {
padding-left: 1rem;
padding-right: 1rem;
position: absolute;
inset: auto 0% 0%
}
.landing_horizons-h4 {
max-width: 60ch;
font-size: 1.125rem;
font-weight: 200;
line-height: 160%
}
.spacer150px {
padding-top: 150px
}
.text-size-medium-8 {
font-size: 1.125rem
}
.header77_image-list-bottom {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid
}
.header77_image {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%
}
.header77_component {
grid-column-gap: 0rem;
grid-template-rows: auto;
grid-template-columns: 1.25fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
display: grid;
overflow: visible
}
.header77_images-layout {
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid
}
.header77_image-list-top {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-self: center;
width: 100%;
margin-left: -8.5%;
display: grid
}
.header77_content-right {
grid-column-gap: 1rem;
background-color: var(--\<unknown\|relume-variable-color-neutral-3\>);
align-items: center;
height: 100vh;
padding-top: 27.3rem;
padding-bottom: 4rem;
display: flex;
overflow: visible;
transform: rotate(18deg)
}
.header77_image-list {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: auto;
grid-auto-columns: auto;
grid-auto-flow: column;
width: 100%;
display: grid
}
.header77_content-left {
z-index: 1;
max-width: 36.5rem;
margin-left: 5vw;
margin-right: 5rem;
padding-top: 0;
position: absolute;
inset: 35% auto 0% 0%
}
.header77_content-left.is-mod {
max-width: 38.9rem;
margin-top: -5vh
}
.header77_content-left.is-agences {
max-width: none;
margin-top: -3vh
}
.header77_image-wrapper {
aspect-ratio: 16/9;
width: 30rem;
padding-top: 75%;
position: relative
}
.header77_image-wrapper.is-mod {
width: 30rem
}
.header77_image-wrapper.is-mod1 {
aspect-ratio: 3/2;
width: 30rem
}
.section_header77 {
position: relative;
overflow: hidden
}
.section_header77.option2 {
background-image: url(../images/65dcb015e6712174844bf505_KR_01184-V2.webp);
background-position: 0 0;
background-size: cover;
display: none
}
.section_header77.landing_hero-marquee {
display: block
}
.section_header77.is-hidden {
display: none
}
.black-overlay {
opacity: .87;
background-image: linear-gradient(112deg, #000, #000 40%, #000000e3 50%, #00000096 60%, #a9a9a900 74%, #fff0);
width: 75vw;
height: 100vh;
position: absolute;
top: 0
}
.black-overlay.is-hidden {
display: none
}
.glow-white {
text-align: justify;
text-shadow: -1px -3px 20px #fff9;
font-size: 3.5rem;
font-weight: 700
}
.header108_image-list {
z-index: 1;
grid-template-rows: auto;
grid-template-columns: 32% 36% 32%;
grid-auto-columns: 1fr;
grid-auto-flow: column;
place-content: center;
align-items: center;
width: 100%;
height: 80vh;
display: grid
}
.header108_image-wrapper {
flex: none;
width: 17.7rem;
position: relative
}
.header108_image-wrapper.is-image-small {
width: 20vw
}
.header108_image-wrapper.is-image-large {
aspect-ratio: 16/9;
width: 36vw;
height: 46vh
}
.header108_image-group-right {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: column;
place-items: center end;
padding-left: 1rem;
padding-right: 1rem;
display: grid
}
.header108_ix-trigger {
z-index: -1;
margin-top: 100vh;
position: absolute;
inset: 0%
}
.header108_component {
height: 250vh;
position: relative
}
.header108_image-group-left {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: column;
place-items: center end;
padding-left: 1rem;
padding-right: 1rem;
display: grid
}
.header108_image3,
.header108_image5 {
aspect-ratio: 3/2;
object-fit: cover;
width: 100%
}
.header108_image7 {
aspect-ratio: 2/3;
object-fit: cover;
width: 100%
}
.header108_image2 {
aspect-ratio: 3/2;
object-fit: cover;
width: 100%
}
.header108_image4 {
object-fit: cover;
width: 100%;
height: 100%
}
.section_header108 {
padding-top: 200px;
display: none
}
.header108_image1 {
aspect-ratio: 2/3;
object-fit: cover;
width: 100%
}
.header108_content-bottom {
align-items: center;
width: 100%;
height: 100vh;
display: flex;
position: sticky;
top: 0;
overflow: hidden
}
.header108_small-image-group {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
width: auto;
display: grid;
position: relative
}
.header108_image6 {
aspect-ratio: 3/2;
object-fit: cover;
width: 100%
}
.text-block-11.is-hidden {
opacity: .48;
font-size: 14px;
display: block
}
.text-block-12 {
border: 1px #000
}
.text-block-12.is-hidden,
.text-block-13.is-hidden {
opacity: .5;
font-size: 14px;
display: block
}
.landing_hero-h1 {
font-size: 3.5rem;
line-height: 123%
}
.landing_hero-h1.is-mobile {
text-align: center
}
.no-mg {
margin-bottom: 0;
font-size: 18px;
font-weight: 200;
line-height: 160%
}
.no-mg.is-tablet {
font-size: 1.125rem;
font-weight: 200
}
.no-mg.paragraph-small {
font-size: 15px
}
.header103_tab-image-3 {
object-fit: cover;
width: 100%;
height: 100%
}
.header103_tab-image-wrapper-2 {
z-index: -1;
position: absolute;
inset: 0%
}
.header103_tab-pane-2 {
position: absolute;
inset: 0%
}
.header103_tabs-content-3 {
min-height: 100vh;
max-height: 60rem;
overflow: visible
}
.header103_tabs-menu-3 {
z-index: 2;
grid-column-gap: 1rem;
grid-row-gap: 1rem;
justify-content: center;
max-width: 64rem;
margin-left: auto;
margin-right: auto;
padding-left: 5vw;
padding-right: 5vw;
display: flex;
position: absolute;
inset: auto 0% 5rem
}
.text-color-white-4 {
color: var(--\<unknown\|relume-variable-color-neutral-2\>)
}
.padding-global-custom {
padding-left: 5%;
padding-right: 5%
}
.header103_tab-content-2 {
justify-content: center;
align-items: center;
height: 100%;
display: flex;
position: relative
}
.lottie-mobile-hero {
width: 300px
}
.landing_studios-heading_container.is-mobile {
display: none
}
.button-wrap-2 {
border: 1px solid #9b9b9b7a;
border-radius: 0;
justify-content: flex-start;
align-items: center;
min-width: auto;
min-height: 50px;
display: flex;
position: relative;
overflow: hidden
}
.hover-layer {
z-index: 2;
height: 80px;
position: absolute;
bottom: 0;
left: 0;
right: 0
}
.btn-text {
z-index: 1;
color: #cec8c8;
letter-spacing: 1px;
font-weight: 700;
position: relative
}
.btn-text-2 {
z-index: 3;
color: #fff;
letter-spacing: 1px;
font-weight: 700;
position: absolute;
top: 45px
}
.button-link-cover {
z-index: 5;
position: absolute;
inset: 0
}
.landing_button-wrapper {
height: 25px;
position: relative;
overflow: hidden;
transform: perspective(3000px)
}
.text-block-14 {
text-decoration: none
}
.swiper.swiper-movies {
height: 480px;
overflow: visible
}
.swiper-wrapper {
height: 100%;
display: flex
}
.swiper-slide {
border-radius: 16px;
flex: none;
width: 100%;
height: 100%;
position: relative;
overflow: hidden
}
._100 {
width: 100%
}
.swiper-container {
height: 100vh;
overflow: hidden
}
.swiper-slide-2 {
width: 100%;
height: 100vh;
overflow: hidden
}
.link-block-13 {
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: relative;
overflow: hidden
}
.h1-title {
z-index: 100;
color: #fff;
width: 60%;
font-size: 6em;
font-weight: 700;
line-height: 1;
position: absolute;
left: 1em
}
.image-smartphone {
display: none;
position: absolute
}
.image-desktop {
background-image: url(../images/background-image.svg);
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
width: 110%;
height: 110%;
position: absolute;
inset: 0%
}
.layout354_content-wrapper {
align-items: center;
min-height: 100vh;
max-height: 60rem;
display: flex
}
.max-width-medium {
width: 100%;
max-width: 35rem
}
.layout354_component {
position: sticky;
top: 0
}
.text-color-white-5 {
color: var(--\<unknown\|relume-variable-color-neutral-2\>)
}
.padding-global-7 {
padding-left: 5%;
padding-right: 5%
}
.layout354_content-item {
z-index: 2;
background-image: linear-gradient(#0000001c, #0000001c), url(../images/65dcb01677ff5a7daf3b404e_KR303930.webp);
background-position: 0 0, 0 0;
background-size: auto, auto;
position: sticky;
top: 0
}
.layout354_content-item.content-item-2 {
z-index: 1;
top: 0
}
.layout354_content-item.content-item-1 {
z-index: 1;
background-image: none
}
.layout354_content-item.content-item-3 {
z-index: 3;
background-image: linear-gradient(#00000080, #00000080), url(../images/65ce349ef459f39c0b1805c7_Placeholder%20Image-3.svg);
background-position: 0 0, 50%;
background-size: auto, cover;
background-attachment: scroll, fixed;
top: 0
}
.layout354_content-item.content-item-2 {
z-index: 1;
background-image: linear-gradient(#00000080, #00000080), url(../images/65ce349ef459f39c0b1805c9_Placeholder%20Image-2.svg);
background-position: 0 0, 50%;
background-size: auto, cover;
background-attachment: scroll, fixed;
top: 0
}
.layout354_content-item.content-item-1 {
z-index: 1;
background-image: linear-gradient(#00000080, #00000080), url(../images/65ce349ef459f39c0b1805ca_Placeholder%20Image-1.svg);
background-position: 0 0, 50%;
background-size: auto, cover
}
.layout354_content-item.content-item-3 {
z-index: 3;
background-image: none;
top: 0
}
.section_layout354-2,
.section_layout354-2.is-hidden {
display: none
}
.layout354_component-2 {
position: sticky;
top: 0
}
.text-color-white-6 {
color: var(--\<unknown\|relume-variable-color-neutral-2\>)
}
.padding-global-8 {
padding-left: 5%;
padding-right: 5%
}
.viewport-2 {
perspective: 2000px;
height: 100vh;
overflow: scroll
}
.heading-1-2 {
margin-bottom: .5vw;
margin-left: -3vw;
font-size: 8vw
}
.text-block-15 {
line-height: 1
}
.slide-5 {
justify-content: center;
align-items: center;
width: 50%;
height: 98%;
display: flex;
position: relative
}
.section-viewport-2 {
perspective: 2000px;
justify-content: center;
align-items: center;
width: 100vw;
height: 100vh;
display: flex
}
.slide__image-3 {
object-fit: cover;
border-radius: 2vw;
width: 100%;
height: 100%
}
.text-color-white-7 {
color: var(--\<unknown\|relume-variable-color-neutral-2\>)
}
.slider1_component {
background-color: #0000;
flex-direction: row;
justify-content: center;
align-items: center;
height: auto;
padding-bottom: 4rem
}
.slider1_slide {
padding-left: 4rem;
padding-right: 4rem
}
.slider-content-replace-this-div {
text-align: center;
border: 2px dashed #0000001a;
flex-direction: column;
align-items: center;
width: 100%;
height: 20rem;
margin-left: auto;
margin-right: auto;
display: flex
}
.slider1_arrow {
border: 1px solid var(--\<unknown\|relume-variable-border-color-1\>);
background-color: var(--\<unknown\|relume-variable-color-neutral-2\>);
border-radius: 100%;
justify-content: center;
align-items: center;
width: 3.5rem;
height: 3.5rem;
display: flex
}
.slider1_arrow-icon {
color: var(--\<unknown\|relume-variable-color-neutral-1\>);
justify-content: center;
align-items: center;
width: 1rem;
height: 1rem;
display: flex
}
.slider1_slide-nav {
height: 1.75rem;
font-size: .5rem
}
.section_layout349 {
position: relative
}
.layout349_mobile-image {
width: 100%;
position: absolute
}
.layout349_mobile-image-wrapper {
display: none
}
.layout349_content-wrapper {
flex-direction: column;
align-items: flex-start;
display: flex
}
.layout349_component {
grid-column-gap: 5rem;
grid-row-gap: 4rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: stretch;
display: grid;
position: relative
}
.layout349_content {
flex-direction: column;
justify-content: center;
align-items: flex-start;
height: 100vh;
display: flex
}
.layout349_desktop-image-wrapper {
flex-direction: column;
justify-content: center;
align-items: center;
height: 100vh;
display: flex;
position: sticky;
top: 0
}
.layout349_image {
width: 100%;
position: absolute
}
.div-block-29 {
border-radius: 1rem;
flex-direction: column;
justify-content: center;
align-self: auto;
align-items: center;
width: 100%;
min-width: 500px;
height: auto;
min-height: 500px;
max-height: 50%;
display: flex;
position: absolute;
overflow: hidden
}
.div-block-30 {
z-index: 100;
border-radius: 1rem;
justify-content: center;
align-items: center;
width: 450px;
height: 450px;
display: flex;
position: absolute;
inset: 25% 0% 0%
}
.html-embed-6 {
filter: none;
-webkit-text-stroke-width: 0px;
border: 1px #000;
width: 100%;
height: 100%;
margin-left: auto;
margin-right: auto;
position: static;
top: 11%
}
.image-9 {
min-width: 300px;
max-width: 75%;
margin-left: auto;
margin-right: auto;
display: block
}
.banner11_component {
border-bottom: 1px solid var(--\<unknown\|relume-variable-border-color-1\>);
width: 100vw;
max-width: 100%;
display: flex;
overflow: hidden
}
.banner11_wrapper {
width: 200vw;
display: flex
}
.banner11_marquee {
justify-content: space-around;
align-items: center;
width: 100vw;
padding-top: 1rem;
padding-bottom: 1rem;
display: flex
}
.banner11_text-wrapper {
justify-content: center;
align-items: center;
padding-left: 1rem;
padding-right: 1rem;
display: flex
}
.banner11_text {
font-size: 1.25rem;
font-weight: 700
}
.banner15_image {
aspect-ratio: 3/2;
object-fit: cover;
border-radius: 4px;
width: 100%;
height: 100%;
max-height: 6rem
}
.banner15_image.is-sm {
aspect-ratio: auto;
object-fit: contain;
max-height: 5.8rem
}
.banner15_image.is-xlsm {
object-fit: contain;
max-height: 3.3rem
}
.heading-style-h1 {
font-size: 3rem;
font-weight: 700;
line-height: 1.2
}
.banner15_inner-wrapper {
justify-content: flex-end;
display: flex
}
.section_banner15.is-hidden {
display: none
}
.banner15_image-wrapper {
aspect-ratio: 3/2;
object-fit: cover;
background-image: linear-gradient(#00000080, #00000080);
justify-content: center;
align-items: center;
width: 100%;
position: relative;
overflow: hidden
}
.banner15_image-wrapper.is-desktop {
width: 15%
}
.banner15_component {
justify-content: flex-end;
width: 100vw;
max-width: 100%;
display: flex;
overflow: hidden
}
.banner15_heading-wrapper {
white-space: nowrap;
justify-content: center;
align-items: center;
padding-left: 2rem;
padding-right: 2rem;
display: flex
}
.banner15_heading-wrapper.hide-mobile-landscape {
padding-left: 0
}
.banner15_marquee {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
grid-template-rows: auto;
grid-template-columns: max-content;
grid-auto-columns: max-content;
grid-auto-flow: column;
justify-content: space-around;
align-items: center;
padding-top: 1rem;
padding-bottom: 1rem;
display: grid
}
.banner15_marquee.is-desktop,
.banner15_marquee.is-bottom {
padding-top: 0
}
.image-10 {
opacity: 1;
width: 70vh;
margin-left: auto;
margin-right: auto;
display: block;
position: absolute;
inset: 30% 0% 0%
}
.image-10.is-shadow {
z-index: -1;
opacity: .63;
filter: grayscale();
width: 70vh;
left: -.2%
}
.image-10.is-hidden {
display: block;
top: 39%;
left: 6%
}
.landing_footer {
opacity: 1;
justify-content: center;
align-items: center;
min-height: 57vh;
padding-top: 86vh;
display: block;
position: relative;
overflow: visible
}
.cta-fixed {
z-index: 98;
grid-column-gap: 10px;
grid-row-gap: 10px;
-webkit-backdrop-filter: blur(7px);
backdrop-filter: blur(7px);
border-radius: 50px;
justify-content: center;
align-items: center;
width: 500px;
height: auto;
display: inline-block;
position: fixed;
inset: 6% 0% auto 50%;
transform: translate(-50%, -50%)
}
.landing_lottie-wrapper {
justify-content: flex-start;
align-items: center;
padding-left: 0%;
display: flex
}
.div-block-31 {
max-width: 70ch
}
.blogpost-banner {
background-color: var(--neutral-700);
color: var(--neutral-100);
border-radius: 1rem;
margin-top: 2rem;
margin-bottom: 2rem;
padding: 2rem
}
.blogpost-banner.is-sticky {
width: 20%;
display: none;
position: sticky;
top: 22%;
bottom: auto;
left: 100%
}
.blogpost-banner.is-sticky.is-hidden {
display: none
}
.blogpost-banner.is-hidden {
display: block
}
.blogpost-banner.no-mg {
background-color: #0000;
margin-bottom: 0;
padding-top: 5rem;
padding-bottom: 5rem;
position: relative;
overflow: hidden
}
.blogpost-banner.no-mg.is-hidden {
display: none
}
.text-span-55 {
color: #fff
}
.section_landing-hero {
min-height: 110vh;
position: relative;
overflow: hidden
}
.landing_hero-gradient {
z-index: 10;
background-image: linear-gradient(#0000, #0000005c 18%, #000000de 44%, #000 62% 74%, #000);
width: 100%;
min-height: 27vh;
position: absolute;
inset: auto 0% 0%
}
.section_landing-formats {
margin-top: -40vh
}
.image-11 {
opacity: 1;
max-width: 68%;
min-height: auto;
position: absolute;
inset: auto 0% 0% auto
}
.lottie-animation-8 {
opacity: .53;
width: 78px;
position: absolute;
top: 30%;
left: 41%
}
.image-12 {
opacity: .07
}
.image-12.is-2 {
z-index: -20;
opacity: 1;
filter: grayscale();
margin-top: -5px;
margin-left: -4px;
position: absolute
}
.blog_wrapper {
width: 100%;
position: relative
}
.layout28_image {
width: 100%;
height: 100%
}
.layout28_tabs-menu {
grid-column-gap: 1rem;
grid-row-gap: 2.5rem;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid
}
.padding-section-large-2 {
padding-top: 7rem;
padding-bottom: 7rem
}
.layout28_tabs-link {
background-color: #0000;
border-left: 2px solid #0000;
padding: 0 0 0 2rem;
display: block
}
.layout28_tabs-link.w--current {
opacity: 1;
background-color: #0000;
border-left-color: #000
}
.layout28_lightbox {
justify-content: center;
align-items: center;
width: 100%;
display: flex;
position: relative
}
.layout28_component {
grid-column-gap: 5rem;
grid-row-gap: 4rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
display: grid
}
.lightbox-play-icon {
z-index: 2;
color: #fff;
justify-content: center;
align-items: center;
display: flex;
position: absolute
}
.layout28_lightbox-image {
object-fit: cover
}
.heading-style-h4 {
font-size: 2rem;
font-weight: 700;
line-height: 1.3
}
.heading-style-h4.color-yellow {
margin-top: 0
}
.video-overlay-layer {
z-index: 1;
background-color: #00000080;
position: absolute;
inset: 0%
}
.link-5 {
display: none
}
.image-13 {
object-fit: cover
}
.heading-22 {
color: var(--neutral-100)
}
.modal2_close-button {
z-index: 2;
background-color: var(--neutral-500);
border-radius: 50rem;
position: absolute;
top: 1rem;
right: 1rem
}
.modal2_content-wrapper {
background-color: var(--\<unknown\|relume-variable-color-neutral-2\>);
background-image: linear-gradient(to bottom, var(--neutral), var(--neutral));
scrollbar-width: none;
border-left: .5px #675b17;
width: 100%;
max-width: 40rem;
height: 100vh;
padding: 3.5rem 4rem;
position: absolute;
inset: 0% 0% 0% auto;
overflow: scroll;
box-shadow: -5px 2px 20px 14px #675b1752
}
.modal2_component {
z-index: 9999;
justify-content: flex-end;
align-items: center;
width: 100vw;
height: 100vh;
display: none;
position: fixed;
inset: 0%
}
.modal2_component.is-hidden {
border-left: 1px #000;
display: none
}
.modal2_background-overlay {
z-index: -1;
-webkit-backdrop-filter: blur(3px);
backdrop-filter: blur(3px);
background-color: #00000040;
width: 100%;
height: 100%;
position: absolute;
inset: 0%
}
.modal-content-replace-this-div {
border: 2px dashed #0000001a;
width: 100%;
height: auto
}
.is-hidden {
display: none
}
.form-4 {
grid-column-gap: 32px;
grid-row-gap: 32px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
margin-bottom: 28px;
display: grid
}
.text-sm-print {
font-size: 10px
}
.form_input {
border-style: none none solid;
border-width: 1px;
border-color: black black var(--neutral-500);
color: #fff;
background-color: #0000;
width: 100%;
height: 28px;
margin-bottom: 0;
padding: 0 0 16px;
font-family: Plus Jakarta Sans, sans-serif;
font-size: 15px;
transition: border-color .4s, color .4s
}
.form_input:hover {
border-bottom-color: var(--yellow);
color: #fff
}
.form_input:focus {
border-bottom-color: var(--neutral-100);
color: var(--neutral-100)
}
.form_input::placeholder {
color: var(--neutral-400);
font-size: 16px
}
.form_input.area {
height: 100px
}
.image-14 {
background-color: var(--neutral-500);
border-radius: 99px
}
.modal2_content-wrapper-2 {
background-color: var(--\<unknown\|relume-variable-color-neutral-2\>);
width: 100%;
max-width: 40rem;
height: 100vh;
padding: 5rem 4rem;
position: absolute;
overflow: scroll
}
.modal2_background-overlay-2 {
z-index: -1;
-webkit-backdrop-filter: blur(3px);
backdrop-filter: blur(3px);
background-color: #00000040;
width: 100%;
height: 100%;
position: absolute;
inset: 0%
}
.success-message-landing {
flex-flow: column;
justify-content: center;
align-items: center;
padding: 36px;
display: flex
}
.modal-tabs {
justify-content: center;
align-items: center;
margin-bottom: 30px;
display: flex
}
.tab-landing {
color: var(--neutral-300);
background-color: #ddd0
}
.tab-landing.w--current {
color: var(--neutral-100);
background-color: #f9b2331a;
border-top: 3px solid #f9b233;
border-bottom: 3px #f9b233
}
.map-div {
-webkit-text-stroke-width: 0px;
border: 1px #000;
height: 400px;
margin-top: 30px;
margin-bottom: 30px
}
.modal3_component {
width: 100%;
height: 100vh;
display: flex;
position: fixed;
inset: 0% 0% 0% auto
}
.modal2_content-wrapper-3 {
background-color: var(--\<unknown\|relume-variable-color-neutral-2\>);
background-image: linear-gradient(#000, #000);
width: 100%;
max-width: 40rem;
height: 100vh;
padding: 3rem 4rem;
display: block;
position: absolute;
overflow: scroll;
box-shadow: -5px 2px 20px 14px #675b1752
}
.modal2_component-2 {
z-index: 99;
justify-content: flex-end;
align-items: center;
width: 100vw;
height: 100vh;
display: none;
position: fixed;
inset: 0%
}
.modal2_background-overlay-3 {
z-index: -1;
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
background-color: #00000040;
width: 100%;
height: 100%;
display: block;
position: absolute;
inset: 0%
}
.modal-content-replace-this-div-2 {
border: 2px dashed #0000001a;
width: 100%;
height: 150vh
}
.border-radius-0 {
border-radius: 0
}
.image-15 {
background-color: #fff;
border-radius: 20px
}
.no-bg {
background-color: #ddd0
}
.axeptio-wrapper {
opacity: .35;
justify-content: flex-end;
align-items: center;
margin-bottom: .5rem;
padding-bottom: 0;
display: flex
}
.paragraph-4 {
text-wrap: balance
}
.cta-phone {
background-color: #f9b232;
border-radius: 100px;
flex: none;
justify-content: center;
align-items: center;
width: auto;
height: 50px;
padding: 0 20px;
display: flex;
position: relative
}
.cta-modal {
border: 1px solid var(--neutral-500);
direction: ltr;
color: var(--neutral-200);
word-break: normal;
overflow-wrap: normal;
background-color: #000000bf;
border-radius: 50px;
width: 100%;
padding: 12px 20px;
text-decoration: none
}
.cta-modal:hover {
pointer-events: auto
}
.cta-black-text {
color: var(--neutral);
text-decoration: none
}
.cta-black-text:hover {
color: var(--neutral)
}
.locale:lang(fr-fr) {
color: #41539f
}
.locale-link.w--current {
color: var(--yellow);
text-decoration: none
}
.header78_image-list-top {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-self: center;
width: 100%;
display: grid
}
.header78_image-list-bottom {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
margin-left: -62.7%;
display: grid
}
.header78_content-bottom {
justify-content: flex-start;
width: 100vw;
display: flex;
overflow: hidden
}
.header78_image-list {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: auto;
grid-auto-columns: auto;
grid-auto-flow: column;
width: 100%;
display: grid
}
.header78_component {
flex-direction: column;
align-items: center;
display: flex
}
.header78_image {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%
}
.header78_image-wrapper {
justify-content: center;
align-items: center;
width: 18rem;
padding-top: 0%;
display: flex;
position: relative
}
.header78_images-layout {
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid
}
.logo-entreprise {
opacity: .96;
filter: grayscale();
max-height: 80px;
display: inline-block;
position: static;
inset: 0%
}
.logo-entreprise.is-shneider {
max-height: 56px
}
.logo-entreprise.invert {
filter: invert()
}
.spacer16 {
height: 16px
}
.text-block-17 {
text-decoration: none
}
.div-block-32 {
z-index: 1;
grid-column-gap: 8px;
grid-row-gap: 8px;
background-color: var(--card-frozen1);
border-radius: 50px;
justify-content: center;
align-items: center;
width: 500px;
margin-top: 0;
margin-left: auto;
margin-right: auto;
padding: 1rem 1.5rem;
display: flex;
position: static
}
.link-nodecoration {
font-weight: 700;
text-decoration: none
}
.glowing-wrapper-button {
z-index: 1;
color: #fff;
letter-spacing: -.01em;
border: 2px solid #ffffff1a;
border-radius: 62.5rem;
padding: 12px 1.5rem;
font-size: .88rem;
line-height: 1.42;
text-decoration: none;
position: relative
}
.glowing-wrapper-button:hover {
-webkit-text-stroke-width: .5px;
background-color: #ffffff1a;
font-weight: 400
}
.button-text {
z-index: 2;
color: #0000;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(#fff6, #fff);
-webkit-background-clip: text;
background-clip: text;
font-size: 1rem;
font-weight: 500;
position: relative
}
.glowing-wrapper-glow {
opacity: .12;
filter: blur(8px)
}
.glowing-wrapper {
border-radius: 62.5rem;
display: inline-block;
position: relative;
overflow: hidden
}
.glowing-wrapper-mask {
opacity: 1
}
.glowing-wrapper-animations {
opacity: 0;
width: 100%;
transition: opacity 1s;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%)
}
.glowing-wrapper-borders {
opacity: 1;
width: 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%)
}
.styles---glowing-button {
display: none
}
.glowing-wrapper-mask-wrapper {
opacity: 1
}
.glowing-wrapper-borders-masker {
opacity: 0;
border-radius: 62.5rem;
width: 100%;
padding: .06rem;
line-height: 100%;
transition: opacity 1s;
position: absolute;
top: 0;
left: 0
}
.div-block-33 {
font-size: 1rem;
transition: all .3s
}
.div-block-33:hover {
font-weight: 400
}
.div-block-34 {
margin-top: 10px;
padding-top: 1rem
}
.div-block-35 {
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
width: 500px;
margin-left: auto;
margin-right: auto
}
.div-block-36 {
z-index: 0;
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
width: 500px;
height: 200px;
position: absolute;
top: 10px;
left: 50%;
right: 0%;
transform: translate(-50%, -50%)
}
.layout233_component {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
background-color: #1a1a1afa;
border-radius: 1rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
place-items: start;
padding: 2rem;
display: grid
}
.layout233_item {
flex-direction: column;
align-items: center;
width: 100%
}
.icon-1x1-medium {
width: 3rem;
height: 3rem
}
.custom-bullets {
grid-column-gap: 7px;
grid-row-gap: 7px;
flex-flow: column;
padding-left: 0;
list-style-type: none;
display: flex
}
.list-item-2 {
padding-left: 0;
overflow: visible
}
.agences-h1 {
font-size: 4.2rem
}
.social-wrapper {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
padding: 15px;
display: flex
}
.image-16 {
border-radius: 0
}
.lottie-animation-9 {
width: 100px;
margin-left: auto;
margin-right: auto;
display: none
}
._6-col-grid {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr
}
.hedaer-142-instructions-delete {
background-color: var(--\<unknown\|relume-variable-color-neutral-3\>);
text-align: left;
padding: 2rem;
display: block
}
.text-size-medium-9 {
letter-spacing: normal;
font-size: 1.125rem
}
.header142_instructions-list {
padding-left: 1.25rem
}
.header142_instructions-list-item {
padding-left: .5rem
}
.header142_component {
justify-content: center;
align-items: center;
height: 100vh;
display: flex;
position: relative;
overflow: hidden
}
.padding-global-9 {
padding-left: 5%;
padding-right: 5%
}
.padding-section-large-3 {
padding-top: 3rem;
padding-bottom: 7rem
}
.header142_content {
z-index: 1;
position: relative
}
.button-7 {
grid-column-gap: .5rem;
color: #0000;
text-align: center;
white-space: nowrap;
background-color: #0000;
border: 1px solid #0000;
border-radius: .5rem;
justify-content: center;
align-items: center;
padding: .625rem 1.125rem;
font-weight: 500;
transition: all .3s;
display: flex;
box-shadow: 0 1px 2px #1018280d
}
.button-7:hover {
background-color: #0000;
border-color: #0000
}
.button-7:focus {
background-color: #0000;
box-shadow: 0 1px 2px #1018280d, 0 0 0 4px #0000
}
.button-7.is-secondary {
color: var(--\<unknown\|relume-variable-color-neutral-1\>);
background-color: #0000
}
.header142_images-canvas {
width: 100%;
height: 100%;
position: absolute
}
.header142_images-group1 {
transform-origin: 50% 100%;
justify-content: center;
align-items: center;
display: flex;
position: absolute;
inset: 0%
}
.header142_image-wrapper1 {
z-index: -1;
width: 100%;
max-width: 18%;
position: absolute;
left: -5%
}
.header142_image {
width: 100%;
height: 100%
}
.header142_image-wrapper3 {
z-index: 1;
width: 100%;
max-width: 16%;
position: absolute;
top: 5%;
left: 40%
}
.header142_image-wrapper6 {
z-index: 1;
width: 100%;
max-width: 18%;
position: absolute;
bottom: -5%;
right: -5%
}
.header142_image-wrapper8 {
z-index: 1;
width: 100%;
max-width: 19%;
position: absolute;
bottom: -10%;
left: 20%
}
.header142_images-group2 {
transform-origin: 50% 100%;
justify-content: center;
align-items: center;
display: flex;
position: absolute;
inset: 0%
}
.header142_image-wrapper2 {
width: 100%;
max-width: 18%;
position: absolute;
top: -10%;
left: 10%
}
.header142_image-wrapper4 {
width: 100%;
max-width: 16%;
position: absolute;
top: -10%;
right: 20%
}
.header142_image-wrapper5 {
width: 100%;
max-width: 15%;
position: absolute;
top: 25%;
right: -5%
}
.header142_image-wrapper7 {
width: 100%;
max-width: 17%;
position: absolute;
bottom: 5%;
right: 30%
}
.padding-global-10 {
padding-left: 5%;
padding-right: 5%
}
.padding-section-large-4 {
padding-top: 3rem;
padding-bottom: 7rem
}
.layout497_content {
flex-flow: column;
display: flex;
position: relative
}
.layout497_inner-wrapper {
width: 50%;
padding-right: 2.5rem
}
.layout497_header {
margin-bottom: 2rem
}
.text-style-tagline {
justify-content: center;
align-items: center;
font-weight: 600;
text-decoration: none;
display: inline-block
}
.heading-style-h2 {
font-size: 3rem;
font-weight: 700;
line-height: 1.2
}
.text-size-medium-10 {
letter-spacing: normal;
font-size: 1.125rem
}
.layout497_tabs {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-items: stretch;
position: static
}
.layout497_tabs-menu {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid
}
.layout497_tab-link {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
border-bottom: 1px none var(--\<unknown\|relume-variable-border-color-1\>);
opacity: .4;
background-color: #0000;
padding: 1rem;
display: flex
}
.layout497_tab-link.w--current {
opacity: 1;
background-color: #0000;
border-left-color: #000;
border-radius: 16px
}
.layout497_tab-icon-wrapper {
flex: none;
align-self: flex-start
}
.icon-1x1-small {
width: 2rem;
height: 2rem
}
.heading-style-h5 {
font-size: 1.5rem;
font-weight: 700;
line-height: 1.4
}
.layout497_paragraph {
overflow: hidden
}
.layout497_tabs-content {
justify-content: center;
align-items: center;
width: 50%;
height: 100%;
padding-left: 2.5rem;
display: flex;
position: absolute;
inset: 0% 0% 0% auto;
overflow: visible
}
.layout497_image {
width: 100%;
height: 100%
}
.layout497_lightbox {
justify-content: center;
align-items: center;
width: 100%;
display: flex;
position: relative
}
.layout497_lightbox-image {
object-fit: cover
}
.button-8 {
grid-column-gap: .5rem;
color: #0000;
text-align: center;
white-space: nowrap;
background-color: #0000;
border: 1px solid #0000;
border-radius: .5rem;
justify-content: center;
align-items: center;
padding: .625rem 1.125rem;
font-weight: 500;
transition: all .3s;
display: flex;
box-shadow: 0 1px 2px #1018280d
}
.button-8:hover {
background-color: #0000;
border-color: #0000
}
.button-8:focus {
background-color: #0000;
box-shadow: 0 1px 2px #1018280d, 0 0 0 4px #0000
}
.button-8.is-secondary {
color: var(--\<unknown\|relume-variable-color-neutral-1\>);
background-color: #0000
}
.button-8.is-link {
color: var(--\<unknown\|relume-variable-color-neutral-1\>);
background-color: #0000;
border-style: none;
padding: .25rem 0;
line-height: 1;
text-decoration: none
}
.text-size-medium-11 {
letter-spacing: normal;
font-size: 1.125rem
}
.layout507_tabs {
border: 1px none var(--\<unknown\|relume-variable-border-color-1\>);
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
align-items: stretch;
display: block
}
.layout507_tabs-menu {
border-style: none none solid;
border-width: 1px 1px 2px;
border-color: black black var(--neutral-600);
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: flex-end;
height: 100%;
margin-bottom: 2rem;
display: flex
}
.layout507_tab-link {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
border-right: 1px none var(--\<unknown\|relume-variable-border-color-1\>);
color: var(--neutral-100);
text-align: center;
background-color: #0000;
border-bottom: 1px #0000;
justify-content: center;
align-items: center;
width: 100%;
padding: 1rem;
display: flex
}
.layout507_tab-link.w--current {
border-bottom: 1px solid var(--yellow);
color: var(--yellow);
background-color: #0000;
border-right-style: none;
border-radius: 0;
padding: 1rem;
text-decoration: none;
position: static
}
.layout507_tab-link.tabs-last {
border-right-style: none
}
.heading-style-h6 {
font-size: 1.25rem;
font-weight: 700;
line-height: 1.4
}
.layout507_tab-pane {
height: 100%
}
.layout507_card {
grid-column-gap: 5rem;
grid-row-gap: 4rem;
background-color: var(--neutral-700);
border-radius: 24px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: stretch;
width: 100%;
padding: 3rem;
display: grid
}
.layout507_card-content {
flex-direction: column;
justify-content: center;
display: flex
}
.heading-style-h3 {
font-size: 2.5rem;
font-weight: 700;
line-height: 1.2
}
.button-9 {
grid-column-gap: .5rem;
color: #0000;
text-align: center;
white-space: nowrap;
background-color: #0000;
border: 1px solid #0000;
border-radius: .5rem;
justify-content: center;
align-items: center;
padding: .625rem 1.125rem;
font-weight: 500;
transition: all .3s;
display: flex;
box-shadow: 0 1px 2px #1018280d
}
.button-9:hover {
background-color: #0000;
border-color: #0000
}
.button-9:focus {
background-color: #0000;
box-shadow: 0 1px 2px #1018280d, 0 0 0 4px #0000
}
.button-9.is-secondary {
color: var(--\<unknown\|relume-variable-color-neutral-1\>);
background-color: #0000
}
.button-9.is-link {
color: var(--\<unknown\|relume-variable-color-neutral-1\>);
background-color: #0000;
border-style: none;
padding: .25rem 0;
line-height: 1;
text-decoration: none
}
.layout507_image-wrapper {
flex-direction: column;
justify-content: center;
align-items: center;
display: flex
}
.section_layout354-3.text-color-alternate {
display: none
}
.text-size-medium-12 {
letter-spacing: normal;
font-size: 1.125rem
}
.button-10 {
grid-column-gap: .5rem;
color: #0000;
text-align: center;
white-space: nowrap;
background-color: #0000;
border: 1px solid #0000;
border-radius: .5rem;
justify-content: center;
align-items: center;
padding: .625rem 1.125rem;
font-weight: 500;
transition: all .3s;
display: flex;
box-shadow: 0 1px 2px #1018280d
}
.button-10:hover {
background-color: #0000;
border-color: #0000
}
.button-10:focus {
background-color: #0000;
box-shadow: 0 1px 2px #1018280d, 0 0 0 4px #0000
}
.button-10.is-secondary {
color: var(--\<unknown\|relume-variable-color-neutral-1\>);
background-color: #0000
}
.div-block-38 {
background-color: var(--neutral-700);
padding: .5rem 1rem
}
.rl-styleguide_label-3 {
color: #0000;
white-space: nowrap;
cursor: context-menu;
background-color: #0073e6;
padding: .25rem .5rem;
font-size: .75rem;
display: inline-block
}
.layout422_grid-list {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-rows: auto;
grid-template-columns: 1fr
}
.button-11 {
grid-column-gap: .5rem;
color: #0000;
text-align: center;
white-space: nowrap;
background-color: #0000;
border: 1px solid #0000;
border-radius: .5rem;
justify-content: center;
align-items: center;
padding: .625rem 1.125rem;
font-weight: 500;
transition: all .3s;
display: flex;
box-shadow: 0 1px 2px #1018280d
}
.button-11:hover {
background-color: #0000;
border-color: #0000
}
.button-11:focus {
background-color: #0000;
box-shadow: 0 1px 2px #1018280d, 0 0 0 4px #0000
}
.button-11.is-link {
color: var(--\<unknown\|relume-variable-color-neutral-1\>);
background-color: #0000;
border-style: none;
padding: .25rem 0;
line-height: 1;
text-decoration: none
}
.spacer100px {
height: 100px
}
.spacer2rem {
height: 2rem
}
.image-17 {
z-index: auto;
width: 100%;
position: absolute
}
.section_layout121 {
flex: 0 auto;
width: 100%;
padding-top: 0
}
.layout121_component {
width: 100%
}
.layout121_content {
grid-column-gap: 5rem;
grid-row-gap: 4rem;
flex-flow: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: start;
width: 100%;
display: block
}
.layout121_content-left {
width: 100%;
margin-top: 0
}
.button-12 {
grid-column-gap: .5rem;
color: #0000;
text-align: center;
white-space: nowrap;
background-color: #0000;
border: 1px solid #0000;
border-radius: .5rem;
justify-content: center;
align-items: center;
padding: .625rem 1.125rem;
font-weight: 500;
transition: all .3s;
display: flex;
box-shadow: 0 1px 2px #1018280d
}
.button-12:hover {
background-color: #0000;
border-color: #0000
}
.button-12:focus {
background-color: #0000;
box-shadow: 0 1px 2px #1018280d, 0 0 0 4px #0000
}
.button-12.is-secondary {
color: var(--\<unknown\|relume-variable-color-neutral-1\>);
background-color: #0000
}
.button-12.is-link {
color: var(--\<unknown\|relume-variable-color-neutral-1\>);
background-color: #0000;
border-style: none;
padding: .25rem 0;
line-height: 1;
text-decoration: none
}
.layout121_timeline-wrapper {
position: relative
}
.layout121_progress-bar-wrapper {
background-color: #00000026;
width: 2px;
height: 70%;
margin-bottom: 5rem;
position: absolute;
top: 10%;
left: 2.4375rem;
right: auto
}
.layout121_progress-bar {
background-color: var(--yellow);
filter: drop-shadow(0px 2px 4px var(--yellow))drop-shadow(0px 2px 2px var(--yellow));
width: 1px;
height: 100%
}
.layout121_timeline-step {
grid-column-gap: 2.5rem;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: max-content 1fr;
padding-top: 0;
padding-bottom: 1rem
}
.layout121_timeline-left {
flex-direction: column;
justify-content: flex-start;
align-items: center;
display: flex;
position: relative
}
.layout121_timeline-icon-wrapper {
z-index: 1;
background-color: var(--\<unknown\|relume-variable-color-neutral-2\>);
margin-top: 0;
padding: 1rem;
position: relative
}
.number-wrapper {
background-color: var(--neutral-700);
border-radius: 50%;
justify-content: center;
align-items: center;
width: 50px;
height: 50px;
display: flex
}
.number {
text-align: center;
font-size: 1.5rem
}
.number.color-yellow.bold-text {
font-size: 1.3rem
}
.list5 {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
flex-flow: column;
padding-left: 20px;
display: flex
}
.accordeon_title-wrapper {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
border-bottom: 1px solid var(--neutral-600);
width: 100%;
margin-bottom: 1rem;
padding-top: 0;
padding-bottom: 0;
display: flex
}
.div-block-39 {
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex
}
.section_layout410 {
padding-bottom: 30vh
}
.layout410_component {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
grid-template-rows: auto;
grid-template-columns: 1fr;
padding-bottom: 1rem;
display: block;
position: relative
}
.layout410_card {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
border: 1px #000;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-content: center;
align-items: stretch;
margin-bottom: 0;
display: block;
position: static;
overflow: hidden
}
.layout410_card.card-1 {
z-index: 1;
background-color: var(--neutral);
border-style: none;
border-radius: 24px;
height: auto;
margin-bottom: 10vh;
display: block;
position: sticky;
top: 15vh;
overflow: visible
}
.layout410_card.card-1.blur-card {
margin-bottom: 5vh
}
.layout410_card.card-2 {
z-index: 2;
background-color: var(--neutral);
border-style: none;
height: auto;
margin-bottom: 10vh;
padding: 0;
display: block;
position: sticky;
top: 23.5vh;
overflow: hidden
}
.layout410_card.card-2.blur-card {
margin-bottom: 5vh
}
.layout410_card.card-3 {
z-index: 3;
background-color: var(--neutral);
border-style: none;
border-radius: 24px;
height: auto;
margin-bottom: 10vh;
display: block;
position: sticky;
top: 30vh;
overflow: hidden
}
.layout410_card.card-4 {
height: 60vh;
margin-bottom: 0;
display: block;
position: sticky;
top: 35vh
}
.layout410_card.card-5 {
z-index: 4;
background-color: var(--neutral);
border-style: none;
border-color: #000;
border-radius: 24px;
height: auto;
display: block;
position: sticky;
top: 31.9vh
}
.layout410_card.card-5.blur-card {
margin-bottom: 5vh
}
.layout410_card.card-6 {
z-index: 11;
border-style: none;
border-color: #000;
border-radius: 24px;
height: 35vh;
margin-bottom: 0;
position: sticky;
top: 50vh
}
.layout410_card.card-6.is-hidden {
display: none
}
.layout410_card.card-7 {
z-index: 6;
border-style: none;
border-color: #000;
border-radius: 24px;
height: auto;
padding-bottom: 20vh;
display: block;
position: sticky;
top: 44vh
}
.layout410_card.card-8 {
z-index: 5;
background-color: var(--neutral);
border-style: none;
border-color: #000;
border-radius: 24px;
position: sticky;
top: 40.5vh
}
.layout410_card.card-8.blur-card {
margin-bottom: 5vh
}
.layout410_card.last-card {
z-index: 10;
border-style: none;
border-color: #000;
height: 15vh;
position: sticky;
top: 44vh
}
.layout410_card.card-9 {
z-index: 9;
border-style: none;
border-color: #000;
border-radius: 24px;
top: 55.2vh
}
.layout410_card.card-10 {
z-index: 11;
position: sticky;
top: 70vh
}
.layout410_card.card-11 {
z-index: 10;
background-color: var(--neutral);
border-radius: 24px;
position: sticky;
top: 49vh
}
.layout410_image-wrapper {
flex-direction: column;
justify-content: center;
align-items: center;
display: flex
}
.layout410_card-content {
background-color: var(--neutral);
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
padding: 0 0 3rem;
display: flex
}
.button-13 {
grid-column-gap: .5rem;
color: #0000;
text-align: center;
white-space: nowrap;
background-color: #0000;
border: 1px solid #0000;
border-radius: .5rem;
justify-content: center;
align-items: center;
padding: .625rem 1.125rem;
font-weight: 500;
transition: all .3s;
display: flex;
box-shadow: 0 1px 2px #1018280d
}
.button-13:hover {
background-color: #0000;
border-color: #0000
}
.button-13:focus {
background-color: #0000;
box-shadow: 0 1px 2px #1018280d, 0 0 0 4px #0000
}
.button-13.is-secondary {
color: var(--\<unknown\|relume-variable-color-neutral-1\>);
background-color: #0000
}
.button-13.is-link {
color: var(--\<unknown\|relume-variable-color-neutral-1\>);
background-color: #0000;
border-style: none;
padding: .25rem 0;
line-height: 1;
text-decoration: none
}
.embed-icon {
justify-content: center;
align-items: center;
padding-top: 4px;
display: flex
}
.div-block-40 {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
border: 1px none var(--neutral-600);
border-radius: 16px;
flex-flow: row;
justify-content: flex-start;
align-items: center;
padding: .5rem 1rem;
display: flex
}
.div-block-40-copy {
border: 1px solid var(--neutral-600);
border-radius: 16px;
flex-flow: column;
justify-content: center;
align-items: center;
padding: 1rem;
display: flex
}
.image-18 {
width: 100px;
position: absolute;
inset: 50% 0% 0% 50%;
transform: translate(-50%, -50%)
}
.overlay-yellow {
background-color: #00000094;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0
}
.empty-card {
height: 35vh
}
.tab-link-wrapper {
background-color: #0000;
padding: 0;
display: flex
}
.tab-link-wrapper:lang(fr-fr) {
border-radius: 20rem;
padding: 1rem;
text-decoration: none
}
.overlay-location {
opacity: 0;
background-image: linear-gradient(217deg, #f9b233, #7f5b1a82 29%, #0000 64%, #0000);
border-radius: 1rem;
width: 100%;
height: 100%;
position: absolute;
bottom: 0;
left: 0
}
.balance {
text-wrap: balance
}
.image-19 {
object-fit: cover;
background-color: #f9b233;
width: 100%;
height: 100%;
position: absolute
}
.section-8 {
overflow: hidden
}
.invert {
filter: invert()
}
.info_important-wrapper {
border-left: 2px solid var(--neutral-500);
padding-left: .75rem
}
.div-block-42 {
margin-bottom: 1rem
}
.pretty {
text-wrap: pretty
}
.code-embed {
display: flex
}
.pill {
background-color: var(--neutral-700);
letter-spacing: .5px;
border-radius: 20rem;
justify-content: center;
align-items: center;
padding: 2px 10px;
font-size: 12px;
font-weight: 600;
display: flex
}
.pill.is-large {
border: 1px none var(--neutral-100);
background-color: var(--neutral);
color: var(--neutral-100);
padding: 8px 16px;
font-size: 18px;
transition: all .3s
}
.pill.is-large:hover {
background-color: var(--yellow)
}
.pill.is-large-copy {
border: 1px none var(--yellow);
background-color: var(--neutral-100);
color: var(--neutral-700);
padding: 8px 16px;
font-size: 18px
}
.text-size-medium-13 {
letter-spacing: normal;
border-bottom: 1px #000;
font-size: 1.125rem;
text-decoration: none
}
.text-size-medium-13:lang(fr-fr) {
border-bottom: 1px #000
}
.rl-styleguide_label-4 {
color: #0000;
white-space: nowrap;
cursor: context-menu;
background-color: #0073e6;
padding: .25rem .5rem;
font-size: .75rem;
display: inline-block
}
.cta37_list {
grid-column-gap: 0rem;
grid-row-gap: 1rem;
text-align: center;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr
}
.pill-wrapper {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-flow: wrap;
justify-content: center;
align-items: center;
max-width: 600px;
margin-left: auto;
margin-right: auto;
display: flex
}
.layout-424-instructions-delete {
background-color: var(--\<unknown\|relume-variable-color-neutral-3\>);
text-align: left;
padding: 2rem
}
.text-size-medium-14 {
letter-spacing: normal;
border-bottom: 1px #000;
font-size: 1.125rem;
text-decoration: none
}
.text-size-medium-14:lang(fr-fr) {
border-bottom: 1px #000
}
.layout424_instructions-list {
padding-left: 1.25rem
}
.layout424_instructions-list-item {
padding-left: .5rem
}
.layout424_heading-list {
height: 7.25rem;
overflow: hidden
}
.layout424_heading-list.heading-list-visible {
overflow: visible
}
.layout424_instructions-callout {
background-color: #0000001a;
align-items: center;
padding: 1.5rem;
line-height: 1.6
}
.layout424_instructions-callout-image {
margin-top: 1.5rem
}
.layout424_component {
flex-direction: column;
height: 300vh;
position: relative
}
.layout424_content {
justify-content: center;
align-items: center;
height: 100vh;
display: flex;
position: sticky;
top: 0;
overflow: hidden
}
.layout424_heading {
white-space: nowrap;
font-size: 6rem
}
.layout424_ix-trigger {
z-index: -1;
margin-top: 100vh;
position: absolute;
inset: 0%
}
.home_cta-hover_img__podcast {
z-index: -2;
object-fit: cover;
background-image: linear-gradient(#000, #fff);
width: 100%;
position: absolute;
inset: 0%
}
.div-block-47 {
z-index: 2;
position: relative
}
.div-block-48 {
z-index: -1;
opacity: .74;
background-image: linear-gradient(#000000f2, #000000cf 41%, #000000c9 71%, #000000ba 100%, #000000b8);
position: absolute;
inset: 0%
}
.home_cta-hover_img__metier {
z-index: -2;
opacity: 0;
object-fit: cover;
width: 100%;
position: absolute;
inset: 50% 0% 0% 50%;
transform: translate(-50%, -50%)
}
.hover-bg {
z-index: -2;
opacity: 0;
filter: blur(3px);
object-fit: cover;
background-position: 50%;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0
}
.cta-hover {
text-decoration: none
}
.hover_banner-text {
z-index: 2;
position: relative
}
.banner-bg {
z-index: -3;
background-color: var(--neutral-700);
width: 100%;
height: 100%;
position: absolute;
inset: 0%
}
.text-style-light {
font-weight: 200
}
.banner10_component {
border-bottom: 1px none var(--\<unknown\|relume-variable-border-color-1\>);
background-color: var(--neutral);
display: block;
position: relative
}
.padding-global-11 {
padding-left: 5%;
padding-right: 5%
}
.banner10_content-wrapper {
justify-content: flex-start;
align-items: center;
padding-top: .15rem;
padding-bottom: .15rem;
display: flex
}
.banner10_content {
flex: 1;
justify-content: center;
align-items: center;
margin-left: 3rem;
display: flex
}
.banner10_close-button {
margin-left: 1rem
}
.icon-embed-small {
flex-direction: column;
justify-content: center;
align-items: center;
width: 2rem;
height: 2rem;
display: flex
}
.text-size-xsmall {
font-size: 13px;
line-height: 100%
}
.text-size-xsmall.glow-yellow {
color: var(--yellow);
text-shadow: 2px 2px 8px #f9b233ab;
font-size: 14px;
font-weight: 200
}
.text-size-xsmall.glow-yellow:hover {
color: var(--neutral-400)
}
.text-size-xsmall.glow-yellow.height-200 {
line-height: 131%
}
.text-size-xsmall.text-weight-normal {
font-weight: 400
}
.icon-xsmall {
height: 30px
}
.icon-xsmall.rotate {
transform-style: preserve-3d;
transform: rotateX(0)rotateY(180deg)rotate(0)
}
.rotate90 {
align-self: flex-start;
min-height: 30px;
display: block;
transform: rotate(-90deg)
}
.profile_img-wrapper {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
border-radius: .25rem;
justify-content: center;
align-items: center;
display: flex;
overflow: clip
}
.image-20 {
object-fit: cover;
border-radius: 40rem;
width: 50px;
height: 50px
}
.code-embed-2 {
opacity: .71;
width: 100%;
height: 100%;
position: absolute;
inset: 0%
}
.test-section {
width: 100vw;
height: 100vh;
position: relative
}
.image-21 {
position: absolute
}
.image-22 {
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
max-width: 45vw;
position: absolute;
inset: 50% 0% auto 50%;
transform: translate(-50%, -50%)
}
.button-14 {
grid-column-gap: .5rem;
color: #0000;
text-align: center;
white-space: nowrap;
background-color: #0000;
border: 1px solid #0000;
border-radius: .5rem;
justify-content: center;
align-items: center;
padding: .625rem 1.125rem;
font-weight: 500;
transition: all .3s;
display: flex;
box-shadow: 0 1px 2px #1018280d
}
.button-14:hover {
background-color: #0000;
border-color: #0000
}
.button-14:focus {
background-color: #0000;
box-shadow: 0 1px 2px #1018280d, 0 0 0 4px #0000
}
.text-size-medium-15 {
letter-spacing: normal;
border-bottom: 1px #000;
font-size: 1.125rem;
text-decoration: none
}
.text-size-medium-15:lang(fr-fr) {
border-bottom: 1px #000
}
.success-message-3,
.error-message-2 {
background-color: #0000
}
.div-block-49 {
display: block
}
.flexh {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: column;
display: flex
}
.lottie-success {
width: 10rem;
height: 10rem;
margin-left: auto;
margin-right: auto
}
.div-block-50 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 2.75fr 1fr;
grid-auto-columns: 1fr;
display: grid
}
.grid-2-3 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 2fr 1fr;
grid-auto-columns: 1fr;
display: grid
}
@media screen and (min-width:1440px) {
.container-default {
padding-left: 0;
padding-right: 0
}
.button-primary.small {
font-size: 16px
}
.header-logo {
max-width: 90%
}
.nav-link {
font-size: 16px
}
.section {
padding-top: 0;
padding-bottom: 240px
}
.section.bg-image {
width: 100%;
min-height: 100vh
}
.image.home-hero-image-v1 {
object-position: 50% 23%
}
.image.products {
object-fit: cover;
width: 100%;
height: 100%
}
.brand.w--current {
flex: 0 auto;
min-width: 204px
}
._2-column-grid.product-main-content-wrapper {
margin-top: -200px
}
._2-column-grid.mg-top-48px {
margin-right: 0;
padding-right: 0
}
.flex.no-link.color-yellow.hide-in-mobile.hover-yellow-light {
padding-left: 20px;
padding-right: 20px;
font-size: 16px
}
.inner-container {
padding-left: 10px;
padding-right: 10px
}
.card-image.album-card {
filter: none;
max-height: 740px
}
.card-image.album-card.more {
border-top: 0px none var(--yellow);
filter: none;
border-radius: 10px;
min-width: 100%;
max-width: 100%;
max-height: 270px
}
.overlay.product {
background-image: linear-gradient(to top, var(--neutral), #070707ab 39%, transparent 73%), linear-gradient(to bottom, #000, #fff0 24%);
height: 100%
}
._3-column-grid.blog-posts-grid.blog-v1 {
grid-column-gap: 45px
}
.bg {
background-image: linear-gradient(#00000080, #00000080)
}
.bg.video {
background-image: linear-gradient(to bottom, var(--neutral), var(--neutral));
background-position: 0 0;
background-size: auto;
width: 100%;
min-height: 69vh
}
.contact-form-main-wrapper.v1 {
padding: 80px 92px
}
.heading.left-mobile.mg-top-large-80px {
font-size: 3vw
}
.heading.padding-vertical {
margin-right: 0;
padding-right: 0;
font-size: 2.8vw;
line-height: 1.6em
}
.heading-3.color-white.limit-350px {
max-width: 350px
}
.image_profil {
filter: none
}
.feature-card-primary {
max-width: 330px
}
.image-wrapper-2 {
border-style: none;
border-width: 6px 1px 1px;
border-color: var(--yellow)
}
.content-grid.left {
margin-bottom: 70px
}
.content-grid.right {
grid-template-columns: 1.4fr 1fr;
margin-bottom: 70px
}
.news {
min-width: 199px;
max-width: 350px
}
.text-span-50 {
border-bottom-width: 7px;
line-height: 1.4px
}
.layout2-1_image.shadow-xlarge {
border-style: none;
border-color: var(--yellow)
}
.mg-right-5px.width-20px {
font-size: 18px
}
.list-4 {
padding-bottom: 400px
}
.list---image-wrap {
top: 60%
}
.action-env {
position: static
}
.langue--hidden {
display: block
}
.header103_tabs-menu.is-loft {
bottom: 15.5rem
}
.locale-link.w--current {
text-decoration: none
}
.lottie-animation-9 {
width: 72px
}
.layout410_card.card-3 {
top: auto
}
}
@media screen and (min-width:1920px) {
.container-default.is-landing {
max-width: 1400px
}
.section {
padding-bottom: 150px
}
.image.products {
object-fit: cover;
width: 100%;
height: 100%;
position: static
}
.narrow-section.pd-top0.is-hidden {
display: none
}
.overlay.blog-post-bg {
object-position: 50% 50%
}
.overlay.product {
height: 100%
}
._3-column-grid {
grid-column-gap: 24px;
grid-row-gap: 24px
}
._3-column-grid.is-center {
grid-template-columns: 1fr 1fr 1fr
}
.bg.blogpost {
object-position: 50% 50%
}
.heading.left-mobile.mg-top-large-80px {
font-size: 2vw
}
.heading.left-mobile.mg-top-large-80px.is-72px.is-video {
font-size: 96px
}
.heading.padding-vertical {
font-size: 2.6vw
}
.heading-4.maxch55 {
max-width: 58ch
}
.heading-4.maxch55.animate,
.heading-4.maxch55.split-lines {
font-size: 20px
}
.image_profil {
flex: 0 auto;
width: 150px;
height: 150px
}
.image_profil.carla,
.image_profil.emmanuel,
.image_profil.thomas {
flex: 0 auto;
height: 150px
}
.image_profil.naelle {
flex: 0 auto
}
.image_profil.baptiste {
flex: 0 auto;
width: 150px;
height: 150px
}
.text-span-50 {
border-bottom-width: 8px
}
.card-team {
justify-content: flex-start;
align-items: stretch
}
.close-button {
height: 100px
}
.div-block-9 {
width: 100vw
}
.list-4 {
padding-bottom: 800px
}
.list---image-wrap {
top: 50%
}
.camera-frame {
max-width: none;
position: absolute;
bottom: 0%;
left: 50%
}
.landing_h2-wrapper {
margin-bottom: 300px
}
.image-7 {
z-index: -1;
opacity: .14
}
.is-bold {
font-weight: 800
}
.card-2.sibling_link-item {
min-width: 20%;
min-height: 400px
}
.heading-1,
.heading-1.is-plateau,
.text-block-10 {
font-size: 7vw
}
.gallery24_component {
padding-top: 0
}
.gallery24_horizontal-scroll-wrapper {
padding-top: 5%
}
.div-block-19 {
max-width: 45ch
}
.landing_formats-h2 {
font-size: 64px;
line-height: 105%
}
.section_header103.is-mobilehero {
display: none
}
.header103_tabs-menu {
bottom: 15rem
}
.text-size-medium-3 {
font-size: 1rem
}
.landing_formats-interview_body {
bottom: 0%
}
.header77_content-right {
padding-top: 4rem
}
.header77_content-right.is-horizontal {
transform: rotate(14deg)
}
.header77_content-left.is-mod {
top: 27%
}
.no-mg,
.no-mg.is-tablet {
font-size: 1rem
}
.lottie-mobile-hero {
max-width: 300px;
margin-bottom: 50px
}
.header78_image-list-bottom.is-home {
margin-left: -55%
}
.logo-entreprise.invert {
filter: invert()
}
.layout233_component {
justify-items: stretch
}
.div-block-38 {
padding-top: .5rem
}
}
@media screen and (max-width:991px) {
blockquote {
padding: 80px 64px
}
.style-guide-sidebar {
display: none
}
.container-default {
flex-direction: column;
align-items: stretch;
overflow: hidden
}
.container-default.cart-inner-container {
display: block
}
.container-default.pd-left.pd-right {
padding-left: 30px;
padding-right: 30px
}
.container-default.is-mobile {
display: none
}
.container-default.is-mobile.is-services,
.container-default.is-hidden.is-mobile {
display: block
}
.style-guide-content {
margin-left: 0
}
.section-styleguide {
padding-top: 140px;
padding-bottom: 50px
}
.style-guide-header {
padding-top: 80px;
padding-bottom: 80px
}
.typography-container {
padding-top: 40px;
padding-bottom: 40px
}
.style-guide-subheader {
padding-top: 34px;
padding-bottom: 34px
}
.style-guide-content-wrapper {
padding-top: 80px;
padding-bottom: 80px
}
.buttons-grid {
grid-row-gap: 40px;
grid-template-columns: 1fr
}
.button-primary._2-buttons {
margin-right: 20px
}
.button-secondary.small.fix.is-mobile {
margin-left: auto;
margin-right: auto
}
.header-logo {
width: 193px
}
.header-navigation {
background-color: var(--neutral);
flex-direction: column;
justify-content: flex-start;
align-items: flex-start
}
.nav-item-wrapper {
flex-direction: column;
justify-content: flex-start;
align-self: stretch;
align-items: flex-start;
margin-right: 0;
padding-top: 10px;
padding-bottom: 10px;
display: flex
}
.nav-link {
font-size: 20px;
line-height: 1.618em
}
.menu-button {
color: #fff;
background-color: #0000;
padding: 12px 0 12px 12px;
font-size: 30px;
transition: transform .4s
}
.menu-button:hover {
background-color: #0000;
transform: scale(1.03)
}
.menu-button.w--open,
.menu-button.w--open:hover {
background-color: #0000
}
.nav-menu {
background-color: var(--neutral);
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 100vw;
max-height: 100vh;
padding: 135px 24px 48px;
display: flex;
position: fixed;
inset: 0%
}
.display-1 {
font-size: 68px
}
.footer {
padding-top: 70px
}
.footer-grid {
grid-column-gap: 40px;
grid-row-gap: 40px;
grid-template-columns: .8fr 1.2fr;
padding-bottom: 100px;
display: block
}
.footer-logo-container.center-content {
margin-left: auto;
margin-right: auto
}
.footer-logo {
text-align: left;
max-width: 60%
}
.footer-logo.center-content {
justify-content: center
}
.section {
padding-top: 62px;
padding-bottom: 100px
}
.section.utility-page.changelog {
padding-top: 160px
}
.section.home-hero.v1 {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-items: stretch;
padding-top: 160px;
padding-bottom: 0
}
.section.home-hero.v2 {
padding-top: 240px;
padding-bottom: 220px
}
.section.home-hero.v3 {
padding-top: 266px;
padding-bottom: 0
}
.section.home-hero.v3.is-test {
padding-top: 140px
}
.section.about {
padding-top: 200px
}
.section.blog-v1.is-mobile {
padding-top: 72px
}
.section.contact-v3 {
padding-top: 60px
}
.section.bg-image {
min-height: 50vh
}
.section.bg-image.album-page {
padding-top: 320px;
padding-bottom: 0
}
.section.bg-image.blog-post {
min-height: 50vh;
padding-top: 320px;
padding-bottom: 0
}
.section.pd-top-0px {
z-index: 5;
margin-top: 0;
position: relative
}
.section.home-sections {
padding-top: 133px
}
.section.relative.no-over {
padding-bottom: 0
}
.input.search-bar {
width: 300px
}
.divider.spacer.large {
margin-top: 120px;
margin-bottom: 120px
}
.paragraph.limit-content-500px.align-center.text-center.feature-paragraph.color-white.is-mobile.is-mod {
max-width: none
}
.paragraph.mg-top-32px {
margin-bottom: 0;
margin-left: 93px;
margin-right: 74px
}
.paragraph.mg-top-32px.is-mobile {
text-align: center;
margin-left: auto;
margin-right: auto
}
.card.changelog {
margin-top: -244px
}
.card.services-card.v2 {
padding: 48px 32px 64px
}
.card.services-card.v2._02 {
margin-top: 20%
}
.card.services-card.v2._03 {
margin-top: -20%
}
.card.services-card.v2._04,
.card.services-card.v2._06 {
margin-top: 0%
}
.card.services-card.is-flexreveal {
top: 1%
}
.card.testimonial-card-v1---content-wrap {
padding-top: 0
}
.card.testimonial-card.v2 {
padding: 40px 40px 56px
}
.card.testimonial-card.v1 {
align-self: flex-end;
min-height: 606px;
max-height: 606px;
padding: 80px 24% 80px 64px
}
.card.testimonial-card.v3 {
clear: none;
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: stretch;
display: flex
}
.card.cta-v4 {
min-width: 420px;
margin-right: -20%;
padding-top: 64px;
padding-bottom: 80px;
padding-right: 40px
}
.card.contact-link-card.v1.mg-bottom-32px {
margin-bottom: 24px;
padding-left: 24px
}
.card.contact-link-card.v2 {
height: auto
}
.card.social-media-card.v2 {
padding-top: 56px;
padding-bottom: 56px;
padding-right: 48px
}
.card.search-result-card {
padding-bottom: 64px
}
.card.product-information-card {
padding: 40px 32px 48px
}
.card.product-information-card.height {
padding-left: 20px;
padding-right: 20px;
top: 198px
}
.card.product-information-card.height.fixed {
max-height: 466px;
top: 0
}
.card.pages-wrapper {
padding-top: 24px;
padding-left: 24px;
padding-right: 24px
}
.card.work-experience-card {
padding: 32px 40px
}
.card.is-cta_card.is-contactuspage {
width: 100%
}
.checkout-block-header,
.checkout-block-content {
padding-left: 60px;
padding-right: 60px
}
.split-content.checkout-left {
margin-bottom: 40px;
margin-right: 0
}
.split-content.header-right {
z-index: 99;
position: relative
}
.split-content.header-left {
z-index: 99;
flex: 0 auto;
position: relative
}
.split-content.header-middle {
flex: 0 auto;
justify-content: flex-end;
position: relative
}
.split-content.about-home-v1-content {
margin-top: 0
}
.image-wrapper.testimonial-avatar-v1 {
align-self: stretch;
margin-top: 48px;
margin-bottom: 48px
}
.image-wrapper.cart-item-image {
max-width: 200px
}
.image.home-hero-image-v1 {
object-position: 50% 16%;
width: 370px;
max-height: 600px;
margin-top: -260px;
margin-left: -51px;
margin-right: auto;
padding-top: 0;
display: block;
inset: 0% 0% 0% 64%
}
.image.gear-about._02 {
margin-bottom: 35%
}
.image.about-home-v2._02 {
margin-top: -32px
}
.image.about-home-v3 {
flex: 1;
max-height: 400px
}
.image.cta-v4 {
margin-top: -48px;
margin-bottom: -48px
}
.image.home-v3-hero-image.mg-bottom-24px {
margin-bottom: 20px
}
.image.contact-v2 {
min-height: 500px;
margin-bottom: -7px
}
.header-button-wrap {
margin-left: 24px;
margin-right: 12px
}
.dropdown-container {
position: static
}
.cart-form-wrapper {
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
display: flex
}
._2-column-grid._1fr-auto.services-home-v2,
._2-column-grid._1fr-auto.services-home-3 {
grid-template-columns: 1fr 1fr
}
._2-column-grid.home-hero-v1 {
display: block
}
._2-column-grid.list-columns {
grid-template-columns: 1fr
}
._2-column-grid.cta-v1 {
grid-template-columns: 1fr .6fr
}
._2-column-grid.instagram-footer {
grid-template-columns: 1fr 1fr 1fr 1fr
}
._2-column-grid.home-about-v2 {
grid-template-columns: 1fr 1fr
}
._2-column-grid.gap-64px {
grid-column-gap: 24px;
grid-row-gap: 24px
}
._2-column-grid.services-v3 {
grid-column-gap: 48px;
grid-template-columns: 1fr
}
._2-column-grid.about-hero {
grid-column-gap: 64px
}
._2-column-grid.about-hero.mg-bottom-large-80px {
grid-column-gap: 40px
}
._2-column-grid.heading-paragraph.mg-bottom-large-80px {
margin-bottom: 64px
}
._2-column-grid.featured-blog-posts.v1 {
grid-column-gap: 24px
}
._2-column-grid.contact-wrapper.v1 {
grid-column-gap: 32px;
grid-row-gap: 64px;
grid-template-columns: 1fr
}
._2-column-grid.contact-wrapper.v2 {
grid-template-columns: .8fr 1fr
}
._2-column-grid.product-main-content-wrapper {
grid-column-gap: 24px;
margin-top: 0
}
._2-column-grid._1fr-auto.services-home-3 {
grid-template-columns: 1fr 1fr
}
.hero-wrapper.v1 {
text-align: center;
flex-direction: column;
align-items: center;
margin-bottom: 32px;
display: flex
}
.hero-wrapper.v2 {
text-align: center;
flex-direction: column;
align-items: center;
display: flex
}
._2-buttons.display-none.padding-vertical {
margin-top: 1px
}
.home-hero-image-wrapper.v1 {
max-width: 100%;
position: static;
inset: auto 0% 0%
}
.home-hero-image-wrapper.v1.mobile-tablet-mg-top-24px {
z-index: 0;
margin-top: 24px;
position: relative
}
.inner-container-72.mg-bottom-40px {
margin-bottom: 32px
}
.mobile-tablet-mg-top-24px {
margin-top: 24px
}
.flex.align-center.mg-bottom-24px {
margin-bottom: 16px
}
.dash---medium-70px {
width: 64px
}
.inner-container.flex {
flex-direction: column
}
.narrow-section.large {
padding-top: 160px;
padding-bottom: 160px
}
.card-content.album-card-main-container {
margin-top: 31px;
padding: 24px 24px 48px
}
.card-content.description {
align-self: flex-end;
max-width: 100%;
min-height: 270px;
margin: auto 0 53px -100%;
padding: 64px 48px
}
.card-content.description.studios {
width: 280px;
height: 250px;
margin-left: 0%;
padding-top: 50px;
padding-left: 20px;
padding-right: 20px
}
.card-content.featured-blog-post-card.v2 {
margin-top: 24px;
margin-bottom: 24px;
padding: 48px 40px
}
.card-image.album-card {
height: 250px
}
.card-image.album-card.more {
height: 100%;
min-height: auto
}
.card-image.blur-inter.animation3 {
position: static
}
.overlay.album-card {
height: 210px
}
.overlay.album-card.more {
height: 150px
}
.overlay.blog-post-bg {
background-image: linear-gradient(to top, var(--neutral)32%, #00000075 51%, #0000001f 73%, transparent)
}
._3-column-grid.services {
grid-row-gap: 80px;
grid-template-columns: 1fr 1fr;
display: flex
}
._3-column-grid.services.mg-bottom-32px.is-mobile {
display: flex
}
._3-column-grid.services.is-mobile {
flex-direction: column
}
._3-column-grid.blog-posts-grid {
grid-column-gap: 20px
}
._3-column-grid.blog-posts-grid.blog-v1 {
grid-template-columns: 1fr 1fr
}
._3-column-grid.blog-posts-grid.blog-v2 {
grid-row-gap: 80px;
grid-template-columns: 1fr 1fr
}
._3-column-grid.testimonials-v3-grid {
grid-template-columns: 1fr
}
._3-column-grid.blog-posts-grid-v3 {
grid-row-gap: 64px;
grid-template-columns: 1fr 1fr
}
._3-column-grid.about {
grid-template-columns: 1fr 1fr 1fr
}
._3-column-grid.align-start {
grid-template-columns: 1fr 1fr
}
._3-column-grid.contact-card-links-grid {
grid-template-columns: 1fr
}
._3-column-grid.contact-card-links-grid.v3,
._3-column-grid.search-results-grid {
grid-template-columns: 1fr 1fr
}
._3-column-grid.is-center.is-hidden {
justify-content: space-around;
display: flex
}
.badge.large {
padding-left: 24px;
padding-right: 24px
}
.badges-wrapper {
flex-wrap: wrap;
min-width: 330px
}
.badges-wrapper.album-page {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
justify-content: flex-end;
align-items: flex-start;
min-width: auto;
display: flex
}
.bg.home-v2-about-bg {
width: 75%;
height: 70%;
min-height: 70%;
bottom: -48%;
right: 30px
}
.bg.about-hero {
height: 64%;
min-height: 64%
}
.bg.blogpost,
.bg.video {
min-height: 50vh
}
.flex-column.mg-top-medium-64px {
margin-top: 48px
}
.flex-column.mg-top-medium-64px.hide-on-tablet {
display: none
}
.flex-column.contact-left-column.v1 {
padding-top: 0
}
.inner-container-80.about-home-content {
max-width: 100%;
margin-bottom: 48px
}
.slider-arrow-v2 {
top: -164px
}
.slide.is-tabletservices {
height: 360px
}
.slider-arrow-v1 {
bottom: 85px;
right: 48%
}
.avatar.testimonial-v2 {
flex: 1;
max-width: 100%
}
._4-column-grid.home-pages {
grid-template-columns: 1fr 1fr 1fr
}
.text-separator.bg-neutral-300 {
margin-left: 10px;
margin-right: 10px
}
.footer-column {
margin-bottom: 30px
}
.footer-column.footer-nav {
grid-template-columns: minmax(50%, 1fr) auto
}
.footer-title {
margin-bottom: 15px
}
.footer-nav {
flex: 1
}
.footer-nav.last {
flex: 0 auto
}
.mg-bottom-large-80px.mobile-mg-bottom-0px {
margin-bottom: 0
}
._2-row-grid.gap-64px {
grid-column-gap: 24px;
grid-row-gap: 24px
}
.h1-size {
font-size: 40px;
line-height: 1.35em
}
._5-column-grid {
grid-template-columns: 1fr 1fr 1fr
}
._5-column-grid.hero-v3-images-grid {
grid-column-gap: 20px;
grid-row-gap: 20px
}
.slider-arrow-v4 {
opacity: 1;
padding-left: 0;
display: block;
right: -6px
}
.slider-arrow-v4.hide-in-pc {
opacity: 1
}
.split.cta-v4 {
padding-top: 48px;
padding-bottom: 48px
}
.dropdown-main-wrapper {
background-color: #0000;
border-style: none;
margin-top: 0;
padding: 32px 0 48px
}
.category-item {
margin-left: 0
}
.dropdown {
margin-left: 0;
margin-right: 0
}
.contact-form-main-wrapper.v1 {
width: auto;
max-width: none;
padding: 80px 48px
}
.contact-form-main-wrapper.v2 {
padding: 64px 48px
}
.contact-form-main-wrapper.v3 {
padding: 80px 48px
}
.contact-form-main-wrapper.v3.success {
width: 100%;
padding-left: 0;
padding-right: 0
}
.inner-container-720px.align-center.pd-right.pd-left.is-mobilestudios {
display: none
}
.menu-icon {
width: 40px;
height: 32px
}
.blog-post-social-links-main-wrapper {
display: none
}
.contact-card-arrengment {
margin-left: -24px
}
.heading {
text-align: center;
font-size: 36px
}
.heading.blog-post {
text-align: left
}
.heading.align-center {
font-size: 5vw
}
.heading.left {
text-align: left;
font-size: 39px
}
.heading.left-mobile.mg-top-large-80px {
font-size: 5vw
}
.heading.padding-vertical {
margin-bottom: 80px;
font-size: 7vw
}
.heading.is-h1contact {
font-size: 45px
}
.heading-2.title-small {
font-size: 25px
}
.heading-2.title-small.display-none {
width: 250px
}
.heading-2.mg-bottom-large-72px.is-center.is-visite {
font-size: 36px;
top: -14%
}
.heading-2.mg-top-0px.color-yellow.is-mobile {
margin-top: 0
}
.heading-2.is-left.is-50.is-mobile,
.heading-2.pd-32.is-mobile {
padding-left: 0
}
.heading-2.is-mobile.is-hidden {
display: block
}
.navigation-link {
justify-content: flex-start;
width: 100%;
padding-top: 14px;
padding-bottom: 14px
}
.navigation-link.w--open {
color: #fff;
background-color: #7070c2;
width: 100%
}
.menu-button-2 {
color: #4255bd;
background-color: #f4f5fb;
border-radius: 8px;
margin-left: 14px;
padding: 12px;
transition: all .3s
}
.menu-button-2:hover {
color: #fff;
background-color: #060606
}
.menu-button-2.w--open {
color: #fff;
background-color: #4255bd
}
.navigation-toggle {
color: #060606;
justify-content: flex-start;
width: 100%;
padding-top: 14px;
padding-bottom: 14px
}
.navigation-toggle.w--open {
color: #fff;
background-color: #4255bd;
width: 100%
}
.navigation-mobile-button {
display: none
}
.nav-grid-large {
grid-template-columns: 1fr
}
.paragraph-small-2 {
text-align: center
}
.nav-column-large {
grid-template-columns: 1fr
}
.nav-dropdown-container {
box-shadow: none;
padding-top: 24px;
padding-bottom: 24px
}
.brand-2 {
margin-right: 10px;
padding: 0
}
.dropdown-list-full.w--open {
border-bottom: 4px solid #1a1a1a;
height: 50vh;
position: static;
overflow: auto
}
.menu-wrap {
background-color: #fff;
height: auto;
position: absolute
}
.nav-contact {
display: none
}
.dropdown-2 {
width: 100%
}
.tab-card-grid {
grid-column-gap: 32px;
grid-row-gap: 32px;
grid-template-columns: 1fr 1fr
}
.gallery-slider-mask {
object-fit: fill;
width: 420px;
overflow: visible
}
.section-timeline,
.section-timeline-2 {
padding-top: 100px;
padding-bottom: 100px
}
.feature-card-primary {
padding-bottom: 50px;
position: relative
}
.features-heading,
.features-heading.lh110 {
font-size: 2rem
}
.features-grid {
grid-column-gap: 32px;
grid-row-gap: 32px;
background-image: none;
background-repeat: repeat;
background-size: auto;
grid-template-columns: 1fr 1fr 1fr;
max-width: 100%;
margin-left: auto;
margin-right: auto
}
.nav-dropdown-base {
box-shadow: none;
padding-top: 24px;
padding-bottom: 24px
}
.dropdown-list-small.w--open {
border-bottom: 4px solid #1a1a1a;
height: 50vh;
position: static;
overflow: auto
}
.nav-grid {
grid-template-columns: 1fr
}
.navigation-line-break {
display: none
}
.image-wrapper-3 {
margin-left: auto;
margin-right: auto
}
.content-heading {
margin-bottom: 40px
}
.content-section {
padding-top: 100px;
padding-bottom: 100px
}
.content-grid {
grid-row-gap: 100px;
grid-template-columns: 1.2fr
}
.content-grid.left {
grid-template-columns: 1.2fr 1fr
}
.content-grid._0px-space {
grid-column-gap: 28px;
grid-row-gap: 20px;
grid-template-columns: 1fr
}
.content-grid._0px-space.is-services {
max-height: none
}
.content-grid._0px-space.is-services.is-hidden {
display: none
}
.content-grid.is-mobile {
grid-row-gap: 0px
}
.content-wrapper.pd-24 {
padding-left: 0
}
.content-image-03 {
bottom: 0%
}
.gallery-image-x-tall {
height: 440px
}
.gallery-image-side {
height: 240px
}
.text-separator-2.bg-neutral-300 {
margin-left: 10px;
margin-right: 10px
}
.title-wrapper-2 {
flex-direction: column
}
.button-wrapper {
flex-wrap: wrap
}
.form-container {
width: 80%;
padding-left: 5%
}
.side-banner {
width: 20%
}
._100px-space.is-hiddentablet {
display: none
}
.text-span-50 {
border-bottom-width: 6px
}
.layout2-1_lightbox {
text-align: left;
width: 70%;
margin-left: auto;
margin-right: auto;
position: relative
}
.layout2-1_component {
grid-column-gap: 3rem;
grid-template-columns: 1fr 1fr;
grid-auto-flow: row;
min-height: auto
}
.margin-bottom {
margin-top: 0;
margin-left: 0;
margin-right: 0
}
.layout2-1_image {
width: 35rem;
min-width: 35rem;
left: 2rem
}
.layout2-1_image.shadow-xlarge {
border-style: none
}
.margin-top {
margin-bottom: 0;
margin-left: 0;
margin-right: 0
}
.padding-vertical {
padding-left: 0;
padding-right: 0
}
.description-projet.mg-bottom-64px {
column-gap: 40px
}
.container-default-2 {
flex-direction: column;
align-items: stretch
}
.section-2 {
padding-top: 80px;
padding-bottom: 80px
}
.section-2.bg-champagne-light.padding-small {
padding-top: 60px;
padding-bottom: 60px
}
.top-content.flex {
margin-bottom: 20px
}
.image-one {
height: 100%
}
.collection-list-wrapper-2 {
overflow: scroll
}
.grid-studios {
grid-column-gap: 96px;
grid-row-gap: 96px
}
.consent {
line-height: 130%
}
.flex_reveal-wrapper {
flex-direction: column;
height: 600px;
margin-top: 64px
}
.flexr_reveal-item {
min-height: 100px
}
.flexr_reveal-item:hover {
flex-grow: 1
}
.flexreveal-img--container {
filter: none;
background-position: 50%
}
.flexreveal-img--container.is-4 {
background-position: 50%
}
.flexreveal-img--container.is-5 {
background-position: 50% 66%
}
.flexreveal-img--container.is-6 {
background-position: 50%
}
.dropdown-list {
position: static
}
.toggle-nav {
justify-content: space-between;
width: 100%;
padding-left: 0;
display: flex
}
.toggle-nav.w--open {
text-align: center;
width: 100%
}
.padding-section-large {
padding-top: 6rem;
padding-bottom: 6rem
}
.layout350_component {
grid-column-gap: 3rem;
grid-template-columns: 1fr 1fr;
grid-auto-flow: row
}
.header76_content-right {
height: 40rem;
padding-left: 5vw
}
.header76_content-left {
max-width: none;
margin-left: 0%;
margin-right: 0%
}
.header76_component {
grid-row-gap: 4rem;
grid-template-columns: 1fr;
grid-auto-flow: row;
min-height: auto;
padding-top: 0
}
.div-block-9 {
display: none
}
.padding-section-custom {
padding-top: 6rem;
padding-bottom: 6rem
}
.cta37_link-image-wrapper {
display: none
}
.cta37_link-text {
font-size: 3.25rem
}
.cta37_link-block {
display: block
}
.section_cta37 {
display: none
}
.bold-text-2 {
color: var(--yellow);
font-size: 42px
}
.dropdown-3 {
width: 100%
}
.dropdown-4 {
width: 100%;
margin-left: 0
}
.section-3 {
padding-left: 41.666%
}
.list---item {
font-size: 1.5rem
}
.list---image-wrap {
right: 58.333%
}
.layout348_component {
grid-column-gap: 3rem;
grid-template-columns: 1fr 1fr;
grid-auto-flow: row
}
.card_heading {
font-size: 32px
}
.card-2.sibling_link-item.podcast,
.card-2.sibling_link-item.webinar {
min-width: 50%
}
.card-2.sibling_link-item.emissions {
scrollbar-width: none;
min-width: 50%
}
.card-2.sibling_link-item.interview {
min-width: 50%
}
.grid-2-col {
grid-template-columns: 1fr
}
.blob,
.blob.is-cards.is-sticky,
.blob.is-cards.is-cardsmid {
display: none
}
.text-block-10.color-yellow.mg-bottom-16px {
font-size: 2rem
}
.gallery24_component {
height: auto
}
.gallery24_horizontal-scroll-wrapper {
height: auto;
position: static
}
.gallery24_horizontal-scroll-content {
scrollbar-width: none;
width: 100%;
display: flex;
overflow: scroll hidden
}
.gallery24_image {
max-height: 40rem
}
.section_gallery24 {
position: static
}
.padding-top {
padding-bottom: 0;
padding-left: 0;
padding-right: 0
}
.layout481_content,
.header132_content-wrapper,
.header138_content-wrapper {
grid-column-gap: 3rem;
grid-row-gap: 2rem
}
.section_header103.is-mobilehero {
display: block
}
.header103_tab-link {
min-width: 8rem
}
.header103_tabs-menu {
max-width: none;
display: none;
bottom: 4rem
}
.section-4.is-relative {
margin-top: 0
}
.spacer50px {
display: none
}
.text-size-medium-3 {
font-size: 1rem
}
.layout422_image {
object-fit: cover
}
.layout422_card-content,
.layout408_card-content {
padding: 2rem
}
.layout408_card.card-2 {
height: 84vh;
margin-bottom: 10vh
}
.layout408_card.card-3 {
margin-bottom: 20vh
}
.header103_tabs-menu-2 {
max-width: none;
bottom: 4rem
}
.header107_image-wrapper {
width: 25vw
}
.header107_image-list {
height: 70vh
}
.banner13_component {
margin-top: 0;
margin-left: 0;
margin-right: 0
}
.banner13_heading-top,
.banner13_heading-bottom {
font-size: 4rem
}
.layout414_content-top {
grid-column-gap: 3rem;
grid-row-gap: 2rem
}
.header77_component {
grid-row-gap: 4rem;
grid-template-columns: 1fr;
grid-auto-flow: row;
min-height: auto;
padding-top: 6rem
}
.header77_content-right {
height: auto
}
.header77_content-left {
margin-left: 5%;
margin-right: 5%
}
.section_header77.landing_hero-marquee {
display: none
}
.header108_image-list {
height: 70vh
}
.header108_image-wrapper.is-image-small {
width: 25vw
}
.no-mg {
font-size: 1rem
}
.no-mg.is-tablet {
font-size: .85rem
}
.header103_tabs-menu-3 {
max-width: none;
bottom: 4rem
}
.h1-title {
width: 80%
}
.image-smartphone {
z-index: 4;
background-image: url(../images/background-image.svg);
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
width: 110%;
height: 110%;
padding-bottom: 0;
padding-right: 0;
display: block;
inset: 0%
}
.image-desktop {
z-index: 2;
display: none
}
.section_layout354-2 {
display: block
}
.layout349_component {
grid-column-gap: 3rem;
grid-template-columns: 1fr 1fr;
grid-auto-flow: row
}
.div-block-29 {
min-width: auto;
min-height: auto
}
.div-block-30 {
width: 300px;
height: 300px
}
.image-9 {
width: 275px;
min-width: 100px;
max-width: none
}
.banner11_text-wrapper {
text-align: center
}
.heading-style-h1 {
font-size: 3.25rem
}
.banner15_heading-wrapper {
text-align: center
}
.landing_footer {
display: none
}
.cta-fixed {
width: auto;
height: 64px;
display: flex;
bottom: 1%
}
.section-7,
.section_landing-hero {
display: none
}
.padding-section-large-2 {
padding-top: 6rem;
padding-bottom: 6rem
}
.layout28_component {
grid-column-gap: 3rem
}
.layout28_lightbox-image {
object-fit: cover;
width: 100%;
height: 100%
}
.heading-style-h4 {
font-size: 1.75rem
}
.link-5 {
display: none
}
.modal2_content-wrapper {
width: 80%;
max-width: none;
padding: 4rem 3rem
}
.modal2_component {
display: none
}
.modal2_content-wrapper-2,
.modal2_content-wrapper-3 {
width: 80%;
max-width: none;
padding: 4rem 3rem
}
.header78_image-wrapper {
width: 12rem
}
.spacer16 {
display: none
}
.div-block-32 {
width: auto;
min-width: 600px
}
.glowing-wrapper-button {
position: static
}
.glowing-wrapper.glowing-wrapper-active {
position: relative
}
.div-block-37 {
flex: none
}
.layout233_component {
grid-column-gap: 2rem
}
._6-col-grid {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid
}
.header142_component {
height: 100svh
}
.padding-section-large-3 {
padding-top: 6rem;
padding-bottom: 6rem
}
.header142_image-wrapper1 {
bottom: 10%
}
.header142_image-wrapper3 {
top: 10%;
left: 30%
}
.header142_image-wrapper6 {
max-width: 25%
}
.header142_image-wrapper8 {
bottom: -5%
}
.header142_image-wrapper2 {
top: -5%;
left: 5%
}
.header142_image-wrapper4 {
top: 5%;
right: 20%
}
.header142_image-wrapper5 {
top: 10%
}
.header142_image-wrapper7 {
max-width: 15%;
bottom: 5%
}
.padding-section-large-4 {
padding-top: 6rem;
padding-bottom: 6rem
}
.layout497_inner-wrapper {
padding-right: 1.5rem
}
.heading-style-h2 {
font-size: 2.75rem
}
.layout497_tabs {
grid-column-gap: 3rem
}
.layout497_tabs-content {
padding-left: 1.5rem
}
.layout497_lightbox-image {
object-fit: cover;
width: 100%;
height: 100%
}
.layout507_tabs {
grid-column-gap: 3rem
}
.layout507_card {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
padding: 2rem
}
.heading-style-h3 {
font-size: 2.25rem
}
.layout121_content {
grid-column-gap: 3rem;
grid-row-gap: 2rem
}
.layout121_progress-bar-wrapper {
height: 70%
}
.layout121_timeline-step {
grid-column-gap: 1.5rem
}
.section_layout410 {
padding-bottom: 0
}
.layout410_card.card-1.blur-card {
margin-bottom: 0
}
.layout410_card.card-2 {
height: 84vh;
margin-bottom: 10vh
}
.layout410_card.card-2.blur-card {
height: auto;
margin-bottom: 0
}
.layout410_card.card-3 {
margin-bottom: 20vh
}
.layout410_card-content {
padding: 2rem 0
}
.empty-card.hide-in-mobile.hide-in-tablet {
display: none
}
.layout424_content {
height: 100svh
}
}
@media screen and (max-width:767px) {
h1 {
font-size: 40px
}
h2 {
font-size: 32px;
line-height: 1.34em
}
blockquote {
padding: 64px 48px
}
.mg-right-16px {
margin-right: 4px
}
.mg-right-16px.is-button {
margin-right: 0
}
.mg-bottom-48px {
justify-content: space-between;
align-items: center;
margin-bottom: 20px;
display: flex
}
.container-default.mega-card-container {
position: static
}
.container-default.is-mobile {
display: none
}
.container-default.is-mobile.is-services,
.container-default.is-hidden.is-mobile {
display: block
}
.container-default.padding-top-96.is-mobilestudios {
padding-top: 0
}
.style-guide-title {
font-size: 46px;
line-height: 52px
}
.style-guide-header {
padding-left: 32px;
padding-right: 32px
}
.color-neutral-grid {
grid-template-columns: 1fr 1fr
}
.paragraph-large {
font-size: 20px;
line-height: 32px
}
.style-guide-subheader,
.style-guide-content-wrapper {
padding-left: 32px;
padding-right: 32px
}
.icons-grid {
grid-template-columns: repeat(auto-fit, 80px)
}
.button-primary {
padding-top: 18px;
padding-bottom: 18px
}
.button-primary.small {
padding-top: 12px;
padding-bottom: 12px
}
.button-primary.small.mg-top-48px {
margin-top: 0
}
.button-primary.large {
padding-top: 18px;
padding-bottom: 18px
}
.button-primary._2-buttons {
margin-bottom: 16px;
margin-right: 16px
}
.button-primary._2-buttons._404 {
margin-left: 16px
}
.button-secondary {
padding-top: 18px;
padding-bottom: 18px
}
.button-secondary.small {
order: 1;
padding-top: 12px;
padding-bottom: 12px
}
.button-secondary.small.display-none {
display: none
}
.button-secondary.large {
padding-top: 18px;
padding-bottom: 18px
}
.button-secondary.category.w--current,
.button-secondary.category.preprod,
.button-secondary.category.prod {
margin-bottom: 16px
}
.button-secondary.category.postprod {
margin-bottom: 14px
}
.header-navigation {
background-color: var(--neutral)
}
.nav-item-wrapper {
align-self: stretch;
align-items: flex-start
}
.nav-item-wrapper.show-in-mobile {
display: flex
}
.nav-item-wrapper.show-in-mobile.flex {
grid-column-gap: 50px;
flex-direction: row;
justify-content: center
}
.menu-button {
margin-left: 12px
}
.nav-menu {
padding-top: 128px
}
.display-1 {
font-size: 40px
}
.footer {
padding-top: 92px;
padding-bottom: 50px
}
.footer-grid {
grid-row-gap: 64px;
grid-template-columns: 1fr;
justify-items: start;
padding-bottom: 80px
}
.footer-nav-item {
margin-bottom: 15px
}
.section {
padding-top: 80px;
padding-bottom: 80px
}
.section.home-hero.v2 {
padding-top: 200px;
padding-bottom: 200px
}
.section.home-hero.v3 {
padding-top: 135px
}
.section.home-hero.v3.is-test {
padding-top: 140px
}
.section.mask.is-home {
padding-bottom: 0
}
.section.cta-v2 {
align-items: center;
min-height: 50vh;
padding-top: 24px;
padding-bottom: 24px;
display: flex
}
.section.about {
padding-top: 160px
}
.section.blog-v1 {
padding-top: 160px;
padding-bottom: 60px
}
.section.blog-v1.is-mobile {
padding-top: 72px
}
.section.contact-v2 {
padding-top: 160px
}
.section.contact-v3 {
padding-top: 60px
}
.section.bg-image {
min-height: 40vh
}
.section.bg-image.album-page {
padding-top: 240px
}
.section.bg-image.blog-post {
padding-top: 260px
}
.section.pd-top-0px {
margin-top: 338px
}
.section.pd-bottom-180px {
padding-bottom: 140px
}
.section.home-sections {
padding-top: 120px
}
.section.short {
padding-top: 120px;
padding-bottom: 120px
}
.utility-page-content-password {
padding: 64px 56px 88px
}
.input.password {
margin-bottom: 32px
}
.input.search-bar {
width: 100%
}
.input.v4.mg-bottom-24px.is-description {
margin-bottom: 16px
}
.input.text-area {
min-height: 110px
}
._404-title {
font-size: 140px
}
.paragraph.text-center.mg-top-32px.mg-bottom-large-72px.is-mobilestudios {
margin-left: 0;
margin-right: 0
}
.paragraph.display-none {
display: none
}
.paragraph.mg-top-32px.is-mobile {
text-align: center;
margin-left: auto;
margin-right: auto
}
.card.changelog {
margin-top: -186px;
padding: 50px 40px
}
.card.album-card.mega-card {
flex-direction: column;
padding-top: 80px;
padding-bottom: 0
}
.card.services-card.v2._02,
.card.services-card.v2._03,
.card.services-card.v2._05 {
margin-top: 0%
}
.card.services-card.is-flexreveal {
top: 7%
}
.card.testimonial-card-v1---content-wrap {
flex-direction: column-reverse;
align-items: stretch
}
.card.testimonial-card {
align-self: stretch
}
.card.testimonial-card.v1 {
max-width: 100%;
min-height: 640px;
max-height: 640px;
padding: 160px 48px 72px
}
.card.testimonial-card.v3 {
flex-direction: column
}
.card.cta-v4 {
flex: 0 auto;
min-width: auto;
margin-left: 24px;
margin-right: 24px;
padding: 48px 32px 0
}
.card.featured-blog-post-card.v1 {
grid-template-columns: 1fr
}
.card.featured-blog-post-card.v2 {
flex-direction: column
}
.card.contact-link-card.v2 {
padding: 48px 24px
}
.card.contact-link-card.v3 {
justify-content: flex-start
}
.card.cart-item-card {
flex-flow: column wrap;
flex: 1;
grid-template-rows: auto;
grid-template-columns: auto;
grid-auto-columns: auto;
justify-content: flex-start;
align-items: stretch
}
.card.product-information-card {
margin-top: 0;
padding: 0;
position: static;
top: 0
}
.card.product-information-card.height.fixed {
z-index: 20;
-webkit-backdrop-filter: blur(3px);
backdrop-filter: blur(3px);
background-color: #23232396;
border-radius: 0;
margin-top: 92px;
padding-left: 21px;
padding-right: 20px;
position: fixed;
inset: 0% 0% auto
}
.card.product-information-card.mobile {
width: 100%;
padding: 1.5rem
}
.card.author-blog-card {
padding-left: 32px;
padding-right: 32px
}
.card.pages-wrapper {
padding-top: 24px;
padding-left: 24px;
padding-right: 24px
}
.card.is-cta_card.is-contactuspage {
width: 100%
}
.checkout-block-header,
.checkout-block-content {
padding-left: 40px;
padding-right: 40px
}
.split-content.header-right {
flex: 1
}
.split-content.about-home-v1-content {
align-items: stretch
}
.checkout-row {
flex-direction: column
}
.image-wrapper.testimonial-avatar-v1 {
flex: 0 auto;
align-self: stretch;
width: 100%;
max-width: 90%;
margin-bottom: -115px;
margin-left: auto;
margin-right: auto
}
.image-wrapper.relative {
align-self: stretch
}
.image-wrapper.mega-card---right {
max-width: 100%;
margin-top: 40px;
margin-left: 0
}
.image-wrapper.mega-card---left {
max-width: 100%;
margin-top: 40px;
margin-right: 0
}
.image-wrapper.featured-blog-post.v2 {
order: -1
}
.image-wrapper.cart-item-image {
max-height: 100px
}
.image-wrapper.image-home-link-wrapper {
margin-left: 8px;
margin-right: 8px
}
.image-wrapper.contact-v3 {
margin-left: -24px;
margin-right: -24px;
display: none
}
.image.home-hero-image-v1 {
max-height: 500px;
display: none
}
.image.gear-about._02 {
margin-bottom: 24%
}
.image.blog-post-card.featured {
min-height: auto
}
.image.about-home-v2 {
max-width: 80%
}
.image.about-home-v2._02 {
margin-top: -106px
}
.image.about-home-v3 {
object-position: 50% 20%;
width: 100%;
max-width: none
}
.image.about-home-v3.hide-in-mobile {
display: none
}
.image.cta-v4 {
order: -1;
max-width: 100%;
margin-top: 0;
margin-bottom: -110px
}
.image.home-v3-hero-image.mg-bottom-24px {
margin-bottom: 16px
}
.image.contact-v2 {
width: 100%;
max-width: 100%;
margin-bottom: 0;
display: none;
left: 0;
right: 0
}
.image.large-contact-link-icon {
width: 48px
}
.image.about-scroll-down {
width: 80px
}
.rich-text ul,
.rich-text ol {
margin-bottom: 20px
}
.rich-text h2 {
font-size: 25px
}
.header-button-wrap {
display: none
}
.dropdown-container {
width: 100%
}
.brand {
padding-left: 0
}
._2-column-grid {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-columns: 1fr
}
._2-column-grid._1fr-auto.mobile-landscape-wrap,
._2-column-grid._1fr-auto.services-home-v2,
._2-column-grid._1fr-auto.services-home-3 {
grid-template-columns: 1fr
}
._2-column-grid.album-grid {
grid-row-gap: 48px;
grid-template-columns: 1fr
}
._2-column-grid.about-home-v1 {
flex-direction: column-reverse;
grid-template-columns: 1fr;
justify-content: flex-end
}
._2-column-grid.gear-about {
grid-row-gap: 48px;
grid-template-columns: 1fr
}
._2-column-grid.list-columns {
grid-template-columns: 1fr 1fr
}
._2-column-grid.cta-v1 {
grid-template-columns: 1fr .3fr
}
._2-column-grid.mega-card-content,
._2-column-grid.home-about-v2 {
grid-template-columns: 1fr
}
._2-column-grid.gap-64px {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-columns: 1fr
}
._2-column-grid.services-v3-grid {
grid-column-gap: 32px;
grid-template-columns: 1fr 1fr
}
._2-column-grid.services-v3,
._2-column-grid.about-hero {
grid-column-gap: 24px;
grid-template-columns: 1fr
}
._2-column-grid.about-hero.mg-bottom-large-80px,
._2-column-grid.heading-paragraph {
grid-template-columns: 1fr
}
._2-column-grid.heading-paragraph.mg-bottom-large-80px {
margin-bottom: 48px
}
._2-column-grid.cta-v4-social-links {
grid-column-gap: 24px;
grid-row-gap: 28px;
flex-wrap: wrap;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid
}
._2-column-grid.featured-blog-posts.v1 {
grid-column-gap: 24px;
grid-row-gap: 48px
}
._2-column-grid.blog-posts-grid {
grid-row-gap: 48px
}
._2-column-grid.contact-wrapper.v2 {
grid-row-gap: 0px;
grid-template-columns: 1fr
}
._2-column-grid.product-main-content-wrapper {
grid-row-gap: 120px;
grid-template-columns: 1fr
}
._2-column-grid.album-page-top-content,
._2-column-grid.home-pages-info {
grid-template-columns: 1fr
}
._2-column-grid.larger-right-column {
grid-row-gap: 40px;
grid-template-columns: 1fr
}
._2-column-grid.mg-top-48px {
grid-column-gap: 24px;
grid-template-columns: 1fr 1fr
}
._2-column-grid._1fr-auto {
grid-template-columns: auto;
margin-bottom: 32px
}
._2-column-grid._1fr-auto.services-home-3 {
grid-template-columns: 1fr
}
._2-buttons.display-none.padding-vertical {
padding-bottom: 62px
}
.flex.cta-v3-links-container {
flex-wrap: wrap;
min-width: auto;
max-width: 75%;
margin-bottom: -32px
}
.flex.align-start.tel.is-landing {
margin-left: 0
}
.flex.mg-bottom-24px {
justify-content: center
}
.inner-container.flex {
flex-direction: column
}
.narrow-section {
padding-top: 100px;
padding-bottom: 100px
}
.narrow-section.blog-post-body,
.narrow-section.large {
padding-bottom: 100px
}
.card-content.album-card-main-container {
padding-bottom: 32px
}
.card-content.blog-post-card {
padding-bottom: 0
}
.card-content.description {
max-width: 100%;
min-height: 0;
margin: -12% 0 0;
padding: 40px 28px
}
.card-content.description.studios {
width: auto;
height: auto;
margin-top: 0%
}
.card-content.featured-blog-post-card {
padding-top: 32px;
padding-left: 0
}
.card-content.featured-blog-post-card.v2 {
max-width: 100%;
margin: -20% 24px 0;
padding: 48px 32px
}
.card-content.cart-item-card {
padding-top: 24px;
padding-left: 0
}
.card-image.album-card {
height: 420px
}
.card-image.album-card.featured-album {
min-height: 500px
}
.card-image.album-card.more {
width: 280px;
height: 180px
}
.overlay.blog-post-bg {
background-image: linear-gradient(to top, var(--neutral), #050505bf 51%, transparent)
}
._3-column-grid {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-columns: 1fr 1fr
}
._3-column-grid.services {
grid-column-gap: 32px;
grid-row-gap: 55px;
grid-template-columns: 1fr 1fr
}
._3-column-grid.services.is-mobile {
flex-direction: column
}
._3-column-grid.blog-posts-grid {
grid-column-gap: 24px;
grid-row-gap: 50px;
flex-direction: column;
grid-template-columns: 1fr 1fr 1fr;
justify-content: center;
align-items: stretch;
display: flex
}
._3-column-grid.blog-posts-grid.blog-v1 {
grid-row-gap: 32px;
grid-template-columns: 1fr
}
._3-column-grid.blog-posts-grid.blog-v2 {
grid-row-gap: 70px;
grid-template-columns: 1fr
}
._3-column-grid.testimonials-v3-grid {
grid-row-gap: 80px;
grid-template-columns: 1fr
}
._3-column-grid.blog-posts-grid-v3 {
grid-template-columns: 1fr
}
._3-column-grid.about {
grid-column-gap: 40px;
grid-row-gap: 30px;
grid-template-columns: 1fr
}
._3-column-grid.align-start {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-columns: 1fr
}
._3-column-grid.contact-card-links-grid.v3,
._3-column-grid.search-results-grid {
grid-template-columns: 1fr
}
._3-column-grid.is-center.is-hidden {
display: block
}
.badge {
margin: 5px 6px;
padding: 5px 14px
}
.badge.large {
padding: 14px 20px;
font-size: 14px
}
.badges-wrapper {
min-width: auto;
margin-left: -6px;
margin-right: -6px
}
.badges-wrapper.mega-card---left {
min-width: auto
}
.badges-wrapper.mobile-landscape-mg-bottom {
margin-bottom: 24px
}
.badges-wrapper.album-page {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
display: flex
}
.badge-icon {
margin-right: 8px;
font-size: 16px
}
.badge-icon.large {
font-size: 18px
}
.bg.home-v1-about-bg {
width: 64vw;
height: 85%;
min-height: 85%;
top: 17.5%;
left: 0%
}
.bg.home-v2-about-bg {
width: 85%;
height: 50%;
min-height: 50%;
bottom: -38%
}
.bg.about-hero {
height: 76%;
min-height: 76%
}
.flex-column.align-center.mb-reverse {
flex-direction: column-reverse
}
.flex-column.align-end {
align-items: center
}
.flex-column.mg-top-medium-64px {
margin-top: 32px
}
.flex-column.hide-in-mobile {
display: none
}
.flex-column.contact-left-column.v2 {
padding-top: 0
}
.slider-arrow-v2 {
width: 56px;
height: 56px;
min-height: 56px;
top: 108%;
right: 37%
}
.slider-arrow-v2.left {
margin-right: 72px
}
.slider-arrow-v1 {
bottom: 70px;
right: 48px
}
.false-mask.inner-container-550px {
height: 100%;
min-height: 100%
}
.avatar.testimonial-v1 {
object-fit: cover;
object-position: 50% 10%;
max-height: 400px
}
.avatar._135px-135px---rounded,
.avatar._110px-110px---rounded {
width: 120px;
min-height: 120px;
max-height: 120px
}
.avatar.testimonial-v2 {
max-width: 100%
}
.h3-size.faq-number {
font-size: 20px
}
.weight-medium.color-neutral-100.mg-bottom-24px {
margin-bottom: 16px
}
.weight-medium.split-lines {
font-size: 1.125rem
}
.weight-medium.is-2rem.split-lines.is-desktop {
display: none
}
.underline-block.instagram {
top: 2.6em
}
._4-column-grid {
grid-template-columns: 1fr 1fr
}
.text-separator.is-100px {
margin-bottom: 30px
}
.footer-column.footer-nav {
flex-direction: column;
max-width: 100%
}
.social-links-wrapper.large.author-card {
margin-bottom: 12px
}
.social-link.large.cta-v4 {
margin-right: 18px;
font-size: 20px
}
.footer-nav {
flex: 0 auto
}
.footer-nav.padding-vertical {
padding-top: 0
}
.footer-bottom-content {
display: block
}
.slider {
margin-left: -6px
}
.slider.mobile-mg-bottom {
margin-bottom: 120px
}
.slider.mobile-landscape-mg-bottom {
margin-bottom: 160px
}
.mg-bottom-large-80px {
margin-bottom: 64px
}
._2-row-grid.gap-64px {
grid-column-gap: 24px;
grid-row-gap: 24px
}
.h1-size {
font-size: 40px
}
.slider-arrow-v3 {
width: 56px;
height: 56px;
min-height: 56px;
top: 110%;
right: 38%
}
.slider-arrow-v3.left {
margin-right: 72px
}
.cta-v3-first-link {
margin-bottom: 32px;
margin-right: 32px
}
._5-column-grid.hero-v3-images-grid {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-columns: 1fr 1fr 1fr
}
.slider-arrow-v4 {
width: 56px;
height: 56px;
min-height: 56px
}
.slider-arrow-v4.left {
margin-right: 72px
}
.split.cta-v4 {
flex-direction: column;
padding-top: 0;
padding-bottom: 0
}
.split.home-v3-mega-card-content {
flex-flow: column wrap;
align-items: flex-start
}
.inner-container-450px.mg-bottom-large-80px.reduce-mg-bottom-mobile {
margin-bottom: 24px
}
.inner-container-90.pd-top-40px {
order: 1
}
.inner-container-90.pd-top-40px.mg-bottom-40px._100-mb {
max-width: 100%
}
.h2-size {
font-size: 32px
}
.h2-size.featured-post-v3 {
font-size: 28px
}
.navbar-column {
flex: 1
}
.category-item {
margin-left: 0;
margin-right: 16px
}
.dropdown {
align-self: stretch
}
.contact-form-main-wrapper.v2 {
margin-top: 24px;
padding-left: 45px;
padding-right: 45px
}
.contact-form-main-wrapper.v3 {
padding: 64px 40px
}
.contact-form-main-wrapper.v3.success {
width: 100%;
padding-left: 0;
padding-right: 0
}
.contact-form.v2 {
grid-column-gap: 32px;
grid-template-columns: auto auto
}
.faq-main-wrapper.v1 {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-columns: 1fr
}
.faq-item.first.second-column {
border-top-style: none
}
.faq-title {
max-width: 92%
}
.faq-inner-container.first {
margin-right: 16px
}
.inner-container-720px.align-center.text-center.mg-bottom-48px {
flex-direction: column
}
.inner-container-720px.align-center.pd-right.pd-left.is-mobilestudios,
.inner-container-720px.align-center.pd-right.pd-left.is-hidden {
display: block
}
.album-collection-item:nth-child(2n) {
position: static;
top: auto;
bottom: auto
}
.menu-icon {
width: 40px;
height: 32px
}
.icon-password {
width: 100px;
height: 100px
}
.cart-default-state {
margin-bottom: 0
}
.cart-list {
grid-column-gap: 24px;
grid-row-gap: 64px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
height: 100%;
padding-top: 0
}
.cart-item-wrapper {
border-bottom: 1px solid var(--lines-color);
padding-top: 40px;
padding-bottom: 32px
}
.price.cart-price {
order: 0
}
.cart-item {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: auto;
justify-content: space-between;
place-items: center start;
display: flex
}
.hide-in-mobile {
display: none
}
.inner-container-400px.sticky-card {
position: static;
top: auto
}
.contact-card-arrengment {
margin-left: 0
}
.container-inner-left-450px-mb {
max-width: 450px
}
.heading.align-center,
.heading.left-mobile.mg-top-large-80px {
font-size: 7vw
}
.heading.padding-vertical {
margin-bottom: 41px;
font-size: 6vh
}
.heading.padding-vertical.is-test {
font-size: 42px
}
.heading.is-h1contact {
font-size: 45px
}
.heading-2.text-center.mg-bottom-48px {
display: block
}
.heading-2.title-small {
text-align: left
}
.heading-2.title-small.display-none {
width: 250px
}
.heading-2.mg-bottom-large-72px.is-center.is-visite {
color: var(--yellow);
font-size: 48px;
top: -4%
}
.heading-2.mg-top-48px {
font-size: 30px
}
.heading-2.mg-top-0px {
margin-top: 0
}
.heading-2.mg-top-0px.color-yellow.is-mobile {
margin-top: 32px
}
.heading-2.is-left.is-50.is-mobile,
.heading-2.pd-32.is-mobile {
padding-left: 0
}
.heading-2.is-mobile.is-hidden {
display: block
}
.nav-grid-large {
grid-template-columns: 1fr
}
.tab-card-grid {
grid-template-columns: 1fr;
max-width: 400px;
margin-left: auto;
margin-right: auto
}
.left-arrow {
display: none
}
.gallery-slider-mask {
width: 400px
}
.right-arrow {
display: none
}
.title-wrapper {
margin-bottom: 60px
}
.block-empty {
display: none
}
.milestone-block {
display: flex
}
.timeline-row {
grid-template-columns: minmax(20px, 60px) 1fr;
padding-bottom: 0
}
.card-timeline-large,
.card-timeline-large-2 {
margin-bottom: 32px
}
.feature-card-primary {
padding-bottom: 50px
}
.features-grid {
grid-column-gap: 32px;
grid-template-columns: 1fr 1fr
}
.nav-grid {
grid-template-columns: 1fr
}
.content-grid.left {
grid-column-gap: 0px;
grid-row-gap: 100px;
grid-template-rows: auto;
grid-template-columns: 1.2fr 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
justify-items: center;
display: grid
}
.content-grid._0px-space {
grid-row-gap: 30px
}
.content-grid._0px-space.is-mobileservices {
grid-row-gap: 0px
}
.content-grid._0px-space.is-services.is-hidden {
display: none
}
.content-grid.is-mobile {
display: block
}
.content-wrapper {
text-align: left;
margin-left: auto;
margin-right: auto
}
.content-wrapper.pd-24 {
padding-left: 0
}
.content-image {
left: 0%
}
.section-large {
padding-top: 72px;
padding-bottom: 72px
}
.gallery-three-grid {
grid-template-columns: 1fr
}
.button-secondary-2 {
padding-top: 18px;
padding-bottom: 18px
}
.slider-arrow-v4-2 {
width: 56px;
height: 56px;
min-height: 56px
}
.slider-arrow-v4-2.left {
margin-right: 72px
}
.form-section {
flex-direction: column
}
.form-container {
width: 100%
}
.side-banner {
width: 100%;
min-height: 600px
}
.banner-basic {
background-image: none;
background-position: 0 0;
background-repeat: repeat;
background-size: auto
}
._100px-space.is-hiddentablet {
display: none
}
.text-block {
font-size: 14px
}
.text-span-50 {
border-bottom-width: 7px;
outline-width: 3px
}
.layout2-1_lightbox {
width: 100%;
min-height: auto;
padding: 1.5rem 1rem
}
.button {
padding: .75rem 1.25rem;
font-size: 1rem
}
.button:hover {
background-color: #0000;
border-color: #0000
}
.heading-medium {
font-size: 1.75rem;
line-height: 1.4
}
.button-secondary-gray {
padding: .75rem 1.25rem;
font-size: 1rem
}
.button-secondary-gray:hover {
background-color: #0000
}
.text-size-medium {
font-size: 1rem
}
.layout2-1_component {
grid-row-gap: 3rem;
grid-template-columns: 1fr
}
.page-padding {
padding-left: 1rem;
padding-right: 1rem
}
.margin-bottom {
margin-top: 0;
margin-left: 0;
margin-right: 0
}
.layout2-1_image {
width: 100%;
min-width: 100%;
position: static
}
.layout2-1_image.shadow-xlarge {
border-style: none
}
.button-row {
align-self: stretch
}
.button-row.is-reverse-mobile-landscape {
flex-direction: column-reverse
}
.margin-top {
margin-bottom: 0;
margin-left: 0;
margin-right: 0
}
.lightbox_play-icon {
width: 4rem;
height: 4rem
}
.padding-vertical {
padding-left: 0;
padding-right: 0
}
.collection-list-wrapper {
display: block
}
.text-block-2,
.text-block-3,
.text-block-4 {
font-size: 14px
}
.div-filtres {
display: block
}
.description-projet.mg-bottom-64px {
column-count: 1
}
.section-2 {
padding-top: 80px;
padding-bottom: 80px
}
.top-content.flex {
margin-bottom: 20px;
display: block
}
.grid-studios {
grid-column-gap: 96px;
grid-row-gap: 96px
}
.grid-studios.is-services {
margin-bottom: 60px
}
.consent {
line-height: 125%
}
.flex_reveal-wrapper {
flex-direction: column;
height: 600px
}
.flexr_reveal-item {
min-height: 100px
}
.flexr_reveal-item:hover {
flex-grow: 1
}
.cta--projectambiteux-container.is-relative {
margin-top: 96px;
display: none
}
.flexreveal-img--container {
filter: none;
background-position: 50%
}
.flexreveal-img--container.is-4,
.flexreveal-img--container.is-5,
.flexreveal-img--container.is-6 {
background-position: 50%
}
.studio_icon--container {
justify-content: space-between
}
.toggle-nav {
justify-content: space-between;
width: 100%;
padding-left: 0;
display: flex
}
.text-size-medium-2 {
font-size: 1rem
}
.layout350_content {
height: auto;
padding-top: 2rem;
padding-bottom: 2rem
}
.padding-section-large {
padding-top: 0;
padding-bottom: 4rem
}
.layout350_tabs-menu {
display: none;
position: relative;
top: 0
}
.layout350_desktop-image-wrapper {
display: none
}
.layout350_mobile-image {
position: static
}
.layout350_mobile-image-wrapper {
width: 100%;
margin-top: 2.5rem;
display: block
}
.layout350_component {
grid-row-gap: 3rem;
grid-template-columns: 1fr
}
.layout350_tab-link {
padding-left: 1rem;
padding-right: 1rem;
font-size: .875rem
}
.header76_content-right {
height: 36.1rem;
padding-left: 0;
padding-right: 0
}
.header76_component {
padding-top: 4rem
}
.div-block-9 {
display: none
}
.padding-section-custom {
padding-top: 4rem;
padding-bottom: 4rem
}
.section_header83.is-mobile {
display: none
}
.header83_images-layout {
grid-template-columns: 1fr
}
.text-align-center.landing_formats-h2 {
text-align: left;
position: static
}
.cta37_link-text {
font-size: 2.25rem
}
.section_cta37 {
display: none
}
.stage---item.x-04 {
font-size: 3rem
}
.stage {
width: 10rem;
height: 10rem
}
.scene {
display: none
}
.bold-text-2 {
color: var(--yellow);
font-size: 36px
}
.dropdown-3,
.dropdown-4 {
width: 100%;
margin-left: 0
}
.image-size {
width: 376px;
height: 376px
}
.list---item {
font-size: 1rem
}
.list---image-wrap {
width: 6rem;
height: 6rem
}
.layout348_component {
grid-row-gap: 3rem;
grid-template-columns: 1fr
}
.layout348_mobile-image-wrapper {
width: 100%;
margin-top: 2.5rem;
display: block
}
.layout348_desktop-image-wrapper {
display: none
}
.layout348_content {
height: auto;
padding-top: 2rem;
padding-bottom: 2rem
}
.layout348_mobile-image {
position: static
}
.card_heading {
font-size: 26px
}
.margin-bottom-32px {
margin-bottom: 26px
}
.card-2.sibling_link-item.interview {
min-width: 75%;
position: relative
}
.card_image {
width: 64%
}
.grid-2-col {
grid-template-columns: 1fr
}
.animate.line1 {
text-wrap: balance
}
.gallery24_component {
height: auto
}
.gallery24_horizontal-scroll-wrapper {
height: auto;
margin-top: -10vh;
position: static
}
.gallery24_horizontal-scroll-content {
grid-column-gap: 1.5rem;
scrollbar-width: none;
width: 100%;
display: flex;
overflow: scroll hidden
}
.gallery24_image {
width: 90vw;
max-height: 30rem
}
.section_gallery24 {
position: static
}
.padding-top {
padding-bottom: 0;
padding-left: 0;
padding-right: 0
}
.landing_formats-h2.split-lines {
font-size: 2rem
}
.layout481_content {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
grid-template-columns: 1fr
}
.layout481_image-group,
.header132_image-group {
grid-column-gap: 2rem;
grid-row-gap: 2rem
}
.header132_content-wrapper {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
grid-template-columns: 1fr
}
.header138_image-wrapper2 {
width: 30%
}
.header138_content-wrapper {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
grid-template-columns: 1fr
}
.header138_component {
height: auto;
max-height: none
}
.header138_image-wrapper {
flex: 1
}
.section_header103.is-mobilehero {
display: block
}
.header103_tab-link {
min-width: 0
}
.header103_tabs-menu {
bottom: 3rem
}
.header103_tab-load-base {
max-width: none;
margin-left: 0;
margin-right: 0
}
.section-4.is-relative {
margin-top: 0
}
.text-size-medium-3 {
font-size: 1rem
}
.layout422_row {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-direction: column;
grid-template-columns: 1fr
}
.layout422_card {
grid-template-columns: 1fr;
width: 100%
}
.layout422_component {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem
}
.layout422_card-content {
padding: 1.5rem
}
.text-size-medium-4 {
font-size: 1rem
}
.layout408_card-content {
padding: 1.5rem
}
.layout408_card {
grid-template-columns: 1fr;
height: auto;
margin-bottom: 0;
position: static
}
.layout408_card.card-2 {
margin-bottom: 5vh
}
.layout408_card.card-1 {
margin-bottom: 10vh
}
.layout408_card.card-3 {
margin-bottom: 20vh
}
.layout408_component {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem
}
.text-size-medium-5 {
font-size: 1rem
}
.header103_tabs-menu-2 {
bottom: 3rem
}
.text-size-medium-6 {
font-size: 1rem
}
.header107_image-wrapper.is-image3 {
width: 30vw
}
.header107_image-wrapper.is-image1 {
display: none
}
.header107_image-wrapper.is-image2 {
width: 30vw
}
.header107_image-wrapper.is-image5 {
width: 50vw
}
.header107_image-wrapper.is-image6 {
width: 40vw
}
.header107_image-wrapper.is-image4 {
display: none
}
.header107_image-list {
grid-template-columns: 25% 50% 25%;
height: 60vh
}
.banner13_component {
margin-top: 0;
margin-left: 0;
margin-right: 0
}
.text-size-medium-7 {
font-size: 1rem
}
.layout414_content-top {
grid-template-columns: 1fr
}
.layout414_image-wrapper {
width: 40vw
}
.grid-2 {
flex-direction: column;
display: flex
}
.text-size-medium-8 {
font-size: 1rem
}
.header77_component {
padding-top: 4rem
}
.header77_content-right {
padding-top: 2rem;
padding-bottom: 2rem
}
.header77_image-wrapper {
width: 18rem
}
.section_header77.landing_hero-marquee {
display: none
}
.header108_image-list {
grid-template-columns: 25% 50% 25%;
height: 60vh
}
.header108_image-wrapper.is-image-small {
display: none
}
.header108_image-wrapper.is-image-large {
width: 50vw;
height: 60vh
}
.header108_small-image-group {
width: 40vw
}
.header103_tabs-menu-3 {
bottom: 3rem
}
.landing_studios-heading_container.is-mobile {
display: block
}
.h1-title {
font-size: 5em;
left: .5em
}
.image-desktop {
display: none
}
.section_layout354-2 {
display: block
}
.slider1_component {
padding-bottom: 3rem
}
.slider1_slide {
padding-left: 0;
padding-right: 0
}
.layout349_mobile-image {
position: static
}
.layout349_mobile-image-wrapper {
width: 100%;
margin-top: 0;
display: block
}
.layout349_component {
grid-row-gap: 3rem;
grid-template-columns: 1fr
}
.layout349_content {
height: auto;
padding-top: 2rem;
padding-bottom: 2rem
}
.layout349_desktop-image-wrapper {
display: none;
position: static
}
.div-block-29 {
justify-content: center;
align-items: flex-start;
max-height: none;
position: static
}
.div-block-30 {
position: static
}
.banner11_text {
font-size: 1.125rem
}
.heading-style-h1 {
font-size: 2.5rem
}
.banner15_image-wrapper {
height: 4rem
}
.cta-fixed {
z-index: 100;
border-radius: 50%;
flex-direction: row;
justify-content: center;
align-items: center;
width: auto;
height: 64px;
display: flex;
position: fixed;
inset: auto 0% 5% auto;
transform: translateY(-50%);
box-shadow: 0 2px 5px #0003
}
.landing_h2 {
font-size: 1.125rem
}
.section-7 {
display: none
}
.padding-section-large-2 {
padding-top: 4rem;
padding-bottom: 4rem
}
.layout28_component {
grid-column-gap: 0px;
grid-row-gap: 3rem;
grid-template-columns: 1fr
}
.heading-style-h4 {
font-size: 1.5rem;
line-height: 1.4
}
.modal2_content-wrapper {
width: 90%;
padding-bottom: 7rem;
padding-left: 2rem;
padding-right: 2rem
}
.modal2_component {
display: none
}
.form-4 {
flex-flow: column;
display: flex
}
.modal2_content-wrapper-2,
.modal2_content-wrapper-3 {
width: 90%;
padding-bottom: 7rem;
padding-left: 2rem;
padding-right: 2rem
}
.header78_image-wrapper {
width: 18rem
}
.spacer16 {
display: none
}
.div-block-32 {
width: auto
}
.layout233_component {
grid-row-gap: 3rem;
grid-template-columns: 1fr
}
._6-col-grid {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid
}
.text-size-medium-9 {
font-size: 1rem
}
.padding-section-large-3 {
padding-top: 0;
padding-bottom: 4rem
}
.button-7 {
padding: .75rem 1.25rem;
font-size: 1rem
}
.button-7:hover {
background-color: #0000;
border-color: #0000
}
.padding-section-large-4 {
padding-top: 0;
padding-bottom: 4rem
}
.layout497_content {
flex-flow: column;
display: flex
}
.layout497_inner-wrapper {
width: 100%;
padding-right: 0
}
.layout497_header {
width: 100%
}
.heading-style-h2 {
font-size: 2.25rem
}
.text-size-medium-10 {
font-size: 1rem
}
.layout497_tabs {
grid-column-gap: 0rem;
flex-flow: column;
grid-template-columns: 1fr;
display: flex
}
.layout497_tabs-menu {
place-items: start stretch;
margin-bottom: 2rem
}
.heading-style-h5 {
font-size: 1.25rem
}
.layout497_tabs-content {
width: 100%;
padding-left: 0;
position: relative
}
.button-8 {
padding: .75rem 1.25rem;
font-size: 1rem
}
.button-8:hover {
background-color: #0000;
border-color: #0000
}
.text-size-medium-11 {
font-size: 1rem
}
.layout507_tabs {
grid-template-columns: 1fr
}
.layout507_tabs-menu {
flex-flow: row;
justify-content: flex-start;
align-items: flex-end;
overflow: auto
}
.layout507_tab-link {
border-bottom: 1px solid #000;
border-right-style: none;
justify-content: flex-start;
align-items: center;
padding-left: 1.5rem;
padding-right: 1.5rem
}
.layout507_tab-link.w--current {
border-bottom-color: #000
}
.heading-style-h6 {
font-size: 1.125rem
}
.layout507_card {
grid-template-columns: 1fr;
padding: 1.5rem
}
.heading-style-h3 {
font-size: 2rem
}
.button-9 {
padding: .75rem 1.25rem;
font-size: 1rem
}
.button-9:hover {
background-color: #0000;
border-color: #0000
}
.text-size-medium-12 {
font-size: 1rem
}
.button-10 {
padding: .75rem 1.25rem;
font-size: 1rem
}
.button-10:hover {
background-color: #0000;
border-color: #0000
}
.layout422_grid-list {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem
}
.button-11 {
padding: .75rem 1.25rem;
font-size: 1rem
}
.button-11:hover {
background-color: #0000;
border-color: #0000
}
.layout121_content {
grid-template-columns: 1fr
}
.button-12 {
padding: .75rem 1.25rem;
font-size: 1rem
}
.button-12:hover {
background-color: #0000;
border-color: #0000
}
.layout121_progress-bar-wrapper {
left: 2rem
}
.layout121_timeline-icon-wrapper {
padding-left: .5rem;
padding-right: .5rem
}
.section_layout410 {
padding-bottom: 0
}
.layout410_component {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem
}
.layout410_card {
grid-template-columns: 1fr;
height: auto;
margin-bottom: 0;
position: static
}
.layout410_card.card-1 {
margin-bottom: 10vh
}
.layout410_card.card-1.blur-card {
margin-bottom: 0
}
.layout410_card.card-2 {
margin-bottom: 5vh
}
.layout410_card.card-2.blur-card {
height: auto;
margin-bottom: 0
}
.layout410_card.card-3 {
margin-bottom: 20vh
}
.layout410_card-content {
padding: 1.5rem 0
}
.button-13 {
padding: .75rem 1.25rem;
font-size: 1rem
}
.button-13:hover {
background-color: #0000;
border-color: #0000
}
.tab-link-wrapper {
min-width: 170px
}
.text-size-medium-13,
.text-size-medium-14 {
font-size: 1rem
}
.layout424_heading-list {
height: 4.75rem
}
.layout424_component {
height: 200vh
}
.layout424_content {
min-height: 0
}
.layout424_heading {
font-size: 4rem
}
.banner10_component {
display: none
}
.banner10_content-wrapper {
align-items: center
}
.banner10_content {
justify-content: flex-start;
align-items: center;
margin-left: 0;
margin-right: 1rem
}
.banner10_close-button {
margin-left: 0
}
.button-14 {
padding: .75rem 1.25rem;
font-size: 1rem
}
.button-14:hover {
background-color: #0000;
border-color: #0000
}
.text-size-medium-15 {
font-size: 1rem
}
}
@media screen and (max-width:479px) {
h1 {
font-size: 38px;
font-weight: 700;
line-height: 1.25em
}
h2 {
margin-top: 60px;
font-size: 30px;
font-weight: 700
}
h3 {
margin-top: 40px;
font-size: 22px;
font-weight: 600
}
p {
color: var(--neutral-100);
font-size: 16px;
line-height: 2em
}
img {
object-fit: fill;
width: 100%
}
blockquote {
padding: 48px 32px
}
figure {
width: 100%
}
.mg-right-16px {
border-radius: 0;
width: 20px;
max-width: 28px;
margin-right: 4px
}
.mg-right-16px.is-button {
flex: none;
align-self: auto;
width: 24px;
margin-right: 0
}
.icons {
width: auto;
margin-left: 0;
margin-right: auto;
padding-left: 0;
padding-right: 0%
}
.mg-bottom-40px {
margin-bottom: 32px
}
.mg-top-48px.mg-bottom-16px {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-direction: column;
display: flex
}
.mg-bottom-48px {
margin-bottom: 26px;
display: block
}
.text-center.center-content.vertical {
align-items: flex-start
}
.text-center.mg-bottom-large-80px.flexh.is-h2contact {
flex-direction: column
}
.container-default {
margin-bottom: 0;
padding-bottom: 0;
padding-left: 20px;
padding-right: 20px
}
.container-default.mega-card-container {
position: static
}
.container-default.mg-bottom-large-72px {
margin-bottom: 0
}
.container-default.pd-left.pd-right {
padding-left: 30px;
padding-right: 30px
}
.container-default.blog {
padding-top: 0
}
.container-default.is-mobile {
padding-left: 0;
padding-right: 0;
display: none
}
.container-default.is-mobile.is-services {
display: block
}
.container-default.is-hidden.is-mobile {
padding-left: 20px;
padding-right: 20px;
display: block
}
.container-default.padding-top-96.is-mobilestudios {
padding-top: 32px
}
.container-default.no-pd {
padding-left: 0;
padding-right: 0
}
.container-default.is-landing {
padding-left: 0;
padding-right: 0;
display: block
}
.section-styleguide {
margin-top: 83px;
padding-top: 32px;
padding-bottom: 32px
}
.style-guide-header {
padding-left: 20px;
padding-right: 20px
}
.color-neutral-grid {
grid-template-columns: 1fr
}
.paragraph-large.is-18 {
font-size: 18px
}
.style-guide-subheader {
padding-left: 20px;
padding-right: 20px
}
.style-guide-content-wrapper {
padding: 60px 20px
}
.icons-grid {
grid-template-columns: repeat(auto-fit, 60px)
}
.button-wrap.flexh.padding-16.margin-top-48.is-mobile {
padding-left: 0
}
.button-primary {
width: 100%;
display: block
}
.button-primary.small {
margin-bottom: 0
}
.button-primary.small.full-width {
margin-top: 31px
}
.button-primary.small.card {
color: var(--neutral);
margin-top: 40px
}
.button-primary.small.card:hover {
color: var(--neutral-100)
}
.button-primary.small.mg-top-48px {
margin-top: 15px
}
.button-primary.small.mg-top-48px.fix {
margin-top: 10px
}
.button-primary.small.mg-left-16px.is-mobile,
.button-primary.small.mg-left-16px.is-mobile.w--current {
margin-top: 8px;
margin-left: 0
}
.button-primary._2-buttons {
margin-bottom: 16px;
margin-right: 0
}
.button-primary._2-buttons._404 {
margin-left: 0
}
.button-primary.submit-button {
border-color: var(--neutral-100);
color: var(--neutral-100);
border-radius: 50px;
margin-top: 24px;
font-weight: 400;
position: static
}
.button-primary.submit-button.absolute {
position: static
}
.button-primary.mg-bottom-mb-40px {
margin-bottom: 40px
}
.button-secondary {
width: 100%
}
.button-secondary.small {
object-fit: fill;
order: 1;
min-width: 145px;
max-width: 100%;
margin-top: 10px;
margin-bottom: 10px;
margin-left: 0;
padding-left: 20px;
padding-right: 20px
}
.button-secondary.small.mg-left-16px {
margin-left: 8px
}
.button-secondary.small.fix {
width: 125px;
min-width: 0;
padding-left: 0;
padding-right: 0;
font-size: 14px
}
.button-secondary.small.fix.is-mobile {
width: 100%
}
.button-secondary.small.display-none,
.button-secondary.small.display-none.specific {
display: none
}
.button-secondary.category {
width: auto;
margin-left: 3px;
margin-right: 3px;
padding: 8px 20px
}
.button-secondary.category.w--current {
margin: 10px 0;
padding: 8px 5px;
font-size: 13px
}
.button-secondary.category.all {
margin-left: 3px;
margin-right: 3px;
padding-left: 20px;
padding-right: 20px
}
.button-secondary.category.preprod {
margin: 5px 0;
padding: 8px 5px;
font-size: 13px
}
.button-secondary.category.prod {
margin: 10px 0;
padding: 8px 5px;
font-size: 13px
}
.button-secondary.category.postprod {
margin: 5px 0;
padding: 8px 5px;
font-size: 13px
}
.header {
padding-bottom: 5px;
inset: 0% 0% auto
}
.header-logo {
max-width: 90%
}
.header-navigation {
flex-flow: column;
margin-top: 0
}
.nav-item-wrapper {
flex-direction: row;
justify-content: space-between;
align-items: stretch;
padding-top: 0;
padding-bottom: 0;
padding-left: 20px
}
.nav-item-wrapper.show-in-mobile.flex {
flex-direction: column;
margin-top: 40px;
padding-left: 0
}
.nav-link {
width: auto;
padding-top: 20px;
padding-bottom: 20px;
font-size: 17px
}
.nav-link.w--current {
width: auto
}
.menu-button {
font-size: 26px
}
.nav-menu {
-webkit-text-fill-color: inherit;
mix-blend-mode: normal;
background-color: #000000e6;
background-clip: border-box;
min-height: 100vh;
margin-top: 68px;
padding: 0 16px 32px
}
.display-1 {
font-size: 30px
}
.footer {
margin-top: 1px;
padding-bottom: 25px
}
.footer-grid {
justify-items: start;
padding-bottom: 56px
}
.footer-logo-container.center-content {
justify-content: flex-start
}
.footer-nav-list {
flex-direction: column;
align-items: flex-start;
font-size: 15px
}
.footer-logo {
max-width: 200px
}
.section {
padding-top: 0;
padding-bottom: 0
}
.section.utility-page.changelog {
padding-top: 150px
}
.section.home-hero.v1 {
min-height: 70vh;
margin-bottom: 0;
padding-top: 100px;
padding-bottom: 100px
}
.section.home-hero.v2 {
padding-top: 140px;
padding-bottom: 120px
}
.section.home-hero.v3 {
padding-top: 130px;
padding-bottom: 0
}
.section.home-hero.v3.is-test {
padding-top: 140px
}
.section.mask {
padding-top: 0;
padding-bottom: 0
}
.section.mask.is-home {
padding-bottom: 0
}
.section.cta-v2 {
padding-top: 70px;
padding-bottom: 70px
}
.section.cta-v2.bg-grey {
background-color: var(--neutral-700);
color: var(--neutral-200);
border-top-style: none;
border-bottom-style: none
}
.section.blog-v1 {
padding-top: 65px;
padding-bottom: 0
}
.section.blog-v1.is-mobile {
justify-content: center;
align-items: center;
padding-top: 32px;
display: flex
}
.section.blog-v2 {
padding-top: 140px
}
.section.contact-v3 {
padding-top: 60px
}
.section.bg-image {
min-height: 50vh
}
.section.bg-image.blog-post {
padding-bottom: 64px
}
.section.bg-image.formats {
min-height: 30vh;
padding-bottom: 0
}
.section.pd-top-0px {
margin-top: 148px
}
.section.short {
padding-top: 100px;
padding-bottom: 100px
}
.section.landing_team-section {
margin-top: 0;
margin-left: 5%;
margin-right: 5%
}
.section.landing {
position: static
}
.licenses-image {
border-radius: 12px
}
.utility-page-wrap {
padding-left: 16px;
padding-right: 16px
}
.utility-page-content-password {
padding: 40px 32px 48px
}
.input.v4.mg-bottom-24px {
font-size: 15px
}
.input.v4.mg-bottom-24px.is-description {
height: 180px
}
.input.v4.large {
height: 50px;
padding-bottom: 30px
}
._404-title {
font-size: 120px;
line-height: 120px
}
.container-medium-780px {
padding-left: 0;
padding-right: 0
}
.divider.display-none {
display: none
}
.paragraph {
text-align: left;
align-self: auto;
font-size: 15px;
display: none
}
.paragraph.limit-content-500px.align-center.text-center.feature-paragraph.color-white.is-mobile {
text-align: center;
margin-top: 24px;
line-height: 160%
}
.paragraph.limit-content-500px.align-center.text-center.feature-paragraph.color-white.is-mobile.is-mod {
max-width: none;
font-size: 18px
}
.paragraph.text-center {
text-align: left
}
.paragraph.text-center.mg-top-32px.mg-bottom-large-72px.is-mobilestudios {
margin-left: 0
}
.paragraph.left,
.paragraph.left-mobile {
text-align: left
}
.paragraph.left-mobile.is-18 {
display: block
}
.paragraph.display-none {
display: none
}
.paragraph.mg-top-32px {
margin-bottom: 25px;
margin-left: 11px;
margin-right: 10px;
font-size: 15px;
line-height: 1.6em
}
.paragraph.heading-4.mg-bottom-0 {
width: 100%
}
.paragraph.heading-4.mg-bottom-0.is-mobile {
text-align: center;
font-size: 15px;
line-height: 150%
}
.paragraph.no-pd.feature-paragraph.color-white.is-mobile {
text-align: center;
line-height: 150%
}
.paragraph.is-18,
.paragraph.is-mobile,
.paragraph.color-yellow {
display: block
}
.paragraph-small {
font-size: 15px;
line-height: 2em
}
.card.changelog {
padding: 40px 20px
}
.card.album-card {
max-width: 100%
}
.card.album-card.mega-card {
flex-direction: column;
padding-top: 64px;
padding-bottom: 0
}
.card.services-card {
align-items: flex-start;
padding: 32px 0
}
.card.services-card.v2._02,
.card.services-card.v2._03,
.card.services-card.v2._05 {
margin-top: 0%
}
.card.services-card.is-mobilehome {
padding-top: 16px;
padding-bottom: 16px
}
.card.services-card.is-flexreveal {
padding-top: 0;
top: 29%
}
.card.services-card.card1-home {
align-items: center;
margin-left: auto;
margin-right: auto
}
.card.testimonial-card {
min-height: auto;
max-height: 825px
}
.card.testimonial-card.v2 {
padding: 32px 32px 48px
}
.card.testimonial-card.v1 {
max-height: none;
padding-bottom: 120px;
padding-left: 32px;
padding-right: 32px
}
.card.blog-post-card.v1 {
padding-bottom: 60px
}
.card.cta-v4 {
margin-left: 16px;
margin-right: 16px;
padding-top: 48px;
padding-left: 32px;
padding-right: 32px
}
.card.contact-link-card.v3 {
padding-left: 24px;
padding-right: 24px
}
.card.social-media-card {
padding: 48px 32px 56px
}
.card.search-result-card {
padding: 40px 24px 48px
}
.card.product-information-card {
border-radius: 0;
margin-left: -30px;
margin-right: -30px;
padding: 60px 30px
}
.card.product-information-card.height {
border-radius: 20px;
min-height: 400px;
max-height: 100%;
margin-bottom: auto;
margin-left: 0;
margin-right: 0;
padding-bottom: 60px
}
.card.product-information-card.height.fixed {
z-index: 20;
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
background-color: #23232378;
border-radius: 0;
min-height: 0;
margin: 90px 0 0;
padding: 0 20px;
position: fixed;
inset: 0% 0% auto
}
.card.product-information-card.mobile {
border-radius: 1rem;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px
}
.card.work-experience-card {
padding-left: 19px;
padding-right: 19px
}
.card.is-cta_card {
padding-left: 16px;
padding-right: 16px
}
.card.is-cta_card.is-contactuspage {
width: 100%;
margin-top: 32px;
padding: 16px
}
.checkout-block-header,
.checkout-block-content {
padding-left: 20px;
padding-right: 20px
}
.split-content.about-home-v1-content {
align-items: stretch
}
.checkout-required-text {
font-size: 18px
}
.order-item {
flex-wrap: wrap
}
.image-wrapper.order-item-image {
margin-bottom: 15px;
margin-right: 0
}
.image-wrapper.testimonial-avatar-v1 {
max-width: 88%
}
.image-wrapper.mega-card---right {
max-width: 100%;
margin-top: 40px;
margin-left: 0
}
.image-wrapper.mega-card---left {
max-width: 100%;
margin-top: 40px;
margin-right: 0
}
.image-wrapper.cart-item-image {
max-width: none;
max-height: 150px
}
.image-wrapper.contact-v3 {
margin-left: -16px;
margin-right: -16px
}
.image.home-hero-image-v1 {
width: 340px;
max-height: 500px;
margin-top: -46px;
margin-left: auto;
margin-right: auto;
padding-top: 0;
display: none;
inset: 0% 0% 0% 50%
}
.image.about-home-v1._01 {
margin-bottom: 16px
}
.image.about-home-v2._02 {
margin-top: -66px;
box-shadow: 0 14px 74px #0000008c
}
.image.about-home-v3.hide-in-mobile {
display: none
}
.image.large-contact-link-icon {
width: 40px
}
.image.about-scroll-down {
width: 64px
}
.image.products {
object-fit: cover;
object-position: 37% 50%
}
.order-item-wrapper {
flex-direction: column
}
.header-wrapper {
padding-top: 5px
}
.cart-button {
margin-left: 16px
}
.grid-licenses-images {
grid-template-columns: 1fr
}
.cart-header {
padding-left: 0;
padding-right: 0
}
.cart-empty-state {
padding-left: 16px;
padding-right: 16px
}
._2-column-grid {
grid-column-gap: 16px;
grid-row-gap: 16px
}
._2-column-grid._1fr-auto.align-end {
justify-items: center;
margin-bottom: 0
}
._2-column-grid._1fr-auto.services-home-v2 {
display: block
}
._2-column-grid._1fr-auto.mg-bottom-medium-64px.is-mobile {
justify-content: center;
display: flex
}
._2-column-grid.home-hero-v1 {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-direction: column-reverse;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
justify-content: flex-start;
padding-top: 0;
display: flex
}
._2-column-grid.list-columns.mg-bottom-32px {
grid-column-gap: 16px;
grid-row-gap: 24px;
grid-template-columns: 1fr
}
._2-column-grid.cta-v1 {
display: block
}
._2-column-grid.instagram-footer {
grid-template-columns: 1fr 1fr
}
._2-column-grid.mega-card-content {
display: block
}
._2-column-grid.gap-64px {
grid-column-gap: 16px;
grid-row-gap: 16px
}
._2-column-grid.services-v3-grid {
grid-row-gap: 40px;
grid-template-columns: 1fr
}
._2-column-grid.about-hero {
grid-column-gap: 16px;
grid-template-columns: 1fr
}
._2-column-grid.about-hero.mg-bottom-large-80px {
grid-template-columns: 1fr
}
._2-column-grid.cta-v4-social-links {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-wrap: wrap;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid
}
._2-column-grid.product-main-content-wrapper {
grid-row-gap: 33px
}
._2-column-grid.product-main-content-wrapper.mobile {
grid-column-gap: 24px;
grid-row-gap: 33px;
flex-flow: column;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid
}
._2-column-grid.mg-top-48px {
display: block
}
._2-column-grid._1fr-auto.services-home-3 {
grid-template-columns: 1fr
}
._2-column-grid.mg-top-40px {
margin-top: 0
}
.hero-wrapper.v1 {
text-align: center;
flex: 0 auto;
order: 0;
justify-content: flex-start;
align-items: center;
margin-top: 0;
margin-left: 0;
padding-top: 0
}
.relative.album-page-top-content {
padding-top: 0
}
._2-buttons {
justify-content: center;
align-self: auto;
padding-top: 39px
}
._2-buttons.display-none {
display: none
}
._2-buttons.display-none.padding-vertical {
margin-top: 15px;
padding-top: 0;
display: block
}
.home-hero-image-wrapper.v1.mobile-tablet-mg-top-24px {
order: -1
}
.mg-bottom-0px {
font-size: 30px;
font-weight: 700
}
.flex.cta-v3-links-container {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
max-width: none;
margin-bottom: 0
}
.flex.title-wrap {
justify-content: center
}
.flex.align-start {
flex-direction: column
}
.flex.align-start.tel {
flex-direction: column;
padding-left: 0
}
.flex.align-start.tel.is-landing {
grid-column-gap: 4px;
flex-direction: row;
justify-content: flex-start;
align-items: center;
margin-left: 0
}
.flex.mg-bottom-24px {
display: block
}
.dash---medium-70px.mg-bottom-24px {
margin: 70px auto 70px 0
}
.dash---medium-70px.mg-bottom-24px.align-center {
text-align: center;
margin: 70px auto;
padding-top: 0
}
.white-fill-block {
text-align: center;
margin-left: auto;
margin-right: auto
}
.inner-container.pd-left.pd-right {
padding-left: 10px;
padding-right: 10px
}
.inner-container.flex {
flex-direction: column
}
.narrow-section {
padding: 40px 20px
}
.narrow-section.blog-post-body {
padding-bottom: 0;
padding-left: 0;
padding-right: 0
}
.narrow-section.large {
padding-top: 100px
}
.narrow-section.no-pd {
padding-left: 0;
padding-right: 0
}
.narrow-section.pd-top0.is-hidden {
display: none
}
.card-content.album-card-main-container {
flex-direction: column;
height: 260px;
padding: 20px 0 24px
}
.card-content.blog-post-card {
padding-top: 25px
}
.card-content.description {
margin-top: 0%;
padding-top: 20px;
padding-bottom: 20px
}
.card-content.featured-blog-post-card.v2 {
margin-left: 16px;
margin-right: 16px;
padding-left: 24px;
padding-right: 24px
}
.card-image.album-card {
filter: none;
order: 0;
height: 220px;
min-height: 0
}
.card-image.album-card.more {
object-fit: cover;
width: 450px;
min-width: 100%;
height: 230px;
min-height: 100%
}
.card-image.blog-post-card {
min-height: 300px
}
.card-image.blur-inter.animation3 {
position: static
}
.overlay.blog-card.news {
border-radius: 10px
}
._3-column-grid {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-columns: 1fr
}
._3-column-grid.services {
grid-row-gap: 0px;
grid-template-columns: 1fr;
display: block
}
._3-column-grid.services.mg-bottom-32px.is-mobile {
margin-bottom: 0;
display: block
}
._3-column-grid.services.is-mobile {
flex-direction: column;
justify-content: center;
align-items: center;
display: flex
}
._3-column-grid.blog-posts-grid,
._3-column-grid.blog-posts-grid.blog-v1 {
grid-template-columns: 1fr
}
._3-column-grid.blog-posts-grid.blog-v2 {
grid-row-gap: 64px
}
._3-column-grid.about,
._3-column-grid.align-start {
grid-template-columns: 1fr
}
._3-column-grid.album-gallery {
grid-template-columns: 1fr 1fr
}
._3-column-grid.is-center.is-hidden {
display: block
}
.badge.large {
padding: 8px 16px
}
.badges-wrapper.mega-card---left {
min-width: 290px
}
.bg.home-v1-about-bg {
display: none
}
.bg.home-v2-about-bg {
height: 40%;
min-height: 40%;
bottom: -67%;
right: 24px
}
.bg.about-hero {
height: 70%;
min-height: 70%
}
.bg.video {
min-height: 100vh
}
.flex-column.hide-in-mobile-portrait {
display: none
}
.inner-container-80 {
max-width: 100%
}
.slider-arrow-v2 {
top: 106%;
right: 33%
}
.slider-arrow-v2.left {
left: 30%
}
.slide {
height: 270px
}
.slider-arrow-v1 {
margin-left: 64px;
inset: 91% auto auto 32px
}
.slider-arrow-v1.left {
margin-left: 0;
margin-right: auto
}
.false-mask.inner-container-550px {
max-width: none
}
.avatar.testimonial-v1 {
max-height: 300px
}
.weight-medium.split-lines {
margin-top: 0;
font-size: 1.125rem;
font-weight: 400;
line-height: 150%
}
.weight-medium.is-2rem.split-lines {
margin-top: 24px;
font-size: 1rem;
font-weight: 200
}
.weight-medium.is-2rem.split-lines.is-mobile {
font-size: 24px;
font-weight: 700;
display: block
}
.weight-medium.is-2rem.split-lines.is-desktop {
display: none
}
.underline-interaction.instagram {
margin-bottom: 24px
}
.underline-block.instagram {
top: 2.6em
}
._4-column-grid.instagram-grid,
._4-column-grid.home-pages {
grid-template-columns: 1fr 1fr
}
.text-separator.is-100px {
margin-top: 48px;
margin-bottom: 30px;
margin-left: auto
}
.footer-column.footer-nav {
flex-flow: wrap;
grid-template-columns: auto;
margin-bottom: 0;
margin-left: 0
}
.social-links-wrapper.large {
flex-wrap: wrap
}
.social-links-wrapper.large.link {
width: 145px;
margin-right: 16px
}
.social-links-wrapper.large.author-card {
flex-wrap: wrap;
justify-content: center
}
.social-link.large.cta-v4 {
margin-right: 13px;
font-size: 18px
}
.social-link.mega {
margin: 8px;
font-size: 20px
}
.footer-nav {
margin-bottom: 48px;
margin-left: 0;
margin-right: 40px
}
.footer-nav.last {
margin-bottom: 0;
margin-right: 0
}
.slider {
object-fit: cover;
object-position: 50% 50%;
height: 100%;
margin-left: 0
}
.slider.mobile-landscape-mg-bottom {
margin-bottom: 128px
}
.slider.is-mobile {
height: auto
}
.inner-container-500px.align-center.text-center.mg-bottom-48px {
align-items: flex-start;
padding-left: 20px;
padding-right: 20px
}
.inner-container-500px.align-center.text-center.mg-bottom-48px.mg-top-48px {
padding-left: 0;
padding-right: 0
}
.h1-size {
font-size: 36px
}
.inner-container-550px.align-center.text-center.mg-bottom-128.is-relative {
text-align: left;
align-items: flex-start;
margin-top: 64px;
margin-bottom: 64px
}
.slider-arrow-v3 {
top: 106%
}
.cta-v3-first-link {
margin-bottom: 40px;
margin-right: 0
}
._5-column-grid {
flex-direction: column;
display: flex
}
._5-column-grid.hero-v3-images-grid {
grid-template-columns: 1fr 1fr
}
.slider-arrow-v4 {
right: -14px
}
.split.home-v3-mega-card-content {
flex-wrap: wrap
}
.h4-size {
font-size: 18px
}
.h2-size {
font-size: 28px;
line-height: 1.38em
}
.h2-size.featured-post-v3 {
font-size: 26px
}
.search {
margin-top: 26px
}
.dropdown-main-wrapper {
flex-wrap: wrap
}
.navbar-column {
margin-bottom: 48px;
margin-right: 48px
}
.navbar-column.last {
margin-bottom: 0;
margin-right: 0
}
.categories-list {
margin-bottom: -32px
}
.categories-list.center-mb {
justify-content: center
}
.categories-list.services {
grid-column-gap: 16px;
grid-row-gap: 0px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
padding-bottom: 60px;
font-size: 14px;
display: grid
}
.categories-list.services.display-none {
display: block
}
.categories-list.mg-bottom-40px {
text-align: center;
flex-direction: row;
justify-content: center;
padding-left: 0
}
.category-item {
justify-content: flex-start;
margin-bottom: 16px
}
.pagination {
margin-top: 24px
}
.footer-link {
flex-direction: column;
font-size: 15px;
display: inline-block
}
.contact-form-main-wrapper.v1,
.contact-form-main-wrapper.v2,
.contact-form-main-wrapper.v3 {
padding: 60px 32px 48px
}
.contact-form-main-wrapper.v3.success {
width: 100%;
padding-left: 0;
padding-right: 0
}
.contact-form-main-wrapper.v3.success.is-modal {
display: none
}
.contact-form-main-wrapper.v3.success.is-mobilecontact {
margin-top: 0;
padding-bottom: 0
}
.contact-form.v2 {
grid-template-columns: 1fr
}
.faq-content.v2.is-mobile {
max-width: 100%
}
.faq-title {
font-size: 18px
}
.inner-container-720px.align-center.text-center.mg-bottom-48px,
.inner-container-720px.align-center.pd-right.pd-left {
padding-left: 0;
padding-right: 0
}
.inner-container-720px.align-center.pd-right.pd-left.is-mobilestudios,
.inner-container-720px.align-center.pd-right.pd-left.is-hidden {
display: block
}
.inner-container-720px.center-content.align-center.text-center.mg-bottom-large-72px.is-mobile {
margin-bottom: 36px
}
.menu-icon {
width: 32px
}
.cart-default-state {
margin-bottom: 0
}
.cart-list {
padding-top: 24px;
padding-left: 16px;
padding-right: 16px
}
.cart-footer {
padding-bottom: 48px
}
.cart-item-wrapper {
padding-bottom: 40px
}
.price.cart-price {
text-align: right;
order: 0
}
.cart-item {
flex-direction: column;
align-items: stretch;
display: flex
}
.hide-in-mobile {
display: none
}
.heading-size-h3 {
font-size: 20px
}
.heading {
text-align: left;
letter-spacing: normal;
margin-bottom: 0;
font-size: 26px;
font-weight: 800;
line-height: 1.4em
}
.heading.align-center {
text-align: center;
font-size: 10vw;
font-weight: 700
}
.heading.align-center.is-mobile {
min-width: auto
}
.heading.align-center.is-mobile.is-left {
text-align: center
}
.heading.text-center {
text-align: left;
padding-bottom: 0
}
.heading.left {
text-align: left;
font-size: 38px;
font-weight: 700
}
.heading.left-mobile {
text-align: left;
font-size: 48px
}
.heading.left-mobile.mg-top-large-80px {
font-size: 10vw;
font-weight: 700
}
.heading.left-mobile.mg-top-large-80px.is-72px {
font-size: 32px
}
.heading.padding-vertical {
text-align: center;
margin-top: 41px;
margin-bottom: 20px;
font-size: 8vw;
font-weight: 700;
line-height: 1.6em
}
.heading.padding-vertical.is-test,
.heading.is-h1contact {
font-size: 30px
}
.heading.mg-bottom-16px {
margin-bottom: 16px
}
.heading.mg-bottom-16px.is-30px {
font-size: 30px
}
.heading-2 {
text-align: left;
margin-top: 0;
margin-bottom: 16px;
padding-top: 20px;
font-size: 30px;
font-weight: 700
}
.heading-2.text-center.mg-bottom-48px {
text-align: center
}
.heading-2.title-small {
text-align: center;
width: 100%;
margin-bottom: 0;
padding-top: 5px;
padding-left: 0;
font-size: 20px
}
.heading-2.title-small.display-none {
width: 100%;
font-size: 18px
}
.heading-2.mg-bottom-large-72px {
text-align: left;
margin-top: 0;
margin-bottom: 60px;
font-size: 30px;
font-weight: 700
}
.heading-2.mg-bottom-large-72px.is-center.is-mobile {
margin-bottom: 16px
}
.heading-2.mg-bottom-large-72px.is-center.is-visite {
font-size: 48px;
top: -2%
}
.heading-2.mg-bottom-large-72px.is-mod {
font-size: 30px
}
.heading-2.mg-top-48px {
margin-top: 48px
}
.heading-2.mg-top-0px.color-yellow.is-mobile {
margin-bottom: 16px;
font-size: 24px
}
.heading-2.mg-top-0px.is-mobilehome {
font-size: 24px
}
.heading-2.is-left.is-50 {
width: 100%
}
.heading-2.is-left.is-50.is-mobile {
padding-left: 0;
font-size: 19px
}
.heading-2.color-yellow {
padding-top: 0;
font-size: 24px
}
.heading-2.pd-32 {
padding-left: 0
}
.heading-2.pd-32.is-mobile {
text-align: center;
font-size: 24px
}
.heading-2.is-mobile {
text-align: center
}
.heading-2.is-mobile.is-services {
padding-top: 0
}
.heading-2.is-mobile.is-hidden {
display: block
}
.heading-2.is-mobile.balance {
text-wrap: balance
}
.heading-3 {
text-align: left;
margin-top: 0;
margin-bottom: 10px;
font-size: 22px;
font-weight: 600;
line-height: 1.5em
}
.heading-3.color-white {
text-align: left;
margin-bottom: 0;
font-weight: 500;
line-height: 1.5em
}
.heading-3.color-white.limit-content-500px.left {
padding-top: 0;
padding-bottom: 20px;
font-weight: 600
}
.heading-3.color-white.left {
text-align: left;
font-size: 22px
}
.heading-3.color-white.left.mg-bottom-48px {
padding-bottom: 25px
}
.heading-3.color-white.left.mg-bottom-16px {
padding-bottom: 16px
}
.heading-3.left {
text-align: left
}
.heading-4 {
font-size: 19px
}
.heading-4.color-yellow.mg-bottom-8px.mg-top-16px {
font-size: 18px
}
.heading-4.maxch55 {
opacity: 1;
font-size: 14px;
line-height: 150%
}
.heading-4.text-size-extra-light {
text-align: center;
text-wrap: balance;
font-size: 1rem;
line-height: 150%
}
.heading-4.text-size-extra-light.align-left,
.heading-4.text-size-extra-light.is-mobile {
text-align: left
}
.text-span-3 {
font-size: 30px;
font-weight: 700
}
.menu-button-2 {
margin-left: 0
}
.nav-icon {
margin-bottom: 10px;
margin-right: 0
}
.banner {
display: none
}
.nav-link-small {
flex-flow: column;
align-items: flex-start
}
.text-link-default {
margin-left: 0
}
.paragraph-small-2,
.paragraph-small-2.color-yellow {
font-size: 13px
}
.nav-dropdown-container {
padding-left: 14px;
padding-right: 14px
}
.nav-button-plain {
display: none
}
.nav-contact-wrapper {
flex-direction: column;
align-items: flex-start
}
.phone-icon {
width: 24px;
max-width: none;
margin-left: -5px
}
.text-span-4 {
font-size: 22px
}
.tabs-menu {
grid-row-gap: 10px;
flex-direction: row;
margin-bottom: 40px;
display: flex
}
.tab-card.flex-v.mobile {
margin-top: 1rem
}
.description {
padding-top: 0
}
.image_profil.charles {
-webkit-text-fill-color: inherit;
object-fit: fill;
background-position: 50%;
background-size: cover;
background-attachment: scroll;
background-clip: border-box;
border-radius: 20px;
width: 100%;
height: 350px;
min-height: 350px
}
.color-yellow.glow {
box-shadow: none
}
.gallery-slider-mask {
width: 100%
}
.text-span-26 {
font-size: 20px
}
.js-clock-2 {
flex-wrap: wrap
}
.box-2 {
margin-bottom: 10px
}
.pictolotties.services,
.pictolotties.services.first,
.pictolotties.services.second {
width: 80px
}
.milestone-block {
display: none
}
.timeline-row {
grid-template-columns: 1fr
}
.section-timeline {
padding-top: 60px;
padding-bottom: 60px
}
.button-round-light-blue {
text-align: center;
margin-right: 0;
padding-left: 24px;
padding-right: 24px;
font-size: 14px
}
.h3-heading-2 {
font-size: 48px
}
.section-timeline-2 {
padding-top: 60px;
padding-bottom: 60px
}
.feature-card-primary {
align-items: flex-start;
max-width: 100%;
padding-bottom: 60px;
padding-left: 0;
padding-right: 0
}
.image-wrapper-2.is-services {
max-width: 100%
}
.features-heading {
margin-bottom: 0;
font-size: 2rem
}
.features-heading.lh110 {
font-size: 2rem
}
.features-grid {
grid-template-columns: 1fr;
justify-items: center
}
.image-2 {
object-fit: cover;
object-position: 100% 50%
}
.nav-dropdown-base {
padding-left: 14px;
padding-right: 14px
}
.nav-link-large {
flex-flow: column;
align-items: flex-start
}
.content-heading {
margin-bottom: 40px
}
.feature-list {
grid-template-columns: 1fr;
justify-items: center
}
.content-grid {
grid-row-gap: 0px
}
.content-grid.left {
grid-column-gap: 0px;
grid-row-gap: 0px;
align-items: stretch
}
.content-grid.right {
grid-column-gap: 82px;
grid-row-gap: 100px;
grid-template-rows: auto;
grid-template-columns: 1.4fr 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
justify-content: stretch;
display: grid
}
.content-grid._0px-space {
grid-template-columns: 1fr
}
.content-grid._0px-space.is-services {
justify-items: start;
max-height: none
}
.content-grid._0px-space.is-services.is-hidden {
display: none
}
.content-wrapper {
margin-top: 0;
padding-top: 0;
display: flex
}
.content-wrapper.pd-right.pd-left {
padding-left: 20px;
padding-right: 20px
}
.content-wrapper.pd-24 {
margin-top: 0;
padding-left: 0
}
.content-wrapper.is-center {
align-items: center
}
.content-wrapper.is-left {
margin-left: 0
}
.content-image {
max-width: 110px;
top: 20%
}
.content-image-03 {
max-width: 150px;
right: 0
}
.button-secondary-2 {
width: 100%
}
.slider-arrow-v4-2 {
right: -14px
}
.news {
object-fit: cover;
border-radius: 10px;
min-width: 100%;
min-height: 250px;
max-height: 180px
}
.form-row-wrap {
margin-bottom: 0
}
.form-grid {
grid-template-columns: 1fr
}
.title-wrapper-2 {
text-align: left;
justify-content: flex-start;
align-items: flex-start;
margin-bottom: 0
}
.button-wrapper.no-mg {
margin-top: 0
}
.circle-text-wrapper {
margin-left: 14px
}
.circle {
width: 120%;
max-width: 120%;
top: -1%;
left: -10%;
right: 0%
}
.checkbox-field {
justify-content: center;
align-items: center;
width: 100%;
margin-bottom: 12px;
margin-right: 0
}
.checkbox-confirmation {
margin-bottom: 20px
}
.text-span-44 {
text-align: center;
font-size: 48px;
font-weight: 800;
line-height: 1em
}
.banner-basic.display-none {
display: none
}
.section-empty.is-mobile {
padding-top: 36px
}
.heading-15,
.heading-16,
.heading-17 {
font-size: 21px
}
.heading-18 {
font-weight: 600
}
._100px-space {
width: 100%;
height: 100px;
min-height: 100px;
display: none
}
.heading-19 {
margin-top: 0
}
.text-span-45,
.text-span-46 {
color: var(--yellow)
}
.text-block {
font-size: 12px
}
.form-2 {
font-size: 16px
}
.text-span-47 {
color: var(--yellow)
}
.lottie-animation-5 {
display: none
}
.text-span-50 {
border-bottom-style: solid;
border-bottom-width: 4px
}
.text-span-51 {
font-size: 8vw
}
.layout2-1_lightbox {
border-radius: 10px;
width: 100%;
height: auto;
margin-top: 0;
margin-left: auto;
margin-right: auto;
padding: 0;
position: relative;
top: 0
}
.layout2-1_lightbox.is-mod {
padding-left: 20px;
padding-right: 20px
}
.text-size-medium {
margin-top: 0
}
.text-size-medium.no-margin {
margin-bottom: 0
}
.margin-bottom {
margin-top: 0;
margin-left: 0;
margin-right: 0
}
.margin-bottom.margin-small.is-mobile {
display: none
}
.margin-bottom.margin-xsmall {
display: block
}
.margin-bottom.margin-xsmall.is-mobile {
display: none
}
.layout2-1_image.shadow-xlarge {
border-style: none;
border-color: var(--yellow);
object-fit: cover;
object-position: 20% 50%;
width: 100%;
height: auto
}
.margin-top {
margin-bottom: 0;
margin-left: 0;
margin-right: 0
}
.margin-top.margin-small {
color: var(--neutral-100);
font-weight: 600;
line-height: 150%
}
.text-weight-semibold.is-caps {
font-size: 12px
}
.text-weight-semibold.is-caps.is-mobile {
text-align: left
}
.lightbox_play-icon {
top: 32%
}
.padding-vertical {
padding-left: 0;
padding-right: 0
}
.text-block-2,
.text-block-3,
.text-block-4 {
font-size: 12px
}
.text-span-53 {
color: var(--yellow)
}
.div-filtres {
text-align: center;
align-self: auto;
margin-top: 32px
}
.container-default-2 {
padding-left: 16px;
padding-right: 16px
}
.section-2 {
padding-top: 60px;
padding-bottom: 60px
}
.top-content.flex {
margin-bottom: 35px;
display: block
}
.image-one {
height: 100%
}
.mg-right-5px.width-20px {
width: 20px
}
.html-embed-3.hide-in-desktop-tablet {
display: block
}
.image-3 {
flex: 1
}
.grid-studios {
grid-column-gap: 96px;
grid-row-gap: 96px
}
.grid-studios.is-services {
grid-column-gap: 0px;
grid-row-gap: 36px;
margin-bottom: 30px
}
.is-address--footer {
text-align: center;
margin-left: auto;
margin-right: auto
}
.consent {
font-size: 10px;
font-weight: 300;
line-height: 150%
}
.close-button {
height: 50px;
right: 5%
}
.is-h1rotate--wrapper {
height: 43px
}
.rotatingtext {
font-size: 30px
}
.padding-16 {
padding-left: 16px
}
.padding-bottom-96 {
margin-top: 48px
}
.flex_reveal-wrapper {
flex-direction: column;
height: auto
}
.flexr_reveal-item {
min-height: 86px
}
.flexr_reveal-item:hover {
flex-grow: 1
}
.flexreveal--overlay {
opacity: 1
}
.cta--projectambiteux-container.is-relative {
margin-top: 96px;
display: none
}
.flexreveal-img--container {
opacity: .44;
filter: none;
background-position: 50%;
top: 0%
}
.flexreveal-img--container.is-4,
.flexreveal-img--container.is-5 {
background-position: 50%
}
.loft-lottie.mg-bottom-8px.is-02,
.loft-lottie.mg-bottom-8px.is-05,
.loft-lottie.is-01,
.loft-lottie.is-03,
.loft-lottie.is-04.is-mobile,
.loft-lottie.is-06.is-mobile {
width: 85px
}
.dropdown-list {
position: static
}
.toggle-nav {
justify-content: space-between;
width: 100%;
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
display: flex
}
.toggle-nav.w--open {
text-align: center;
width: 100%
}
.link-block {
text-decoration: none
}
.layout350_content {
height: auto
}
.padding-section-large.is-mobile {
padding-bottom: 0
}
.layout350_tabs-menu {
justify-content: flex-start;
width: 90vw;
overflow: scroll
}
.icon-embed-xxsmall {
position: absolute;
inset: 30% -5% auto auto
}
.icon-embed-xxsmall.hide-desktop {
display: block;
top: 25%
}
.icon-embed-xxsmall.hide-desktop.opacity-50 {
opacity: .3;
top: 31%
}
.button-group.horizontal {
flex-flow: row;
width: 100%
}
.padding-global {
padding-left: 0%;
padding-right: 0%
}
.layout350_component {
grid-template-columns: 1fr
}
.header76_content-right {
width: 100%;
height: 20rem;
padding-left: 0;
padding-right: 0
}
.header76_content-left {
margin-left: 0%;
margin-right: 0%
}
.header76_component {
flex-direction: column-reverse;
grid-template-columns: 1fr;
padding-top: 0;
display: flex
}
.div-block-9 {
display: none
}
.header83_image-wrapper.is-landing {
width: 100vw;
height: 100vh
}
.section_header83.is-mobile {
display: none
}
.section_header83.is-mobile.is-landing {
display: block
}
.header83_images-layout {
transform: scale(3.4)
}
.padding-global-4.is-mobile {
padding-left: 0%
}
.text-align-center.landing_formats-h2 {
text-align: left;
position: static
}
.section_cta37 {
display: none
}
.flex-h.justify-center {
justify-content: space-between;
align-items: center
}
.flex-h.space-between {
flex-flow: column
}
.scene {
display: none
}
.bold-text-2 {
color: var(--yellow);
font-size: 42px;
line-height: 150%
}
.dropdown-3 {
width: 100%;
margin-left: 0;
margin-right: 0
}
.dropdown-4 {
flex-direction: column;
justify-content: space-around;
width: 100%;
margin-left: 0;
margin-right: 0;
display: flex
}
.section-3 {
padding-left: 0%
}
.list-4 {
padding-left: 40%
}
.list---item {
padding-left: 30%
}
.list---image-wrap {
width: 11.2rem;
right: 52%
}
.list---item-text {
font-size: 18px;
line-height: 120%
}
.text-block-9 {
display: none
}
.action-env {
position: static
}
.red-dot {
top: -19%;
right: 0%
}
.is-24px {
font-size: 24px
}
.landing_h2-wrapper {
margin-top: 0;
margin-bottom: 40px
}
.image-7 {
opacity: .27;
width: auto;
max-width: 60%;
margin-left: auto;
margin-right: auto;
display: block;
position: static;
top: 23%;
left: 26%
}
.div-block-17.is-left {
width: auto
}
.lottie-animation-7 {
width: 48px;
top: 16%;
left: 42%
}
.lottie-animation-7.is-agences {
left: 43%
}
.lottie-animation-7.is-tournage {
top: 20%;
left: 41%
}
.layout348_component {
grid-template-columns: 1fr
}
.layout348_content {
height: auto
}
.card_heading {
font-size: 24px
}
.margin-bottom-32px {
margin-bottom: 24px
}
.card-2 {
padding-top: 32px;
padding-bottom: 0;
padding-left: 32px
}
.card-2.sibling_link-item.podcast {
background-image: url(../images/6548fde1dec6447f2b7d14f4_IMG_0342333-min.webp);
background-position: 46%;
background-repeat: no-repeat;
background-size: auto 100%;
min-width: 75%
}
.card-2.sibling_link-item.webinar {
background-image: url(../images/653a49c07784a6ac90e01539_AdobeStock_203966675.webp);
min-width: 75%
}
.card-2.sibling_link-item.emissions {
background-image: url(../images/654378ff37fe39b363aaa15c_AdobeStock_244708604.webp);
background-size: cover;
min-width: 75%
}
.card-2.sibling_link-item.interview {
background-position: 57%;
min-width: 75%;
position: relative
}
.card-2.sibling_link-item.interview.is-test {
width: auto;
position: static
}
.card_image {
width: 100%;
margin-top: 28px;
margin-left: auto;
margin-right: -64px;
display: block;
position: static
}
.grid-2-col {
grid-column-gap: 16px;
grid-row-gap: 16px
}
.blob.is-cards {
display: none
}
.animate.line1 {
text-align: center;
margin-top: 20px;
font-size: 2rem;
line-height: 125%
}
.slide-3 {
width: 100%
}
.text-block-10.color-yellow {
font-size: 2rem
}
.text-block-10.color-yellow.mg-bottom-16px {
margin-bottom: 0
}
.gallery24_component {
height: auto;
position: static;
overflow: hidden
}
.gallery24_horizontal-scroll-wrapper {
width: auto;
max-width: none;
height: auto;
margin-top: 5rem;
position: static;
overflow: visible
}
.gallery24_horizontal-scroll-content {
scrollbar-width: none;
width: 100%;
display: flex;
overflow: scroll hidden
}
.gallery24_image {
max-height: 25rem
}
.section_gallery24 {
position: static
}
.padding-top {
padding-bottom: 0;
padding-left: 0;
padding-right: 0
}
.spacer100 {
padding-bottom: 50px
}
.landing_formats-h2.split-lines {
text-wrap: balance;
margin-top: 0;
font-size: 2rem
}
.webgl {
margin-top: 60px;
margin-left: 5%;
margin-right: 5%
}
.button-6.is-link.is-icon.is-top {
height: 100%;
position: static
}
.button-6.is-link.is-icon.is-bottom {
display: none
}
.padding-global-5 {
padding-left: 0%;
padding-right: 0%
}
.padding-global-5.is-mod {
margin-top: 0%;
padding-left: 0%;
padding-right: 0%;
position: absolute;
top: auto;
bottom: -8%
}
.padding-global-5.is-mod.is-plateau {
margin-top: -45%
}
.layout481_content {
background-image: linear-gradient(#fff0, #000000c9 12%, #000 32% 81%, #000);
flex-direction: column;
grid-template-columns: 1fr;
align-items: start;
padding: 2rem 1rem;
display: flex;
position: absolute;
bottom: 0%
}
.layout481_content.is-plateau {
z-index: 12;
grid-column-gap: 1rem;
grid-row-gap: 1rem;
height: 40%;
bottom: 6%
}
.layout481_content.is-espace {
z-index: 200;
background-image: linear-gradient(#a1a1a100, #00000096 24%, #000 51% 81%, #000);
height: 50%;
margin-bottom: 0;
bottom: 0%
}
.layout481_content.is-loft {
z-index: 5;
background-image: linear-gradient(#0000, #000000f2 18%, #000);
justify-content: flex-start;
height: 44%;
padding-top: 0;
bottom: 0%
}
.layout481_image-group,
.header132_image-group {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem
}
.header132_content-wrapper {
grid-template-columns: 1fr
}
.header138_image-group {
border-radius: 0
}
.section_header138 {
border-radius: 0
}
.header138_content-wrapper {
grid-template-columns: 1fr
}
.div-block-20 {
bottom: 0%
}
.header103_tab-image {
border-radius: 20px;
height: 100vh;
position: absolute;
top: 0
}
.section_header103.is-mobilehero {
display: block
}
.header103_tab-image-wrapper {
align-self: flex-end
}
.header103_tab-pane {
position: static
}
.header103_tab-link {
padding-left: 1rem;
padding-right: 1rem
}
.header103_tab-link.tabs0 {
align-self: flex-start;
padding-top: 0
}
.header103_tab-link.tabs0.w--current {
align-self: flex-start
}
.header103_tabs {
position: relative
}
.header103_tab-overlay {
display: none
}
.header103_component {
flex-direction: column-reverse;
display: flex
}
.header103_tabs-content {
min-height: 30vh
}
.header103_tabs-menu {
margin-bottom: 2rem;
padding-left: 5%;
padding-right: 5%;
position: absolute;
top: 4%;
bottom: auto
}
.header103_tabs-menu.is-loft {
padding-left: 5%;
top: 5%
}
.text-color-white-2 {
font-size: 1rem;
font-weight: 300;
line-height: 160%
}
.header103_tab-content {
height: 100vh
}
.header103_tab-load-base {
color: #ffffffd6
}
.section-4.is-relative {
margin-top: 0;
margin-bottom: 0;
position: static
}
.spacer50px {
display: none
}
.text-size-medium-3 {
line-height: 150%
}
.layout422_row {
grid-template-columns: 1fr
}
.layout422_overlay {
opacity: 1;
background-image: linear-gradient(#fff0, #000000b3 47%, #000000cf 76%)
}
.layout422_overlay.is-test {
position: static
}
.layout422_overlay.is-darker {
background-image: linear-gradient(180deg, var(--yellow), #000000d6 0%, #000000c2)
}
.layout422_card {
justify-content: flex-end;
align-items: center;
min-height: 65vh
}
.layout422_card-content {
height: auto;
min-height: auto;
padding-left: 1rem;
padding-right: 1rem
}
.layout408_card.card-2 {
scroll-snap-align: start;
height: 100vh;
margin-bottom: 0
}
.layout408_card.card-1 {
scroll-snap-align: start;
border-radius: 0;
height: 100vh;
margin-bottom: 0
}
.layout408_card.card-3 {
scroll-snap-align: start;
height: 100vh;
margin-bottom: 0
}
.layout408_component {
scroll-snap-type: y mandatory;
flex-direction: column;
margin-top: 50px;
display: none;
position: static
}
.header103_tab-overlay-2 {
background-color: #0000
}
.header103_tab-overlay-2.is-mobilehero {
background-color: #0000;
background-image: linear-gradient(#fff0 43%, #313131e6 66%, #333 74%, #000)
}
.header107_image-wrapper {
width: 40vw
}
.text-size-extra-light {
font-size: 14px
}
.section_banner13 {
display: block
}
.section_banner13.is-mobile,
.section_banner13.is-desktop,
.section_banner13.is-desktop.is-hidden {
display: none
}
.banner13_component {
margin-top: 0;
margin-left: 0;
margin-right: 0;
display: block
}
.banner13_heading-top {
font-size: 1.15rem
}
.banner13_heading-top.is-mobile {
opacity: 1;
color: var(--neutral);
text-shadow: 0 0 2px var(--yellow);
font-size: 2.5rem
}
.banner13_heading-bottom {
font-size: 1.15rem;
display: block
}
.banner13_heading-bottom.is-mobile {
opacity: 1;
color: var(--neutral);
-webkit-text-stroke-width: 0px;
-webkit-text-stroke-color: var(--neutral-500);
text-shadow: 0 0 2px var(--yellow);
font-size: 2.5rem;
display: block
}
.layout414_content-top {
grid-template-columns: 1fr
}
.grid-2 {
flex-direction: column;
display: flex
}
.landing_formats-interview_body {
padding-left: 1rem;
padding-right: 1rem;
top: auto;
bottom: 0%
}
.landing_horizons-h4 {
text-align: center;
font-size: 18px;
font-weight: 400;
line-height: 145%
}
.spacer150px {
display: none
}
.header77_component {
flex-direction: column;
grid-template-columns: 1fr;
padding-top: 0;
display: flex
}
.header77_content-right.is-horizontal {
padding-top: 0;
transform: rotate(0)
}
.header77_content-left.is-mod {
padding-top: 0;
top: auto;
bottom: 25%
}
.header77_image-wrapper,
.header77_image-wrapper.is-mod {
width: 25rem
}
.section_header77.landing_hero-marquee {
height: auto;
display: none
}
.black-overlay {
opacity: 1;
background-image: linear-gradient(1deg, #000000bf, #000 3% 31%, #000000d4 50%, #000000c9 55%, #0000008c 66%, #00000054 71%, #00000017 73%, #0000 75%);
width: 100vw;
height: 66vh;
display: block;
top: auto;
bottom: 0%
}
.glow-white {
font-size: 1rem
}
.header108_image-wrapper {
width: 40vw
}
.text-block-11,
.text-block-12,
.text-block-13 {
color: #fff3;
font-weight: 800
}
.heading-21 {
margin-top: 0;
font-size: 20px;
line-height: 150%
}
.landing_hero-h1 {
text-align: center;
font-size: 2rem
}
.landing_hero-h1.is-mobile {
font-weight: 500;
position: absolute;
top: auto;
bottom: 24%;
left: 0
}
.lottie_streaming-wrapper {
position: relative
}
.no-mg {
font-size: 1rem;
font-weight: 200
}
.header103_tab-image-3 {
object-fit: cover;
height: 100%;
margin-left: 0;
position: static;
left: -35px
}
.header103_tab-image-3.is-plateaut {
object-fit: cover;
height: 78%
}
.header103_tab-image-3.is-tab2 {
width: 100%;
height: 77%
}
.header103_tab-image-3.is-tab3 {
height: 77%
}
.header103_tabs-menu-3 {
bottom: 18%
}
.lottie-mobile-hero {
width: 90%;
max-width: 82%;
margin-top: 16px;
margin-left: auto;
margin-right: auto;
position: static;
top: 34%;
left: 10%;
right: 25%
}
.lottie-mobile-hero.align-center {
max-width: 72%
}
.div-block-25 {
background-image: linear-gradient(#000000e0, #000000d9 33%, #000000bd 67%, #000000ba 68%, #00000069 82%, #0000004f 85%, #0000000f 93%, #fff0);
width: 100%;
height: 19vh;
position: absolute;
top: 0;
left: 0
}
.div-block-25.is-hidden {
display: block
}
.div-block-25.is-mod {
background-image: linear-gradient(#000000e0, #000000d9 0%, #000000ba 9%, #000000bd 20%, #0000004f 39%, #00000069 58%, #0000000f 93%, #fff0)
}
.div-block-26 {
width: 110vh;
display: flex;
position: relative;
overflow: visible
}
.section-5 {
overflow: hidden
}
.landing_studios-heading_container {
margin-top: 30px;
padding-left: 5%;
padding-right: 5%
}
.landing_studios-heading_container.is-mobile {
display: block
}
.landing_button-wrapper {
width: 200px;
height: 50px;
position: static;
overflow: visible
}
.swiper.myswiper.swiper-h {
width: 100%;
height: 100%;
display: block
}
.swiper.swiper-movies {
height: 240px
}
.swiper-slide {
width: 100%;
height: 100vh;
overflow: hidden
}
._100 {
object-fit: cover;
width: auto;
height: 100vh
}
.div-block-27 {
height: 100vh;
position: relative
}
.swiper-container {
scroll-snap-align: start;
position: relative;
top: 0%
}
.h1-title {
left: .5em
}
.image-desktop {
background-image: url(../images/65dcb015e6712174844bf505_KR_01184-V2.webp);
display: block
}
.image-desktop.is-2 {
background-image: url(../images/65dcb01677ff5a7daf3b404e_KR303930.webp)
}
.image-desktop.is-3 {
background-image: url(../images/65dcb0168036d91ef75534a2_KR303954.webp)
}
.landing_swiper-wrapper {
width: 100%;
height: 100%;
position: relative;
overflow: hidden
}
.section-6 {
height: 300vh
}
.section-6.is-relative {
z-index: 1;
height: 100vh;
position: relative
}
.test-snap {
height: 100vh;
position: relative;
top: auto
}
.section_layout354 {
margin-bottom: 300px
}
.layout354_content-wrapper {
z-index: 999;
min-height: 100vh;
max-height: none;
position: relative
}
.layout354_content-wrapper.index2 {
z-index: 1000
}
.layout354_content-wrapper.index3 {
z-index: 1001
}
.layout354_component {
scroll-snap-type: y mandatory;
overflow-y: scroll
}
.layout354_content-item.content-item-2 {
z-index: 2;
scroll-snap-align: start;
background-image: url(../images/65dcb01667ae3dfab851a660_KR303909-V2.webp);
background-position: 51% -22%;
background-repeat: no-repeat;
background-size: auto 68%
}
.layout354_content-item.content-item-1 {
scroll-snap-align: start;
background-image: url(../images/65dcb016499a4a5a961e0a59_KR_00941-V2.webp);
background-position: 96% 0;
background-repeat: no-repeat;
background-size: auto 58%
}
.layout354_content-item.content-item-3 {
background-image: linear-gradient(#0000, #0000), url(../images/6548f905cd45588f6f8c60fe_Fond%20vert%20HULST111.webp);
background-position: 0 0, 77%;
background-repeat: repeat, no-repeat;
background-size: auto, auto 100%
}
.layout354_content-item.content-item-1 {
background-image: none;
background-size: auto
}
.layout354_content-item.content-item-3 {
scroll-snap-align: start
}
.section_layout354-2 {
margin-top: 50px;
display: block
}
.section_layout354-2.is-hidden {
display: none
}
.slide-5 {
width: 100%
}
.div-block-28 {
z-index: -1;
background-image: url(../images/65dcb016499a4a5a961e0a59_KR_00941-V2.webp);
background-position: 50% 0;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 100%;
padding-bottom: 0;
padding-right: 0;
position: static
}
.landing_slider-wrapper {
width: 100%;
height: 100%;
position: absolute;
top: 0
}
.slider-4 {
z-index: -1;
width: 100%;
height: 100%
}
.icon-3,
.icon-4 {
margin-top: 330px
}
.slide-6 {
background-image: url(../images/65dcb016499a4a5a961e0a59_KR_00941-V2.webp);
background-position: 50% 0;
background-repeat: no-repeat;
background-size: auto 58%
}
.slide-7 {
background-image: url(../images/65dcb01777ff5a7daf3b407f_KR_00960-V2.webp);
background-position: 50% 0;
background-size: auto 57%
}
.slider1_component {
z-index: auto;
height: 100%
}
.slider-content-replace-this-div {
background-image: url(../images/65dcb016499a4a5a961e0a59_KR_00941-V2.webp);
background-position: 50% -73%;
background-repeat: no-repeat;
background-size: auto 80%;
height: 100%
}
.slider-content-replace-this-div.is-loft2 {
background-image: url(../images/65dcb0168de561bd85b48e3f_KR_00964-V2.webp);
background-position: 16% 0;
background-size: auto 68%
}
.slider-content-replace-this-div.is-loft3 {
background-image: url(../images/65dcb016d62b5d3334b64772_KR_00999.webp)
}
.slider-content-replace-this-div.is-plateau1 {
background-image: url(../images/65dcb015499a4a5a961e0a0c_KR303905-V2.webp);
background-position: 50% -19%
}
.slider-content-replace-this-div.is-plateau2 {
background-image: url(../images/65dcb015494d39fbfc29d9c8_KR_01088.webp)
}
.slider-content-replace-this-div.is-plateau3 {
background-image: url(../images/65dc9df59f57ca941dcef590_KR303954.webp);
background-position: 41% -73%
}
.slider-content-replace-this-div.is-espace1 {
background-image: url(../images/6548f905cd45588f6f8c60fe_Fond%20vert%20HULST111.webp);
background-position: 50% 0
}
.slider-content-replace-this-div.is-espace2 {
background-image: url(../images/646f1545b4eef99bd47a9284_Immersif%202.jpg);
background-position: 50% 0;
background-size: auto 88%
}
.slider-content-replace-this-div.is-espace3 {
background-image: url(../images/65dcb015ecc7365cd07eb6f7_KR_01092.webp);
background-position: 50% 0
}
.slider1_arrow.hide-mobile-landscape {
background-color: var(--card-frozen);
opacity: .71;
color: var(--neutral-100);
-webkit-text-stroke-color: #cecece;
-webkit-text-fill-color: inherit;
background-clip: border-box;
border-style: solid;
border-width: 0;
width: 2.3rem;
height: 2.3rem;
margin-top: 60%;
font-size: 16px
}
.section_layout349 {
margin-left: 5%;
margin-right: 5%
}
.layout349_content-wrapper {
max-width: 100%
}
.layout349_component {
grid-template-columns: 1fr;
display: flex;
position: relative
}
.layout349_content {
width: 100%;
height: auto
}
.div-block-29 {
justify-content: center;
align-items: flex-start;
min-width: auto;
min-height: auto;
max-height: none;
position: static
}
.div-block-30 {
width: auto;
height: auto;
position: static
}
.html-embed-6 {
width: 100%;
height: 300px
}
.image-9 {
width: 250px;
min-width: 100px;
min-height: 150px;
display: none
}
.landing_h2-regismobiles {
text-align: left;
margin-top: 16px
}
.banner11_component {
color: var(--neutral);
text-shadow: none
}
.banner11_wrapper {
opacity: 1;
text-shadow: 0 0 3px var(--neutral-300);
width: 300vw
}
.banner11_wrapper.bottom {
margin-left: -200vw
}
.banner11_marquee {
width: 180vw;
padding-top: .25rem;
padding-bottom: .25rem
}
.banner11_text-wrapper {
flex: none;
padding-left: .25rem;
padding-right: .25rem
}
.banner11_text-wrapper.hide-tablet {
text-shadow: none;
flex: none
}
.banner11_text {
text-shadow: 0 0 1.5px var(--yellow);
font-size: 2rem;
line-height: 100%
}
.banner15_image {
aspect-ratio: auto;
object-fit: contain;
border-radius: 4px;
height: 90%
}
.heading-style-h1 {
color: var(--neutral);
-webkit-text-stroke-width: .6px;
-webkit-text-stroke-color: var(--yellow);
text-shadow: none;
margin-left: 0;
font-size: 2rem
}
.heading-style-h1.yellow {
color: var(--neutral-100)
}
.section_banner15 {
margin-top: 50px;
margin-bottom: 50px
}
.section_banner15.is-hidden {
display: block
}
.banner15_image-wrapper {
height: 5rem
}
.banner15_marquee.is-hidden {
display: none
}
.cta-fixed {
z-index: 100;
-webkit-backdrop-filter: blur(7px);
backdrop-filter: blur(7px);
border-radius: 50px;
justify-content: center;
align-items: center;
width: auto;
height: 65px;
display: flex;
position: fixed;
inset: auto 0 3%;
transform: translate(-0%)
}
.landing_h2 {
margin-top: 16px;
font-size: 1.125rem
}
.section-7 {
display: block
}
.section_landing-hero {
display: none
}
.section_landing-formats {
margin-top: 0
}
.layout28_tabs-menu {
grid-row-gap: 2.5rem
}
.layout28_component {
grid-row-gap: 3rem;
grid-template-columns: 1fr
}
.heading-style-h4.color-yellow {
margin-top: 0
}
.link-5 {
opacity: 0;
width: 0%;
font-size: 1.125rem;
font-weight: 700;
text-decoration: none
}
.modal2_content-wrapper {
width: 100%;
padding-top: 2rem
}
.modal2_component,
.modal2_component.is-hidden {
display: none
}
.form-4 {
flex-flow: column;
display: flex
}
.form_input {
font-size: 15px
}
.modal2_content-wrapper-3 {
width: 100%
}
.modal2_component-2 {
display: none
}
.border-radius-0.mg-right-5px.is-icon {
max-width: 25px
}
.text-block-16 {
z-index: 1000;
height: auto;
position: static
}
.grid-3 {
flex-flow: column;
display: flex
}
.link-block-14 {
z-index: 202;
width: 100vw;
height: 50%;
display: none;
position: absolute;
bottom: 0%
}
.heading-23,
.heading-24 {
text-wrap: balance
}
.axeptio-wrapper {
justify-content: center;
align-items: center
}
.cta-phone {
width: 50px
}
.cta-modal {
text-decoration: none
}
.header78_image-wrapper {
width: 30vw
}
.section_header78 {
padding-top: 4rem;
padding-bottom: 4rem
}
.logo-entreprise {
width: auto;
max-height: 54px
}
.logo-entreprise.is-shneider {
width: auto;
max-height: 40px
}
.spacer16 {
display: block
}
.text-block-17 {
display: none
}
.div-block-32 {
background-color: #0000;
width: 100%
}
.layout233_component {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: 1fr
}
.icon-1x1-medium {
display: block
}
.social-wrapper {
margin-left: auto;
margin-right: auto
}
._6-col-grid {
flex-flow: wrap;
justify-content: center;
align-items: flex-start;
display: flex
}
.padding-global-9 {
padding-left: 0%;
padding-right: 0%
}
.header142_content {
padding-left: 1rem;
padding-right: 1rem
}
.header142_image-wrapper1 {
bottom: 15%;
left: 0%
}
.header142_image-wrapper3 {
max-width: 18%;
top: 8%
}
.header142_image-wrapper6 {
bottom: 5%;
right: -5%
}
.header142_image-wrapper8 {
max-width: 18%;
bottom: 0%
}
.header142_image-wrapper2 {
max-width: 15%;
top: 15%;
left: 2%
}
.header142_image-wrapper4 {
max-width: 25%;
top: -2%
}
.header142_image-wrapper5 {
max-width: 20%;
top: 13%;
right: 0%
}
.header142_image-wrapper7 {
max-width: 25%;
bottom: 15%;
right: 32%
}
.padding-global-10 {
padding-left: 0%;
padding-right: 0%
}
.heading-style-h2 {
font-size: 1.75rem
}
.layout497_tabs {
grid-template-columns: 1fr
}
.button-8.is-link.is-icon {
max-width: 25px
}
.layout507_component {
position: relative
}
.layout507_tabs {
grid-template-columns: 1fr
}
.layout507_tabs-menu {
flex-flow: row;
justify-content: flex-start;
align-items: flex-end;
width: 100%;
overflow: auto
}
.layout507_tab-link {
margin-bottom: 0;
padding-left: 0;
padding-right: 0
}
.layout507_tab-link.w--current {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
border-bottom-color: var(--yellow);
flex: 0 auto;
padding-left: 0;
padding-right: 0
}
.heading-style-h6.mobile-nomg {
margin-top: 0
}
.heading-style-h6.mobile-mg {
margin-top: 20px
}
.layout507_card {
background-color: var(--neutral-700);
padding: 1rem
}
.layout507_card-content-top {
flex-flow: column;
justify-content: center;
align-items: flex-start
}
.section_layout354-3 {
margin-bottom: 300px
}
.button-11.is-link.is-icon {
max-width: 25px
}
.button-11.is-link.is-icon.is-alternate {
max-width: none;
display: flex
}
.layout121_content {
grid-template-columns: 1fr
}
.button-12.is-link.is-icon {
max-width: 25px
}
.layout121_timeline-right {
flex-flow: column
}
.section_layout410 {
padding-bottom: 0
}
.layout410_component {
padding-bottom: 0;
position: static
}
.layout410_card.card-1 {
scroll-snap-align: start;
border-radius: 0;
height: 0;
margin-bottom: 0
}
.layout410_card.card-1.blur-card {
height: auto;
position: static
}
.layout410_card.card-2 {
scroll-snap-align: start;
height: 0;
margin-bottom: 0
}
.layout410_card.card-2.blur-card {
height: auto;
position: static
}
.layout410_card.card-3 {
scroll-snap-align: start;
height: 100vh;
margin-bottom: 0
}
.layout410_card.card-5.blur-card,
.layout410_card.card-8.blur-card,
.layout410_card.card-11.blur-card {
position: static
}
.layout410_card-content {
padding-bottom: 0;
padding-left: 0;
padding-right: 0
}
.button-13.is-link.is-icon {
max-width: 25px
}
.embed-icon {
display: none
}
.image-18 {
width: 50px
}
.tab-link-wrapper {
flex: 0 auto;
justify-content: center;
align-items: center;
min-width: 170px;
padding-left: 0;
display: flex
}
.div-block-41 {
flex-flow: column;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
display: flex
}
.section-8 {
padding-left: 1rem;
padding-right: 1rem
}
.div-block-43 {
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
margin-bottom: 0;
display: flex
}
.div-block-44 {
grid-column-gap: 1rem;
grid-row-gap: 0rem;
justify-content: flex-start;
align-items: flex-end;
display: flex
}
.div-block-45 {
justify-content: center;
align-self: flex-end;
align-items: flex-end;
display: flex
}
.text-size-medium-13,
.text-size-medium-14 {
margin-top: 0
}
.layout424_heading-list {
height: 3.25rem
}
.layout424_heading {
font-size: 2.75rem
}
.banner10_component {
display: none
}
.icon-xsmall,
.icon-xsmall.rotate {
width: auto
}
.mobile-center {
text-align: center
}
.text-size-medium-15 {
margin-top: 0
}
}
#w-node-cb2e2585-54c2-44aa-2272-469ad5f748f5-beb80d85 {
grid-area: span 1/span 1/span 1/span 1;
align-self: center
}
#w-node-b95347bb-2fb8-a653-7354-d8cb849620cc-beb80d85,
#w-node-b95347bb-2fb8-a653-7354-d8cb849620cd-beb80d85,
#w-node-b95347bb-2fb8-a653-7354-d8cb849620cf-beb80d85,
#w-node-b95347bb-2fb8-a653-7354-d8cb849620d1-beb80d85,
#w-node-b95347bb-2fb8-a653-7354-d8cb849620d3-beb80d85,
#w-node-b95347bb-2fb8-a653-7354-d8cb849620d5-beb80d85,
#w-node-f8a28fd5-d48e-9942-9d0c-96bf1feeaf79-beb80d85,
#w-node-afea33ff-9315-9f1f-75e8-d21234a5c319-beb80d85,
#w-node-afea33ff-9315-9f1f-75e8-d21234a5c31a-beb80d85,
#w-node-afea33ff-9315-9f1f-75e8-d21234a5c31c-beb80d85,
#w-node-afea33ff-9315-9f1f-75e8-d21234a5c31e-beb80d85,
#w-node-afea33ff-9315-9f1f-75e8-d21234a5c320-beb80d85,
#w-node-afea33ff-9315-9f1f-75e8-d21234a5c322-beb80d85,
#w-node-afea33ff-9315-9f1f-75e8-d21234a5c324-beb80d85,
#w-node-f84975d3-83d0-d06f-4f57-852dbef14511-beb80d85,
#w-node-f84975d3-83d0-d06f-4f57-852dbef14512-beb80d85,
#w-node-f84975d3-83d0-d06f-4f57-852dbef14514-beb80d85,
#w-node-f84975d3-83d0-d06f-4f57-852dbef14516-beb80d85,
#w-node-f84975d3-83d0-d06f-4f57-852dbef14518-beb80d85,
#w-node-f84975d3-83d0-d06f-4f57-852dbef1451a-beb80d85,
#w-node-f84975d3-83d0-d06f-4f57-852dbef1451c-beb80d85,
#w-node-_03e87d45-5505-d8a5-b3cc-704b79a3951d-beb80d85,
#w-node-_03e87d45-5505-d8a5-b3cc-704b79a3951e-beb80d85,
#w-node-_03e87d45-5505-d8a5-b3cc-704b79a39520-beb80d85,
#w-node-_03e87d45-5505-d8a5-b3cc-704b79a39522-beb80d85,
#w-node-_03e87d45-5505-d8a5-b3cc-704b79a39524-beb80d85,
#w-node-_03e87d45-5505-d8a5-b3cc-704b79a39528-beb80d85,
#w-node-_03e87d45-5505-d8a5-b3cc-704b79a39526-beb80d85 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-_3b61bb65-59c8-9172-bd2b-68e728e3c8cb-beb80d85 {
grid-area: span 1/span 1/span 1/span 1;
place-self: center
}
#w-node-d0909209-9465-c024-0a3e-dda00a7beb40-beb80d85 {
align-self: center
}
#w-node-e9a88187-cc1f-f3c7-9f4c-18285ff92d90-beb80d85 {
grid-area: span 1/span 1/span 1/span 1;
align-self: center
}
#w-node-d0909209-9465-c024-0a3e-dda00a7beb51-beb80d85 {
align-self: center
}
#w-node-dd156912-929f-0253-19e9-8d995445d6ea-beb80d85 {
grid-area: span 1/span 1/span 1/span 1;
place-self: center
}
#w-node-d0909209-9465-c024-0a3e-dda00a7beb66-beb80d85 {
align-self: center
}
#w-node-_0282499f-e712-6757-496a-2990e41afd99-beb80d85 {
grid-area: span 1/span 1/span 1/span 1;
align-self: center
}
#w-node-_0282499f-e712-6757-496a-2990e41afd9a-beb80d85 {
align-self: center
}
#w-node-cb2e2585-54c2-44aa-2272-469ad5f74939-beb80d85 {
align-self: start
}
#w-node-cb2e2585-54c2-44aa-2272-469ad5f74943-beb80d85 {
align-self: stretch
}
#w-node-cb2e2585-54c2-44aa-2272-469ad5f7494c-beb80d85 {
align-self: start
}
#w-node-_99b2f7b9-c3f0-c5ab-fc68-2b598defd46f-beb80d85 {
grid-area: span 1/span 2/span 1/span 2
}
#w-node-_03d661a6-15e6-bbae-6856-51f66a839e49-ae2f46c5 {
justify-self: start
}
#w-node-_53851813-9374-84c1-eccb-e61b989f19b9-ae2f46c5 {
justify-self: center
}
#w-node-c019e7c2-59ac-7ea7-47f8-d51aa37e2e16-ae2f46c5 {
justify-self: start
}
#lastname.w-node-_84914c42-d8f3-7d4d-3e4f-cfddb50954fb-78895e98 {
grid-area: span 1/span 1/span 1/span 1
}
#message.w-node-_84914c42-d8f3-7d4d-3e4f-cfddb50954ff-78895e98 {
grid-area: span 1/span 2/span 1/span 2
}
#w-node-_84914c42-d8f3-7d4d-3e4f-cfddb5095500-78895e98 {
grid-area: span 1/span 2/span 1/span 2;
justify-self: start
}
#w-node-a58f45ef-6c7c-4184-2b93-5e9ca9f8e395-78895e98,
#w-node-b55ee37d-3db3-b652-2e20-db15c6204476-78895e98,
#w-node-_0ba97ccf-21d7-a275-5bfd-a43498050c2c-78895e98,
#w-node-_0ba97ccf-21d7-a275-5bfd-a43498050c2d-78895e98,
#w-node-d816ed35-252c-1af8-003b-ff30c0b55279-78895e98,
#w-node-d41b0733-d86f-705a-4183-ed3cc379ea19-78895e98 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-c30142cf-f6f3-a4d2-6ee0-8647d13f7493-beb80e07,
#w-node-_3747d9ec-ac8c-04e4-2a7e-76f7b4935f53-beb80e08,
#w-node-_921502d9-0199-1fce-71e5-c260a7edbcf4-beb80e08 {
align-self: start
}
#w-node-a24b2613-b7d5-99e8-f7c4-7780c857b723-beb80e38 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-_74af0c91-0059-52fa-e77e-8c7ec2fc784f-beb80e38 {
grid-area: span 1/span 1/span 1/span 1;
align-self: start
}
#w-node-_179d5c68-6187-c16d-7a17-a31211244f7c-beb80e38 {
grid-area: span 1/span 2/span 1/span 2
}
#w-node-a24b2613-b7d5-99e8-f7c4-7780c857b723-beb80e52 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-_74af0c91-0059-52fa-e77e-8c7ec2fc784f-beb80e52 {
grid-area: span 1/span 1/span 1/span 1;
align-self: start
}
#w-node-_109e589d-6065-3121-1486-f86bedf53943-beb80e52 {
grid-template-rows: auto auto auto auto;
grid-template-columns: 1fr 1fr 1fr
}
#w-node-_109e589d-6065-3121-1486-f86bedf53944-beb80e52,
#w-node-_109e589d-6065-3121-1486-f86bedf5394b-beb80e52 {
grid-column: span 2/span 2
}
#w-node-_109e589d-6065-3121-1486-f86bedf5394d-beb80e52,
#w-node-_109e589d-6065-3121-1486-f86bedf5394f-beb80e52 {
grid-column: span 3/span 3
}
#w-node-_210fac45-5760-4406-0316-e48e68cb242d-beb80e52 {
grid-area: span 1/span 2/span 1/span 2
}
#w-node-ff534adf-437f-f2e6-73b8-eb863adb3aba-beb80e59,
#w-node-ff534adf-437f-f2e6-73b8-eb863adb3abb-beb80e59,
#w-node-ff534adf-437f-f2e6-73b8-eb863adb3abc-beb80e59,
#w-node-ff534adf-437f-f2e6-73b8-eb863adb3abd-beb80e59,
#w-node-ff534adf-437f-f2e6-73b8-eb863adb3abe-beb80e59,
#w-node-ff534adf-437f-f2e6-73b8-eb863adb3abf-beb80e59,
#w-node-ff534adf-437f-f2e6-73b8-eb863adb3ac0-beb80e59,
#w-node-ff534adf-437f-f2e6-73b8-eb863adb3ac1-beb80e59,
#w-node-ff534adf-437f-f2e6-73b8-eb863adb3ac2-beb80e59,
#w-node-ff534adf-437f-f2e6-73b8-eb863adb3ac3-beb80e59,
#w-node-ff534adf-437f-f2e6-73b8-eb863adb3ac4-beb80e59,
#w-node-ff534adf-437f-f2e6-73b8-eb863adb3ac5-beb80e59,
#w-node-ff534adf-437f-f2e6-73b8-eb863adb3ac6-beb80e59,
#w-node-ff534adf-437f-f2e6-73b8-eb863adb3ac7-beb80e59,
#w-node-ff534adf-437f-f2e6-73b8-eb863adb3ac8-beb80e59,
#w-node-ff534adf-437f-f2e6-73b8-eb863adb3ac9-beb80e59,
#w-node-_2ebb8242-5373-7363-f25a-364a11759b04-beb80e59,
#w-node-_2ebb8242-5373-7363-f25a-364a11759b05-beb80e59 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-adf83b79-4662-24e9-1b7d-2ebd89c54404-beb80e59,
#w-node-_29b7f351-e891-a5aa-f356-2db12dd023c2-beb80e59,
#w-node-_75feaaf8-c82f-2055-3090-ba9331a37a25-beb80e59,
#w-node-_7ab9bdc0-9b09-8131-adc7-6ee2b278d433-beb80e59 {
align-self: center
}
#w-node-_7ab9bdc0-9b09-8131-adc7-6ee2b278d442-beb80e59,
#w-node-bcd26e5b-e7fc-bd53-9491-524cba19eba7-ba19eba7 {
order: -9999;
grid-area: span 1/span 1/span 1/span 1
}
#w-node-cfbdae36-c54f-c23c-1a24-115f57daaf05-57daaf05,
#lastname.w-node-e7b20c85-182f-c3eb-be95-32777de4d691-beb80e5b {
grid-area: span 1/span 1/span 1/span 1
}
#message.w-node-_9549aa67-3731-5be7-3f26-f1a019433aaa-beb80e5b {
grid-area: span 1/span 2/span 1/span 2
}
#w-node-_42e9d792-df56-fcd2-50ca-f763f57b4819-beb80e5b {
grid-area: span 1/span 2/span 1/span 2;
justify-self: start
}
#w-node-_366285ec-d5b1-c525-b3b5-4b2e067cd398-beb80e5b,
#w-node-_366285ec-d5b1-c525-b3b5-4b2e067cd399-beb80e5b,
#w-node-_366285ec-d5b1-c525-b3b5-4b2e067cd394-beb80e5b,
#w-node-_366285ec-d5b1-c525-b3b5-4b2e067cd395-beb80e5b,
#w-node-_366285ec-d5b1-c525-b3b5-4b2e067cd39c-beb80e5b,
#w-node-_366285ec-d5b1-c525-b3b5-4b2e067cd3a0-beb80e5b {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-bb401160-9549-2b9f-d96d-3eae1ff7a02b-beb80e5e,
#w-node-bfe6a747-4849-32dd-cb2b-ca6c86842b59-beb80e5e,
#w-node-_2652c599-d48b-8ccf-9423-20ad265efeff-beb80e5e,
#w-node-_6407ef54-f469-fba5-3f9e-8ee2d156d4dd-beb80e5e {
place-self: start
}
#w-node-a24b2613-b7d5-99e8-f7c4-7780c857b723-beb80e61 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-_74af0c91-0059-52fa-e77e-8c7ec2fc784f-beb80e61 {
grid-area: span 1/span 1/span 1/span 1;
align-self: start
}
#w-node-bf3cbe19-4821-b3e3-1ead-19d49687f41b-beb80e61 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-_480ae028-720f-1aef-b4ba-5a2818bfbc36-beb80e61 {
grid-area: span 1/span 2/span 1/span 2
}
#w-node-fd8fbd33-1719-21aa-e47c-9c62b272dee4-beb80e63 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-e1738ed5-2ac8-3fac-724e-ed997d13b1d0-beb80e63,
#w-node-e1738ed5-2ac8-3fac-724e-ed997d13b1da-beb80e63,
#w-node-e1738ed5-2ac8-3fac-724e-ed997d13b1e4-beb80e63,
#w-node-_59993b43-7b2c-5e51-b5b1-0b5f8c548d52-beb80e63,
#w-node-_59993b43-7b2c-5e51-b5b1-0b5f8c548d5d-beb80e63,
#w-node-_59993b43-7b2c-5e51-b5b1-0b5f8c548d68-beb80e63,
#w-node-cb1a122d-0f3d-408b-8a8c-236e3d1c57fb-beb80e63,
#w-node-cb1a122d-0f3d-408b-8a8c-236e3d1c5805-beb80e63,
#w-node-cb1a122d-0f3d-408b-8a8c-236e3d1c580f-beb80e63 {
place-self: start
}
#w-node-a24b2613-b7d5-99e8-f7c4-7780c857b723-beb80e6b,
#w-node-_74af0c91-0059-52fa-e77e-8c7ec2fc784f-beb80e6b,
#w-node-bf3cbe19-4821-b3e3-1ead-19d49687f41b-beb80e6b,
#w-node-a24b2613-b7d5-99e8-f7c4-7780c857b723-beb80e6c,
#w-node-_74af0c91-0059-52fa-e77e-8c7ec2fc784f-beb80e6c,
#w-node-bf3cbe19-4821-b3e3-1ead-19d49687f41b-beb80e6c,
#w-node-_343396ea-1987-ebc8-bcde-4b3cb777ab47-beb80e6e {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-b337e151-d47c-83c4-0428-59307433aad5-beb80e6e,
#w-node-b337e151-d47c-83c4-0428-59307433aae0-beb80e6e {
align-self: center
}
#w-node-ca8dcb58-07d4-80dc-1a01-37eab41f3f3c-beb80e6e {
order: -9999;
grid-area: span 1/span 1/span 1/span 1
}
#w-node-_6bb47101-a25b-4f5f-fa39-eea93cee26c9-beb80e6e {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-b337e151-d47c-83c4-0428-59307433aaed-beb80e6e {
align-self: center
}
#w-node-a24b2613-b7d5-99e8-f7c4-7780c857b723-beb80e6f,
#w-node-_74af0c91-0059-52fa-e77e-8c7ec2fc784f-beb80e6f,
#w-node-bf3cbe19-4821-b3e3-1ead-19d49687f41b-beb80e6f {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-_07b0f272-96ff-ba67-d204-09707fd6d531-beb80e73 {
justify-self: end
}
#w-node-_07b0f272-96ff-ba67-d204-09707fd6d540-beb80e73,
#w-node-_07b0f272-96ff-ba67-d204-09707fd6d541-beb80e73,
#w-node-_07b0f272-96ff-ba67-d204-09707fd6d542-beb80e73,
#w-node-_07b0f272-96ff-ba67-d204-09707fd6d543-beb80e73,
#w-node-_07b0f272-96ff-ba67-d204-09707fd6d545-beb80e73,
#w-node-_07b0f272-96ff-ba67-d204-09707fd6d547-beb80e73,
#w-node-_07b0f272-96ff-ba67-d204-09707fd6d548-beb80e73,
#w-node-_07b0f272-96ff-ba67-d204-09707fd6d54a-beb80e73,
#w-node-_07b0f272-96ff-ba67-d204-09707fd6d54b-beb80e73,
#w-node-_07b0f272-96ff-ba67-d204-09707fd6d54c-beb80e73,
#w-node-_07b0f272-96ff-ba67-d204-09707fd6d54d-beb80e73,
#w-node-_07b0f272-96ff-ba67-d204-09707fd6d54f-beb80e73,
#w-node-_07b0f272-96ff-ba67-d204-09707fd6d550-beb80e73,
#w-node-_07b0f272-96ff-ba67-d204-09707fd6d552-beb80e73,
#w-node-_07b0f272-96ff-ba67-d204-09707fd6d553-beb80e73,
#w-node-_07b0f272-96ff-ba67-d204-09707fd6d554-beb80e73,
#w-node-_07b0f272-96ff-ba67-d204-09707fd6d555-beb80e73,
#w-node-_07b0f272-96ff-ba67-d204-09707fd6d556-beb80e73,
#w-node-_07b0f272-96ff-ba67-d204-09707fd6d557-beb80e73,
#w-node-_07b0f272-96ff-ba67-d204-09707fd6d558-beb80e73,
#w-node-_07b0f272-96ff-ba67-d204-09707fd6d559-beb80e73,
#w-node-_07b0f272-96ff-ba67-d204-09707fd6d55a-beb80e73,
#w-node-_07b0f272-96ff-ba67-d204-09707fd6d55b-beb80e73,
#w-node-_07b0f272-96ff-ba67-d204-09707fd6d55c-beb80e73,
#w-node-_30add9d6-344e-32d2-4df3-7122b2f1dc3b-beb80e73,
#w-node-_216ff9b3-19a8-9ff6-d895-055f7cf194a4-beb80e73,
#w-node-_53c82d77-26ff-3aa2-08cd-64dbeb15fa45-beb80e73,
#w-node-_7f9a8c7e-9aa5-5e2c-7940-520bc2e55441-beb80e73 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-ef72a46c-52d9-5642-3a78-64e9f33b184e-beb80e73 {
grid-area: span 1/span 1/span 1/span 1;
align-self: stretch
}
#w-node-ef72a46c-52d9-5642-3a78-64e9f33b1854-beb80e73,
#w-node-ef72a46c-52d9-5642-3a78-64e9f33b185b-beb80e73 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-_747df3ec-e252-1c66-f2b4-fa5d3fc947d1-467f9396 {
justify-self: end
}
#w-node-_747df3ec-e252-1c66-f2b4-fa5d3fc947e0-467f9396,
#w-node-_747df3ec-e252-1c66-f2b4-fa5d3fc947e1-467f9396,
#w-node-_747df3ec-e252-1c66-f2b4-fa5d3fc947e2-467f9396,
#w-node-_747df3ec-e252-1c66-f2b4-fa5d3fc947e3-467f9396,
#w-node-_747df3ec-e252-1c66-f2b4-fa5d3fc947e4-467f9396,
#w-node-_747df3ec-e252-1c66-f2b4-fa5d3fc947e8-467f9396,
#w-node-_747df3ec-e252-1c66-f2b4-fa5d3fc947e9-467f9396,
#w-node-_747df3ec-e252-1c66-f2b4-fa5d3fc947e7-467f9396,
#w-node-_747df3ec-e252-1c66-f2b4-fa5d3fc947e5-467f9396,
#w-node-_747df3ec-e252-1c66-f2b4-fa5d3fc947e6-467f9396,
#w-node-_747df3ec-e252-1c66-f2b4-fa5d3fc947ea-467f9396,
#w-node-_747df3ec-e252-1c66-f2b4-fa5d3fc947eb-467f9396,
#w-node-_747df3ec-e252-1c66-f2b4-fa5d3fc947ec-467f9396,
#w-node-_747df3ec-e252-1c66-f2b4-fa5d3fc947ed-467f9396,
#w-node-_3ab318a4-2391-8519-f7d8-a777d53941fe-467f9396,
#w-node-_3ab318a4-2391-8519-f7d8-a777d53941ff-467f9396,
#w-node-_3ab318a4-2391-8519-f7d8-a777d5394200-467f9396,
#w-node-_3ab318a4-2391-8519-f7d8-a777d5394203-467f9396,
#w-node-_3ab318a4-2391-8519-f7d8-a777d5394204-467f9396,
#w-node-_3ab318a4-2391-8519-f7d8-a777d5394201-467f9396,
#w-node-_3ab318a4-2391-8519-f7d8-a777d5394202-467f9396,
#w-node-_747df3ec-e252-1c66-f2b4-fa5d3fc947ef-467f9396,
#w-node-_747df3ec-e252-1c66-f2b4-fa5d3fc947f0-467f9396,
#w-node-_747df3ec-e252-1c66-f2b4-fa5d3fc947f1-467f9396,
#w-node-_747df3ec-e252-1c66-f2b4-fa5d3fc947f2-467f9396,
#w-node-_747df3ec-e252-1c66-f2b4-fa5d3fc947f3-467f9396,
#w-node-_747df3ec-e252-1c66-f2b4-fa5d3fc947f4-467f9396,
#w-node-_747df3ec-e252-1c66-f2b4-fa5d3fc947f5-467f9396,
#w-node-_57129da8-2bf9-61d8-43d0-ae1e8272b193-467f9396,
#w-node-_57129da8-2bf9-61d8-43d0-ae1e8272b194-467f9396,
#w-node-_57129da8-2bf9-61d8-43d0-ae1e8272b195-467f9396,
#w-node-_57129da8-2bf9-61d8-43d0-ae1e8272b196-467f9396,
#w-node-_57129da8-2bf9-61d8-43d0-ae1e8272b197-467f9396,
#w-node-_57129da8-2bf9-61d8-43d0-ae1e8272b198-467f9396,
#w-node-_57129da8-2bf9-61d8-43d0-ae1e8272b199-467f9396,
#w-node-_57129da8-2bf9-61d8-43d0-ae1e8272b19a-467f9396,
#w-node-_57129da8-2bf9-61d8-43d0-ae1e8272b19b-467f9396,
#w-node-_57129da8-2bf9-61d8-43d0-ae1e8272b19c-467f9396,
#w-node-_57129da8-2bf9-61d8-43d0-ae1e8272b19d-467f9396,
#w-node-_57129da8-2bf9-61d8-43d0-ae1e8272b19e-467f9396,
#w-node-_57129da8-2bf9-61d8-43d0-ae1e8272b19f-467f9396,
#w-node-_57129da8-2bf9-61d8-43d0-ae1e8272b1a0-467f9396,
#maptrigger.w-node-_7b062b05-c6de-50ce-3431-31f77acd3b60-467f9396 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-_64719354-af09-059e-7b2c-00120de8ebb1-467f9396 {
place-self: end stretch
}
#w-node-_64719354-af09-059e-7b2c-00120de8ec14-467f9396,
#w-node-c42d6530-ad90-7221-6ac5-9d0efe7b19d5-467f9396,
#w-node-c42d6530-ad90-7221-6ac5-9d0efe7b1a02-467f9396,
#w-node-c42d6530-ad90-7221-6ac5-9d0efe7b1a2e-467f9396 {
align-self: end
}
#w-node-b372d630-df10-bc07-01c5-c9a08eebd41f-467f9396,
#w-node-b372d630-df10-bc07-01c5-c9a08eebd420-467f9396,
#w-node-b372d630-df10-bc07-01c5-c9a08eebd422-467f9396,
#w-node-b372d630-df10-bc07-01c5-c9a08eebd424-467f9396,
#w-node-b372d630-df10-bc07-01c5-c9a08eebd426-467f9396,
#w-node-b372d630-df10-bc07-01c5-c9a08eebd428-467f9396,
#w-node-b372d630-df10-bc07-01c5-c9a08eebd42a-467f9396,
#w-node-b372d630-df10-bc07-01c5-c9a08eebd42c-467f9396,
#w-node-b372d630-df10-bc07-01c5-c9a08eebd42d-467f9396,
#w-node-b372d630-df10-bc07-01c5-c9a08eebd42f-467f9396,
#w-node-b372d630-df10-bc07-01c5-c9a08eebd431-467f9396,
#w-node-b372d630-df10-bc07-01c5-c9a08eebd433-467f9396,
#w-node-b372d630-df10-bc07-01c5-c9a08eebd435-467f9396,
#w-node-b372d630-df10-bc07-01c5-c9a08eebd437-467f9396,
#w-node-_0b43402f-dc46-85df-9121-e17191fc3ae1-467f9396,
#w-node-_0b43402f-dc46-85df-9121-e17191fc3ae2-467f9396,
#w-node-_0b43402f-dc46-85df-9121-e17191fc3ae4-467f9396,
#w-node-_0b43402f-dc46-85df-9121-e17191fc3ae6-467f9396,
#w-node-_0b43402f-dc46-85df-9121-e17191fc3ae8-467f9396,
#w-node-_0b43402f-dc46-85df-9121-e17191fc3aea-467f9396,
#w-node-_0b43402f-dc46-85df-9121-e17191fc3aec-467f9396,
#w-node-b372d630-df10-bc07-01c5-c9a08eebd448-467f9396,
#w-node-b372d630-df10-bc07-01c5-c9a08eebd449-467f9396,
#w-node-b372d630-df10-bc07-01c5-c9a08eebd44b-467f9396,
#w-node-b372d630-df10-bc07-01c5-c9a08eebd44d-467f9396,
#w-node-b372d630-df10-bc07-01c5-c9a08eebd44f-467f9396,
#w-node-b372d630-df10-bc07-01c5-c9a08eebd451-467f9396,
#w-node-b372d630-df10-bc07-01c5-c9a08eebd453-467f9396,
#w-node-_41d1a1af-7e2a-4fe4-8361-5e52eef35b71-467f9396,
#w-node-_41d1a1af-7e2a-4fe4-8361-5e52eef35b72-467f9396,
#w-node-cd3e0e96-8afb-2893-11af-f1b621d25d1a-467f9396,
#w-node-cd3e0e96-8afb-2893-11af-f1b621d25d1b-467f9396,
#w-node-cd3e0e96-8afb-2893-11af-f1b621d25d1c-467f9396,
#w-node-cd3e0e96-8afb-2893-11af-f1b621d25d1d-467f9396,
#w-node-cd3e0e96-8afb-2893-11af-f1b621d25d1e-467f9396,
#w-node-cd3e0e96-8afb-2893-11af-f1b621d25d1f-467f9396,
#w-node-cd3e0e96-8afb-2893-11af-f1b621d25d18-467f9396,
#w-node-cd3e0e96-8afb-2893-11af-f1b621d25d19-467f9396,
#w-node-cd3e0e96-8afb-2893-11af-f1b621d25d21-467f9396,
#w-node-cd3e0e96-8afb-2893-11af-f1b621d25d22-467f9396,
#w-node-cd3e0e96-8afb-2893-11af-f1b621d25d23-467f9396,
#w-node-cd3e0e96-8afb-2893-11af-f1b621d25d24-467f9396,
#w-node-cd3e0e96-8afb-2893-11af-f1b621d25d25-467f9396,
#w-node-cd3e0e96-8afb-2893-11af-f1b621d25d26-467f9396,
#w-node-cd3e0e96-8afb-2893-11af-f1b621d25d27-467f9396,
#w-node-cd3e0e96-8afb-2893-11af-f1b621d25d28-467f9396,
#w-node-_69e595f3-bd0e-e6a7-2de1-c2ad8361a991-467f9396,
#w-node-_69e595f3-bd0e-e6a7-2de1-c2ad8361a992-467f9396 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-_5349ced8-9d5b-59c8-56a4-00eb28f6b197-467f9396,
#w-node-_5349ced8-9d5b-59c8-56a4-00eb28f6b1ab-467f9396 {
align-self: start
}
#w-node-cb4afd2b-e655-4264-b2f4-2c1cfc40c4e8-467f9396 {
grid-area: span 1/span 2/span 1/span 2
}
#lastname.w-node-c85f5cb0-f824-0b34-a8d5-72c84da6c158-467f9396 {
grid-area: span 1/span 1/span 1/span 1
}
#message-2.w-node-c85f5cb0-f824-0b34-a8d5-72c84da6c15c-467f9396 {
grid-area: span 1/span 2/span 1/span 2
}
#w-node-c85f5cb0-f824-0b34-a8d5-72c84da6c15d-467f9396 {
grid-area: span 1/span 2/span 1/span 2;
justify-self: start
}
#w-node-_747df3ec-e252-1c66-f2b4-fa5d3fc947d1-253f3a2f {
justify-self: end
}
#w-node-_747df3ec-e252-1c66-f2b4-fa5d3fc947e0-253f3a2f,
#w-node-_747df3ec-e252-1c66-f2b4-fa5d3fc947e1-253f3a2f,
#w-node-_747df3ec-e252-1c66-f2b4-fa5d3fc947e2-253f3a2f,
#w-node-_747df3ec-e252-1c66-f2b4-fa5d3fc947e3-253f3a2f,
#w-node-_747df3ec-e252-1c66-f2b4-fa5d3fc947e4-253f3a2f,
#w-node-_747df3ec-e252-1c66-f2b4-fa5d3fc947e8-253f3a2f,
#w-node-_747df3ec-e252-1c66-f2b4-fa5d3fc947e9-253f3a2f,
#w-node-_747df3ec-e252-1c66-f2b4-fa5d3fc947e7-253f3a2f,
#w-node-_747df3ec-e252-1c66-f2b4-fa5d3fc947e5-253f3a2f,
#w-node-_747df3ec-e252-1c66-f2b4-fa5d3fc947e6-253f3a2f,
#w-node-_747df3ec-e252-1c66-f2b4-fa5d3fc947ea-253f3a2f,
#w-node-_747df3ec-e252-1c66-f2b4-fa5d3fc947eb-253f3a2f,
#w-node-_747df3ec-e252-1c66-f2b4-fa5d3fc947ec-253f3a2f,
#w-node-_747df3ec-e252-1c66-f2b4-fa5d3fc947ed-253f3a2f,
#w-node-_3ab318a4-2391-8519-f7d8-a777d53941fe-253f3a2f,
#w-node-_3ab318a4-2391-8519-f7d8-a777d53941ff-253f3a2f,
#w-node-_3ab318a4-2391-8519-f7d8-a777d5394200-253f3a2f,
#w-node-_3ab318a4-2391-8519-f7d8-a777d5394203-253f3a2f,
#w-node-_3ab318a4-2391-8519-f7d8-a777d5394204-253f3a2f,
#w-node-_3ab318a4-2391-8519-f7d8-a777d5394201-253f3a2f,
#w-node-_3ab318a4-2391-8519-f7d8-a777d5394202-253f3a2f,
#w-node-_747df3ec-e252-1c66-f2b4-fa5d3fc947ef-253f3a2f,
#w-node-_747df3ec-e252-1c66-f2b4-fa5d3fc947f0-253f3a2f,
#w-node-_747df3ec-e252-1c66-f2b4-fa5d3fc947f1-253f3a2f,
#w-node-_747df3ec-e252-1c66-f2b4-fa5d3fc947f2-253f3a2f,
#w-node-_747df3ec-e252-1c66-f2b4-fa5d3fc947f3-253f3a2f,
#w-node-_747df3ec-e252-1c66-f2b4-fa5d3fc947f4-253f3a2f,
#w-node-_747df3ec-e252-1c66-f2b4-fa5d3fc947f5-253f3a2f,
#w-node-_57129da8-2bf9-61d8-43d0-ae1e8272b193-253f3a2f,
#w-node-_57129da8-2bf9-61d8-43d0-ae1e8272b194-253f3a2f,
#w-node-_57129da8-2bf9-61d8-43d0-ae1e8272b195-253f3a2f,
#w-node-_57129da8-2bf9-61d8-43d0-ae1e8272b196-253f3a2f,
#w-node-_57129da8-2bf9-61d8-43d0-ae1e8272b197-253f3a2f,
#w-node-_57129da8-2bf9-61d8-43d0-ae1e8272b198-253f3a2f,
#w-node-_57129da8-2bf9-61d8-43d0-ae1e8272b199-253f3a2f,
#w-node-_57129da8-2bf9-61d8-43d0-ae1e8272b19a-253f3a2f,
#w-node-_57129da8-2bf9-61d8-43d0-ae1e8272b19b-253f3a2f,
#w-node-_57129da8-2bf9-61d8-43d0-ae1e8272b19c-253f3a2f,
#w-node-_57129da8-2bf9-61d8-43d0-ae1e8272b19d-253f3a2f,
#w-node-_57129da8-2bf9-61d8-43d0-ae1e8272b19e-253f3a2f,
#w-node-_57129da8-2bf9-61d8-43d0-ae1e8272b19f-253f3a2f,
#w-node-_57129da8-2bf9-61d8-43d0-ae1e8272b1a0-253f3a2f {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-_64719354-af09-059e-7b2c-00120de8ebb1-253f3a2f {
place-self: end stretch
}
#w-node-_64719354-af09-059e-7b2c-00120de8ec14-253f3a2f,
#w-node-c42d6530-ad90-7221-6ac5-9d0efe7b19d5-253f3a2f,
#w-node-c42d6530-ad90-7221-6ac5-9d0efe7b1a02-253f3a2f,
#w-node-c42d6530-ad90-7221-6ac5-9d0efe7b1a2e-253f3a2f {
align-self: end
}
#w-node-b372d630-df10-bc07-01c5-c9a08eebd41f-253f3a2f,
#w-node-b372d630-df10-bc07-01c5-c9a08eebd420-253f3a2f,
#w-node-b372d630-df10-bc07-01c5-c9a08eebd422-253f3a2f,
#w-node-b372d630-df10-bc07-01c5-c9a08eebd424-253f3a2f,
#w-node-b372d630-df10-bc07-01c5-c9a08eebd426-253f3a2f,
#w-node-b372d630-df10-bc07-01c5-c9a08eebd428-253f3a2f,
#w-node-b372d630-df10-bc07-01c5-c9a08eebd42a-253f3a2f,
#w-node-_34812722-525e-00ad-4a01-62c1dce94c4a-253f3a2f,
#w-node-e9713e68-1877-937f-a255-6fc3b22bb859-253f3a2f,
#w-node-_06c7c9e7-0723-b8ec-d32c-1658b64adb2b-253f3a2f,
#w-node-f8e3521e-980b-b36d-2804-99e33a4b5cab-253f3a2f,
#w-node-f8e3521e-980b-b36d-2804-99e33a4b5cac-253f3a2f,
#w-node-f8e3521e-980b-b36d-2804-99e33a4b5cae-253f3a2f,
#w-node-f8e3521e-980b-b36d-2804-99e33a4b5cb0-253f3a2f,
#w-node-f8e3521e-980b-b36d-2804-99e33a4b5cb2-253f3a2f,
#w-node-f8e3521e-980b-b36d-2804-99e33a4b5cb4-253f3a2f,
#w-node-f8e3521e-980b-b36d-2804-99e33a4b5cb6-253f3a2f,
#w-node-f8e3521e-980b-b36d-2804-99e33a4b5cb8-253f3a2f,
#w-node-f8e3521e-980b-b36d-2804-99e33a4b5cba-253f3a2f,
#w-node-f8e3521e-980b-b36d-2804-99e33a4b5cbc-253f3a2f,
#w-node-_41d1a1af-7e2a-4fe4-8361-5e52eef35b71-253f3a2f,
#w-node-_41d1a1af-7e2a-4fe4-8361-5e52eef35b72-253f3a2f,
#w-node-cd3e0e96-8afb-2893-11af-f1b621d25d1a-253f3a2f,
#w-node-cd3e0e96-8afb-2893-11af-f1b621d25d1b-253f3a2f,
#w-node-cd3e0e96-8afb-2893-11af-f1b621d25d1c-253f3a2f,
#w-node-cd3e0e96-8afb-2893-11af-f1b621d25d1d-253f3a2f,
#w-node-cd3e0e96-8afb-2893-11af-f1b621d25d1e-253f3a2f,
#w-node-cd3e0e96-8afb-2893-11af-f1b621d25d1f-253f3a2f,
#w-node-cd3e0e96-8afb-2893-11af-f1b621d25d18-253f3a2f,
#w-node-cd3e0e96-8afb-2893-11af-f1b621d25d19-253f3a2f,
#w-node-cd3e0e96-8afb-2893-11af-f1b621d25d21-253f3a2f,
#w-node-cd3e0e96-8afb-2893-11af-f1b621d25d22-253f3a2f,
#w-node-cd3e0e96-8afb-2893-11af-f1b621d25d23-253f3a2f,
#w-node-cd3e0e96-8afb-2893-11af-f1b621d25d24-253f3a2f,
#w-node-cd3e0e96-8afb-2893-11af-f1b621d25d25-253f3a2f,
#w-node-cd3e0e96-8afb-2893-11af-f1b621d25d26-253f3a2f,
#w-node-cd3e0e96-8afb-2893-11af-f1b621d25d27-253f3a2f,
#w-node-cd3e0e96-8afb-2893-11af-f1b621d25d28-253f3a2f,
#w-node-_69e595f3-bd0e-e6a7-2de1-c2ad8361a991-253f3a2f,
#w-node-_69e595f3-bd0e-e6a7-2de1-c2ad8361a992-253f3a2f {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-_5349ced8-9d5b-59c8-56a4-00eb28f6b197-253f3a2f,
#w-node-_5349ced8-9d5b-59c8-56a4-00eb28f6b1ab-253f3a2f {
align-self: start
}
#w-node-cb4afd2b-e655-4264-b2f4-2c1cfc40c4e8-253f3a2f {
grid-area: span 1/span 2/span 1/span 2
}
#lastname.w-node-c85f5cb0-f824-0b34-a8d5-72c84da6c158-253f3a2f {
grid-area: span 1/span 1/span 1/span 1
}
#message-2.w-node-c85f5cb0-f824-0b34-a8d5-72c84da6c15c-253f3a2f {
grid-area: span 1/span 2/span 1/span 2
}
#w-node-c85f5cb0-f824-0b34-a8d5-72c84da6c15d-253f3a2f {
grid-area: span 1/span 2/span 1/span 2;
justify-self: start
}
#w-node-_807c91a7-0f4e-c147-e711-112bbac037c6-eb5c5ea4 {
place-self: center end
}
#w-node-_92c4a4e8-8b81-f6b8-fba4-8407cb8e3537-eb5c5ea4 {
grid-area: 1/1/2/2
}
#w-node-_91725740-5ebe-9c24-5cee-abd96cf22f15-eb5c5ea4,
#w-node-_91725740-5ebe-9c24-5cee-abd96cf22f29-eb5c5ea4,
#w-node-_43c22215-7273-9da9-118d-b26ed09170b7-eb5c5ea4,
#w-node-_21b71b3a-6574-c530-1a4c-61d1e3489837-eb5c5ea4 {
align-self: start
}
#lastname.w-node-_2584fd9a-64a2-87c8-a86e-195f3c6ac4a1-eb5c5ea4 {
grid-area: span 1/span 1/span 1/span 1
}
#message-2.w-node-_2584fd9a-64a2-87c8-a86e-195f3c6ac4a5-eb5c5ea4 {
grid-area: span 1/span 2/span 1/span 2
}
#w-node-_2584fd9a-64a2-87c8-a86e-195f3c6ac4a6-eb5c5ea4 {
grid-area: span 1/span 2/span 1/span 2;
justify-self: start
}
#w-node-a27890e3-0f72-9ce1-22b0-4662c4c2cc5e-eb5c5ea4,
#w-node-a27890e3-0f72-9ce1-22b0-4662c4c2cc5f-eb5c5ea4,
#w-node-a27890e3-0f72-9ce1-22b0-4662c4c2cc62-eb5c5ea4,
#w-node-a27890e3-0f72-9ce1-22b0-4662c4c2cc63-eb5c5ea4,
#w-node-a27890e3-0f72-9ce1-22b0-4662c4c2cc66-eb5c5ea4,
#w-node-a27890e3-0f72-9ce1-22b0-4662c4c2cc6a-eb5c5ea4,
#w-node-_9c64cfd4-f833-caed-f195-4ed6f82a39cd-eb5c5ea4,
#w-node-_9c64cfd4-f833-caed-f195-4ed6f82a39ce-eb5c5ea4,
#w-node-_9c64cfd4-f833-caed-f195-4ed6f82a39d1-eb5c5ea4,
#w-node-_9c64cfd4-f833-caed-f195-4ed6f82a39d2-eb5c5ea4,
#w-node-_9c64cfd4-f833-caed-f195-4ed6f82a39d5-eb5c5ea4,
#w-node-_9c64cfd4-f833-caed-f195-4ed6f82a39d9-eb5c5ea4 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-_462692a3-8b57-2eee-737b-3ba36ea2f572-eb5c5ea4 {
grid-area: span 1/span 2/span 1/span 2
}
#w-node-_0a53c148-64ff-8362-e30c-851525058547-789c6f09 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-_00263d2f-269e-c381-5602-23abf613f41a-789c6f09 {
grid-area: 1/2/2/3;
align-self: auto
}
#w-node-f22f0514-f461-c488-c427-b5b9405102a8-789c6f09 {
align-self: start
}
#w-node-_0a232f7d-a776-fbc0-abe8-2594339b72d5-789c6f09 {
grid-area: 1/2/2/3;
align-self: auto
}
#w-node-_0a53c148-64ff-8362-e30c-85152505858e-789c6f09 {
grid-area: span 1/span 1/span 1/span 1;
place-self: start
}
#lastname.w-node-d6a48487-d24a-47eb-2153-3919abbec1e4-789c6f09 {
grid-area: span 1/span 1/span 1/span 1
}
#message-2.w-node-d6a48487-d24a-47eb-2153-3919abbec1e8-789c6f09 {
grid-area: span 1/span 2/span 1/span 2
}
#w-node-d6a48487-d24a-47eb-2153-3919abbec1e9-789c6f09 {
grid-area: span 1/span 2/span 1/span 2;
justify-self: start
}
#w-node-d6a48487-d24a-47eb-2153-3919abbec201-789c6f09,
#w-node-d6a48487-d24a-47eb-2153-3919abbec202-789c6f09,
#w-node-d6a48487-d24a-47eb-2153-3919abbec205-789c6f09,
#w-node-d6a48487-d24a-47eb-2153-3919abbec206-789c6f09,
#w-node-d6a48487-d24a-47eb-2153-3919abbec209-789c6f09,
#w-node-d6a48487-d24a-47eb-2153-3919abbec20d-789c6f09,
#w-node-_0a53c148-64ff-8362-e30c-851525058547-a63f66c0 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-_00263d2f-269e-c381-5602-23abf613f41a-a63f66c0 {
grid-area: 1/2/2/3;
align-self: auto
}
#w-node-f22f0514-f461-c488-c427-b5b9405102a8-a63f66c0 {
align-self: start
}
#w-node-_0a232f7d-a776-fbc0-abe8-2594339b72d5-a63f66c0 {
grid-area: 1/2/2/3;
align-self: auto
}
#w-node-_0f4ed5ad-cbf0-526a-5825-2e774232e9cf-a63f66c0 {
grid-area: span 1/span 1/span 1/span 1;
place-self: start
}
#w-node-_0a53c148-64ff-8362-e30c-8515250585a7-a63f66c0,
#lastname.w-node-_0032a5aa-f34b-bba9-5620-a3bba962fee0-a962feca {
grid-area: span 1/span 1/span 1/span 1
}
#message-2.w-node-_0032a5aa-f34b-bba9-5620-a3bba962fee4-a962feca {
grid-area: span 1/span 2/span 1/span 2
}
#w-node-_0032a5aa-f34b-bba9-5620-a3bba962fee5-a962feca {
grid-area: span 1/span 2/span 1/span 2;
justify-self: start
}
#w-node-_0032a5aa-f34b-bba9-5620-a3bba962fefd-a962feca,
#w-node-_0032a5aa-f34b-bba9-5620-a3bba962fefe-a962feca,
#w-node-_0032a5aa-f34b-bba9-5620-a3bba962ff01-a962feca,
#w-node-_0032a5aa-f34b-bba9-5620-a3bba962ff02-a962feca,
#w-node-_0032a5aa-f34b-bba9-5620-a3bba962ff05-a962feca,
#w-node-_0032a5aa-f34b-bba9-5620-a3bba962ff09-a962feca,
#w-node-_0a53c148-64ff-8362-e30c-851525058547-a314ae85 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-_00263d2f-269e-c381-5602-23abf613f41a-a314ae85 {
grid-area: 1/2/2/3;
align-self: auto
}
#w-node-f22f0514-f461-c488-c427-b5b9405102a8-a314ae85 {
align-self: start
}
#w-node-_0a232f7d-a776-fbc0-abe8-2594339b72d5-a314ae85 {
grid-area: 1/2/2/3;
align-self: auto
}
#w-node-_4a8e007f-2cab-feb7-33f6-119852ea3d28-a314ae85 {
grid-area: span 1/span 1/span 1/span 1;
place-self: start
}
#w-node-_0a53c148-64ff-8362-e30c-8515250585a7-a314ae85,
#w-node-_0a53c148-64ff-8362-e30c-851525058547-5217303f {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-_00263d2f-269e-c381-5602-23abf613f41a-5217303f {
grid-area: 1/2/2/3;
align-self: auto
}
#w-node-f22f0514-f461-c488-c427-b5b9405102a8-5217303f {
align-self: start
}
#w-node-_0a232f7d-a776-fbc0-abe8-2594339b72d5-5217303f {
grid-area: 1/2/2/3;
align-self: auto
}
#w-node-a7f56a2b-1549-6e4e-d69c-646c24380dd2-5217303f {
grid-area: span 1/span 1/span 1/span 1;
place-self: start
}
#w-node-_0a53c148-64ff-8362-e30c-8515250585a7-5217303f,
#w-node-_0a53c148-64ff-8362-e30c-851525058547-8107550b {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-_00263d2f-269e-c381-5602-23abf613f41a-8107550b {
grid-area: 1/2/2/3;
align-self: auto
}
#w-node-f22f0514-f461-c488-c427-b5b9405102a8-8107550b {
align-self: start
}
#w-node-_0a232f7d-a776-fbc0-abe8-2594339b72d5-8107550b {
grid-area: 1/2/2/3;
align-self: auto
}
#w-node-_15e85690-98fa-81c5-d6b1-261840c0f1a4-8107550b {
grid-area: span 1/span 1/span 1/span 1;
place-self: start
}
#w-node-_0a53c148-64ff-8362-e30c-8515250585a7-8107550b {
grid-area: span 1/span 1/span 1/span 1
}
@media screen and (min-width:1920px) {
#w-node-cb2e2585-54c2-44aa-2272-469ad5f74939-beb80d85 {
align-self: stretch
}
#w-node-_57129da8-2bf9-61d8-43d0-ae1e8272b19a-467f9396,
#w-node-_57129da8-2bf9-61d8-43d0-ae1e8272b19a-253f3a2f {
grid-area: span 1/span 1/span 1/span 1
}
}
@media screen and (max-width:991px) {
#w-node-_996ce6d1-2d3a-d764-d1e6-6a85e3fcd7cc-beb80d85,
#w-node-_0282499f-e712-6757-496a-2990e41afd97-beb80d85 {
order: 9999
}
#w-node-_53851813-9374-84c1-eccb-e61b989f19b9-ae2f46c5 {
justify-self: end
}
#w-node-ff534adf-437f-f2e6-73b8-eb863adb3abc-beb80e59,
#w-node-ff534adf-437f-f2e6-73b8-eb863adb3abe-beb80e59,
#w-node-ff534adf-437f-f2e6-73b8-eb863adb3ac0-beb80e59,
#w-node-ff534adf-437f-f2e6-73b8-eb863adb3ac2-beb80e59,
#w-node-ff534adf-437f-f2e6-73b8-eb863adb3ac4-beb80e59,
#w-node-ff534adf-437f-f2e6-73b8-eb863adb3ac6-beb80e59,
#w-node-ff534adf-437f-f2e6-73b8-eb863adb3ac8-beb80e59,
#w-node-_2ebb8242-5373-7363-f25a-364a11759b04-beb80e59 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-_07b0f272-96ff-ba67-d204-09707fd6d531-beb80e73,
#w-node-_747df3ec-e252-1c66-f2b4-fa5d3fc947d1-467f9396 {
justify-self: start
}
#w-node-_64719354-af09-059e-7b2c-00120de8eb3b-467f9396 {
align-self: end
}
#w-node-_747df3ec-e252-1c66-f2b4-fa5d3fc947d1-253f3a2f {
justify-self: start
}
#w-node-_64719354-af09-059e-7b2c-00120de8eb3b-253f3a2f {
align-self: end
}
}
@media screen and (max-width:767px) {
#w-node-_53851813-9374-84c1-eccb-e61b989f19b9-ae2f46c5 {
justify-self: stretch
}
#w-node-ef72a46c-52d9-5642-3a78-64e9f33b184e-beb80e73,
#w-node-ef72a46c-52d9-5642-3a78-64e9f33b1854-beb80e73 {
align-self: stretch
}
#w-node-_92c4a4e8-8b81-f6b8-fba4-8407cb8e3537-eb5c5ea4 {
grid-area: span 1/span 1/span 1/span 1
}
}
@media screen and (max-width:479px) {
#w-node-d0909209-9465-c024-0a3e-dda00a7beb51-beb80d85,
#w-node-_0282499f-e712-6757-496a-2990e41afd9a-beb80d85 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-cb2e2585-54c2-44aa-2272-469ad5f7492d-beb80d85 {
justify-self: auto
}
#message.w-node-_84914c42-d8f3-7d4d-3e4f-cfddb50954ff-78895e98 {
grid-column: span 1/span 1
}
#w-node-_84914c42-d8f3-7d4d-3e4f-cfddb5095500-78895e98 {
grid-area: span 1/span 1/span 1/span 1;
justify-self: auto
}
#w-node-_109e589d-6065-3121-1486-f86bedf53944-beb80e52 {
grid-column: span 3/span 3
}
#w-node-_109e589d-6065-3121-1486-f86bedf53946-beb80e52 {
grid-column: span 2/span 2
}
#w-node-_109e589d-6065-3121-1486-f86bedf5394b-beb80e52 {
grid-column: span 3/span 3
}
#w-node-adf83b79-4662-24e9-1b7d-2ebd89c54404-beb80e59 {
justify-self: center
}
#w-node-_23bd0626-f3a2-fae1-b976-3d10a85dbdfe-beb80e59,
#w-node-_29b7f351-e891-a5aa-f356-2db12dd023c2-beb80e59,
#w-node-_7ab9bdc0-9b09-8131-adc7-6ee2b278d433-beb80e59 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-_7ab9bdc0-9b09-8131-adc7-6ee2b278d442-beb80e59,
#w-node-bcd26e5b-e7fc-bd53-9491-524cba19eba7-ba19eba7,
#w-node-cfbdae36-c54f-c23c-1a24-115f57daaf05-57daaf05 {
order: -9999
}
#message.w-node-_9549aa67-3731-5be7-3f26-f1a019433aaa-beb80e5b {
grid-column: span 1/span 1
}
#w-node-_42e9d792-df56-fcd2-50ca-f763f57b4819-beb80e5b {
grid-area: span 1/span 1/span 1/span 1;
justify-self: auto
}
#w-node-_343396ea-1987-ebc8-bcde-4b3cb777ab47-beb80e6e {
order: -9999
}
#w-node-b337e151-d47c-83c4-0428-59307433aade-beb80e6e,
#w-node-b337e151-d47c-83c4-0428-59307433aae0-beb80e6e {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-ca8dcb58-07d4-80dc-1a01-37eab41f3f3c-beb80e6e,
#w-node-_6bb47101-a25b-4f5f-fa39-eea93cee26c9-beb80e6e {
order: -9999
}
#w-node-ef72a46c-52d9-5642-3a78-64e9f33b1854-beb80e73,
#w-node-ef72a46c-52d9-5642-3a78-64e9f33b185b-beb80e73 {
justify-self: center
}
#message-2.w-node-c85f5cb0-f824-0b34-a8d5-72c84da6c15c-467f9396 {
grid-column: span 1/span 1
}
#w-node-c85f5cb0-f824-0b34-a8d5-72c84da6c15d-467f9396 {
grid-area: span 1/span 1/span 1/span 1;
justify-self: auto
}
#w-node-a57c43c7-1d33-39da-b43d-7c38a46836e6-253f3a2f {
place-self: auto
}
#message-2.w-node-c85f5cb0-f824-0b34-a8d5-72c84da6c15c-253f3a2f {
grid-column: span 1/span 1
}
#w-node-c85f5cb0-f824-0b34-a8d5-72c84da6c15d-253f3a2f {
grid-area: span 1/span 1/span 1/span 1;
justify-self: auto
}
#message-2.w-node-_2584fd9a-64a2-87c8-a86e-195f3c6ac4a5-eb5c5ea4 {
grid-column: span 1/span 1
}
#w-node-_2584fd9a-64a2-87c8-a86e-195f3c6ac4a6-eb5c5ea4 {
grid-area: span 1/span 1/span 1/span 1;
justify-self: auto
}
#w-node-_0a232f7d-a776-fbc0-abe8-2594339b72d5-789c6f09 {
grid-row-start: 1;
align-self: stretch
}
#w-node-_0a53c148-64ff-8362-e30c-85152505858e-789c6f09 {
grid-area: span 1/span 1/span 1/span 1;
justify-self: center
}
#message-2.w-node-d6a48487-d24a-47eb-2153-3919abbec1e8-789c6f09 {
grid-column: span 1/span 1
}
#w-node-d6a48487-d24a-47eb-2153-3919abbec1e9-789c6f09 {
grid-area: span 1/span 1/span 1/span 1;
justify-self: auto
}
#w-node-_0a232f7d-a776-fbc0-abe8-2594339b72d5-a63f66c0 {
grid-row-start: 1;
place-self: start
}
#w-node-_0f4ed5ad-cbf0-526a-5825-2e774232e9cf-a63f66c0 {
grid-area: span 1/span 1/span 1/span 1;
justify-self: center
}
#message-2.w-node-_0032a5aa-f34b-bba9-5620-a3bba962fee4-a962feca {
grid-column: span 1/span 1
}
#w-node-_0032a5aa-f34b-bba9-5620-a3bba962fee5-a962feca {
grid-area: span 1/span 1/span 1/span 1;
justify-self: auto
}
#w-node-_0a232f7d-a776-fbc0-abe8-2594339b72d5-a314ae85 {
grid-row-start: 1;
place-self: start
}
#w-node-_4a8e007f-2cab-feb7-33f6-119852ea3d28-a314ae85 {
grid-area: span 1/span 1/span 1/span 1;
justify-self: center
}
#w-node-_0a232f7d-a776-fbc0-abe8-2594339b72d5-5217303f {
grid-row-start: 1;
place-self: start
}
#w-node-a7f56a2b-1549-6e4e-d69c-646c24380dd2-5217303f {
grid-area: span 1/span 1/span 1/span 1;
justify-self: center
}
#w-node-_0a232f7d-a776-fbc0-abe8-2594339b72d5-8107550b {
grid-row-start: 1;
place-self: start
}
#w-node-_15e85690-98fa-81c5-d6b1-261840c0f1a4-8107550b {
grid-area: span 1/span 1/span 1/span 1;
justify-self: center
}
}
@font-face {
font-family: 'Satoshi';
src: url('../fonts/6259471f6732edf15d35d9b4_Satoshi-Medium.woff2') format('woff2'), url('../fonts/6259471f6732ed357335d9ae_Satoshi-Medium.eot') format('embedded-opentype'), url('../fonts/6259471f6732ed3c8635d9b0_Satoshi-Medium.woff') format('woff'), url('../fonts/6259471f6732ed776535d9af_Satoshi-Medium.ttf') format('truetype');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Satoshi';
src: url('../fonts/6259471f6732ed45c735d9b5_Satoshi-Regular.woff2') format('woff2'), url('../fonts/6259471f6732ed19e235d9b1_Satoshi-Regular.eot') format('embedded-opentype'), url('../fonts/6259471f6732ed69d335d9b3_Satoshi-Regular.woff') format('woff'), url('../fonts/6259471f6732ed728b35d9b2_Satoshi-Regular.ttf') format('truetype');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Iconsphotographerxtemplate';
src: url('../fonts/6259471f6732ed6f6e35da11_iconsphotographerxtemplate.woff2') format('woff2'), url('../fonts/6259471f6732edba0a35da15_iconsphotographerxtemplate.eot') format('embedded-opentype'), url('../fonts/6259471f6732ed555e35da13_iconsphotographerxtemplate.woff') format('woff'), url('../fonts/6259471f6732ed1de835da14_iconsphotographerxtemplate.ttf') format('truetype'), url('../images/6259471f6732ed07fe35da12_iconsphotographerxtemplate.svg') format('svg');
font-weight: 400;
font-style: normal;
font-display: swap;
}