@charset "UTF-8"; /* @font-face { font-family: 'Urbani'; src: url('../fonts/Urbani/Ultralight-Italic/Urbani-UltraLightItalic.eot'); src: url('../fonts/Urbani/Ultralight-Italic/Urbani-UltraLightItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/Urbani/Ultralight-Italic/Urbani-UltraLightItalic.woff') format('woff'), url('../fonts/Urbani/Ultralight-Italic/Urbani-UltraLightItalic.ttf') format('truetype'), url('../fonts/Urbani/Ultralight-Italic/Urbani-UltraLightItalic.svg#Urbani-UltraLightItalic') format('svg'); font-weight: 100; font-style: italic; font-display: swap; } */ @import url("https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap"); /************************************ * Grids */ /************************************ * Breakpoints */ /************************************ * Transitions */ /************************************ * Paths */ /************************************ * Fonts */ /*** LOCAL FONTS ***/ /*** FONTS ***/ /*** VARIABLES TO USE ***/ /************************************ * Font Sizes */ /************************************ * COLORS */ /************************************ * THEME */ /** * Font-size calcul */ /** * Trigger hover effect on different pseudo-classes * depending on touch or no-touch device * => no-touch > on hover and on focus (by default, can be disable) * => touch > on active, and when a class is added on the targeted element (optionnal) * * @param $focus (boolean) set to false to disable the hover effect on focus (no-touch only) * @param $touchClass (string) the hover effect will be set if the targeted element has this class */ /** * Set an item to 100% of its parent's width and height */ /** * Set an item to 100% of the window width (and 100% of its parent height) * even if located in a limited width wrapper */ /** * Set an item to 100% of the window width * even if located in a limited width wrapper, * but keep it in the flow */ /** * To call on an tag. * Set the image size to adapt to its parent */ /** * Like img-cover(), but for responsive img with * /!\ To call on , or parent. */ /** * Floating form items * if $class2 equals 'empty', the next item is cleared */ /* A simple little SCSS mixin for creating scrim gradients Inspired by Andreas Larson - https://github.com/larsenwork https://css-tricks.com/easing-linear-gradients/ */ /** Convert em value into px */ /** Fluid font-size between 2 breakpoints. Font-size must be in px, use em2px() function to convert from em. */ /** Fluid value between 2 breakpoints (can be use for other than font-size) (Font-size must be in px, use em2px() function to convert from em) */ /* Fluid value - clamp version (2023) @see https://www.smashingmagazine.com/2022/10/fluid-typography-clamp-sass-functions/ */ /** * Animated placeholder for images or divs (FB like) */ /*@mixin breakpoint($point) { @if $point == desktop { @media only screen and (max-width: $bp-xlarge) { @content; } } @else if $point == table { @media only screen and (max-width: $bp-large) { @content; } } @else if $point == mobile { @media only screen and (max-width: $bp-xsmall) { @content; } } }*/ /*** SPECIFIC TO CURRENT PROJECT ***/ /* SCSS variables are information about icon's compiled state, stored under its original file name .icon-home { width: $icon-home-width; } The large array-like variables contain all information about a single icon $icon-home: x y offset_x offset_y width height total_width total_height image_path; At the bottom of this section, we provide information about the spritesheet itself $spritesheet: width height image $spritesheet-sprites; */ /* These "retina group" variables are mappings for the naming and pairing of normal and retina sprites. The list formatted variables are intended for mixins like `retina-sprite` and `retina-sprites`. */ /* The provided mixins are intended to be used with the array-like variables .icon-home { @include sprite-width($icon-home); } .icon-email { @include sprite($icon-email); } Example usage in HTML: `display: block` sprite:
To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class: // CSS .icon { display: inline-block; } // HTML */ /* The `retina-sprite` mixin sets up rules and a media query for a sprite/retina sprite. It should be used with a "retina group" variable. The media query is from CSS Tricks: https://css-tricks.com/snippets/css/retina-display-media-query/ $icon-home-group: ('icon-home', $icon-home, $icon-home-2x, ); .icon-home { @include retina-sprite($icon-home-group); } */ /* The `sprites` mixin generates identical output to the CSS template but can be overridden inside of SCSS @include sprites($spritesheet-sprites); */ /* The `retina-sprites` mixin generates a CSS rule and media query for retina groups This yields the same output as CSS retina template but can be overridden in SCSS @include retina-sprites($retina-groups); */ /** * SVG Sprites */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; } table { border-collapse: collapse; border-spacing: 0; } /*** VARIABLES TO USE ***/ :root { --c-main: #000000; --c-secondary: #f4573d; --c-action: #f4573d; --c-default: #000000; --c-text: #000000; --c-title: #000000; --c-link: #f4573d; --c-link-hover: #333333; --c-link-visited: #666666; --c-border: #000000; --c-input-border: #666666; --c-input-focus-border: #000000; --c-input-placeholder: #666666; --c-thumbnail-border: #EEEEEE; --c-picture-background: #EEEEEE; --c-page-bg: #ffffff; --c-tag: #ffffff; --c-tag-bg: #000000; /** FONTS */ --f-default: Roboto, sans-serif; --f-title: "Jost", sans-serif; --f-special: Times New Roman, Times, Georgia, DejaVu Serif, serif; --f-button: Roboto, sans-serif; /** TYPO */ --default-font-family: "Jost", sans-serif; --default-font-size: 1.15em; --default-font-weight: 400; --default-line-height: 1.3; --paragraph-line-height: 1.4; --heading-font-family: var(--f-title); --heading-font-weight: 700; --heading-color: var(--c-default); --heading-line-height: 1.2; --heading-text-transform: none; --heading-font-style: normal; --h1-font-family: var(--heading-font-family); --h1-font-weight: var(--heading-font-weight); --h1-color: var(--heading-color); --h1-line-height: 1.21; --h1-text-transform: var(--heading-text-transform); --h1-font-style: var(--heading-font-style); --h1-font-size: clamp(20px, 1.28vw + 12.64px, 28px); --h2-font-family: var(--heading-font-family); --h2-font-weight: 500; --h2-color: var(--heading-color); --h2-line-height: var(--heading-line-height); --h2-text-transform: var(--heading-text-transform); --h2-font-style: var(--heading-font-style); --h2-font-size: clamp(40px, 1.29vw + 35.15px, 60px); --h3-font-family: var(--heading-font-family); --h3-font-weight: 400; --h3-color: var(--heading-color); --h3-line-height: var(--heading-line-height); --h3-text-transform: var(--heading-text-transform); --h3-font-style: var(--heading-font-style); --h3-font-size: clamp(21px, 0.45vw + 19.3px, 28px); --h4-font-family: var(--heading-font-family); --h4-font-weight: var(--heading-font-weight); --h4-color: var(--heading-color); --h4-line-height: var(--heading-line-height); --h4-text-transform: var(--heading-text-transform); --h4-font-style: var(--heading-font-style); --h4-font-size: clamp(20px, 0.32vw + 18.79px, 25px); --h5-font-family: var(--heading-font-family); --h5-font-weight: var(--heading-font-weight); --h5-color: var(--heading-color); --h5-line-height: var(--heading-line-height); --h5-text-transform: var(--heading-text-transform); --h5-font-style: var(--heading-font-style); --h5-font-size: clamp(18px, 0.26vw + 17.03px, 22px); --h6-font-family: var(--heading-font-family); --h6-font-weight: var(--heading-font-weight); --h6-color: var(--heading-color); --h6-line-height: var(--heading-line-height); --h6-text-transform: var(--heading-text-transform); --h6-font-style: var(--heading-font-style); --h6-font-size: clamp(14px, 0.13vw + 13.51px, 16px); --c-button-primary__color: #ffffff; --c-button-primary__background: #f4573d; --c-button-primary__border: transparent; --c-button-primary__hover__color: #ffffff; --c-button-primary__hover__background: #000000; --c-button-primary__hover__border: transparent; --c-button-secondary__color: #000000; --c-button-secondary__background: transparent; --c-button-secondary__border: #000000; --c-button-secondary__hover__color: #ffffff; --c-button-secondary__hover__background: #000000; --c-button-secondary__hover__border: #000000; --c-button-action__color: #ffffff; --c-button-action__background: #f4573d; --c-button-action__border: transparent; --c-button-action__hover__color: #ffffff; --c-button-action__hover__background: #000000; --c-button-action__hover__border: transparent; --g-gutter: 15px; --g-max-content-width: 1400px; --input-height: 46px; --input-padding-inline: 0; /** CURSOR */ --c-cursor-bg: #f4573d; --c-cursor: #ffffff; /** HEADER */ --c-header-bg: #EFEFEF; --c-header-color: #000000; /** FLASH INFO */ --c-flash-info-bg: #202223; --c-flash-info-color: #ffffff; /** FOOTER */ --c-footer-bg: #1F2223; --c-footer-color: #ffffff; /** NAV */ /** MEGA-MENU */ /** BLOC SHORT LINKS */ /** BLOC NEWS/BLOG */ /** BLOC EVENTS */ /** BLOC SLIDER */ --c-bloc-slider-arrow-bg: var(--c-button-primary__background); --c-bloc-slider-dot-bg: #ffffff; --c-bloc-slider-dot-bg-active: #000000; --c-bloc-slider-dot-border: #D7D7D7; --c-bloc-slider-btn-bg: var(--c-button-primary__background); --c-bloc-slider-btn: var(--c-button-primary__color); --c-bloc-slider-title: var(--c-title); /** BLOC LIST */ /** BLOC SCROLLING TEXT */ } /* Slider */ .slick-slider { position: relative; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ""; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir=rtl] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } .btn, .button { font-family: "Arial Black", "Arial Bold", Gadget, sans-serif; font-weight: 700; font-style: normal; position: relative; display: inline-block; padding: 1em 2em; background-color: var(--c-button-primary__background); border: 2px solid var(--c-button-primary__border); border-radius: 30px; color: var(--c-button-primary__color); font-size: 14px; text-align: center; line-height: 1.2; vertical-align: middle; text-decoration: none; text-transform: uppercase; -webkit-transition: all 300ms ease; transition: all 300ms ease; cursor: pointer; } .btn:hover, .button:hover { background-color: var(--c-button-primary__hover__background); border-color: var(--c-button-primary__hover__border); color: var(--c-button-primary__hover__color); cursor: pointer; text-decoration: none; outline: none; } .btn:focus, .button:focus { background-color: var(--c-button-primary__hover__background); border-color: var(--c-button-primary__hover__border); color: var(--c-button-primary__hover__color); cursor: pointer; text-decoration: none; outline: none; } .touchevents .btn:active, .touchevents .button:active { background-color: var(--c-button-primary__hover__background); border-color: var(--c-button-primary__hover__border); color: var(--c-button-primary__hover__color); cursor: pointer; text-decoration: none; outline: none; } .btn:focus, .btn:active, .button:focus, .button:active { text-decoration: none; } .btn:visited, .button:visited { color: var(--c-button-primary__color); } .btn-secondary { background-color: var(--c-button-secondary__background); border-color: var(--c-button-secondary__border); color: var(--c-button-secondary__color); } .btn-secondary:hover { background-color: var(--c-button-secondary__hover__background); border-color: var(--c-button-secondary__hover__border); color: var(--c-button-secondary__hover__color); } .btn-secondary:focus { background-color: var(--c-button-secondary__hover__background); border-color: var(--c-button-secondary__hover__border); color: var(--c-button-secondary__hover__color); } .touchevents .btn-secondary:active { background-color: var(--c-button-secondary__hover__background); border-color: var(--c-button-secondary__hover__border); color: var(--c-button-secondary__hover__color); } .btn-action { background-color: var(--c-button-action__background); border-color: var(--c-button-action__border); color: var(--c-button-action__color); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-block: 5px; padding-inline: 40px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; height: 50px; border-radius: 60px; text-decoration: none; } .btn-action:hover { background-color: var(--c-button-action__hover__background); border-color: var(--c-button-action__hover__border); color: var(--c-button-action__hover__color); } .btn-action:focus { background-color: var(--c-button-action__hover__background); border-color: var(--c-button-action__hover__border); color: var(--c-button-action__hover__color); } .touchevents .btn-action:active { background-color: var(--c-button-action__hover__background); border-color: var(--c-button-action__hover__border); color: var(--c-button-action__hover__color); } .btn-small { padding: 0.5em 1em; font-size: 0.7rem; } /** * Font-size calcul */ /** * Trigger hover effect on different pseudo-classes * depending on touch or no-touch device * => no-touch > on hover and on focus (by default, can be disable) * => touch > on active, and when a class is added on the targeted element (optionnal) * * @param $focus (boolean) set to false to disable the hover effect on focus (no-touch only) * @param $touchClass (string) the hover effect will be set if the targeted element has this class */ /** * Set an item to 100% of its parent's width and height */ /** * Set an item to 100% of the window width (and 100% of its parent height) * even if located in a limited width wrapper */ /** * Set an item to 100% of the window width * even if located in a limited width wrapper, * but keep it in the flow */ /** * To call on an tag. * Set the image size to adapt to its parent */ /** * Like img-cover(), but for responsive img with * /!\ To call on , or parent. */ /** * Floating form items * if $class2 equals 'empty', the next item is cleared */ /* A simple little SCSS mixin for creating scrim gradients Inspired by Andreas Larson - https://github.com/larsenwork https://css-tricks.com/easing-linear-gradients/ */ /** Convert em value into px */ /** Fluid font-size between 2 breakpoints. Font-size must be in px, use em2px() function to convert from em. */ /** Fluid value between 2 breakpoints (can be use for other than font-size) (Font-size must be in px, use em2px() function to convert from em) */ /* Fluid value - clamp version (2023) @see https://www.smashingmagazine.com/2022/10/fluid-typography-clamp-sass-functions/ */ /** * Animated placeholder for images or divs (FB like) */ /*@mixin breakpoint($point) { @if $point == desktop { @media only screen and (max-width: $bp-xlarge) { @content; } } @else if $point == table { @media only screen and (max-width: $bp-large) { @content; } } @else if $point == mobile { @media only screen and (max-width: $bp-xsmall) { @content; } } }*/ /*** SPECIFIC TO CURRENT PROJECT ***/ /************************************ * Grids */ /************************************ * Breakpoints */ /************************************ * Transitions */ /************************************ * Paths */ /************************************ * Fonts */ /*** LOCAL FONTS ***/ /*** FONTS ***/ /*** VARIABLES TO USE ***/ /************************************ * Font Sizes */ /************************************ * COLORS */ /************************************ * THEME */ .btn, .button { font-family: "Arial Black", "Arial Bold", Gadget, sans-serif; font-weight: 700; font-style: normal; position: relative; display: inline-block; padding: 1em 2em; background-color: var(--c-button-primary__background); border: 2px solid var(--c-button-primary__border); border-radius: 30px; color: var(--c-button-primary__color); font-size: 14px; text-align: center; line-height: 1.2; vertical-align: middle; text-decoration: none; text-transform: uppercase; -webkit-transition: all 300ms ease; transition: all 300ms ease; cursor: pointer; } .btn:hover, .button:hover { background-color: var(--c-button-primary__hover__background); border-color: var(--c-button-primary__hover__border); color: var(--c-button-primary__hover__color); cursor: pointer; text-decoration: none; outline: none; } .btn:focus, .button:focus { background-color: var(--c-button-primary__hover__background); border-color: var(--c-button-primary__hover__border); color: var(--c-button-primary__hover__color); cursor: pointer; text-decoration: none; outline: none; } .touchevents .btn:active, .touchevents .button:active { background-color: var(--c-button-primary__hover__background); border-color: var(--c-button-primary__hover__border); color: var(--c-button-primary__hover__color); cursor: pointer; text-decoration: none; outline: none; } .btn:focus, .btn:active, .button:focus, .button:active { text-decoration: none; } .btn:visited, .button:visited { color: var(--c-button-primary__color); } .btn-secondary { background-color: var(--c-button-secondary__background); border-color: var(--c-button-secondary__border); color: var(--c-button-secondary__color); } .btn-secondary:hover { background-color: var(--c-button-secondary__hover__background); border-color: var(--c-button-secondary__hover__border); color: var(--c-button-secondary__hover__color); } .btn-secondary:focus { background-color: var(--c-button-secondary__hover__background); border-color: var(--c-button-secondary__hover__border); color: var(--c-button-secondary__hover__color); } .touchevents .btn-secondary:active { background-color: var(--c-button-secondary__hover__background); border-color: var(--c-button-secondary__hover__border); color: var(--c-button-secondary__hover__color); } .btn-action { background-color: var(--c-button-action__background); border-color: var(--c-button-action__border); color: var(--c-button-action__color); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-block: 5px; padding-inline: 40px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; height: 50px; border-radius: 60px; text-decoration: none; } .btn-action:hover { background-color: var(--c-button-action__hover__background); border-color: var(--c-button-action__hover__border); color: var(--c-button-action__hover__color); } .btn-action:focus { background-color: var(--c-button-action__hover__background); border-color: var(--c-button-action__hover__border); color: var(--c-button-action__hover__color); } .touchevents .btn-action:active { background-color: var(--c-button-action__hover__background); border-color: var(--c-button-action__hover__border); color: var(--c-button-action__hover__color); } .btn-small { padding: 0.5em 1em; font-size: 0.7rem; } .block-contact form .wpcf7-spinner { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .block-contact form.submitting .submit-container input[type=submit] { color: transparent !important; } .block-contact form .wpcf7-response-output { position: relative; font-size: 16px; margin-inline: 20px !important; } .block-contact form h2.h3 { position: relative; margin-inline: auto; text-transform: none; margin-bottom: 21px; font-size: 35px; } .block-contact form h2.h3 span { position: relative; } .block-contact form h2.h3 span:before { content: ""; position: absolute; bottom: 8px; left: 50%; -webkit-transform: translate(-50%, 100%); transform: translate(-50%, 100%); background: url("../svg/yellow-underline.svg") no-repeat; background-size: contain; width: 72%; height: 100%; -webkit-transition: all 300ms ease; transition: all 300ms ease; } .block-contact form .row#subject-field, .block-contact form .row#message-field { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .block-contact form .row#subject-field .wpcf7-not-valid-tip, .block-contact form .row#message-field .wpcf7-not-valid-tip { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } .block-contact form .form-item { margin-block: 20px; } .block-contact form label:not(.checkbox-label) { font-family: "Jost", sans-serif; font-weight: 400; font-style: normal; color: rgb(100, 100, 100); font-size: 12px; letter-spacing: 2.6px; -webkit-transform: translate(0px, 24px); transform: translate(0px, 24px); z-index: 1; display: block; position: absolute; text-transform: uppercase; -webkit-transition: all 300ms ease; transition: all 300ms ease; pointer-events: none; } .block-contact form label:not(.checkbox-label).highlight { -webkit-transform: translate(0px, 5px); transform: translate(0px, 5px); font-size: 9px; } .block-contact form label.subject, .block-contact form label.message, .block-contact form label.event { position: relative; padding-left: 0; -webkit-transform: none; transform: none; } .block-contact form input[type=text], .block-contact form input[type=email], .block-contact form input[type=tel], .block-contact form input[type=date], .block-contact form select, .block-contact form textarea { outline: none; border: none; border-bottom: 1px solid rgb(155, 155, 155); font-size: 12px; padding-left: 0; padding: 24px 0 8px; letter-spacing: 2.2px; resize: none; font-family: "Jost", sans-serif; font-weight: 400; font-style: normal; background-color: transparent; color: rgb(100, 100, 100); -webkit-transition: all 300ms ease; transition: all 300ms ease; } .block-contact form select { text-transform: uppercase; } .block-contact form .checkbox-label { font-family: "Jost", sans-serif; font-weight: 400; font-style: normal; color: rgb(100, 100, 100); font-size: 12px; letter-spacing: 2.2px; position: relative; cursor: pointer; } .block-contact form .checkbox-label input[type=checkbox] { margin: 0; margin-left: 0; margin-right: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 0px solid transparent !important; width: 10px; height: 10px; } .block-contact form .checkbox-label.checked:before { background-color: #000000; } .block-contact form .checkbox-label.acceptance { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .block-contact form .checkbox-label.acceptance a { text-decoration: underline; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .block-contact form .checkbox-label.acceptance a:hover { color: rgb(169, 165, 165); } .block-contact form .submit-container { margin-left: 21px; } .block-contact form input[type=submit] { -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-box-shadow: none; box-shadow: none; border: none; outline: none; background-color: transparent; font-family: "Jost", sans-serif; font-weight: 500; font-style: normal; font-size: clamp(12px, 0.48vw + 9.24px, 14px); letter-spacing: clamp(2.16px, 0.09vw + 1.66px, 2.52px); text-transform: uppercase; margin-bottom: 0 !important; color: rgb(30, 30, 30); margin: 0; position: relative; padding-left: 0; padding-right: 0; } .block-contact form .mandatory { font-family: "Jost", sans-serif; font-weight: 400; font-style: normal; font-size: 13px; color: #8E8E8E; } .block-contact form .submit-container { position: relative; } .block-contact form .submit-container .wpcf7-spinner { margin-left: 0; margin-right: 0; z-index: 10; } .block-contact .wpcf7-not-valid-tip { font-family: "Jost", sans-serif; font-weight: 400; font-style: normal; font-size: 12px; line-height: 1.5; margin-top: 4px; margin-bottom: 4px; display: block; } .block-contact .block-bottom { padding-top: clamp(58px, 9.44vw + 3.72px, 117px); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .block-contact .block-bottom .form-item.acceptance { position: relative; width: auto !important; margin-right: 21px; } .block-contact .block-bottom .form-item.acceptance:before { content: ""; width: 1px; height: 27px; background-color: rgb(232, 232, 232); display: block; right: -21px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .block-contact .block-bottom .form-item.acceptance .wpcf7-list-item { margin-right: 9px; margin-left: 0; } .block-contact .block-bottom .form-item.acceptance input { width: 12px; height: 12px; position: relative; top: 3px; } .block-contact .block-bottom .form-item.acceptance input:checked:after { opacity: 1; } .block-contact .block-bottom .form-item.acceptance input:checked:before { opacity: 0; } .block-contact .block-bottom .form-item.acceptance input:before { position: absolute; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 12px; height: 12px; background-image: url("../images/icon-check.svg"); background-repeat: no-repeat; background-size: contain; content: ""; display: block; } .block-contact .block-bottom .form-item.acceptance input:after { content: ""; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 12px; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; height: 12px; border-radius: 3px; opacity: 0; background-color: #000000; } .block-contact .block-bottom .form-item.acceptance p { font-family: "Jost", sans-serif; font-weight: 500; font-style: normal; font-size: clamp(12px, 0.48vw + 9.24px, 14px); letter-spacing: clamp(2.16px, 0.09vw + 1.66px, 2.52px); text-transform: uppercase; margin-bottom: 0 !important; color: rgb(30, 30, 30); } @media (max-width: 767.98px) { .block-contact { margin-bottom: 22px; } .block-contact .block-bottom { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; max-width: 400px; } .block-contact .block-bottom .submit-container { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-left: auto; } .block-contact .block-bottom .submit-container input[type=submit] { top: 0; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 0.15em; } .block-contact .block-bottom .form-item.acceptance .wpcf7-list-item { margin-right: 8px; } .block-contact .block-bottom .form-item.acceptance p { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 0.15em; } .block-contact .block-bottom .form-item.acceptance input { width: 10px; height: 10px; } .block-contact .block-bottom .form-item.acceptance input:before { width: 10px; height: 10px; } } .wpcf7-response-output { font-family: "Jost", sans-serif; font-weight: 400; font-style: normal; padding-top: 10px; padding-bottom: 10px; color: rgb(30, 30, 30); font-size: 12px; } /** * Swiper 11.2.7 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2025 Vladimir Kharlampidi * * Released under the MIT License * * Released on: May 19, 2025 */ /* FONT_START */ @font-face { font-family: "swiper-icons"; src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA"); font-weight: 400; font-style: normal; } /* FONT_END */ :root { --swiper-theme-color: #007aff; /* --swiper-preloader-color: var(--swiper-theme-color); --swiper-wrapper-transition-timing-function: initial; */ } :host { position: relative; display: block; margin-left: auto; margin-right: auto; z-index: 1; } .swiper { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; /* Fix of Webkit flickering */ z-index: 1; display: block; } .swiper-vertical > .swiper-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial); transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial); -webkit-box-sizing: content-box; box-sizing: content-box; } .swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); } .swiper-horizontal { -ms-touch-action: pan-y; touch-action: pan-y; } .swiper-vertical { -ms-touch-action: pan-x; touch-action: pan-x; } .swiper-slide { -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; display: block; } .swiper-slide-invisible-blank { visibility: hidden; } /* Auto Height */ .swiper-autoheight, .swiper-autoheight .swiper-slide { height: auto; } .swiper-autoheight .swiper-wrapper { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-transition-property: height, -webkit-transform; transition-property: height, -webkit-transform; transition-property: transform, height; transition-property: transform, height, -webkit-transform; } .swiper-backface-hidden .swiper-slide { -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* 3D Effects */ .swiper-3d.swiper-css-mode .swiper-wrapper { -webkit-perspective: 1200px; perspective: 1200px; } .swiper-3d .swiper-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .swiper-3d { -webkit-perspective: 1200px; perspective: 1200px; } .swiper-3d .swiper-slide, .swiper-3d .swiper-cube-shadow { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } /* CSS Mode */ .swiper-css-mode > .swiper-wrapper { overflow: auto; scrollbar-width: none; /* For Firefox */ -ms-overflow-style: none; /* For Internet Explorer and Edge */ } .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none; } .swiper-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start start; } .swiper-css-mode.swiper-horizontal > .swiper-wrapper { -ms-scroll-snap-type: x mandatory; scroll-snap-type: x mandatory; } .swiper-css-mode.swiper-vertical > .swiper-wrapper { -ms-scroll-snap-type: y mandatory; scroll-snap-type: y mandatory; } .swiper-css-mode.swiper-free-mode > .swiper-wrapper { -ms-scroll-snap-type: none; scroll-snap-type: none; } .swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: none; } .swiper-css-mode.swiper-centered > .swiper-wrapper::before { content: ""; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-ordinal-group: 10000; -ms-flex-order: 9999; order: 9999; } .swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide { scroll-snap-align: center center; scroll-snap-stop: always; } .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child { -webkit-margin-start: var(--swiper-centered-offset-before); margin-inline-start: var(--swiper-centered-offset-before); } .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before { height: 100%; min-height: 1px; width: var(--swiper-centered-offset-after); } .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child { -webkit-margin-before: var(--swiper-centered-offset-before); margin-block-start: var(--swiper-centered-offset-before); } .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before { width: 100%; min-width: 1px; height: var(--swiper-centered-offset-after); } /* Slide styles start */ /* 3D Shadows */ .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-3d .swiper-slide-shadow { background: rgba(0, 0, 0, 0.15); } .swiper-3d .swiper-slide-shadow-left { background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-right { background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-top { background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-bottom { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color)); border-radius: 50%; border-top-color: transparent; } .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader, .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader { -webkit-animation: swiper-preloader-spin 1s infinite linear; animation: swiper-preloader-spin 1s infinite linear; } .swiper-lazy-preloader-white { --swiper-preloader-color: #fff; } .swiper-lazy-preloader-black { --swiper-preloader-color: #000; } @-webkit-keyframes swiper-preloader-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes swiper-preloader-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } /* Slide styles end */ .header-video { background: #000000; } .header-video .mobile { display: none; } .header-video.block-editor-block-list__block { overflow: hidden; } .header-video.only-title .header-video-content { top: 50%; } .header-video .header-video-content { z-index: 10; padding: 0px 42px; position: absolute; width: 100%; left: 50%; top: 42%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .header-video .header-video-content h2 { text-align: center; } .header-video .header-video-content p { margin-top: 48px !important; text-align: center; font-size: 28px; line-height: 1.2; color: #ffffff; text-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); margin-bottom: 0 !important; } .header-video .wp-block-video, .header-video .wp-block-image { margin-top: 0 !important; width: 100%; height: 100vh; max-height: 980px; } .header-video .wp-block-video video, .header-video .wp-block-video img, .header-video .wp-block-image video, .header-video .wp-block-image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .header-video .wp-block-post-title { font-family: "Jost", sans-serif; font-weight: 300; font-style: normal; font-size: clamp(65px, 15.38vw + 7.31px, 75px); line-height: 1; color: #ffffff; text-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); } @media (max-width: 767.98px) { .header-video .wp-block-video, .header-video .wp-block-image { max-height: 825px; } .header-video .header-video-content { top: 50%; text-align: center; } } @media (max-width: 575.98px) { .header-video figure.video-desktop { display: none; } .header-video figure.mobile { display: block; } } @media screen and (max-width: 575px) and (min-width: 500px) { .header-video figure.mobile { overflow: hidden; } .header-video figure.mobile video { -webkit-transform: scale(1.15); transform: scale(1.15); -o-object-position: bottom; object-position: bottom; } } .home .header-video .wp-block-video { height: calc(100vh - 113px); } @media (max-width: 767.98px) { .home .header-video .wp-block-video { max-height: 100%; height: 100vh; width: 100vw; overflow: hidden; } } @media (min-width: 992px) { .page-id-19 .header-video { overflow: hidden; } .page-id-19 .header-video video { -webkit-transform: scale(1.35); transform: scale(1.35); } .page-id-19 .header-video .header-video-content { z-index: 10; } } @media (max-width: 575.98px) { .page-id-19 .header-video .wp-block-post-title { max-width: 300px; } } .page-id-25 .header-video .wp-block-image:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000000; opacity: 0.2; z-index: 10; } .page-id-25 .header-video .wp-block-image img { position: relative; z-index: 7; } .page-id-25 .header-video .header-video-content { z-index: 30; } .page-id-11 .header-video { overflow: hidden; } .page-id-11 .header-video video { -webkit-transform: scale(1.59); transform: scale(1.59); } .page-id-11 .header-video .header-video-content { z-index: 10; } .page-id-11 .footer-links { padding-top: clamp(67px, 8vw + 21px, 117px); } .text-image-50-50 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; width: 100%; padding-bottom: 17px; padding-left: 44px; padding-right: 47.5px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; overflow: hidden; } .text-image-50-50#amg > .image .wp-block-image:not(.image-mobile) img { -o-object-position: right; object-position: right; } .text-image-50-50.has-products { overflow: visible; } .text-image-50-50 .list-links { padding-top: clamp(35px, 0.8vw + 30.4px, 40px) !important; } .text-image-50-50.reverse-layout { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-flow: row-reverse; flex-flow: row-reverse; } .text-image-50-50 .swiper-slide { width: 100%; } .text-image-50-50 .swiper-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .text-image-50-50 .swiper-wrapper { -webkit-transition-timing-function: linear; transition-timing-function: linear; } .text-image-50-50 > div *:last-child { margin-bottom: 0 !important; } .text-image-50-50 > div h2 { font-size: clamp(30px, 1.2vw + 20.77px, 40px); } .text-image-50-50 > div .block-group { margin-bottom: 34px; } .text-image-50-50 > div p:has(a) a { font-family: "Jost", sans-serif; font-weight: 500; font-style: normal; font-size: clamp(12px, 0.48vw + 9.24px, 14px); text-decoration: none; letter-spacing: clamp(2.16px, 0.09vw + 1.66px, 2.52px); text-transform: uppercase; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .text-image-50-50 > div p:has(a) a:hover { color: rgb(169, 165, 165); } .text-image-50-50 > div .block-values-content { margin-bottom: 34px; } .text-image-50-50 > div .current-title p { margin-bottom: 34px; } .text-image-50-50 > div .current-title p:last-of-type { margin-bottom: 0; } .text-image-50-50 > div .block-title { margin-bottom: clamp(17px, 4.09vw + -6.5px, 34px); } .text-image-50-50 > div .block-title .wp-block-heading { margin-top: 0; margin-left: 0 !important; margin-right: 0 !important; margin-bottom: 0; } .text-image-50-50 > div .block-title p { font-family: "Jost", sans-serif; font-weight: 500; font-style: normal; font-family: "Jost", sans-serif; font-weight: 500; font-style: normal; font-size: clamp(14px, 0.64vw + 10.32px, 18px) !important; line-height: 1.333; letter-spacing: clamp(1.6px, 0.03vw + 1.42px, 1.8px) !important; font-size: clamp(14px, 0.64vw + 10.32px, 18px) !important; display: block; margin-bottom: clamp(8px, 2.4vw + -5.82px, 18px) !important; } @media screen and (max-width: 575.99px) { .text-image-50-50 > div .block-title p { letter-spacing: 1.4px !important; } } .text-image-50-50 > div.text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .text-image-50-50 > div.text.two-col > .wp-block-group p:last-of-type { margin-bottom: 0 !important; } .text-image-50-50 > div.text.two-col > .wp-block-group figure:first-child { margin-bottom: 34px; margin-top: 0; } .text-image-50-50 > div.text.two-col > .wp-block-group:first-child { margin-bottom: 77px; } .text-image-50-50 > div.text .wp-block-group { margin-left: 0 !important; margin-right: 0 !important; } .text-image-50-50 > div.text .wp-block-group .wp-block-image { margin-top: 34px; } .text-image-50-50 > div.text .wp-block-group.block-title .wp-block-image { margin-top: 0; } .text-image-50-50 > div.text .wp-block-group p:last-of-type:not(:first-of-type) { margin-bottom: 0 !important; } .text-image-50-50 > div:first-child { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .text-image-50-50 > div:first-child.text { padding-right: clamp(30px, 7.39vw + -43.23px, 75px); padding-left: clamp(0px, 12.32vw + -122.04px, 75px); } @media (max-width: 767.98px) { .text-image-50-50 > div:first-child.text { padding-right: 40px; } } .text-image-50-50 > div:nth-child(2) { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .text-image-50-50 > div:nth-child(2).text { padding-left: clamp(40px, 5.75vw + -16.95px, 75px); padding-right: clamp(0px, 13.14vw + -130.18px, 80px); } @media screen and (max-width: 1500px) and (min-width: 768px) { .text-image-50-50 > div.image { -ms-flex-item-align: stretch; align-self: stretch; } .text-image-50-50 > div.image > .wp-block-image { height: 100%; } .text-image-50-50 > div.image > .wp-block-image img { -o-object-fit: cover; object-fit: cover; height: 100%; } } .text-image-50-50.reverse-layout > div:first-child.text { padding-right: clamp(0px, 12.32vw + -122.04px, 75px); padding-left: clamp(30px, 7.39vw + -43.23px, 75px); } .text-image-50-50 .image { position: relative; } .text-image-50-50 .image .wp-block-image img { width: 100%; height: auto; } .text-image-50-50 .image .values-list-content { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .text-image-50-50 .image .values-list-content .values-list-content-item { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%); clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%); -webkit-transition: -webkit-clip-path 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); transition: -webkit-clip-path 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); transition: clip-path 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); transition: clip-path 0.6s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-clip-path 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); } .text-image-50-50 .image .values-list-content .values-list-content-item img { width: 100%; -webkit-transform: scale(1.2) rotate(4deg); transform: scale(1.2) rotate(4deg); -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.19, 1, 0.22, 1); transition: -webkit-transform 0.8s cubic-bezier(0.19, 1, 0.22, 1); transition: transform 0.8s cubic-bezier(0.19, 1, 0.22, 1); transition: transform 0.8s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.8s cubic-bezier(0.19, 1, 0.22, 1); } .text-image-50-50 .image .values-list-content .values-list-content-item.active { z-index: 2; -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 0, 0 0); clip-path: polygon(0 100%, 100% 100%, 100% 0, 0 0); } .text-image-50-50 .image .values-list-content .values-list-content-item.active img { -webkit-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); } .text-image-50-50 .image .values-list-content .values-list-content-item.exit-top { -webkit-clip-path: polygon(0 0, 100% 0, 100% 0, 0 0); clip-path: polygon(0 0, 100% 0, 100% 0, 0 0); } .text-image-50-50 .image .values-list-content .values-list-content-item.exit-top img { -webkit-transform: scale(1.2) rotate(4deg); transform: scale(1.2) rotate(4deg); } .text-image-50-50 .wp-block-gallery:not(.block-editor-block-list__block) { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: start; overflow-x: hidden; gap: 0 !important; -ms-flex-flow: nowrap; flex-flow: nowrap; } @media screen and (max-width: 1500px) and (min-width: 768px) { .text-image-50-50 .wp-block-gallery:not(.block-editor-block-list__block) { height: 100%; } } .text-image-50-50 .wp-block-gallery:not(.block-editor-block-list__block) .wp-block-image { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .text-image-50-50 .wp-block-gallery:not(.block-editor-block-list__block) .wp-block-image img { width: 100%; height: auto; } .text-image-50-50 .values .value-list-title-item { list-style: none; } .text-image-50-50 .values a { color: #000000; letter-spacing: 0; line-height: 1.2; font-size: clamp(17px, 0.64vw + 13.32px, 21px) !important; text-decoration: none; position: relative; } @media (max-width: 575.98px) { .text-image-50-50 .values a { line-height: 1.42; } } .text-image-50-50 .values.visions ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 0 30px; } .text-image-50-50 .values.visions ul a:before { content: ""; width: 1px; height: 31px; background-color: #000000; display: block; right: -15px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .text-image-50-50 .values.visions ul li:last-child a:before { display: none; } .text-image-50-50 .values:not(.visions) { margin-top: 30px; } .text-image-50-50 .values:not(.visions) li a { display: block; max-width: -webkit-fit-content; max-width: -moz-fit-content; max-width: fit-content; padding-bottom: 15px; } @media (max-width: 767.98px) { .text-image-50-50 .values:not(.visions) li a { margin-left: auto; margin-right: auto; } } .text-image-50-50 .values:not(.visions) li:last-of-type a { padding-bottom: 0; } .text-image-50-50 .block-left .toptit { margin-bottom: 34px; } .text-image-50-50 .block-values-content p { font-family: "Jost", sans-serif; font-weight: 400; font-style: normal; letter-spacing: 0; line-height: 1.2; font-size: clamp(17px, 0.64vw + 13.32px, 21px) !important; } @media (max-width: 575.98px) { .text-image-50-50 .block-values-content p { line-height: 1.42; } } .text-image-50-50 > .image > .wp-block-image.image-mobile { display: none; } .text-image-50-50 > .image > .wp-block-image.image-mobile.block-editor-block-list__block:not(.products) { display: block; width: 20%; } .text-image-50-50 .text .wp-block-list:not(.list-links).large li { margin-bottom: 34px; } @media (max-width: 767.98px) { .text-image-50-50 .text .wp-block-list:not(.list-links).large li { margin-bottom: 28px; } .text-image-50-50 .text .wp-block-list:not(.list-links).large li:last-of-type { margin-bottom: 0; } } .text-image-50-50 .text .wp-block-list:not(.list-links):not(.large) { margin-bottom: 34px; } @media (max-width: 767.98px) { .text-image-50-50 .text .wp-block-list:not(.list-links):not(.large) { margin-bottom: 28px; } } .text-image-50-50 .text .wp-block-list:not(.list-links) li { font-family: "Jost", sans-serif; font-weight: 400; font-style: normal; font-size: clamp(17px, 0.64vw + 13.32px, 21px); line-height: 1.42; letter-spacing: 0px; padding-left: clamp(10px, 0.48vw + 7.24px, 13px); margin-top: 0; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; } .text-image-50-50 .text .wp-block-list:not(.list-links) li:before { content: "•"; margin-right: 12px; display: inline-block; } .text-image-50-50 .text .wp-block-list:not(.list-links) li:last-of-type { margin-bottom: 0; } @media (max-width: 767.98px) { .text-image-50-50 .text .wp-block-list:not(.list-links) li { line-height: 1.64; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; display: inline-block; } .text-image-50-50 .text .wp-block-list:not(.list-links) li:before { left: 23px; top: 11px; } .text-image-50-50 .text .wp-block-list:not(.list-links) li:last-of-type { margin-bottom: 0; } } .text-image-50-50 > .wp-block-column.text, .text-image-50-50 > .text { padding-top: clamp(30px, 6.01vw + -16.15px, 80px); padding-bottom: clamp(30px, 6.01vw + -16.15px, 80px); } @media (max-width: 767.98px) { .text-image-50-50 > .wp-block-column.text, .text-image-50-50 > .text { padding-top: 0; padding-bottom: 0; } } @media (max-width: 767.98px) { .text-image-50-50 { padding-left: 0 !important; padding-right: 0 !important; padding-bottom: 0; } .text-image-50-50 > div.text .wp-block-group { margin-left: auto !important; margin-right: auto !important; } .text-image-50-50 .wp-block-image.dolce img { width: 320px; max-width: 100%; } .text-image-50-50 .block-title .wp-block-image img { max-width: 53%; } .text-image-50-50 .block-title .wp-block-image.tommy img, .text-image-50-50 .block-title .wp-block-image.amg img, .text-image-50-50 .block-title .wp-block-image.philipp img { max-width: 280px; } .text-image-50-50 .block-title .wp-block-image.britney img { max-width: 237px; } .text-image-50-50 .block-title .wp-block-image.iceberg img { max-width: 190px; } .text-image-50-50 .block-title .wp-block-image.tommy img { width: 338px; max-width: 100%; } } @media (max-width: 767.98px) and (max-width: 575.98px) { .text-image-50-50 .block-title .wp-block-image.tommy img { max-width: 280px; } } @media (max-width: 767.98px) { .text-image-50-50 .block-title .wp-block-image.tommybahama img { width: 338px; max-width: 100%; } } @media (max-width: 767.98px) and (max-width: 575.98px) { .text-image-50-50 .block-title .wp-block-image.tommybahama img { max-width: 100%; } } @media (max-width: 767.98px) { .text-image-50-50 .block-title .wp-block-image.zegna img { max-width: 131px; } .text-image-50-50 .block-title .wp-block-image.maybach img { max-width: 262px; } .text-image-50-50 .block-title .wp-block-image.blake img { max-width: 248px; } .text-image-50-50 .block-title .wp-block-image.florence img { max-width: 172px; } .text-image-50-50 .block-title .wp-block-image.gap img { max-width: 121px; } .text-image-50-50 .block-title .wp-block-image.ab img { max-width: 254px; } .text-image-50-50 > .wp-block-column.text, .text-image-50-50 > .wp-block-column.image { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .text-image-50-50 > .wp-block-column .block-title { padding-top: 60px; margin-bottom: 34px; } .text-image-50-50 > .wp-block-column .block-title .wp-block-image { margin-top: 0 !important; margin-bottom: 12px !important; } .text-image-50-50 > .wp-block-column .wp-block-gallery img { min-height: 600px; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .text-image-50-50 > .wp-block-column.image { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; padding-left: 40px; padding-right: 40px; } .text-image-50-50 > .wp-block-column.text { padding-left: 40px !important; padding-right: 40px !important; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; padding-bottom: 0; } .text-image-50-50.full { padding-bottom: 50px; } .text-image-50-50.full > .wp-block-column .block-title { padding-top: 42px; margin-bottom: 18px; } .text-image-50-50.full > .wp-block-column.image img { height: auto; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .text-image-50-50.full > .wp-block-column.image .wp-block-image:not(.image-mobile) { display: none; } .text-image-50-50.identifying { padding-bottom: 189px; } .text-image-50-50.identifying > .wp-block-column .block-title { padding-top: 182px; text-align: center; margin-bottom: 34px; } .text-image-50-50.identifying > .wp-block-column.text > .wp-block-group { text-align: center; } .text-image-50-50.identifying > .wp-block-column.image { padding-left: 0 !important; padding-right: 0 !important; } .text-image-50-50.identifying > .wp-block-column.image img { height: auto; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .text-image-50-50.success { padding-bottom: 20px; } .text-image-50-50.success > .wp-block-column .block-title { padding-top: 97px; text-align: center; margin-bottom: 34px; } .text-image-50-50.success > .wp-block-column.text > .wp-block-group { text-align: center; } .text-image-50-50.success > .wp-block-column.image { padding-left: 0 !important; padding-right: 0 !important; } .text-image-50-50.success > .wp-block-column.image img { height: auto; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .text-image-50-50 .block-title .wp-block-heading { text-align: center; width: 100%; } .text-image-50-50:not(.full):not(.block-values):not(.identifying):not(.success) > .wp-block-column .block-title { text-align: center; } .text-image-50-50:not(.full):not(.block-values):not(.identifying):not(.success) > .wp-block-column.image img { -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .text-image-50-50:not(.full):not(.block-values):not(.identifying):not(.success) > .wp-block-column.text { text-align: center; padding-bottom: 53px !important; } .text-image-50-50:not(.full):not(.block-values):not(.identifying):not(.success) > .wp-block-column.text.small .list-links { max-width: inherit; margin-left: -15px !important; margin-right: -15px !important; } .text-image-50-50:not(.full):not(.block-values):not(.identifying):not(.success) > .wp-block-column.text.small .list-links.large li { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; position: relative; margin-bottom: 10px; } .text-image-50-50:not(.full):not(.block-values):not(.identifying):not(.success) > .wp-block-column.text.small .list-links.large li:nth-child(odd):before { content: ""; width: 1px; height: 27px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); background: #DEDEDE; position: absolute; right: 0; } .text-image-50-50:not(.full):not(.block-values):not(.identifying):not(.success) > .wp-block-column.text.small .list-links.large li a { margin-right: 0; padding-right: 0; } .text-image-50-50:not(.full):not(.block-values):not(.identifying):not(.success) > .wp-block-column.text.small .list-links.large li a:before { display: none; } .text-image-50-50:not(.full):not(.block-values):not(.identifying):not(.success) > .wp-block-column.text p { text-align: center; } .text-image-50-50 > div p:has(a) a { text-decoration: underline; text-decoration-thickness: 0.1em; text-underline-offset: 0.15em; } } @media (max-width: 767.98px) { .text-image-50-50#gap .text, .text-image-50-50#ab-parfums .text { padding-top: 60px; } .text-image-50-50#gap .block-title, .text-image-50-50#ab-parfums .block-title { display: none; } } @media (max-width: 575.98px) { .text-image-50-50:not(.full):not(.block-values):not(.identifying):not(.success) > .wp-block-column .block-title { text-align: center; } .text-image-50-50:not(.full):not(.block-values):not(.identifying):not(.success) > .wp-block-column.image > figure.wp-block-image:not(.image-mobile) { display: none; } .text-image-50-50:not(.full):not(.block-values):not(.identifying):not(.success) > .wp-block-column.image > figure.wp-block-image.image-mobile { display: block; } .text-image-50-50:not(.full):not(.block-values):not(.identifying):not(.success) > .wp-block-column.image img { -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .text-image-50-50:not(.full):not(.block-values):not(.identifying):not(.success) > .wp-block-column.text { text-align: center; } .text-image-50-50:not(.full):not(.block-values):not(.identifying):not(.success) > .wp-block-column.text.small .list-links { max-width: inherit; margin-left: -15px !important; margin-right: -15px !important; } .text-image-50-50:not(.full):not(.block-values):not(.identifying):not(.success) > .wp-block-column.text p { text-align: center; } .text-image-50-50 .wp-block-gallery.products { height: 100%; width: 100%; } .text-image-50-50 .wp-block-gallery.products .slick-list { width: 100%; height: 100%; } .text-image-50-50 .wp-block-gallery.products .slick-list, .text-image-50-50 .wp-block-gallery.products .slick-track { height: 100%; } .text-image-50-50 .wp-block-gallery.products .slick-slide { background: #F3F3F3; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .text-image-50-50 .wp-block-gallery.products img { -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } } .block-unique-values.text-image-50-50 .toptit { margin-bottom: 34px !important; } .block-unique-values.text-image-50-50 .values:not(.visions) { margin-top: 0; } .block-unique-values .value-list-content { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .block-unique-values .value-list-content .block-content { z-index: 31; position: relative; text-align: center; } .block-unique-values .value-list-content .block-values-content-item { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .block-unique-values .value-list-content .block-values-content-item p { color: #ffffff; } .block-unique-values .value-list-content .block-values-content-item img { width: 100%; height: auto; } .block-unique-values .value-list-content .block-values-content-item .block-image { -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%); clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%); -webkit-transition: -webkit-clip-path 0.8s cubic-bezier(0.165, 0.84, 0.44, 1); transition: -webkit-clip-path 0.8s cubic-bezier(0.165, 0.84, 0.44, 1); transition: clip-path 0.8s cubic-bezier(0.165, 0.84, 0.44, 1); transition: clip-path 0.8s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-clip-path 0.8s cubic-bezier(0.165, 0.84, 0.44, 1); } .block-unique-values .value-list-content .block-values-content-item .inner p { opacity: 0; -webkit-transform: translateY(10px); transform: translateY(10px); } .block-unique-values .value-list-content .block-values-content-item .inner p:nth-child(1) { -webkit-transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.05s, background 250ms ease, -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.05s; transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.05s, background 250ms ease, -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.05s; transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.05s, transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.05s, background 250ms ease; transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.05s, transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.05s, background 250ms ease, -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.05s; } .block-unique-values .value-list-content .block-values-content-item .inner p:nth-child(2) { -webkit-transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.1s, background 250ms ease, -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s; transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.1s, background 250ms ease, -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s; transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.1s, transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s, background 250ms ease; transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.1s, transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s, background 250ms ease, -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s; } .block-unique-values .value-list-content .block-values-content-item .inner p:nth-child(3) { -webkit-transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.15s, background 250ms ease, -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.15s; transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.15s, background 250ms ease, -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.15s; transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.15s, transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.15s, background 250ms ease; transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.15s, transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.15s, background 250ms ease, -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.15s; } .block-unique-values .value-list-content .block-values-content-item .inner p:nth-child(4) { -webkit-transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.2s, background 250ms ease, -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s; transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.2s, background 250ms ease, -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s; transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.2s, transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s, background 250ms ease; transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.2s, transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s, background 250ms ease, -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s; } .block-unique-values .value-list-content .block-values-content-item .inner p:nth-child(5) { -webkit-transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.25s, background 250ms ease, -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.25s; transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.25s, background 250ms ease, -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.25s; transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.25s, transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.25s, background 250ms ease; transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.25s, transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.25s, background 250ms ease, -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.25s; } .block-unique-values .value-list-content .block-values-content-item .inner p:nth-child(6) { -webkit-transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.3s, background 250ms ease, -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.3s; transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.3s, background 250ms ease, -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.3s; transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.3s, transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.3s, background 250ms ease; transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.3s, transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.3s, background 250ms ease, -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.3s; } .block-unique-values .value-list-content .block-values-content-item .inner p:nth-child(7) { -webkit-transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.35s, background 250ms ease, -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.35s; transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.35s, background 250ms ease, -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.35s; transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.35s, transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.35s, background 250ms ease; transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.35s, transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.35s, background 250ms ease, -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.35s; } .block-unique-values .value-list-content .block-values-content-item .inner p:nth-child(8) { -webkit-transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.4s, background 250ms ease, -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s; transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.4s, background 250ms ease, -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s; transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.4s, transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s, background 250ms ease; transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.4s, transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s, background 250ms ease, -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s; } .block-unique-values .value-list-content .block-values-content-item .inner p:nth-child(9) { -webkit-transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.45s, background 250ms ease, -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.45s; transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.45s, background 250ms ease, -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.45s; transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.45s, transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.45s, background 250ms ease; transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.45s, transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.45s, background 250ms ease, -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.45s; } .block-unique-values .value-list-content .block-values-content-item.active .inner p { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } .block-unique-values .value-list-content .block-values-content-item.active .block-image { -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 0, 0 0); clip-path: polygon(0 100%, 100% 100%, 100% 0, 0 0); } .block-unique-values .value-list-content .block-values-content-item.exit-top .block-image { -webkit-clip-path: polygon(0 0, 100% 0, 100% 0, 0 0); clip-path: polygon(0 0, 100% 0, 100% 0, 0 0); } .block-unique-values .value-list-content .block-values-content-item.exit-top .inner p { -webkit-transform: translateY(-10px); transform: translateY(-10px); opacity: 0; } @media screen and (max-width: 1500px) and (min-width: 768px) { .block-unique-values .value-list-content .block-values-content-item-text { height: 100%; } .block-unique-values .value-list-content .block-values-content-item-text > .inner, .block-unique-values .value-list-content .block-values-content-item-text .block-image { height: 100%; } } .block-unique-values .value-list-content .block-values-content-item-text > .inner .inner { max-width: 576px; padding-left: 15px; padding-right: 15px; margin-left: auto; margin-right: auto; } .block-unique-values .value-list-content .block-values-content-item-text > .inner .block-image { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; } .block-unique-values .value-list-content .block-values-content-item-text > .inner .block-image:before { content: ""; position: absolute; left: 0; bottom: 0; z-index: 30; width: 100%; height: 50%; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgb(0, 0, 0))); background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 100%); opacity: 0.4; } .block-unique-values .value-list-content .block-values-content-item .block-content { position: absolute; bottom: 0; width: 100%; left: 0; padding-bottom: 33px; } .block-unique-values .value-list-content .block-values-content-item .block-content .inner { position: relative; z-index: 34; } .mobile-card-content .inner, .block-values-content-item .inner { z-index: 16; position: relative; } @media (max-width: 767.98px) { .mobile-card-content .inner, .block-values-content-item .inner { margin-left: auto; margin-right: auto; text-align: center; max-width: 536px; padding-left: 15px; padding-right: 15px; color: #ffffff; } } .mobile-card-content .inner br, .block-values-content-item .inner br { display: none; } .mobile-card-content .inner p, .block-values-content-item .inner p { letter-spacing: 0; font-size: clamp(20px, 1.28vw + 12.64px, 28px); line-height: 1.25; } .mobile-card-content .inner .title-tt1, .block-values-content-item .inner .title-tt1 { display: none; } .mobile-card-content .inner .subsection, .block-values-content-item .inner .subsection { display: block; font-family: "Jost", sans-serif; font-weight: 500; font-style: normal; text-align: center; width: 100%; font-size: clamp(10.4px, 0.42vw + 8.01px, 13px); line-height: 2.307; letter-spacing: clamp(1.98px, 0.06vw + 1.64px, 2.34px); margin-bottom: 23px; text-transform: uppercase; } .mobile-card-content .inner p:has(.subsection:nth-of-type(2)), .block-values-content-item .inner p:has(.subsection:nth-of-type(2)) { /* Vos styles ici */ } .mobile-card-content .inner p:has(.subsection:nth-of-type(2)) .subsection, .block-values-content-item .inner p:has(.subsection:nth-of-type(2)) .subsection { margin-bottom: 0; } .mobile-card-content .inner .title-tt1, .block-values-content-item .inner .title-tt1 { font-size: clamp(40px, 0.98vw + 34.39px, 50px); display: block; margin-bottom: 30px; } @media (max-width: 575.98px) { .mobile-card-content .inner p, .block-values-content-item .inner p { line-height: 1.21; } } @media screen and (max-width: 1500px) and (min-width: 768px) { .block-values .values-list-content-item-text, .block-values .inner, .block-values .block-image { height: 100%; } .block-values .values-list-content-item-text img, .block-values .inner img, .block-values .block-image img { height: 100%; -o-object-fit: cover; object-fit: cover; } } .block-values.text-image-50-50 .values:not(.visions) { margin-top: clamp(30px, 7.22vw + -41.6px, 74px); } .block-values .value-list-title .value-list-title-item a { -webkit-transition: color 0.5s ease; transition: color 0.5s ease; } .block-values .value-list-title.enter .value-list-title-item a:not(.active) { color: #A9A5A5; } .block-values .block-values-content { position: relative; overflow: hidden; } .block-values .block-values-content .block-values-content-item { -webkit-transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955), -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1); transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955), -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1); transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955), transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1); transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955), transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1); } .block-values .block-values-content .block-values-content-item:not(.current-title) { position: absolute; left: 0; top: 0; width: 100%; opacity: 0; -webkit-transform: translateY(40px); transform: translateY(40px); } .block-values .block-values-content .block-values-content-item.active { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } .block-values .block-values-content .block-values-content-item.exit-top { opacity: 0; -webkit-transform: translateY(-40px); transform: translateY(-40px); -webkit-transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955), -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955), -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955), transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955), transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); } .block-values .block-values-content .block-values-content-item.current-title { display: block; } .block-values .block-values-content .block-values-content-item.current-title.exit-top { opacity: 0; -webkit-transform: translateY(-40px); transform: translateY(-40px); } .block-values .block-values-content .block-values-content-item.current-title.active { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } @media (max-width: 767.98px) { .block-values.text-image-50-50 > div:first-child { padding-left: 20px !important; padding-right: 20px !important; padding-bottom: 115px !important; padding-top: 75px; } .block-values.text-image-50-50 > div:first-child .toptit { margin-bottom: 36px !important; } .block-values.text-image-50-50 .values { display: none; } } @media (max-width: 767.98px) { .page-id-16 .text-image-50-50:not(.full) > .wp-block-column.text > .wp-block-group:not(.block-title), .page-id-19 .text-image-50-50:not(.full) > .wp-block-column.text > .wp-block-group:not(.block-title), .page-id-21 .text-image-50-50:not(.full) > .wp-block-column.text > .wp-block-group:not(.block-title) { padding-left: clamp(10px, 46.15vw + -163.08px, 40px); padding-right: clamp(10px, 46.15vw + -163.08px, 40px); } .page-id-16 .text-image-50-50:not(.full) > .wp-block-column.text .list-links, .page-id-19 .text-image-50-50:not(.full) > .wp-block-column.text .list-links, .page-id-21 .text-image-50-50:not(.full) > .wp-block-column.text .list-links { max-width: inherit; margin-left: -15px !important; margin-right: -15px !important; padding-bottom: 30px; } } @media (max-width: 767.98px) { .home .text-image-50-50 > .wp-block-column .block-title { padding-top: 43px; margin-bottom: 20px; } } .list-expert { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; gap: 0 15px !important; } .list-expert .wp-block-column { -ms-flex-item-align: stretch; align-self: stretch; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; text-align: center; } .list-expert .wp-block-column .wp-block-image { width: 100%; } .list-expert .wp-block-column .wp-block-image img { width: 100%; height: auto; -o-object-fit: cover; object-fit: cover; } .list-expert .wp-block-column p { max-width: 360px; margin-left: auto; margin-right: auto; } .list-expert .wp-block-column p.has-medium-font-size { margin-bottom: 13px !important; padding-top: clamp(28px, 0.72vw + 23.85px, 31px); display: block; font-family: "Jost", sans-serif; font-weight: 500; font-style: normal; font-size: clamp(10px, 0.96vw + 4.47px, 14px) !important; letter-spacing: clamp(1.8px, 0.17vw + 0.8px, 2.52px); text-transform: uppercase; line-height: 2.14; } @media (max-width: 575.98px) { .list-expert .wp-block-column p.has-medium-font-size { line-height: 1; text-decoration: underline; text-decoration-thickness: 0.1em; text-underline-offset: 0.15em; } } @media (max-width: 991.98px) { .list-expert { padding-top: 20px; padding-bottom: 53px; } .list-expert .wp-block-column { -webkit-box-flex: 0; -ms-flex: 0 0 calc(50% - 7.5px); flex: 0 0 calc(50% - 7.5px); max-width: calc(50% - 7.5px); } } @media (max-width: 575.98px) { .list-expert { padding-bottom: 0; } .list-expert .wp-block-column { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 271px; margin-left: auto; margin-right: auto; } } .block-intro { padding-top: 137px; margin-top: 0; text-align: center; padding-left: 47.5px; padding-right: 47.5px; padding-bottom: clamp(90px, 10.4vw + 30.2px, 155px); margin-left: auto !important; margin-right: auto !important; } .block-intro.about { padding-bottom: clamp(90px, 5.28vw + 59.64px, 123px); } .block-intro.only-text { padding-top: 188px; padding-bottom: 206px; } .block-intro.two-para { padding-top: 137px; padding-bottom: 159px; } .block-intro .block-top-title { margin-bottom: 88px; } .block-intro:not(.give) p:not(.has-x-large-font-size) { letter-spacing: 0; line-height: 1.2; font-size: clamp(17px, 0.64vw + 13.32px, 21px) !important; font-size: clamp(20px, 0.64vw + 16.32px, 24px) !important; } @media (max-width: 575.98px) { .block-intro:not(.give) p:not(.has-x-large-font-size) { line-height: 1.42; } } .block-intro *:last-child { margin-bottom: 0 !important; } .block-intro.give .block-top-title .has-x-large-font-size { margin-bottom: 19px !important; } @media (max-width: 767.98px) { .block-intro { padding-top: 177px; } .block-intro.incubation { padding-top: 122px; padding-bottom: 145px; } .block-intro.incubation p.has-x-large-font-size { margin-bottom: 22px !important; } .block-intro.only-text { padding-top: 300px; } .block-intro.give p:not(.has-x-large-font-size):not(:last-of-type) { margin-bottom: 34px !important; } .block-intro.give .block-top-title .has-x-large-font-size { display: inline; margin-left: -30px !important; margin-right: -30px !important; } .block-intro.give .block-top-title .wp-block-heading { padding-top: 32px; } .block-intro.two-para { padding-top: 213px; } .block-intro.two-para p:not(.has-x-large-font-size) { font-size: 20px !important; } .block-intro.two-para p:not(.has-x-large-font-size):not(:last-of-type) { margin-bottom: 34px !important; } .block-intro.give { padding-top: 75px; padding-bottom: 163px; } .block-intro.give .block-top-title { margin-bottom: 100px; } .block-intro.luxury { padding-bottom: 158px; } .block-intro h2, .block-intro .has-x-large-font-size { margin-bottom: 34px !important; } } .list-links { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; list-style: none; padding-top: 34px; } .list-links li { margin-top: 0; } .list-links li a { margin-right: clamp(15px, 2.69vw + -5.66px, 21px); padding-right: clamp(15px, 2.69vw + -5.66px, 21px); font-family: "Jost", sans-serif; font-weight: 500; font-style: normal; font-size: clamp(12px, 0.48vw + 9.24px, 14px); text-decoration: none; letter-spacing: 2.52px; text-transform: uppercase; position: relative; line-height: 1; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .list-links li a:before { content: ""; width: 1px; height: 27px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); background: #DEDEDE; position: absolute; right: 0; } .list-links li a:hover { color: rgb(169, 165, 165); } .list-links li:last-child a { margin-right: 0; padding-right: 0; } .list-links li:last-child a:before { display: none; } .list-links.large li a { font-size: clamp(11px, 0.36vw + 8.23px, 14px); margin-right: clamp(4px, 7.62vw + -54.55px, 21px); padding-right: clamp(4px, 7.62vw + -54.55px, 21px); } .list-links.large li:last-child a { margin-right: 0; padding-right: 0; } @media (max-width: 767.98px) { .list-links { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .list-links li a { text-decoration: underline; text-decoration-thickness: 0.1em; text-underline-offset: 0.15em; } .list-links.large li a { font-size: 12px; } } .footer-links { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-top: clamp(36px, 16vw + -56px, 136px); padding-bottom: 53px; } .footer-links.hybrib { padding-top: 92px; } .footer-links li { margin-top: 0; } .footer-links li a { position: relative; padding-right: 32px !important; margin-right: 28px !important; text-decoration: none; font-family: "Jost", sans-serif; font-weight: 500; letter-spacing: 2.52px; font-size: 14px; text-transform: uppercase; -webkit-transition: color 0.5s ease; transition: color 0.5s ease; } .footer-links li a:before { content: ""; width: 1px; height: 27px; background-color: #DEDEDE; display: block; right: 0; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .footer-links li a:hover { color: rgb(169, 165, 165); } .footer-links li:last-child a { padding-right: 0 !important; margin-right: 0 !important; } .footer-links li:last-child a:before { display: none !important; } @media (max-width: 767.98px) { .page-id-16 .wp-site-blocks .entry-content .wp-block-group:has(.footer-links), .page-id-19 .wp-site-blocks .entry-content .wp-block-group:has(.footer-links), .page-id-11 .wp-site-blocks .entry-content .wp-block-group:has(.footer-links), .page-id-21 .wp-site-blocks .entry-content .wp-block-group:has(.footer-links) { padding-left: 20px; padding-right: 20px; } .page-id-16 .footer-links, .page-id-19 .footer-links, .page-id-11 .footer-links, .page-id-21 .footer-links { padding-bottom: 155px; padding-left: 0; padding-right: 0; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -ms-flex-pack: distribute; justify-content: space-around; } .page-id-16 .footer-links.hybrib, .page-id-19 .footer-links.hybrib, .page-id-11 .footer-links.hybrib, .page-id-21 .footer-links.hybrib { padding-top: 115px; } .page-id-16 .footer-links li, .page-id-19 .footer-links li, .page-id-11 .footer-links li, .page-id-21 .footer-links li { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; text-align: center; } .page-id-16 .footer-links li a, .page-id-19 .footer-links li a, .page-id-11 .footer-links li a, .page-id-21 .footer-links li a { padding-bottom: 15px; display: block; margin-right: 0 !important; padding-right: 0 !important; margin-bottom: 17px; } .page-id-16 .footer-links li a:before, .page-id-19 .footer-links li a:before, .page-id-11 .footer-links li a:before, .page-id-21 .footer-links li a:before { width: 97px; height: 1px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); top: inherit; bottom: 0; } .page-id-16 .footer-links li:nth-last-child(2) a, .page-id-16 .footer-links li:last-child a, .page-id-19 .footer-links li:nth-last-child(2) a, .page-id-19 .footer-links li:last-child a, .page-id-11 .footer-links li:nth-last-child(2) a, .page-id-11 .footer-links li:last-child a, .page-id-21 .footer-links li:nth-last-child(2) a, .page-id-21 .footer-links li:last-child a { margin-bottom: 0; padding-bottom: 0; } .page-id-16 .footer-links li:nth-last-child(2) a:before, .page-id-16 .footer-links li:last-child a:before, .page-id-19 .footer-links li:nth-last-child(2) a:before, .page-id-19 .footer-links li:last-child a:before, .page-id-11 .footer-links li:nth-last-child(2) a:before, .page-id-11 .footer-links li:last-child a:before, .page-id-21 .footer-links li:nth-last-child(2) a:before, .page-id-21 .footer-links li:last-child a:before { display: none; } } .sticky-navigation { margin-top: clamp(48px, 0.96vw + 42.48px, 54px) !important; z-index: 99; margin-bottom: clamp(0px, 15.84vw + -91.08px, 99px) !important; } .sticky-navigation ul { background-color: #ffffff; padding-top: 16px; padding-bottom: 16px; position: -webkit-sticky; position: sticky; top: 138px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .sticky-navigation ul li { margin-top: 0; list-style: none; } .sticky-navigation ul li a { position: relative; padding-right: clamp(10px, 2.46vw + -14.41px, 25px) !important; margin-right: clamp(10px, 4.43vw + -33.94px, 37px) !important; text-decoration: none; font-family: "Jost", sans-serif; font-weight: 500; letter-spacing: 2.52px; font-size: 14px; text-transform: uppercase; } .sticky-navigation ul li a:before { content: ""; width: 1px; height: 27px; background-color: #DEDEDE; display: block; right: 0; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .sticky-navigation ul li:last-child a { padding-right: 0 !important; margin-right: 0 !important; } .sticky-navigation ul li:last-child a:before { display: none; } @media (max-width: 991.98px) { .sticky-navigation:not(.give) { display: none; } } @media (max-width: 767.98px) { .sticky-navigation.give { position: relative; padding-left: 30px !important; padding-right: 30px !important; padding-top: 0px !important; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .sticky-navigation.give li { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-top: 0; } .sticky-navigation.give li a { text-align: center; font-size: 14px; letter-spacing: 2.52px; padding-right: 0 !important; margin-right: 0 !important; display: block; padding-bottom: 23px; margin-bottom: 22px; } .sticky-navigation.give li a:before { width: 117px; bottom: 0; left: 50%; top: initial; -webkit-transform: translateX(-50%); transform: translateX(-50%); height: 1px; } .sticky-navigation.give li:last-child a { padding-bottom: 0; margin-bottom: 0; } } .text-image-50-50 .image { position: relative; } .text-image-50-50 .accordeon-list-content-item { position: absolute; left: 0; top: 0; } .text-image-50-50 .accordeon-list-content-item:not(.showing-value-content) { display: none; } .block-visions .block-values-content { margin-top: 34px; position: relative; } .block-visions .block-values-content .block-values-content-item { width: 100%; position: absolute; } .block-visions .block-values-content .block-values-content-item .inner { position: relative; overflow: hidden; } .block-visions .block-values-content .block-values-content-item .inner .block-content { -webkit-transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955), -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1); transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955), -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1); transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955), transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1); transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955), transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1); opacity: 0; -webkit-transform: translateY(40px); transform: translateY(40px); } .block-visions .block-values-content .block-values-content-item.active .inner .block-content { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } .block-visions .block-values-content .block-values-content-item.exit-top .inner .block-content { opacity: 0; -webkit-transform: translateY(-40px); transform: translateY(-40px); } @media (min-width: 576px) { .block-visions .block-values-content .block-values-content-item .inner .block-content br { display: block; } } @media (max-width: 767.98px) { .block-visions.text-image-50-50 > div h2 { font-size: clamp(40.9px, 0.89vw + 35.8px, 50px); } } @media (max-width: 767.98px) { .block-unique-values, .block-visions, .block-values { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: nowrap; flex-flow: nowrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-scroll-snap-type: x mandatory; scroll-snap-type: x mandatory; } .block-unique-values::-webkit-scrollbar, .block-visions::-webkit-scrollbar, .block-values::-webkit-scrollbar { display: none; } .block-unique-values .values-list-content, .block-visions .values-list-content, .block-values .values-list-content { display: none; } .block-unique-values .value-list-title, .block-visions .value-list-title, .block-values .value-list-title { display: none; } .block-unique-values .block-values-content, .block-visions .block-values-content, .block-values .block-values-content { height: auto !important; } .block-unique-values .block-values-content .block-values-content-item, .block-visions .block-values-content .block-values-content-item, .block-values .block-values-content .block-values-content-item { position: relative; } .block-unique-values.text-image-50-50, .block-visions.text-image-50-50, .block-values.text-image-50-50 { padding-bottom: 10px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; } .block-unique-values.text-image-50-50 > div .block-title, .block-visions.text-image-50-50 > div .block-title, .block-values.text-image-50-50 > div .block-title { margin-bottom: 0; } div .block-unique-values.text-image-50-50:first-child, .block-unique-values.text-image-50-50 div:nth-child(2), div .block-visions.text-image-50-50:first-child, .block-visions.text-image-50-50 div:nth-child(2), div .block-values.text-image-50-50:first-child, .block-values.text-image-50-50 div:nth-child(2) { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .block-unique-values.text-image-50-50 > div:first-child, .block-visions.text-image-50-50 > div:first-child, .block-values.text-image-50-50 > div:first-child { border-bottom-right-radius: 11px; border-bottom-left-radius: 11px; padding-left: 40px; padding-right: 40px; padding-bottom: 38px; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .block-unique-values.text-image-50-50 > div:last-child, .block-visions.text-image-50-50 > div:last-child, .block-values.text-image-50-50 > div:last-child { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .block-unique-values.text-image-50-50 .image, .block-visions.text-image-50-50 .image, .block-values.text-image-50-50 .image { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; padding-left: 20px; padding-right: 20px; } .block-unique-values.text-image-50-50 .image .values-list-content, .block-visions.text-image-50-50 .image .values-list-content, .block-values.text-image-50-50 .image .values-list-content { width: calc(100% - 40px); left: 20px; border-top-left-radius: 11px; border-top-right-radius: 11px; } .block-unique-values.text-image-50-50 .image .values-list-content img, .block-visions.text-image-50-50 .image .values-list-content img, .block-values.text-image-50-50 .image .values-list-content img { border-top-left-radius: 11px; border-top-right-radius: 11px; } .block-unique-values.text-image-50-50 .text, .block-visions.text-image-50-50 .text, .block-values.text-image-50-50 .text { padding-top: 41px; text-align: center; margin-left: auto; margin-right: auto; -webkit-box-flex: 0 !important; -ms-flex: 0 0 calc(100% - 40px) !important; flex: 0 0 calc(100% - 40px) !important; max-width: calc(100% - 40px) !important; } .block-unique-values.text-image-50-50 .text, .block-visions.text-image-50-50 .text, .block-values.text-image-50-50 .text { background-color: rgb(245, 245, 245); -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } } @media (max-width: 767.98px) { .block-unique-values .visions { display: none; } .block-unique-values.text-image-50-50 > div:first-child { padding-top: 50px; } .block-unique-values.text-image-50-50 > div:first-child .toptit { font-size: 14px !important; line-height: 24px; margin-bottom: 34px !important; } } .mobile-structure { padding-left: 20px; padding-right: 20px; position: relative; } .mobile-structure .mobile-scroll-dots { position: absolute; left: 0; bottom: 16px; z-index: 20; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 0 4px; } .mobile-structure .mobile-scroll-dots .scroll-dot { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; -webkit-box-shadow: none; box-shadow: none; font-size: 0; width: 4px !important; -webkit-box-flex: 0 !important; -ms-flex: 0 0 4px !important; flex: 0 0 4px !important; max-width: 4px !important; height: 4px !important; background: #DEDEDE; border-radius: 50%; opacity: 0.7; -webkit-transition: opacity 500ms ease; transition: opacity 500ms ease; } .mobile-structure .mobile-scroll-dots .scroll-dot.active { opacity: 1; } .mobile-structure .mobile-scroll-container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: nowrap; flex-flow: nowrap; -ms-scroll-snap-type: x mandatory; scroll-snap-type: x mandatory; overflow: auto; border-radius: 11px; -webkit-overflow-scrolling: touch; scroll-behavior: smooth; overscroll-behavior-x: contain; scroll-padding: 0; } .mobile-structure .mobile-scroll-container::-webkit-scrollbar { display: none; } .mobile-structure .mobile-scroll-container .mobile-value-card { scroll-snap-stop: always; scroll-snap-align: start; position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; } .mobile-structure .mobile-scroll-container .mobile-value-card .mobile-title { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin-left: auto; margin-right: auto; } .mobile-structure .mobile-scroll-container .mobile-value-card .mobile-main-image { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .mobile-structure .mobile-scroll-container .mobile-value-card.mobile-main-block .mobile-main-image { position: relative; } .mobile-structure .mobile-scroll-container .mobile-value-card.mobile-main-block .mobile-main-image:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: -webkit-gradient(linear, left top, left bottom, color-stop(55%, rgba(0, 0, 0, 0)), to(rgb(0, 0, 0))); background: linear-gradient(180deg, rgba(0, 0, 0, 0) 55%, rgb(0, 0, 0) 100%); opacity: 0.55; z-index: 6; } .mobile-structure .mobile-scroll-container .mobile-value-card.mobile-main-block .value-list-title li { color: #ffffff; } .mobile-structure .mobile-scroll-container .mobile-value-card.mobile-main-block img { min-height: 586px; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .mobile-structure .mobile-scroll-container .mobile-value-card.mobile-main-block .mobile-title { position: absolute; z-index: 10; bottom: 0; left: 0; width: 100%; padding-left: 38px; padding-right: 38px; padding-bottom: 54px !important; text-align: center; pointer-events: none; } .mobile-structure .mobile-scroll-container .mobile-value-card.mobile-main-block .mobile-title .toptit { text-align: center; color: #ffffff; margin-bottom: 14px !important; font-size: 12.73px !important; letter-spacing: 1.273px !important; line-height: 21.8px !important; } .mobile-structure .mobile-scroll-container .mobile-value-card.mobile-main-block .mobile-title .wp-block-heading h2 { width: 100%; text-align: center; color: #ffffff; font-size: 30px; line-height: 35px; } .mobile-structure .mobile-scroll-container .mobile-value-card:not(.mobile-main-block) { position: relative; } .mobile-structure .mobile-scroll-container .mobile-value-card:not(.mobile-main-block) .mobile-card-image { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .mobile-structure .mobile-scroll-container .mobile-value-card:not(.mobile-main-block) .mobile-card-content { width: 100%; } .mobile-structure .mobile-scroll-container .mobile-value-card:not(.mobile-main-block) .mobile-card-content .block-content { position: absolute; left: 0; bottom: 0; z-index: 11; padding-bottom: 50px; padding-left: 38px; padding-right: 38px; width: 100%; text-align: center; } .mobile-structure .mobile-scroll-container .mobile-value-card:not(.mobile-main-block) .mobile-card-content .block-content h3 { font-size: 12.73px; line-height: 36.4px; letter-spacing: 1.273px; text-transform: uppercase; width: 100%; color: #ffffff; margin-bottom: 0px; font-family: "Jost", sans-serif; font-weight: 500; font-style: normal; } .mobile-structure .mobile-scroll-container .mobile-value-card:not(.mobile-main-block) .mobile-card-content .block-content p { letter-spacing: 0; font-size: 26.36px; line-height: 1.3805; color: #ffffff; } .mobile-structure .mobile-scroll-container .mobile-value-card:not(.mobile-main-block) .mobile-card-content .mobile-card-image:before { content: ""; z-index: 10; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgb(0, 0, 0))); background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 100%); opacity: 0.5; position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .mobile-structure .mobile-scroll-container .mobile-value-card:not(.mobile-main-block) .mobile-card-content .mobile-card-image img { border-radius: 0px; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .mobile-structure .mobile-scroll-container .mobile-value-card .mobile-card-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; z-index: 11; position: relative; } .mobile-structure .mobile-scroll-container .mobile-value-card .mobile-card-content .inner { padding-bottom: 54px; } .block-values .mobile-structure .mobile-scroll-container .mobile-value-card:not(.mobile-main-block) .mobile-card-content .block-content { padding-left: 20px; padding-right: 20px; } .block-values .mobile-structure .mobile-scroll-container .mobile-value-card:not(.mobile-main-block) .mobile-card-content .block-content h3 { text-transform: initial; font-size: 30px; line-height: 1.166; margin-bottom: 23px; } .block-values .mobile-structure .mobile-scroll-container .mobile-value-card:not(.mobile-main-block) .mobile-card-content .block-content p { letter-spacing: 0; font-size: 20px; line-height: 1.25; color: #ffffff; } .block-unique-values .mobile-structure .mobile-scroll-container .mobile-value-card * { color: #ffffff; } .block-unique-values .mobile-structure .mobile-scroll-container .mobile-value-card.mobile-main-block .mobile-title { padding-top: 28px; } .block-unique-values .mobile-structure .mobile-scroll-container .mobile-value-card.mobile-main-block .mobile-title .toptit { font-size: 14px !important; line-height: 24px !important; letter-spacing: 1.4px !important; margin-bottom: 20px !important; } .block-unique-values .mobile-structure .mobile-scroll-container .mobile-value-card.mobile-main-block .mobile-title .value-list-title { display: block; padding-top: 23px; } .block-unique-values .mobile-structure .mobile-scroll-container .mobile-value-card.mobile-main-block .mobile-title .value-list-title .value-list-title-item { margin-bottom: 5px; } .block-unique-values .mobile-structure .mobile-scroll-container .mobile-value-card.mobile-main-block .mobile-title .value-list-title .value-list-title-item a { text-decoration: none; font-size: 19.56px; line-height: 23.75px; letter-spacing: 0px; } .block-unique-values .mobile-structure .mobile-scroll-container .mobile-value-card .mobile-main-image img { width: 100%; max-height: 310px; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .block-values .mobile-scroll-dots .scroll-dot { background: #9B9B9B; } .block-values .mobile-structure .mobile-scroll-container .mobile-value-card.mobile-main-image .block-content { padding-left: 20px; padding-right: 20px; } .block-values .mobile-structure .mobile-scroll-container .mobile-value-card .mobile-main-image:before { display: none; } .block-values .mobile-structure .mobile-scroll-container .mobile-value-card.mobile-main-block .mobile-title { padding: 28px 40px 46px; } .block-values .mobile-structure .mobile-scroll-container .mobile-value-card.mobile-main-block .mobile-title .toptit { font-size: 14px !important; line-height: 24px !important; letter-spacing: 1.4px !important; margin-bottom: 35px !important; color: #000000; } .block-values .mobile-structure .mobile-scroll-container .mobile-value-card.mobile-main-block .mobile-title .current-title p { font-size: clamp(20px, 1.28vw + 12.64px, 28px); line-height: 1.21; } .block-values .mobile-structure .mobile-scroll-container .mobile-value-card.mobile-main-block .mobile-title .current-title p:not(:last-child) { margin-bottom: 31px !important; } .block-top-title { text-align: center; } .block-top-title p:not(.has-large-font-size):not(.has-x-large-font-size) { letter-spacing: 0; line-height: 1.2; font-size: clamp(17px, 0.64vw + 13.32px, 21px) !important; font-size: clamp(17px, 0.64vw + 13.32px, 21px) !important; } @media (max-width: 575.98px) { .block-top-title p:not(.has-large-font-size):not(.has-x-large-font-size) { line-height: 1.42; } } @media (max-width: 575.98px) { .block-top-title p:not(.has-large-font-size):not(.has-x-large-font-size) { line-height: 1.42; } } .has-large-font-size { letter-spacing: 0; line-height: 1.2; font-size: clamp(17px, 0.64vw + 13.32px, 21px) !important; } @media (max-width: 575.98px) { .has-large-font-size { line-height: 1.42; } } .block-list-numbers { max-width: 1501px !important; padding-top: 53px; } .block-list-numbers .number { -ms-flex-item-align: stretch; align-self: stretch; padding-left: 15px; padding-right: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .block-list-numbers .number p { text-align: center; margin-bottom: 0 !important; } .block-list-numbers .number p:nth-of-type(1) { font-family: "Jost", sans-serif; font-weight: 400; font-style: normal; font-size: clamp(15.72px, 0.68vw + 11.78px, 20px); margin-bottom: 4px !important; display: block; } .block-list-numbers .number p:nth-of-type(2) { margin-top: auto !important; font-size: clamp(70.75px, 3.16vw + 39.43px, 90px); line-height: 1; font-family: "Jost", sans-serif; font-weight: 400; font-style: normal; } @media (max-width: 1199.98px) { .block-list-numbers { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-flow: row wrap !important; flex-flow: row wrap !important; } .block-list-numbers .number { -webkit-box-flex: 0 !important; -ms-flex: 0 0 33.3333333333% !important; flex: 0 0 33.3333333333% !important; max-width: 33.3333333333% !important; margin-bottom: 25px; } } @media (max-width: 767.98px) { .block-list-numbers { padding-top: 72px; } .block-list-numbers .number { -webkit-box-flex: 0 !important; -ms-flex: 0 0 50% !important; flex: 0 0 50% !important; max-width: 50% !important; margin-bottom: 66px; } .block-list-numbers .number:last-child { margin-bottom: 0; } .block-list-numbers .number p:nth-of-type(1) { margin-bottom: 21px !important; } .block-list-numbers .number p:nth-of-type(1) br { display: none; } } @media (max-width: 575.98px) { .block-list-numbers .number { -webkit-box-flex: 0 !important; -ms-flex: 0 0 100% !important; flex: 0 0 100% !important; max-width: 100% !important; } } .block-offices .block-top-title .has-x-large-font-size { margin-bottom: 34px !important; } .block-offices .wp-block-image { padding-top: 43px; } .block-offices .wp-block-image img { display: block; margin-left: auto; margin-right: auto; } .block-offices .list-office { padding-top: 77px; } .block-offices .list-office .has-x-large-font-size { text-transform: uppercase; margin-bottom: 81px !important; } .block-offices .list-office ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 0 30px; } .block-offices .list-office ul li { margin-bottom: 7px; -webkit-box-flex: 0; -ms-flex: 0 0 calc(33.3333333333% - 30px); flex: 0 0 calc(33.3333333333% - 30px); max-width: calc(33.3333333333% - 30px); margin-top: 0; font-family: "Jost", sans-serif; font-weight: 400; font-style: normal; text-transform: uppercase; font-size: 14px; line-height: 2.14; letter-spacing: 0.14px; padding-bottom: 6px; border-bottom: 1px solid rgb(232, 232, 232); } @media (max-width: 767.98px) { .block-offices .wp-block-image { padding-top: 76px; } .block-offices .has-x-large-font-size { margin-bottom: 84px !important; } .block-offices .list-office { padding-top: 135px; } .block-offices .list-office ul li { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding-bottom: 11px; } } .block-teams .block-top-title .has-x-large-font-size { margin-bottom: 34px !important; } .wp-block-team-members { padding-top: 51px; } .wp-block-team-members .team-subtitle { font-family: "Jost", sans-serif; font-weight: 500; font-style: normal; text-align: center; width: 100%; font-size: 13px; line-height: 2.307; letter-spacing: 2.34px; margin-bottom: 30px; text-transform: uppercase; } .wp-block-team-members .team-members-grid { text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -10px; margin-right: -10px; } .wp-block-team-members .team-members-grid .team-member { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; padding-left: 10px; padding-right: 10px; position: relative; } .wp-block-team-members .team-members-grid .team-member.active .team-member-description { opacity: 1; } .wp-block-team-members .team-members-grid .team-member-inner { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; } .wp-block-team-members .team-members-grid .team-member-image { position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: 100%; margin-bottom: 24px; } .wp-block-team-members .team-members-grid .team-member-image img { width: 100%; height: auto; -o-object-fit: cover; object-fit: cover; } .wp-block-team-members .team-members-grid .team-member-info { width: 100%; text-align: center; margin-top: auto; } .wp-block-team-members .team-members-grid .team-member-name { font-family: "Jost", sans-serif; font-weight: 400; letter-spacing: 2.16px; font-size: 12px; text-transform: uppercase; text-transform: uppercase; width: 100%; text-align: center; margin-bottom: 15px; } .wp-block-team-members .team-members-grid .team-member-description { background: #DEDEDE; opacity: 0; -webkit-transition: opacity 0.5s ease; transition: opacity 0.5s ease; position: absolute; left: 0; top: 0; bottom: 0; right: 0; width: 100%; height: 100%; padding-left: clamp(15px, 3.61vw + -20.8px, 37px); padding-right: clamp(15px, 3.61vw + -20.8px, 37px); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .wp-block-team-members .team-members-grid .team-member-description p { margin-bottom: 0 !important; } .wp-block-team-members .team-members-grid .team-member-role { font-size: 14px; font-family: "Jost", sans-serif; font-weight: 500; font-style: normal; text-transform: uppercase; line-height: 1; letter-spacing: 2.52px; margin-bottom: 0 !important; width: 100%; text-align: center; -webkit-transition: opacity 0.5s ease; transition: opacity 0.5s ease; cursor: pointer; } .wp-block-team-members .team-members-grid .team-member-role:hover { opacity: 0.5; } @media (max-width: 1199.98px) { .wp-block-team-members .team-members-grid .team-member { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; margin-bottom: 25px; } } @media (max-width: 991.98px) { .wp-block-team-members .team-members-grid .team-member { -webkit-box-flex: 0; -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } } @media (max-width: 767.98px) { .wp-block-team-members { padding-top: 58px; } .wp-block-team-members .team-subtitle { margin-bottom: 81px; } .wp-block-team-members .team-members-grid { margin-left: -13px; padding-left: 13px; margin-right: -40px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: nowrap; flex-flow: nowrap; -ms-scroll-snap-type: x mandatory; scroll-snap-type: x mandatory; overflow-x: auto; -webkit-overflow-scrolling: touch; scroll-behavior: smooth; /* to be able to check for "smooth" scroll in javascript */ gap: 0 20px; } .wp-block-team-members .team-members-grid::-webkit-scrollbar { width: 0px; background: transparent; /* make scrollbar transparent */ } .wp-block-team-members .team-members-grid .team-member { padding: 0; -webkit-box-flex: 0; -ms-flex: 0 0 78%; flex: 0 0 78%; max-width: 78%; scroll-snap-align: start; } .wp-block-team-members .team-members-grid .team-member-role { text-decoration: underline; text-decoration-thickness: 0.1em; text-underline-offset: 0.15em; font-size: 12px; line-height: 1.3; letter-spacing: 2.52px; } } .block-ethics, .block-footer { max-width: 858px !important; text-align: center; margin-left: auto; margin-right: auto; } .block-ethics .has-x-large-font-size, .block-footer .has-x-large-font-size { margin-bottom: 34px !important; } .block-ethics .has-xx-large-font-size, .block-footer .has-xx-large-font-size { margin-bottom: 24px !important; } .block-ethics .wp-block-buttons, .block-footer .wp-block-buttons { margin-top: clamp(59px, 6.08vw + 24.04px, 97px); } @media (max-width: 767.98px) { .block-ethics, .block-footer { margin-bottom: 78px; } .block-ethics .has-x-large-font-size, .block-footer .has-x-large-font-size { margin-bottom: 41px !important; } .block-ethics .has-xx-large-font-size, .block-footer .has-xx-large-font-size { margin-bottom: 28px !important; } } .block-footer { margin-top: clamp(160px, 20.32vw + 43.16px, 287px) !important; max-width: 1319px !important; padding-bottom: 42px; } .block-footer .has-x-large-font-size { margin-bottom: 18px !important; } .block-footer .has-xx-large-font-size { margin-bottom: 29px !important; } @media (max-width: 991.98px) { .block-footer { margin-bottom: 86px; padding-bottom: 0; } } @media (max-width: 767.98px) { .block-footer .has-x-large-font-size { margin-bottom: 21px !important; } .block-footer .has-xx-large-font-size { margin-bottom: 65px !important; } } .block-ethics { margin-top: clamp(126px, 10.94vw + 42px, 217px) !important; } .page-id-23 .block-ethics { margin-top: clamp(163px, 14.78vw + 49.46px, 286px) !important; } @media (max-width: 575.98px) { .page-id-23 .block-ethics { margin-bottom: 111px; } } @media (max-width: 767.98px) { .page-id-10 .block-ethics { margin-bottom: 76px !important; } } .block-good { margin-bottom: clamp(46px, 17.6vw + -55.2px, 156px); } .block-good h2 { margin-bottom: 88px; } .block-good .wp-block-columns { gap: 0 15px; } .block-good .wp-block-columns .wp-block-column { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .block-good .item-good { position: relative; } .block-good .item-good img { width: 100%; } .block-good .item-good .text { position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; padding-bottom: 42px; } .block-good .item-good .text p { color: #ffffff; } .block-good .item-good .text p:first-child { margin-bottom: 6px !important; text-transform: uppercase; font-family: "Jost", sans-serif; font-weight: 500; font-style: normal; font-size: clamp(14px, 0.64vw + 10.32px, 18px) !important; line-height: 1.333; letter-spacing: clamp(1.6px, 0.03vw + 1.42px, 1.8px) !important; font-size: clamp(12px, 0.96vw + 6.48px, 18px) !important; letter-spacing: clamp(1.1px, 0.11vw + 0.46px, 1.8px) !important; } @media screen and (max-width: 575.99px) { .block-good .item-good .text p:first-child { letter-spacing: 1.4px !important; } } .block-good .item-good .text p:last-child { font-size: clamp(30px, 1.2vw + 20.77px, 40px); line-height: 1.2; font-size: clamp(30px, 0.98vw + 24.39px, 40px); margin-bottom: 0 !important; } @media screen and (max-width: 575.99px) { .block-good .item-good .text p:last-child { line-height: 1.11; } } .block-good .swiper-pagination { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 20px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; gap: 0 4px; } .block-good .swiper-pagination .swiper-pagination-bullet { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; -webkit-box-shadow: none; box-shadow: none; font-size: 0; width: 6px; -webkit-box-flex: 0 !important; -ms-flex: 0 0 6px !important; flex: 0 0 6px !important; max-width: 6px !important; height: 6px !important; background: #DEDEDE; border-radius: 50%; opacity: 0.7; } .block-good .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { opacity: 1; } @media (max-width: 767.98px) { .block-good { padding-left: 0 !important; padding-right: 0 !important; } .block-good .swiper-container { overflow: hidden; } .block-good .wp-block-heading { max-width: 378px !important; margin-bottom: 74px; } .block-good .item-good .text { padding-bottom: 53px; } .block-good .item-good .text p:first-child { margin-bottom: 7px !important; } } .list-brand-slider { padding-top: clamp(44px, 4.48vw + 18.24px, 72px); overflow: hidden; position: relative; padding-left: 0px !important; padding-right: 0px !important; } .list-brand-slider.block-editor-block-list__block .wp-block-gallery { padding-left: 30px; padding-right: 30px; -ms-flex-wrap: wrap; flex-wrap: wrap; } .list-brand-slider.block-editor-block-list__block .wp-block-gallery .wp-block-image { width: -webkit-fit-content !important; width: -moz-fit-content !important; width: fit-content !important; } .list-brand-slider.block-editor-block-list__block .wp-block-gallery .wp-block-image > div { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .list-brand-slider.block-editor-block-list__block .wp-block-gallery .wp-block-image > div img { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .list-brand-slider .wp-block-gallery { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; gap: 0px 43px !important; } .list-brand-slider .wp-block-gallery .wp-block-image { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; } .list-brand-slider .wp-block-gallery .wp-block-image img { display: block; max-width: 100%; -o-object-fit: none; object-fit: none; height: auto; margin: 0 auto; } .block-brand { padding-left: 47.5px; padding-right: 47.5px; background: -webkit-gradient(linear, left top, left bottom, from(rgb(255, 255, 255)), color-stop(130%, rgb(205, 146, 146))); background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(205, 146, 146) 130%); } .block-brand .top { text-align: center; padding-top: 114px; padding-bottom: clamp(90px, 20.96vw + -30.52px, 221px); } .block-brand .top .wp-block-post-title { font-family: "Jost", sans-serif; font-weight: 500; font-style: normal; display: block; text-transform: uppercase; font-size: 24px; letter-spacing: 4.32px; margin-bottom: 57px; } .block-brand .top p { letter-spacing: 0; line-height: 1.2; font-size: clamp(17px, 0.64vw + 13.32px, 21px) !important; margin-bottom: 0 !important; } @media (max-width: 575.98px) { .block-brand .top p { line-height: 1.42; } } .block-brand .wp-block-gallery { padding-bottom: clamp(86px, 12.32vw + 15.16px, 163px); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; max-width: 1438px !important; margin-left: auto; margin-right: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 54px 100px; width: 100%; } .block-brand .wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) img { -o-object-fit: contain; object-fit: contain; } .block-brand .wp-block-gallery img { cursor: pointer; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .block-brand .wp-block-gallery img:hover { opacity: 0.2; } .block-brand .wp-block-gallery figure.block-editor-block-list__block { width: -webkit-fit-content !important; width: -moz-fit-content !important; width: fit-content !important; } .block-brand .wp-block-gallery .wp-block-image, .block-brand .wp-block-gallery > div { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; text-align: center; } @media (max-width: 991.98px) { .block-brand .top .wp-block-post-title { font-size: 30px; letter-spacing: 5.4px; } .block-brand .wp-block-gallery { gap: 61px 100px; } } @media (max-width: 575.98px) { .block-brand { background: -webkit-gradient(linear, left top, left bottom, from(rgb(255, 255, 255)), to(rgb(205, 146, 146))); background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(205, 146, 146) 100%); } .block-brand .wp-block-gallery { gap: 61px 0; } .block-brand .wp-block-gallery .wp-block-image { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .block-brand .top .wp-block-post-title { margin-bottom: 53px; } .block-brand .top p { max-width: 310px; } } .block-intro-contact { padding-left: 47.5px; padding-right: 47.5px; } .block-intro-contact .top { text-align: center; padding-top: 114px; padding-bottom: clamp(113px, 10.24vw + 54.12px, 177px); } .block-intro-contact .top .wp-block-post-title { font-family: "Jost", sans-serif; font-weight: 500; font-style: normal; display: block; text-transform: uppercase; font-size: 24px; letter-spacing: 4.32px; margin-bottom: 74px; } .block-intro-contact .top p { letter-spacing: 0; line-height: 1.2; font-size: clamp(17px, 0.64vw + 13.32px, 21px) !important; margin-bottom: 0 !important; } @media (max-width: 575.98px) { .block-intro-contact .top p { line-height: 1.42; } } .block-intro-contact .wp-block-gallery { padding-bottom: 163px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; max-width: 1268px !important; margin-left: auto; margin-right: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 54px 100px; width: 100%; } .block-intro-contact .wp-block-gallery .wp-block-image { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; text-align: center; } @media (max-width: 991.98px) { .block-intro-contact .top .wp-block-post-title { font-size: 30px; letter-spacing: 5.4px; } .block-intro-contact .wp-block-gallery { gap: 61px 100px; } } .scroll-top { width: 40px; height: 46px; border-radius: 10px; position: fixed; right: 20px; bottom: 20px; z-index: 99; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: white; overflow: hidden; pointer-events: none; opacity: 0; -webkit-transition: opacity 0.3s ease, background-color 0.3s ease, width 0.3s ease; transition: opacity 0.3s ease, background-color 0.3s ease, width 0.3s ease; cursor: pointer; } .scroll-top-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .scroll-top .icon-svg { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .scroll-top p { width: 108px; position: absolute; right: 10px; top: 50%; -webkit-transform: translateY(-50%) translateX(20px); transform: translateY(-50%) translateX(20px); opacity: 0; color: rgb(30, 30, 30); font-family: "Jost", sans-serif; font-weight: 400; font-style: normal; font-size: 12px; letter-spacing: 2.16px; text-transform: uppercase; -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease; transition: opacity 0.3s ease, -webkit-transform 0.3s ease; transition: opacity 0.3s ease, transform 0.3s ease; transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease; } @media (min-width: 992px) { .scroll-top:hover { width: 128px; } .scroll-top:hover .icon-svg { opacity: 0; } .scroll-top:hover p { -webkit-transform: translateY(-50%) translateX(0); transform: translateY(-50%) translateX(0); opacity: 1; } } .scroll-top img { -webkit-transition: -webkit-filter 0.3s ease; transition: -webkit-filter 0.3s ease; transition: filter 0.3s ease; transition: filter 0.3s ease, -webkit-filter 0.3s ease; } .scroll-top.appear { opacity: 1; pointer-events: all; } .wp-block-gallery.products figure { position: relative; } .wp-block-gallery.products figure.white figcaption { color: #ffffff !important; } .wp-block-gallery.products figure figcaption { margin-top: 0; font-family: "Jost", sans-serif; font-weight: 500; font-style: normal; text-transform: uppercase; font-size: clamp(12px, 3.08vw + 0.46px, 14px); letter-spacing: 1.4px; bottom: clamp(50px, 38.46vw + -94.23px, 75px); position: absolute; left: 50% !important; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 100%; text-align: center; z-index: 10; } .wp-block-gallery.products:not(.block-editor-block-list__block) { position: absolute; left: 0; right: 0; bottom: 0; top: 0; pointer-events: none; opacity: 0; visibility: hidden; -webkit-transition: opacity 0.3s ease, visibility 0.3s ease; transition: opacity 0.3s ease, visibility 0.3s ease; overflow: hidden; } .wp-block-gallery.products:not(.block-editor-block-list__block) .slick-slide { background: #F4F4F4; } .wp-block-gallery.products:not(.block-editor-block-list__block) .slick-slide.white { background: #000000; } @media (min-width: 768px) { .wp-block-gallery.products:not(.block-editor-block-list__block) { height: 100%; width: 100%; } .wp-block-gallery.products:not(.block-editor-block-list__block) .slick-list { height: 100%; width: 100%; } .wp-block-gallery.products:not(.block-editor-block-list__block) .slick-list .slick-track { height: 100%; background: #F3F3F3; } .wp-block-gallery.products:not(.block-editor-block-list__block) .slick-list .slick-track figure { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .wp-block-gallery.products:not(.block-editor-block-list__block) .slick-list .slick-track img { -o-object-fit: contain; object-fit: contain; } } @media screen and (max-width: 1500px) and (min-width: 768px) { .wp-block-gallery.products:not(.block-editor-block-list__block) { overflow: clip; } .wp-block-gallery.products:not(.block-editor-block-list__block) .slick-list { height: 100%; width: 100%; overflow: visible; } .wp-block-gallery.products:not(.block-editor-block-list__block) .slick-list .slick-track { height: 100%; background: #F4F4F4; } .wp-block-gallery.products:not(.block-editor-block-list__block) .slick-list .slick-track .slick-slide { height: auto; position: -webkit-sticky; position: sticky; top: 113px; } .wp-block-gallery.products:not(.block-editor-block-list__block) .slick-list .slick-track figure { position: relative; } .wp-block-gallery.products:not(.block-editor-block-list__block) .slick-list .slick-track img { max-width: 80%; } } @media (max-width: 767.98px) { .wp-block-gallery.products:not(.block-editor-block-list__block) .slick-slide img { -o-object-fit: contain !important; object-fit: contain !important; } } .wp-block-gallery.products:not(.block-editor-block-list__block).active { opacity: 1; visibility: visible; pointer-events: all; } .wp-block-gallery.products:not(.block-editor-block-list__block) .block-controls-slider { position: absolute; left: 0; width: 100%; bottom: clamp(8px, 3.83vw + -29.93px, 16px); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .wp-block-gallery.products:not(.block-editor-block-list__block) .block-controls-slider .dots { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 0 clamp(4px, 2vw + -3.5px, 8px); } .wp-block-gallery.products:not(.block-editor-block-list__block) .block-controls-slider .dots .dot { width: 8px; height: 8px; padding: 0; font-size: 0; border-radius: 50%; background-color: rgb(217, 217, 217); -webkit-transition: background-color 0.3s ease, border-radius 0.3s ease, width 0.3s ease; transition: background-color 0.3s ease, border-radius 0.3s ease, width 0.3s ease; cursor: pointer; } .wp-block-gallery.products:not(.block-editor-block-list__block) .block-controls-slider .dots .dot:hover { background-color: #000000; } .wp-block-gallery.products:not(.block-editor-block-list__block) .block-controls-slider .dots .dot.white.active { background: #ffffff; } .wp-block-gallery.products:not(.block-editor-block-list__block) .block-controls-slider .dots .dot.active { background-color: black; width: 25px; border-radius: 99px; } .wp-block-gallery.products:not(.block-editor-block-list__block) .block-controls-slider .icon { width: 24px; height: 24px; border-radius: 50%; position: relative; -webkit-transition: background-color 0.3s ease; transition: background-color 0.3s ease; background: #ffffff; cursor: pointer; } .wp-block-gallery.products:not(.block-editor-block-list__block) .block-controls-slider .icon:before, .wp-block-gallery.products:not(.block-editor-block-list__block) .block-controls-slider .icon:after { content: ""; position: absolute; z-index: 10; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 5px; height: 8px; background-repeat: no-repeat; background-position: center; background-size: contain; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .wp-block-gallery.products:not(.block-editor-block-list__block) .block-controls-slider .icon:hover { background: #000000; } .wp-block-gallery.products:not(.block-editor-block-list__block) .block-controls-slider .icon:hover:before { opacity: 0 !important; } .wp-block-gallery.products:not(.block-editor-block-list__block) .block-controls-slider .icon:hover:after { opacity: 1 !important; } .wp-block-gallery.products:not(.block-editor-block-list__block) .block-controls-slider .icon.prev { margin-right: 20px; } .wp-block-gallery.products:not(.block-editor-block-list__block) .block-controls-slider .icon.prev:before { background-image: url("../images/icon-arrow-left.svg"); } .wp-block-gallery.products:not(.block-editor-block-list__block) .block-controls-slider .icon.prev:after { opacity: 0; background-image: url("../images/icon-arrow-left-white.svg"); } .wp-block-gallery.products:not(.block-editor-block-list__block) .block-controls-slider .icon.next { margin-left: 20px; } .wp-block-gallery.products:not(.block-editor-block-list__block) .block-controls-slider .icon.next:before { background-image: url("../images/icon-arrow-right.svg"); } .wp-block-gallery.products:not(.block-editor-block-list__block) .block-controls-slider .icon.next:after { opacity: 0; background-image: url("../images/icon-arrow-right-white.svg"); } @media (max-width: 767.98px) { .wp-block-gallery.products:not(.block-editor-block-list__block) { max-width: calc(100% - 80px); left: 40px; } } .has-xx-large-font-size { font-family: "Jost", sans-serif; font-weight: 400; font-style: normal; font-size: clamp(30px, 1.6vw + 20.8px, 40px) !important; line-height: 1.2; } .has-xx-large-font-size strong { font-family: "Jost", sans-serif; font-weight: 600; font-style: normal; } @media (max-width: 767.98px) { .has-xx-large-font-size { line-height: 1.11; letter-spacing: 0; } } .has-x-large-font-size { font-family: "Jost", sans-serif; font-weight: 500; font-style: normal; font-size: clamp(14px, 0.64vw + 10.32px, 18px) !important; line-height: 1.333; letter-spacing: clamp(1.6px, 0.03vw + 1.42px, 1.8px) !important; text-transform: uppercase; margin-bottom: 20px; } @media screen and (max-width: 575.99px) { .has-x-large-font-size { letter-spacing: 1.4px !important; } } .slider-beauty { margin-top: 0 !important; overflow: hidden; padding-left: clamp(20px, 6.37vw + -28.89px, 47.5px) !important; padding-bottom: clamp(9px, 11.81vw + -81.67px, 60px) !important; position: relative; gap: 0; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } .slider-beauty .swiper-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) !important; transition: -webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) !important; transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) !important; transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) !important; } .slider-beauty .swiper-slide > .wp-block-group { overflow: hidden; } .slider-beauty .swiper-slide > .wp-block-group.active .text { opacity: 1; } .slider-beauty .swiper-slide > .wp-block-group.active figure img { -webkit-filter: blur(144px); filter: blur(144px); } .slider-beauty .wp-element-caption { position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; font-size: clamp(21.1px, 0.46vw + 18.43px, 24px); line-height: 1.2; letter-spacing: 0; z-index: 19; color: #ffffff; margin-bottom: clamp(21px, 2.72vw + 5.36px, 38px); pointer-events: auto; cursor: pointer; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 0.15em; } .slider-beauty .wp-element-caption:hover { color: rgb(169, 165, 165); } .slider-beauty .swiper-button-prev { left: 63px; } .slider-beauty .swiper-button-prev:before, .slider-beauty .swiper-button-prev:after { -webkit-transform: translate(-50%, -50%) rotate(180deg) !important; transform: translate(-50%, -50%) rotate(180deg) !important; } .slider-beauty .swiper-button-next { right: 63px; } .slider-beauty .swiper-button-prev, .slider-beauty .swiper-button-next { background: #ffffff; width: 31px; height: 45px; border-radius: 4px; position: absolute; top: 45.7%; z-index: 10; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: background 0.5s ease, opacity 0.5s ease; transition: background 0.5s ease, opacity 0.5s ease; cursor: pointer; } .slider-beauty .swiper-button-prev.swiper-button-disabled, .slider-beauty .swiper-button-next.swiper-button-disabled { opacity: 0; pointer-events: none; } .slider-beauty .swiper-button-prev:before, .slider-beauty .swiper-button-prev:after, .slider-beauty .swiper-button-next:before, .slider-beauty .swiper-button-next:after { content: ""; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 15px; height: 7px; background-repeat: no-repeat; background-position: center; background-size: contain; -webkit-transition: opacity 0.5s ease; transition: opacity 0.5s ease; } .slider-beauty .swiper-button-prev:before, .slider-beauty .swiper-button-next:before { background-image: url("../images/icon-slider-right.svg"); } .slider-beauty .swiper-button-prev:after, .slider-beauty .swiper-button-next:after { background-image: url("../images/icon-slider-right-black.svg"); opacity: 0; } .slider-beauty .swiper-button-prev:hover, .slider-beauty .swiper-button-next:hover { background: #000000; } .slider-beauty .swiper-button-prev:hover:before, .slider-beauty .swiper-button-next:hover:before { opacity: 0; } .slider-beauty .swiper-button-prev:hover:after, .slider-beauty .swiper-button-next:hover:after { opacity: 1; } .slider-beauty .text { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; opacity: 0; } .slider-beauty .text .inner { padding-right: clamp(50px, 10.65vw + -31.78px, 96px); padding-left: clamp(50px, 10.65vw + -31.78px, 96px); } .slider-beauty .text .inner p { letter-spacing: 0; line-height: 1.2; font-size: clamp(17px, 0.64vw + 13.32px, 21px) !important; color: #ffffff; line-height: 1.2; text-align: center; margin-bottom: 0; letter-spacing: 0; font-size: clamp(17px, 0.64vw + 13.32px, 21px) !important; } @media (max-width: 575.98px) { .slider-beauty .text .inner p { line-height: 1.42; } } @media (max-width: 575.98px) { .slider-beauty .text .inner p { line-height: 1.42; } } .slider-beauty figure:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: -webkit-gradient(linear, left top, left bottom, color-stop(55%, rgba(0, 0, 0, 0)), to(rgb(0, 0, 0))); background: linear-gradient(180deg, rgba(0, 0, 0, 0) 55%, rgb(0, 0, 0) 100%); opacity: 0.55; z-index: 10; } .slider-beauty figure img { width: 100%; -webkit-transition: -webkit-filter 0.3s ease; transition: -webkit-filter 0.3s ease; transition: filter 0.3s ease; transition: filter 0.3s ease, -webkit-filter 0.3s ease; } .slider-beauty .swiper-pagination { width: 100%; display: none; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; left: 0; bottom: 13px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; z-index: 10; gap: 0 4.5px; } .slider-beauty .swiper-pagination .swiper-pagination-bullet { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; -webkit-box-shadow: none; box-shadow: none; font-size: 0; width: 4.5px; -webkit-box-flex: 0 !important; -ms-flex: 0 0 4.5px !important; flex: 0 0 4.5px !important; max-width: 4.5px !important; height: 4.5px !important; background: #DEDEDE; border-radius: 50%; opacity: 0.7; } .slider-beauty .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { opacity: 1; } @media (max-width: 575.98px) { .slider-beauty { width: calc(100% - 40px); margin-left: auto; margin-right: auto; padding-left: 0px !important; padding-right: 0px !important; overflow: hidden; border-radius: 11px; padding-bottom: 0px !important; margin-bottom: 9px; } .slider-beauty .swiper-pagination { display: -webkit-box; display: -ms-flexbox; display: flex; } .slider-beauty .swiper-slide:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: -webkit-gradient(linear, left top, left bottom, color-stop(55%, rgba(0, 0, 0, 0)), to(rgb(0, 0, 0))); background: linear-gradient(180deg, rgba(0, 0, 0, 0) 55%, rgb(0, 0, 0) 100%); opacity: 0.55; z-index: 10; } .slider-beauty .swiper-slide .wp-element-caption { z-index: 12; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 0.15em; } .slider-beauty img { min-height: 586px; border-radius: 11px; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .slider-beauty .swiper-button-next, .slider-beauty .swiper-button-prev { display: none; } } .contenu-simple { margin-top: clamp(30px, 5.92vw + -4.04px, 67px) !important; max-width: 910px !important; margin-left: auto !important; margin-right: auto !important; padding-left: 40px; padding-right: 40px; } .contenu-simple h1 { font-family: "Jost", sans-serif; font-weight: 400; font-style: normal; font-size: clamp(45px, 0.8vw + 40.4px, 50px) !important; line-height: 1.2; margin-bottom: clamp(30px, 5.92vw + -4.04px, 67px) !important; } .collapse-content-item { display: none; } .collapse-content-item.active { display: block; } *, *::before, *::after { -webkit-box-sizing: inherit; box-sizing: inherit; } * { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; text-rendering: optimizeLegibility; } * { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; } html { font-size: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; scroll-behavior: smooth; } body { min-width: 320px; font-family: var(--default-font-family); font-size: var(--default-font-size); font-weight: var(--default-font-weight); line-height: var(--default-line-height); color: rgb(30, 30, 30); } body.no-scroll { overflow: hidden; } body.overflow { overflow: hidden; } body.overflow:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; position: fixed; background-color: rgba(0, 0, 0, 0.7); z-index: 29; } /* ============================================ * * Global * ============================================ */ html, body { height: 100%; } .wrap { margin: 0 auto; max-width: calc(var(--g-max-content-width) + var(--g-gutter) * 2); /* Try to delete gutter to a better pixel perfect style */ padding-inline: var(--g-gutter); } .site { overflow: hidden; } /*.site-main { @include wrap(); position: relative; }*/ .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { margin-left: 0; margin-right: 0; max-width: 100%; } :root :where(.wp-block-columns-is-layout-flex) { gap: 0; } :root :where(.is-layout-flow) > * { margin-top: 0; margin-bottom: 0; } p { margin-bottom: clamp(24px, 1.44vw + 15.71px, 30px) !important; } :root :where(.is-layout-constrained) > * { -webkit-margin-before: 0; margin-block-start: 0; } h2.wp-block-heading { font-size: clamp(30px, 1.2vw + 20.77px, 40px); line-height: 1.2; } @media screen and (max-width: 575.99px) { h2.wp-block-heading { line-height: 1.11; } } .is-style-surheader, .toptit { font-family: "Jost", sans-serif; font-weight: 500; font-style: normal; font-size: clamp(14px, 0.64vw + 10.32px, 18px) !important; line-height: 1.333; letter-spacing: clamp(1.6px, 0.03vw + 1.42px, 1.8px) !important; text-transform: uppercase; font-family: "Jost", sans-serif; font-weight: 500; font-style: normal; margin-bottom: 30px; } @media screen and (max-width: 575.99px) { .is-style-surheader, .toptit { letter-spacing: 1.4px !important; } } #masthead { background: #000000; width: 100%; z-index: 100; position: fixed; padding-top: 10px; padding-bottom: 10px; top: 0; left: 0; border-bottom: 1px solid #DEDEDE; } #masthead nav { margin-left: auto; margin-right: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } #masthead nav .menu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #masthead nav .menu > li { -ms-flex-item-align: stretch; align-self: stretch; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; } #masthead nav .menu > li.left { margin-left: auto; } #masthead nav .menu > li:not(.logo) { top: 2px; } #masthead nav .menu > li:not(.logo) > a { -ms-flex-item-align: stretch; align-self: stretch; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; } #masthead nav .menu > li:not(.logo) > a:before { content: ""; display: block; width: 150%; height: 3px; background-color: #ffffff; pointer-events: none; position: absolute; left: -25%; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: right; transform-origin: right; -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.406, 0, 0.098, 1); transition: -webkit-transform 0.5s cubic-bezier(0.406, 0, 0.098, 1); transition: transform 0.5s cubic-bezier(0.406, 0, 0.098, 1); transition: transform 0.5s cubic-bezier(0.406, 0, 0.098, 1), -webkit-transform 0.5s cubic-bezier(0.406, 0, 0.098, 1); bottom: -10px; } #masthead nav .menu > li:hover a:before { -webkit-transform-origin: left; transform-origin: left; -webkit-transform: scaleX(1); transform: scaleX(1); } #masthead nav .menu > li.open > a:before { -webkit-transform-origin: left; transform-origin: left; -webkit-transform: scaleX(1); transform: scaleX(1); } #masthead nav #primary-menu { height: 92px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 0 clamp(10px, 6.57vw + -55.09px, 50px); position: relative; } @media screen and (min-width: 1300px) { #masthead nav #primary-menu { padding-left: 15.7407407407vw; padding-right: 6.5972222222vw; } } @media screen and (max-width: 1299.99px) and (min-width: 991px) { #masthead nav #primary-menu { padding-left: 20px; padding-right: 20px; } } #masthead nav #primary-menu .logo { position: absolute; margin: 0 auto; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: clamp(140px, 14.35vw + -2.25px, 170px); } #masthead nav #primary-menu > li a { font-size: clamp(12px, 0.96vw + 2.52px, 14px); text-transform: uppercase; color: #ffffff; font-family: "Jost", sans-serif; font-weight: 500; font-style: normal; letter-spacing: 2.52px; text-decoration: none; } #masthead nav #primary-menu > li .sub-menu { position: absolute; left: 0; top: 103px; pointer-events: none; z-index: 10; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-top: 33px; padding-bottom: 33px; gap: 0 56px; } #masthead nav #primary-menu > li .sub-menu li { position: relative; overflow: hidden; } #masthead nav #primary-menu > li .sub-menu li a { display: block; -webkit-transform: translateY(40px); transform: translateY(40px); } @media (max-width: 991.98px) { #masthead nav #primary-menu > li .sub-menu li a:not(.menu-back-link) { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; } } #masthead nav #primary-menu > li .sub-menu li:nth-child(1) a { -webkit-transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.27s, background 250ms ease, -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.27s; transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.27s, background 250ms ease, -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.27s; transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.27s, transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.27s, background 250ms ease; transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.27s, transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.27s, background 250ms ease, -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.27s; } #masthead nav #primary-menu > li .sub-menu li:nth-child(2) a { -webkit-transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.32s, background 250ms ease, -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.32s; transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.32s, background 250ms ease, -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.32s; transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.32s, transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.32s, background 250ms ease; transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.32s, transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.32s, background 250ms ease, -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.32s; } #masthead nav #primary-menu > li .sub-menu li:nth-child(3) a { -webkit-transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.37s, background 250ms ease, -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.37s; transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.37s, background 250ms ease, -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.37s; transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.37s, transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.37s, background 250ms ease; transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.37s, transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.37s, background 250ms ease, -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.37s; } #masthead nav #primary-menu > li .sub-menu li:nth-child(4) a { -webkit-transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.42s, background 250ms ease, -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.42s; transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.42s, background 250ms ease, -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.42s; transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.42s, transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.42s, background 250ms ease; transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.42s, transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.42s, background 250ms ease, -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.42s; } #masthead nav #primary-menu > li .sub-menu li:nth-child(5) a { -webkit-transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.47s, background 250ms ease, -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.47s; transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.47s, background 250ms ease, -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.47s; transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.47s, transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.47s, background 250ms ease; transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.47s, transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.47s, background 250ms ease, -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.47s; } #masthead nav #primary-menu > li .sub-menu li:nth-child(6) a { -webkit-transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.52s, background 250ms ease, -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.52s; transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.52s, background 250ms ease, -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.52s; transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.52s, transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.52s, background 250ms ease; transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.52s, transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.52s, background 250ms ease, -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.52s; } #masthead nav #primary-menu > li .sub-menu li:nth-child(7) a { -webkit-transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.57s, background 250ms ease, -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.57s; transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.57s, background 250ms ease, -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.57s; transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.57s, transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.57s, background 250ms ease; transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.57s, transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.57s, background 250ms ease, -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.57s; } #masthead nav #primary-menu > li .sub-menu li:nth-child(8) a { -webkit-transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.62s, background 250ms ease, -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.62s; transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.62s, background 250ms ease, -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.62s; transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.62s, transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.62s, background 250ms ease; transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.62s, transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.62s, background 250ms ease, -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.62s; } #masthead nav #primary-menu > li .sub-menu li:nth-child(9) a { -webkit-transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.67s, background 250ms ease, -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.67s; transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.67s, background 250ms ease, -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.67s; transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.67s, transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.67s, background 250ms ease; transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.67s, transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.67s, background 250ms ease, -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.67s; } #masthead nav #primary-menu > li .sub-menu:before { content: ""; position: absolute; left: 0; top: 0; z-index: -1; width: 100%; height: 100%; background-color: #000000; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: bottom; transform-origin: bottom; -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.406, 0, 0.098, 1); transition: -webkit-transform 0.6s cubic-bezier(0.406, 0, 0.098, 1); transition: transform 0.6s cubic-bezier(0.406, 0, 0.098, 1); transition: transform 0.6s cubic-bezier(0.406, 0, 0.098, 1), -webkit-transform 0.6s cubic-bezier(0.406, 0, 0.098, 1); -webkit-transition-delay: 0.33s; transition-delay: 0.33s; } #masthead nav #primary-menu > li .sub-menu .menu-item-back { -webkit-transform: translateY(40px); transform: translateY(40px); opacity: 0; -webkit-transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.22s, background 250ms ease, -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.22s; transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.22s, background 250ms ease, -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.22s; transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.22s, transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.22s, background 250ms ease; transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.22s, transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.22s, background 250ms ease, -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.22s; } #masthead nav #primary-menu > li .sub-menu.open { pointer-events: all; z-index: 100; } #masthead nav #primary-menu > li .sub-menu.open:before { -webkit-transition-delay: 0s; transition-delay: 0s; -webkit-transform-origin: top; transform-origin: top; -webkit-transform: scaleY(1); transform: scaleY(1); } #masthead nav #primary-menu > li .sub-menu.open .menu-item-back { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } #masthead nav #primary-menu > li .sub-menu.open li a { -webkit-transform: translateY(0); transform: translateY(0); } #masthead > .left, #masthead > .middle, #masthead > .right, #masthead .mobile { display: none; } #masthead #hamburger { cursor: pointer; position: relative; right: 0; width: 29px; height: 12px; z-index: 20; top: 5px; } #masthead #hamburger span { display: inline-block; position: relative; vertical-align: middle; width: 100%; height: 100%; } #masthead #hamburger span:before, #masthead #hamburger span:after { background-color: #ffffff; color: #ffffff; content: ""; display: block; height: 2px; left: 50%; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%) rotate(0deg); transform: translate(-50%, -50%) rotate(0deg); width: 100%; } #masthead #hamburger span:before { -webkit-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } #masthead #hamburger.active span:before { -webkit-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); -webkit-transition-delay: 0.15s; transition-delay: 0.15s; } #masthead #hamburger span:after { -webkit-box-shadow: 0 6px 0 0, 0 -6px 0 0; box-shadow: 0 6px 0 0, 0 -6px 0 0; -webkit-transition: -webkit-transform 0.15s ease-out, box-shadow 0.2s 0.15s; transition: -webkit-transform 0.15s ease-out, box-shadow 0.2s 0.15s; -webkit-transition: -webkit-transform 0.15s ease-out, -webkit-box-shadow 0.2s 0.15s; transition: -webkit-transform 0.15s ease-out, -webkit-box-shadow 0.2s 0.15s; transition: transform 0.15s ease-out, box-shadow 0.2s 0.15s; transition: transform 0.15s ease-out, box-shadow 0.2s 0.15s, -webkit-transform 0.15s ease-out, -webkit-box-shadow 0.2s 0.15s; } #masthead #hamburger:hover span:after { -webkit-box-shadow: 0 8px 0 0, 0 -8px 0 0; box-shadow: 0 8px 0 0, 0 -8px 0 0; -webkit-transition-delay: 0s; transition-delay: 0s; } #masthead #hamburger.active span:after { -webkit-box-shadow: 0 0 0 0, 0 0 0 0; box-shadow: 0 0 0 0, 0 0 0 0; -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); -webkit-transition-delay: 0.15s, 0s; transition-delay: 0.15s, 0s; } @media (max-width: 991.98px) { #masthead { padding-top: 24px; padding-bottom: 20px; padding-left: 24px; padding-right: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } #masthead > .left, #masthead > .middle, #masthead > .right { display: block; } #masthead > .left { height: 27px; } #masthead > .left img { top: -2px; position: relative; width: 30px; height: auto; -o-object-fit: contain; object-fit: contain; max-width: 30px; } #masthead > .right { top: -6px; position: relative; } #masthead .mobile { margin-top: auto; width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; display: block; } #masthead .main-navigation { position: fixed; pointer-events: none; overflow: auto; height: 100%; top: 0; left: 0; width: 100%; max-width: 100%; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding-top: 64px; padding-left: 25px; padding-right: 25px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; } #masthead .main-navigation:before { content: ""; position: fixed; max-width: 100%; left: 0; top: 0; width: 100%; height: 100%; background: #000000; z-index: -1; -webkit-transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955), -webkit-transform 800ms cubic-bezier(0.406, 0, 0.098, 1); transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955), -webkit-transform 800ms cubic-bezier(0.406, 0, 0.098, 1); transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955), transform 800ms cubic-bezier(0.406, 0, 0.098, 1); transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955), transform 800ms cubic-bezier(0.406, 0, 0.098, 1), -webkit-transform 800ms cubic-bezier(0.406, 0, 0.098, 1); pointer-events: none; -webkit-transform-origin: bottom; transform-origin: bottom; -webkit-transition-delay: 0.33s; transition-delay: 0.33s; -webkit-transform: scaleY(0); transform: scaleY(0); } #masthead .main-navigation .mobile { opacity: 0; -webkit-transform: translateY(40px); transform: translateY(40px); -webkit-transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.56s, -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.56s; transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.56s, -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.56s; transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.56s, transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.56s; transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.56s, transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.56s, -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.56s; } #masthead .main-navigation.active { opacity: 1; pointer-events: all; } #masthead .main-navigation.active .mobile { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } #masthead .main-navigation.active:before { -webkit-transition-delay: 0s; transition-delay: 0s; -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: top; transform-origin: top; } #masthead .main-navigation.active #primary-menu > li > a { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } #masthead .main-navigation #primary-menu { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; height: auto; } #masthead .main-navigation #primary-menu > li { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-bottom: 56px; overflow: hidden; } #masthead .main-navigation #primary-menu > li:last-of-type { margin-bottom: 72px; } #masthead .main-navigation #primary-menu > li > a { -webkit-transform: translateY(40px); transform: translateY(40px); opacity: 0; } #masthead .main-navigation #primary-menu > li:nth-child(1) > a { -webkit-transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.27s, background 250ms ease, -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.27s; transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.27s, background 250ms ease, -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.27s; transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.27s, transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.27s, background 250ms ease; transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.27s, transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.27s, background 250ms ease, -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.27s; } #masthead .main-navigation #primary-menu > li:nth-child(2) > a { -webkit-transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.32s, background 250ms ease, -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.32s; transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.32s, background 250ms ease, -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.32s; transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.32s, transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.32s, background 250ms ease; transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.32s, transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.32s, background 250ms ease, -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.32s; } #masthead .main-navigation #primary-menu > li:nth-child(3) > a { -webkit-transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.37s, background 250ms ease, -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.37s; transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.37s, background 250ms ease, -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.37s; transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.37s, transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.37s, background 250ms ease; transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.37s, transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.37s, background 250ms ease, -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.37s; } #masthead .main-navigation #primary-menu > li:nth-child(4) > a { -webkit-transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.42s, background 250ms ease, -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.42s; transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.42s, background 250ms ease, -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.42s; transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.42s, transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.42s, background 250ms ease; transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.42s, transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.42s, background 250ms ease, -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.42s; } #masthead .main-navigation #primary-menu > li:nth-child(5) > a { -webkit-transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.47s, background 250ms ease, -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.47s; transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.47s, background 250ms ease, -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.47s; transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.47s, transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.47s, background 250ms ease; transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.47s, transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.47s, background 250ms ease, -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.47s; } #masthead .main-navigation #primary-menu > li:nth-child(6) > a { -webkit-transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.52s, background 250ms ease, -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.52s; transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.52s, background 250ms ease, -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.52s; transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.52s, transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.52s, background 250ms ease; transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.52s, transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.52s, background 250ms ease, -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.52s; } #masthead .main-navigation #primary-menu > li:nth-child(7) > a { -webkit-transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.57s, background 250ms ease, -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.57s; transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.57s, background 250ms ease, -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.57s; transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.57s, transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.57s, background 250ms ease; transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.57s, transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.57s, background 250ms ease, -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.57s; } #masthead .main-navigation #primary-menu > li:nth-child(8) > a { -webkit-transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.62s, background 250ms ease, -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.62s; transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.62s, background 250ms ease, -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.62s; transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.62s, transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.62s, background 250ms ease; transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.62s, transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.62s, background 250ms ease, -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.62s; } #masthead .main-navigation #primary-menu > li:nth-child(9) > a { -webkit-transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.67s, background 250ms ease, -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.67s; transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.67s, background 250ms ease, -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.67s; transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.67s, transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.67s, background 250ms ease; transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.67s, transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.67s, background 250ms ease, -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.67s; } #masthead .main-navigation #primary-menu > li.menu-item-has-children { position: relative; cursor: pointer; } #masthead .main-navigation #primary-menu > li.menu-item-has-children > a { position: relative; width: 100%; display: block; } #masthead .main-navigation #primary-menu > li.menu-item-has-children > a:after { content: ""; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url("../images/icon-angle-right.svg"); width: 13px; height: 12px; } #masthead .main-navigation #primary-menu > li a { display: block; width: 100%; font-size: 24px; letter-spacing: 2.88px; font-family: "Jost", sans-serif; font-weight: 400; font-style: normal; } #masthead .main-navigation #primary-menu > li .sub-menu { display: block; top: 0; left: 0; height: 100%; position: fixed; pointer-events: none; padding-left: 24px; padding-top: 58px; } #masthead .main-navigation #primary-menu > li .sub-menu.open { pointer-events: all; } #masthead .main-navigation #primary-menu > li .sub-menu li { width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } #masthead .main-navigation #primary-menu > li .sub-menu .menu-item-back { margin-bottom: 52px; } #masthead .main-navigation #primary-menu > li .sub-menu .menu-item-back span { margin-bottom: 55px; display: block; font-family: "Jost", sans-serif; font-weight: 400; font-style: normal; font-size: 12px; letter-spacing: 1.2px; color: #ffffff; text-decoration: underline; text-decoration-thickness: 0.1em; text-underline-offset: 0.15em; } #masthead .main-navigation #primary-menu > li .sub-menu li:not(.menu-item-back) { margin-bottom: 56px; } #masthead .main-navigation #primary-menu > li .sub-menu li:not(.menu-item-back) a { font-size: 19px; font-family: "Jost", sans-serif; font-weight: 400; font-style: normal; letter-spacing: 2.28px; } #masthead .main-navigation .bottom a, #masthead .main-navigation .bottom p { color: #ffffff; } #masthead .main-navigation .bottom .follow { font-family: "Jost", sans-serif; font-weight: 500; font-style: normal; font-size: 12px; letter-spacing: 2.16px; text-transform: uppercase; padding-left: 3px; } #masthead .main-navigation .bottom ul { width: 100%; } #masthead .main-navigation .bottom ul li { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding-top: 19px; padding-left: 5px; padding-bottom: 19px; border-top: 1px solid rgb(169, 165, 165); } #masthead .main-navigation .bottom ul li:last-of-type { border-bottom: 1px solid rgb(169, 165, 165); } #masthead .main-navigation .bottom ul li a { font-size: 12px; letter-spacing: 2.16px; font-family: "Jost", sans-serif; font-weight: 400; font-style: normal; text-transform: uppercase; text-transform: uppercase; text-decoration: underline; text-decoration-thickness: 0.1em; text-underline-offset: 0.15em; } #masthead .main-navigation .middle { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; } #masthead .main-navigation .middle .right { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding-top: 36px; } #masthead .main-navigation .middle .right ul { padding-top: 0; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } #masthead .main-navigation .middle .right ul .menu-item-custom { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } #masthead .main-navigation .middle .right ul .menu-item:first-of-type { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } #masthead .main-navigation .middle .right ul .menu-item:nth-of-type(2) { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } #masthead .main-navigation .middle .right li { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } #masthead .main-navigation .middle .right li a { font-family: "Jost", sans-serif; font-weight: 400; font-style: normal; text-transform: uppercase; font-size: 11.52px; text-decoration: none; letter-spacing: 2.0808px; color: #ffffff; } #masthead .main-navigation .middle .left { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; text-align: center; margin-top: 24px; margin-bottom: 40px; } #masthead .main-navigation .middle .left p { font-family: "Jost", sans-serif; font-weight: 400; font-style: normal; text-transform: uppercase; color: #ffffff; width: 100%; font-size: 10px; letter-spacing: 1.8px; } #masthead .main-navigation .logo { display: none; } } .site-footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; max-width: 1508px; padding-left: 40px; padding-right: 40px; margin-left: auto; margin-right: auto; padding-top: 78px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .site-footer * { color: rgb(30, 30, 30); } .site-footer .top { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; } .site-footer .top:before { content: ""; position: absolute; top: 46%; z-index: -1; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 0; width: 100%; height: 1px; background-color: #DEDEDE; } .site-footer .top .block-logo { width: 152px; height: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: #ffffff; } .site-footer .top .block-logo img { width: 82px; height: auto; -o-object-fit: contain; object-fit: contain; } .site-footer .middle { padding-top: 12px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .site-footer .left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .site-footer .left p { line-height: 1; font-size: 12px; letter-spacing: 2.16px; text-transform: uppercase; color: #000000; margin-bottom: 0 !important; } .site-footer .right { top: -6px; position: relative; } .site-footer .right ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; gap: 0 48px; } .site-footer .right ul .menu-item-custom { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .site-footer .right ul .menu-item:first-of-type { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .site-footer .right ul .menu-item:nth-of-type(2) { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .site-footer .right ul li { line-height: 1; } .site-footer .right ul a { font-family: "Jost", sans-serif; font-weight: 400; font-style: normal; text-decoration: none; font-size: 12px; line-height: 1; letter-spacing: 2.52px; text-transform: uppercase; color: #000000; margin-bottom: 0; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .site-footer .right ul a:hover { color: rgb(169, 165, 165); } .site-footer .bottom { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding-bottom: clamp(33px, 18.99vw + -76.19px, 112px); } .site-footer .bottom p.follow { padding-bottom: 20px; padding-top: 71px; text-align: center; font-family: "Jost", sans-serif; font-weight: 500; font-style: normal; font-size: 12px; letter-spacing: 2.16px; text-transform: uppercase; color: #000000; margin-bottom: 0 !important; } .site-footer .bottom ul { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; gap: 0 68px; } .site-footer .bottom ul li a { font-size: 12px; letter-spacing: 2.16px; font-family: "Jost", sans-serif; font-weight: 400; font-style: normal; text-transform: uppercase; text-decoration: none; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .site-footer .bottom ul li a:hover { color: rgb(169, 165, 165); } @media (max-width: 991.98px) { .site-footer { padding-top: 73px; padding-left: 24px; padding-right: 24px; position: relative; } .site-footer:before { content: ""; width: calc(100vw - 48px); height: 1px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); top: 41px; position: absolute; background-color: #DEDEDE; } .site-footer .top { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .site-footer .top:before { display: none; } .site-footer .middle { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .site-footer .middle .right { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .site-footer .middle .right ul { width: 100%; gap: 0px 0px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .site-footer .middle .right li { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .site-footer .middle .right li a { font-size: 11.52px; letter-spacing: 2.0808px; } .site-footer .middle .left { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin-bottom: 20px; text-align: center; } .site-footer .middle .left p { margin-bottom: 46px; margin-top: 24px; width: 100%; font-size: 10px; letter-spacing: 1.8px; } .site-footer .bottom { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .site-footer .bottom p.follow { padding-bottom: 24px; padding-left: 4px; text-align: left; padding-top: 54px; } .site-footer .bottom ul li { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding-top: 19px; padding-left: 5px; padding-bottom: 19px; border-top: 1px solid rgb(169, 165, 165); } .site-footer .bottom ul li:last-of-type { border-bottom: 1px solid rgb(169, 165, 165); } .site-footer .bottom ul li a { text-decoration: underline; text-decoration-thickness: 0.1em; text-underline-offset: 0.15em; } } @media (max-width: 991.98px) { body.home .site-footer { margin-top: 55px; } } @media (max-width: 991.98px) { body.page-id-29 .site-footer { margin-top: 23px; } } .page-id-14 .site-footer { padding-top: 0; } @media (max-width: 991.98px) { .page-id-14 .site-footer { padding-top: 63px; } .page-id-14 .site-footer:before { top: 31px; } } @media (min-width: 992px) { .page-id-25 .site-footer { padding-top: 48px; } } /************************************ * TITLES */ h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; -webkit-margin-before: 0; margin-block-start: 0; -webkit-margin-after: 0.75em; margin-block-end: 0.75em; } h1, .h1 { font-family: var(--h1-font-family); font-size: var(--h1-font-size); font-weight: var(--h1-font-weight); font-style: var(--h1-font-style); color: var(--h1-color); line-height: var(--h1-line-height); text-transform: var(--h1-text-transform); } h2, .h2 { font-family: var(--h2-font-family); font-size: var(--h1-font-size); font-weight: 400; font-style: var(--h1-font-style); color: var(--h2-color); line-height: var(--h2-line-height); text-transform: var(--h2-text-transform); } h3, .h3 { font-family: var(--h3-font-family); font-size: var(--h3-font-size); font-weight: var(--h3-font-weight); font-style: var(--h3-font-style); color: var(--h3-color); line-height: var(--h3-line-height); text-transform: var(--h3-text-transform); } h4, .h4 { font-family: var(--h4-font-family); font-size: var(--h4-font-size); font-weight: var(--h4-font-weight); font-style: var(--h4-font-style); color: var(--h4-color); line-height: var(--h4-line-height); text-transform: var(--h4-text-transform); } h5, .h5 { font-family: var(--h5-font-family); font-size: var(--h5-font-size); font-weight: var(--h5-font-weight); font-style: var(--h5-font-style); color: var(--h5-color); line-height: var(--h5-line-height); text-transform: var(--h5-text-transform); } h6, .h6 { font-family: var(--h6-font-family); font-size: var(--h6-font-size); font-weight: var(--h6-font-weight); font-style: var(--h6-font-style); color: var(--h6-color); line-height: var(--h6-line-height); text-transform: var(--h6-text-transform); } /************************************ * LISTES */ ul.nostyle, ol.nostyle { margin: 0; padding: 0; list-style-type: none; } ul.nostyle li, ol.nostyle li { margin: 0; } /************************************ * PARAGRAPH */ p { font-family: "Jost", sans-serif; font-weight: 400; font-style: normal; font-size: clamp(17px, 0.64vw + 13.32px, 21px); line-height: 1.42; letter-spacing: 0; color: rgb(30, 30, 30); } @media screen and (max-width: 575.99px) { p { line-height: 1.64; } } /************************************ * LINKS */ /************************************ * TEXT STYLES */ strong { font-weight: 700; } dfn, cite, em, i { font-style: italic; } sup { font-size: 60%; line-height: normal; vertical-align: top; } /************************************ * IMAGE */ img { max-width: 100%; height: auto; border: none; image-rendering: optimizeQuality; } /************************************ * VIDEO */ video { max-width: 100%; height: auto; } /************************************ * MISC */ blockquote { margin: 0 1.5em; } address { margin: 0 0 1.5em; } hr { border: 0; height: 1px; -webkit-margin-after: 1.5em; margin-block-end: 1.5em; } /* Make sure embeds and iframes fit their containers. */ embed, iframe, object { max-width: 100%; } .wp-caption { float: none; font-size: 0.875rem; margin: 0; max-width: 100%; } /* ============================================ * * Global * ============================================ */ .std { color: var(--c-text); /*p, ul, ol { line-height: 1.5; }*/ } .std h1, .std h2, .std h3, .std h4, .std h5, .std h6 { -webkit-margin-before: 1.3em; margin-block-start: 1.3em; } .std p { margin: 1.3em 0 0; } .std ul { -webkit-padding-start: 25px; padding-inline-start: 25px; margin: 1.3em 0; list-style: none; } .std ul li:before { content: "•"; display: inline-block; vertical-align: top; width: 1.2em; -webkit-margin-start: -1.2em; margin-inline-start: -1.2em; color: var(--c-text); font-size: 20px; line-height: 1.8rem; } .std ul li ul { -webkit-margin-before: 1em; margin-block-start: 1em; } .std ul li ul, .std ul li ul:last-child { -webkit-margin-after: 1em; margin-block-end: 1em; } .std blockquote { margin-block: 2em; margin-inline: 8% 16%; -webkit-padding-start: 8%; padding-inline-start: 8%; -webkit-border-start: 3px solid var(--c-text); border-inline-start: 3px solid var(--c-text); } .std a.btn { text-decoration: none; } .std *:first-child { -webkit-margin-before: 0; margin-block-start: 0; } .std *:last-child { -webkit-margin-after: 0; margin-block-end: 0; } .close-link { font-size: 0; text-indent: 100%; overflow: hidden; display: block; width: 35px; height: 35px; position: absolute; right: 30px; top: 30px; padding: 0; border: none; border-radius: 50%; background: #000; outline: none; cursor: pointer; } .close-link:before, .close-link:after { content: ""; display: block; width: 21px; border-top: 3px solid #fff; position: absolute; top: 50%; left: 50%; margin: -2px 0 0 -11px; } .close-link:before { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .close-link:after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .close-link:hover { /*&:before, &:after { border-color: #fff; }*/ } /* #back-to-top { @include no-txt(); display: block; width: 50px; height: 50px; background-color: rgba(#fff, .5); border: 1px solid #000; text-align: center; outline: none; position: fixed; right: 30px; bottom: 40px; z-index: 1000; transition: transform .3s ease; transform: translate(0, 120px); &:before { content: ""; display: block; width: 100%; height: 100%; background: url($path-images + 'arrow.svg') no-repeat center; background-size: 50% auto; transform: rotate(-90deg); position: absolute; top: 0; left: 0; } &.active { transform: translate(0); } @include breakpoint($bp-large) { width: 60px; height: 60px; right: 50px; bottom: 60px; } } */ main { padding-top: 112px; } @media (max-width: 991.98px) { main { padding-top: 80px; } } .is-style-btn-download .wp-element-button { padding: 0; background-color: transparent; border: none; font-size: clamp(12px, 0.48vw + 9.24px, 14px); font-family: "Jost", sans-serif; font-weight: 500; font-style: normal; letter-spacing: clamp(2.16px, 0.09vw + 1.66px, 2.52px); text-transform: uppercase; color: #000000; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: opacity 0.5s ease; transition: opacity 0.5s ease; } .is-style-btn-download .wp-element-button:hover { opacity: 0.5; } .is-style-btn-download .wp-element-button:after { content: ""; margin-left: 10px; background-image: url("../images/button.svg"); width: 6px; height: 12px; display: inline-block; } .wysiwyg-primary-button { background-color: var(--c-button-action__background); border-color: var(--c-button-action__border); color: var(--c-button-action__color); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-block: 5px; padding-inline: 40px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; height: 50px; border-radius: 60px; text-decoration: none; margin-top: 2em; } .wysiwyg-primary-button:hover { background-color: var(--c-button-action__hover__background); border-color: var(--c-button-action__hover__border); color: var(--c-button-action__hover__color); } .wysiwyg-primary-button:focus { background-color: var(--c-button-action__hover__background); border-color: var(--c-button-action__hover__border); color: var(--c-button-action__hover__color); } .touchevents .wysiwyg-primary-button:active { background-color: var(--c-button-action__hover__background); border-color: var(--c-button-action__hover__border); color: var(--c-button-action__hover__color); } .wysiwyg-primary-link { color: var(--c-action); text-decoration: underline; font-size: clamp(14.72px, 0.24vw + 13.83px, 18.4px); } .wysiwyg-on-title { font-size: clamp(14.72px, 0.24vw + 13.83px, 18.4px); } .wysiwyg-title { font-size: clamp(23.92px, 1.43vw + 18.56px, 46px); max-width: 785px; line-height: 1.3; font-weight: 700; } .alignleft { float: left; -webkit-margin-end: 1.5em; margin-inline-end: 1.5em; -webkit-margin-after: 1.5em; margin-block-end: 1.5em; } .alignright { float: right; -webkit-margin-start: 1.5em; margin-inline-start: 1.5em; -webkit-margin-after: 1.5em; margin-block-end: 1.5em; } .aligncenter { clear: both; display: block; margin-inline: auto; -webkit-margin-after: 1.5em; margin-block-end: 1.5em; } body.home .wp-site-blocks .entry-content, body.page-template .wp-site-blocks .entry-content, body.page-template-default .wp-site-blocks .entry-content { padding-bottom: clamp(0px, 10.58vw + -60.82px, 44px); } body.home .wp-site-blocks .entry-content > div:not(.header-video), body.page-template .wp-site-blocks .entry-content > div:not(.header-video), body.page-template-default .wp-site-blocks .entry-content > div:not(.header-video) { padding-left: clamp(40px, 1.23vw + 27.8px, 47.5px); padding-right: clamp(40px, 1.23vw + 27.8px, 47.5px); } body.home .wp-site-blocks .entry-content > div:not(.header-video).block-intro-contact, body.page-template .wp-site-blocks .entry-content > div:not(.header-video).block-intro-contact, body.page-template-default .wp-site-blocks .entry-content > div:not(.header-video).block-intro-contact { padding-left: clamp(20px, 4.52vw + -24.75px, 47.5px); padding-right: clamp(20px, 4.52vw + -24.75px, 47.5px); } body.home.page-id-14 .wp-site-blocks .entry-content, body.page-template.page-id-14 .wp-site-blocks .entry-content, body.page-template-default.page-id-14 .wp-site-blocks .entry-content { padding-bottom: clamp(0px, 7.21vw + -41.47px, 30px); } @media (max-width: 991.98px) { body.home .wp-site-blocks .entry-content > div:not(.header-video).give, body.page-template .wp-site-blocks .entry-content > div:not(.header-video).give, body.page-template-default .wp-site-blocks .entry-content > div:not(.header-video).give { padding-left: clamp(20px, 67.69vw + -233.85px, 64px); padding-right: clamp(20px, 67.69vw + -233.85px, 64px); } } .page-id-10 .wp-site-blocks .entry-content > div:not(.header-video):not(.sticky-navigation):not(.text-image-50-50):not(.block-intro) { margin-top: 210px; } .page-id-10 .wp-site-blocks .entry-content > div:not(.header-video):not(.sticky-navigation):not(.text-image-50-50):not(.block-intro).block-offices { margin-top: clamp(146px, 11.68vw + 78.84px, 219px); } .page-id-10 .wp-site-blocks .entry-content > div:not(.header-video):not(.sticky-navigation):not(.text-image-50-50):not(.block-intro).block-ethics { margin-top: clamp(119px, 17.6vw + 17.8px, 229px) !important; } .page-id-10 .wp-site-blocks .entry-content > div:not(.header-video):not(.sticky-navigation):not(.text-image-50-50):not(.block-intro).section-numbers { margin-top: clamp(117px, 13.28vw + 40.64px, 200px); } .page-id-10 .wp-site-blocks .entry-content > div:not(.header-video):not(.sticky-navigation):not(.text-image-50-50):not(.block-intro).section-numbers .has-x-large-font-size { margin-bottom: 34px !important; } body.home .wp-site-blocks { padding-top: 113px; } body.home .wp-site-blocks .entry-content { padding-bottom: clamp(0px, 1.2vw + -6.91px, 5px); } body.home .wp-site-blocks .entry-content .header-video { margin-bottom: 56px; } @media (max-width: 767.98px) { body.home .wp-site-blocks .entry-content .header-video { margin-bottom: 51px; } } @media (max-width: 991.98px) { body.home .wp-site-blocks { padding-top: 79px; } } body.page-template :root :where(.is-layout-constrained) > :last-child { margin-top: 0; } body.single-post .is-root-container, body.standard-post .is-root-container { max-width: 835px !important; margin-left: auto; margin-right: auto; } body.single-post main, body.standard-post main { margin-top: 0 !important; } body.single-post main .header, body.standard-post main .header { padding-top: clamp(87px, 3.84vw + 64.92px, 111px); max-width: 830px !important; margin-left: auto; margin-right: auto; margin-bottom: 66px; } body.single-post main .header .wp-block-post-date, body.standard-post main .header .wp-block-post-date { color: #A9A5A5; font-family: "Jost", sans-serif; font-weight: 500; font-style: normal; text-align: center; width: 100%; font-size: 13px; line-height: 2.307; letter-spacing: 2.34px; text-transform: uppercase; margin-bottom: 7px; } body.single-post main .header h1, body.standard-post main .header h1 { text-align: center; font-family: "Jost", sans-serif; font-weight: 400; font-style: normal; font-size: clamp(30px, 1.2vw + 20.77px, 40px); line-height: 1.2; margin-bottom: clamp(53px, 1.44vw + 44.72px, 62px); padding-left: 32px; padding-right: 32px; } @media screen and (max-width: 575.99px) { body.single-post main .header h1, body.standard-post main .header h1 { line-height: 1.11; } } body.single-post main .header .wp-block-post-featured-image, body.standard-post main .header .wp-block-post-featured-image { aspect-ratio: inherit !important; } body.single-post main .content-page, body.standard-post main .content-page { max-width: 835px !important; margin-left: auto; margin-right: auto; } body.single-post main .content-page p, body.standard-post main .content-page p { text-align: center; } body.single-post main .content-page .wp-block-image, body.standard-post main .content-page .wp-block-image { margin-top: 37px; margin-bottom: 60px; } body.single-post main .content-page .wp-block-image.size-large a, body.standard-post main .content-page .wp-block-image.size-large a { width: 100%; } body.single-post main .content-page .wp-block-image.size-large a img, body.standard-post main .content-page .wp-block-image.size-large a img { width: 100%; } body.single-post .site-footer, body.standard-post .site-footer { padding-top: clamp(74px, 4.48vw + 48.24px, 102px); } body.single-post .block-give-back, body.standard-post .block-give-back { margin-top: clamp(60px, 9.6vw + 4.8px, 120px); } @media (max-width: 991.98px) { body.single-post .header .wp-block-post-featured-image, body.standard-post .header .wp-block-post-featured-image { padding-left: 10px; padding-right: 10px; } body.single-post .entry-content, body.standard-post .entry-content { padding-left: 30px; padding-right: 30px; } body.single-post .entry-content .wp-block-image, body.standard-post .entry-content .wp-block-image { margin-left: -20px; margin-right: -20px; max-width: inherit; } } @media (max-width: 575.98px) { body.single-post .header .wp-block-post-featured-image img, body.standard-post .header .wp-block-post-featured-image img { aspect-ratio: 420/371; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } } .footer-single-links .list-links { padding-top: clamp(32px, 10.24vw + -26.88px, 96px); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .footer-single-links .list-links li a { position: relative; } .footer-single-links .list-links li a:before { margin-right: 0; } .footer-single-links .list-links a { cursor: pointer; } @media (max-width: 767.98px) { .footer-single-links .list-links { margin-bottom: 37px; } .footer-single-links .list-links li { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; text-align: center; } .footer-single-links .list-links li a { margin-right: 0; padding-right: 0; text-align: center; font-size: 12px; letter-spacing: 2.16px; } .footer-single-links .list-links li:first-of-type a { display: block; padding-bottom: 18px; margin-bottom: 10px; position: relative; } .footer-single-links .list-links li:first-of-type a:before { top: initial; content: ""; position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 191px; height: 1px; background-color: rgb(232, 232, 232); } } .block-give-back { display: none; } @starting-style {} .blog .listing-post, body.blog .listing-post { padding-top: clamp(195px, 8.8vw + 144.4px, 250px) !important; max-width: 834px !important; margin: 0 auto; } .blog .listing-post .wp-block-post-terms a[href*=uncategorized], body.blog .listing-post .wp-block-post-terms a[href*=uncategorized] { display: none; } .blog .listing-post .wp-block-categories-list li:has(a[href*=uncategorized]), body.blog .listing-post .wp-block-categories-list li:has(a[href*=uncategorized]) { display: none; } .blog .listing-post .block-intro-title, body.blog .listing-post .block-intro-title { text-align: center; padding-left: 40px; padding-right: 40px; } .blog .listing-post .block-intro-title h1, body.blog .listing-post .block-intro-title h1 { margin-bottom: 55px; font-family: "Jost", sans-serif; font-weight: 500; font-style: normal; font-size: 24px; letter-spacing: 4.32px; } .blog .listing-post .block-intro-title p, body.blog .listing-post .block-intro-title p { letter-spacing: 0; line-height: 1.2; font-size: clamp(17px, 0.64vw + 13.32px, 21px) !important; font-size: clamp(20px, 0.64vw + 16.32px, 24px) !important; margin-bottom: 0 !important; } @media (max-width: 575.98px) { .blog .listing-post .block-intro-title p, body.blog .listing-post .block-intro-title p { line-height: 1.42; } } .blog .listing-post .wp-block-query, body.blog .listing-post .wp-block-query { padding-top: clamp(102px, 8vw + 56px, 152px); } .blog .listing-post .wp-block-query .wp-block-post, body.blog .listing-post .wp-block-query .wp-block-post { margin-bottom: 59px; } .blog .listing-post .wp-block-query .wp-block-post:last-of-type, body.blog .listing-post .wp-block-query .wp-block-post:last-of-type { margin-bottom: 0; } .blog .listing-post .wp-block-query .wp-block-post .wp-block-post-featured-image, body.blog .listing-post .wp-block-query .wp-block-post .wp-block-post-featured-image { aspect-ratio: inherit !important; } .blog .listing-post .wp-block-query .wp-block-post .block-time, body.blog .listing-post .wp-block-query .wp-block-post .block-time { margin-top: 30px !important; margin-bottom: 7px !important; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .blog .listing-post .wp-block-query .wp-block-post .block-time a, body.blog .listing-post .wp-block-query .wp-block-post .block-time a { color: #A9A5A5 !important; } .blog .listing-post .wp-block-query .wp-block-post .block-time > div, body.blog .listing-post .wp-block-query .wp-block-post .block-time > div { margin-left: 0 !important; margin-right: 0 !important; } .blog .listing-post .wp-block-query .wp-block-post .block-time .wp-block-post-date a, .blog .listing-post .wp-block-query .wp-block-post .block-time .taxonomy-category a, body.blog .listing-post .wp-block-query .wp-block-post .block-time .wp-block-post-date a, body.blog .listing-post .wp-block-query .wp-block-post .block-time .taxonomy-category a { text-decoration: none; font-family: "Jost", sans-serif; font-weight: 500; font-style: normal; text-align: center; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; font-size: clamp(10px, 0.72vw + 5.85px, 13px) !important; line-height: 2.307; letter-spacing: clamp(1.8px, 0.17vw + 0.8px, 2.52px) !important; text-transform: uppercase; margin-bottom: 7px; } .blog .listing-post .wp-block-query .wp-block-post .block-time .taxonomy-category a, body.blog .listing-post .wp-block-query .wp-block-post .block-time .taxonomy-category a { position: relative; margin-left: 5px; padding-left: 14px; } .blog .listing-post .wp-block-query .wp-block-post .block-time .taxonomy-category a:before, body.blog .listing-post .wp-block-query .wp-block-post .block-time .taxonomy-category a:before { content: "•"; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); display: inline-block; } .blog .listing-post .wp-block-query .wp-block-post h2, body.blog .listing-post .wp-block-query .wp-block-post h2 { margin-bottom: 0; } .blog .listing-post .wp-block-query .wp-block-post h2 a, body.blog .listing-post .wp-block-query .wp-block-post h2 a { text-align: center; font-family: "Jost", sans-serif; font-weight: 400; font-style: normal; font-size: clamp(30px, 1.2vw + 20.77px, 40px); line-height: 1.2; margin-bottom: 35px; font-size: clamp(30px, 0.98vw + 24.39px, 40px); text-transform: initial; letter-spacing: 0; } @media screen and (max-width: 575.99px) { .blog .listing-post .wp-block-query .wp-block-post h2 a, body.blog .listing-post .wp-block-query .wp-block-post h2 a { line-height: 1.11; } } .blog .listing-post .wp-block-query .wp-block-post .wp-block-read-more, body.blog .listing-post .wp-block-query .wp-block-post .wp-block-read-more { font-size: 14px; font-family: "Jost", sans-serif; font-weight: 500; font-style: normal; text-transform: uppercase; letter-spacing: 2.52px; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .blog .listing-post .wp-block-query .wp-block-post .wp-block-read-more:hover, body.blog .listing-post .wp-block-query .wp-block-post .wp-block-read-more:hover { color: rgb(169, 165, 165); } @media (max-width: 767.98px) { .blog .listing-post, body.blog .listing-post { padding-left: 14px; padding-right: 14px; } .blog .listing-post .block-intro-title h1, body.blog .listing-post .block-intro-title h1 { font-size: 30px; letter-spacing: 5.4px; margin-bottom: 69px; } .blog .listing-post .block-intro-title p br, body.blog .listing-post .block-intro-title p br { display: none; } .blog .listing-post .wp-block-query, body.blog .listing-post .wp-block-query { padding-bottom: 31px; } .blog .listing-post .wp-block-query .wp-block-post, body.blog .listing-post .wp-block-query .wp-block-post { margin-bottom: 40px; } .blog .listing-post .wp-block-query .wp-block-post img, body.blog .listing-post .wp-block-query .wp-block-post img { -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .blog .listing-post .wp-block-query .wp-block-post .block-time, body.blog .listing-post .wp-block-query .wp-block-post .block-time { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 33px !important; margin-bottom: 13px !important; } .blog .listing-post .wp-block-query .wp-block-post .taxonomy-category a, body.blog .listing-post .wp-block-query .wp-block-post .taxonomy-category a { padding-left: 10px !important; } .blog .listing-post .wp-block-query .wp-block-post .wp-block-post-title, body.blog .listing-post .wp-block-query .wp-block-post .wp-block-post-title { text-align: center; margin-left: auto !important; margin-right: auto !important; padding-right: 0; } .blog .listing-post .wp-block-query .wp-block-post .wp-block-post-title a, body.blog .listing-post .wp-block-query .wp-block-post .wp-block-post-title a { margin-bottom: 38px; line-height: 1.19; text-align: center; } .blog .listing-post .wp-block-query .wp-block-post .wp-block-read-more, body.blog .listing-post .wp-block-query .wp-block-post .wp-block-read-more { font-size: 12px; letter-spacing: 2.16px; text-align: center; text-decoration: underline; text-decoration-thickness: 0.1em; text-underline-offset: 0.15em; } } .blog .listing-post .mobile-thumbnail, body.blog .listing-post .mobile-thumbnail { display: none; } .blog .site-footer, body.blog .site-footer { padding-top: clamp(73px, 9.92vw + 15.96px, 135px); } @media (max-width: 767.98px) { .blog .site-footer, body.blog .site-footer { margin-top: 29px; } } .block-contact { max-width: 1390px; margin-left: auto; margin-right: auto; padding-left: 37px !important; padding-right: 37px !important; } .block-contact .contact-form .row { width: 100%; margin-left: -18.5px; margin-right: -18.5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .block-contact .contact-form .left { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding-left: 18.5px; padding-right: 18.5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .block-contact .contact-form .right { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding-left: 18.5px; padding-right: 18.5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; } .block-contact .contact-form .right #message-field:nth-child(2) { height: 100%; } .block-contact .contact-form .right #message-field > span { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; } .block-contact .contact-form .right #message-field .wpcf7-not-valid-tip { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .block-contact .contact-form .right #message-field textarea { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; height: -webkit-max-content; height: -moz-max-content; height: max-content; padding-top: 0; padding-bottom: 0; } .block-contact .contact-form .form-item { margin-top: 0; width: 100%; margin-bottom: 0; } .block-contact .contact-form .form-item input, .block-contact .contact-form .form-item select, .block-contact .contact-form .form-item textarea { width: 100%; } .block-contact .contact-form #subject-field select { margin-bottom: 24px; padding-top: 0; margin-top: 27px; padding-bottom: 5px; -webkit-appearance: none; -moz-appearance: none; appearance: none; } @media (max-width: 767.98px) { .block-contact .contact-form .row { margin-left: 0; margin-right: 0; } .block-contact .contact-form .left, .block-contact .contact-form .right { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding-left: 0; padding-right: 0; } .block-contact .contact-form .right #message-field textarea { max-height: 156px; width: 100%; } } @media (max-width: 767.98px) { .mobile-hide { display: none; } } /*# sourceMappingURL=styles.css.map */