@charset "UTF-8";
/*!
Theme Name: modulo
Theme URI: http://underscores.me/
Author: Agence modulo
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: modulo
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

modulo is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/
/* Normalize
--------------------------------------------- */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
	 ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
}

/* Sections
	 ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
	margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
	display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

/* Grouping content
	 ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
	font-family: monospace, monospace;
	font-size: 1em;
}

/* Text-level semantics
	 ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
	background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */
small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
	 ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
	border-style: none;
}

/* Forms
	 ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
	text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

/* Interactive
	 ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
	display: list-item;
}

/* Misc
	 ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
	display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
	display: none;
}

/* Box sizing
--------------------------------------------- */
/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
	box-sizing: inherit;
}

html {
	box-sizing: border-box;
}

/* Modulo theme generic
--------------------------------------------- */
.nav-hr {
	position: relative;
	width: 100%;
	opacity: 0.4;
}

.project-page-button {
	display: flex;
	justify-content: center;
	margin-top: clamp(0rem, 3.75rem + -3.75vw, 3rem);
	margin-bottom: clamp(0rem, -0.75rem + 3.75vw, 3rem);
}

.project-page-button .button-label {
	font-size: clamp(2rem, 1.75rem + 1.25vw, 3rem) !important;
}

.anim {
	position: absolute;
	z-index: 2;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/
/* Typography
--------------------------------------------- */
@font-face {
	font-family: "Chaney";
	src: url("/wp-content/themes/modulo/assets/fonts/CHANEY-Regular.otf") format("opentype");
}

@font-face {
	font-family: "Mayenne";
	src: url("/wp-content/themes/modulo/assets/fonts/mayenne/Mayenne_Sans-Regular_web.otf") format("opentype");
}

@font-face {
	font-family: "Caslon3LtStdRoman";
	src: url("/wp-content/themes/modulo/assets/fonts/caslon3ltstd-roman.otf") format("opentype");
}

@font-face {
	font-family: "Caslon3LtStdItalic";
	src: url("/wp-content/themes/modulo/assets/fonts/Caslon3LTStd-Italic.otf") format("opentype");
}

@font-face {
	font-family: "IBMPlex";
	src: url("/wp-content/themes/modulo/assets/fonts/IBMPlexMono-Regular.ttf") format("truetype");
}

body,
button,
input,
select,
optgroup,
textarea {
	color: #1b1d38;
	font-family: "Caslon3LtStdRoman";
	font-weight: lighter;
	font-size: clamp(1rem, 1.25rem + -0.25vw, 1.2rem);
	line-height: 1.5;
}

p, ul, figcaption {
	font-size: clamp(1rem, 0.95rem + 0.25vw, 1.2rem);
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}

h1, h1 p, .modulo-title, .modulo-title p {
	font-size: clamp(2rem, 1.25rem + 3.75vw, 5rem);
	line-height: clamp(2.1rem, 1.25rem + 4.25vw, 5.5rem);
	font-family: 'Mayenne';
}

strong {
	font-weight: bold;
}

.big-emphasis {
	font-weight: bold;
	font-size: 1.4rem;
}

.modulo-emphasis {
	font-family: 'Mayenne';
	font-size: 1.1rem;
}

h2, .modulo-small-title {
	font-family: 'Mayenne';
	font-size: clamp(1.2rem, 0.841rem + 0.959vw, 1.8rem);
	text-align: center;
	z-index: 2;
}

h2 p, .modulo-small-title p {
	margin: 0;
}

h3 {
	font-family: 'Mayenne';
	font-size: clamp(1.1rem, 0.8606rem + 0.6394vw, 1.5rem);
	margin: 0;
}

h6 {
	font-size: clamp(1.2rem, 1.1rem + 0.5vw, 1.6rem);
	margin: 0 0 1rem 0;
}

p {
	margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", courier, monospace;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/* Elements
--------------------------------------------- */
html {
	scroll-behavior: smooth;
	min-width: fit-content;
}

hr {
	background-color: #1f1e43;
	border: 0;
	height: 1px;
	/*margin-bottom: 1.5em; */
	/* border-bottom: 0.1rem solid $color__text-main;
	height: 1px;
	width: 100%;
	box-sizing: border-box; */
}

ul,
ol {
	padding: 0;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: 700;
}

dd {
	margin: 0 1.5em 1.5em;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

img {
	height: auto;
	max-width: 100%;
}

figure {
	margin: 1em 0;
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/* Links
--------------------------------------------- */
a {
	color: #1b1d38;
	text-decoration: none !important;
	transition: all 0.2s ease-in-out;
}

a:visited {
	color: #1b1d38;
}

a:hover, a:focus, a:active {
	color: #1f1e43;
}

a:focus {
	outline: thin dotted;
}

a:hover, a:active {
	outline: 0;
}

/* Forms
--------------------------------------------- */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #fdd46d;
	color: rgba(0, 0, 0, 0.8);
	line-height: 1;
	padding: 0.6em 1em 0.4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
}

button:active, button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #1f1e43;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

select {
	border: 1px solid #ccc;
}

textarea {
	width: 100%;
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/
.site-header {
	max-width: 1600px;
	/* padding-left: toClampWithWiewport(1.5, 4, $for-phone-only, $for-max-size);
	padding-right: toClampWithWiewport(1.5, 4, $for-phone-only, $for-max-size); */
	margin-left: auto;
	margin-right: auto;
	margin-top: clamp(2rem, 0.8032rem + 3.1968vw, 4rem);
	grid-area: header;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	position: relative;
	z-index: 4;
}

.site-header .site-logo {
	margin-left: clamp(1rem, 1.5984rem + -1.5984vw, 0rem);
	width: clamp(6rem, 2.4096rem + 9.5904vw, 12rem);
}

.site-header .main-navigation .menu-toggle {
	display: none;
}

.site-header .header-menu-container {
	display: inline-block;
	margin-right: clamp(2rem, 2.5rem + -2.5vw, 0rem);
	font-size: clamp(1.2rem, 1.15rem + 0.25vw, 1.4rem);
	font-family: 'Mayenne';
}

@media (max-width: 768px) {
	.site-header .header-menu-container {
		display: none;
	}
}

.site-header .header-menu-container #primary-menu {
	display: flex;
	position: relative;
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.site-header .header-menu-container #primary-menu .menu-item-has-children::before {
	content: '';
	width: calc(100% + 20px);
	height: calc(100% + 60px);
	position: absolute;
	top: -10px;
	left: -10px;
}

.site-header .header-menu-container #primary-menu .sub-menu {
	display: none;
	position: absolute;
	top: 2.5rem;
	left: 1rem;
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.site-header .header-menu-container #primary-menu .sub-menu li {
	margin-right: 0;
	width: 19rem;
	margin-bottom: 0.3rem;
}

.site-header .header-menu-container #primary-menu .sub-menu li:hover:before {
	z-index: -1;
	content: "";
	position: absolute;
	left: -2rem;
	top: -0.3rem;
	width: 0%;
	height: 100%;
	background-repeat: no-repeat;
	background-image: url(/wp-content/themes/modulo/assets/img/svg/menu_selected.svg);
}

.site-header .header-menu-container #primary-menu .sub-menu.hover {
	display: block;
}

.site-header .header-menu-container #primary-menu li {
	margin-right: clamp(0.5rem, -0.075rem + 2.875vw, 2.8rem);
	z-index: 2;
	position: relative;
	/* &:hover:first-child:before {
					top: -0.3rem;
					height: 125%;
					width: 175%;
					left: -1rem;
				} */
}

.site-header .header-menu-container #primary-menu li:hover:before {
	z-index: -1;
	content: "";
	position: absolute;
	left: -0.3rem;
	top: -0.3rem;
	width: 140%;
	height: 140%;
	background-repeat: no-repeat;
	background-image: url(/wp-content/themes/modulo/assets/img/svg/menu_selected.svg);
}

.site-header .social-icons {
	position: absolute;
	right: 1rem;
	top: 55vh;
	display: flex;
	flex-direction: column;
	z-index: 4;
}

@media (max-width: 599px) {
	.site-header .social-icons {
		display: none;
	}
}

.site-header .social-icons .go-top {
	width: clamp(2rem, 1.4016rem + 1.5984vw, 3rem);
	height: clamp(2rem, 1.4016rem + 1.5984vw, 3rem);
	margin-top: clamp(2rem, 1.4016rem + 1.5984vw, 3rem);
}

.site-header .social-icons .social-image {
	width: clamp(2rem, 1.4016rem + 1.5984vw, 3rem);
	height: clamp(2rem, 1.4016rem + 1.5984vw, 3rem);
	margin-bottom: clamp(0.5rem, 0.0811rem + 1.1189vw, 1.2rem);
}

.site-header .social-icons .image-insta::after {
	content: "";
	position: absolute;
	background-repeat: no-repeat;
	background-position: center;
	width: clamp(2rem, 1.4016rem + 1.5984vw, 3rem);
	height: clamp(2rem, 1.4016rem + 1.5984vw, 3rem);
	background-image: url(/wp-content/themes/modulo/assets/img/svg/social/button_insta_normal.svg);
}

.site-header .social-icons .image-insta:hover:after {
	content: "";
	position: absolute;
	background-repeat: no-repeat;
	background-position: center;
	width: clamp(2rem, 1.4016rem + 1.5984vw, 3rem);
	height: clamp(2rem, 1.4016rem + 1.5984vw, 3rem);
	background-image: url(/wp-content/themes/modulo/assets/img/svg/social/button_insta_hover.svg);
}

.site-header .social-icons .image-facebook::after {
	content: "";
	position: absolute;
	background-repeat: no-repeat;
	background-position: center;
	width: clamp(2rem, 1.4016rem + 1.5984vw, 3rem);
	height: clamp(2rem, 1.4016rem + 1.5984vw, 3rem);
	background-image: url(/wp-content/themes/modulo/assets/img/svg/social/button_facebook_normal.svg);
}

.site-header .social-icons .image-facebook:hover:after {
	content: "";
	position: absolute;
	background-repeat: no-repeat;
	background-position: center;
	width: clamp(2rem, 1.4016rem + 1.5984vw, 3rem);
	height: clamp(2rem, 1.4016rem + 1.5984vw, 3rem);
	background-image: url(/wp-content/themes/modulo/assets/img/svg/social/button_facebook_hover.svg);
}

.site-header .social-icons .image-linkedin::after {
	content: "";
	position: absolute;
	background-repeat: no-repeat;
	background-position: center;
	width: clamp(2rem, 1.4016rem + 1.5984vw, 3rem);
	height: clamp(2rem, 1.4016rem + 1.5984vw, 3rem);
	background-image: url(/wp-content/themes/modulo/assets/img/svg/social/button_linkedin_normal.svg);
}

.site-header .social-icons .image-linkedin:hover:after {
	content: "";
	position: absolute;
	background-repeat: no-repeat;
	background-position: center;
	width: clamp(2rem, 1.4016rem + 1.5984vw, 3rem);
	height: clamp(2rem, 1.4016rem + 1.5984vw, 3rem);
	background-image: url(/wp-content/themes/modulo/assets/img/svg/social/button_linkedin_hover.svg);
}

.newsletter-container {
	background-color: #1b1d38;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.newsletter-container .newsletter-link {
	padding-top: clamp(0.6rem, 0.5rem + 0.5vw, 1rem);
	padding-bottom: clamp(0.6rem, 0.5rem + 0.5vw, 1rem);
}

.newsletter-container .newsletter-link a {
	color: #fdd46d;
	font-family: 'Mayenne';
	/* border-bottom: 1px solid #fdd46d; */
	font-size: clamp(0.8rem, 0.725rem + 0.375vw, 1.1rem);
}

.site-footer {
	width: 100%;
	background-color: #fdd46d;
	font-family: 'Mayenne';
	font-size: clamp(0.7rem, 0.5205rem + 0.4795vw, 1rem);
}

.site-footer .site-info {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: clamp(1rem, 0.4016rem + 1.5984vw, 2rem);
	width: 100%;
	padding-top: 1rem;
	padding-bottom: 1rem;
}

.site-footer .site-info a {
	/* transition: all 0.3s ease-in-out; */
	text-align: center;
	display: inline-block;
}

.site-footer .site-info a:hover {
	text-decoration: underline;
}

.site-main {
	grid-area: main;
	overflow: hidden;
	/* Resolves issue with <pre> elements forcing full width. */
}

/* Inserting this collapsed row between two flex items will make 
* the flex item that comes after it break to a new row */
.break {
	flex-basis: 100%;
	height: 0;
	display: none;
}

.mobile-menu-container {
	position: absolute;
	z-index: 10;
	width: 100vw;
	top: 0;
	bottom: 0;
	display: flex;
	flex-direction: column;
	padding: 5rem 1rem 0 1rem;
	background: url("/wp-content/themes/modulo/assets/img/bg_menu_mobile.jpg") no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.mobile-menu-container .mobile-menu {
	display: flex;
	flex-direction: column;
	padding-left: clamp(2rem, -1.4409rem + 17.2043vw, 5rem);
}

.mobile-menu-container .mobile-menu a {
	font-size: clamp(1.5rem, 1.2706rem + 1.147vw, 1.7rem);
	margin-bottom: 0.5rem;
	font-family: 'Mayenne';
}

.mobile-menu-container .trait-menu-mobile-container {
	width: 100%;
	display: flex;
	justify-content: center;
	margin-bottom: 1rem;
}

.mobile-menu-container .trait-menu-mobile-container .trait-menu-mobile {
	width: 20rem;
}

.mobile-menu-container .social-icons-mobile {
	display: flex;
	flex-direction: row;
	justify-content: space-evenly;
}

.mobile-menu-container .social-icons-mobile .social-image {
	width: 3rem;
	height: 3rem;
}

.mobile-menu-container .social-icons-mobile .image-insta::after {
	content: "";
	position: absolute;
	background-repeat: no-repeat;
	background-position: center;
	width: 3rem;
	height: 3rem;
	background-image: url(/wp-content/themes/modulo/assets/img/svg/social/button_insta_normal.svg);
}

.mobile-menu-container .social-icons-mobile .image-insta:hover:after {
	content: "";
	position: absolute;
	background-repeat: no-repeat;
	background-position: center;
	width: 3rem;
	height: 3rem;
	background-image: url(/wp-content/themes/modulo/assets/img/svg/social/button_insta_hover.svg);
}

.mobile-menu-container .social-icons-mobile .image-facebook::after {
	content: "";
	position: absolute;
	background-repeat: no-repeat;
	background-position: center;
	width: 3rem;
	height: 3rem;
	background-image: url(/wp-content/themes/modulo/assets/img/svg/social/button_facebook_normal.svg);
}

.mobile-menu-container .social-icons-mobile .image-facebook:hover:after {
	content: "";
	position: absolute;
	background-repeat: no-repeat;
	background-position: center;
	width: 3rem;
	height: 3rem;
	background-image: url(/wp-content/themes/modulo/assets/img/svg/social/button_facebook_hover.svg);
}

.mobile-menu-container .social-icons-mobile .image-linkedin::after {
	content: "";
	position: absolute;
	background-repeat: no-repeat;
	background-position: center;
	width: 3rem;
	height: 3rem;
	background-image: url(/wp-content/themes/modulo/assets/img/svg/social/button_linkedin_normal.svg);
}

.mobile-menu-container .social-icons-mobile .image-linkedin:hover:after {
	content: "";
	position: absolute;
	background-repeat: no-repeat;
	background-position: center;
	width: 3rem;
	height: 3rem;
	background-image: url(/wp-content/themes/modulo/assets/img/svg/social/button_linkedin_hover.svg);
}

#burger-icon {
	display: none;
	position: absolute;
	right: 5%;
	top: 1rem;
	width: 4rem;
	height: 4rem;
	overflow: hidden;
	z-index: 11;
}

@media (max-width: 768px) {
	#burger-icon {
		display: block;
	}
}

/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/
/* Navigation
--------------------------------------------- */
.main-navigation {
	display: inline-block;
}

/* Pagination
--------------------------------------------- */
.page-numbers {
	margin-top: clamp(1.875rem, 1.5179rem + 1.7857vw, 3.125rem);
	display: flex;
	justify-content: center;
	align-items: center;
	list-style: none;
	column-gap: 30px;
}

.page-numbers li span.current {
	text-decoration: underline;
}

.page-numbers .arrow {
	max-width: 40px;
}

.page-numbers .arrow.reverse {
	transform: rotate(180deg);
}

/* Posts and pages
--------------------------------------------- */
.sticky {
	display: block;
}

.post,
.page {
	/* margin: 0 0 1.5em; */
}

.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/* Homepage */
.homepage-container {
	display: flex;
	flex-direction: column;
	margin-top: clamp(1.8rem, 1.0819rem + 1.9181vw, 3rem);
}

.homepage-container .head-container {
	max-width: 1600px;
	/* padding-left: toClampWithWiewport(1.5, 4, $for-phone-only, $for-max-size);
	padding-right: toClampWithWiewport(1.5, 4, $for-phone-only, $for-max-size); */
	margin-left: auto;
	margin-right: auto;
	display: flex;
	margin-bottom: clamp(8rem, 9.7952rem + -4.7952vw, 5rem);
	position: relative;
	width: 100%;
}

@media (max-width: 768px) {
	.homepage-container .head-container {
		margin-bottom: clamp(21rem, 16.7143rem + 21.4286vw, 27rem);
	}
}

.homepage-container .head-container #realisateur-container {
	width: 100%;
	position: relative;
	margin-left: clamp(1rem, -0.1968rem + 3.1968vw, 3rem);
	margin-right: clamp(1rem, -0.1968rem + 3.1968vw, 3rem);
}

.homepage-container .head-container #realisateur-container #anim1 {
	width: clamp(20rem, 10.5714rem + 47.1429vw, 53rem);
	height: auto;
	position: absolute;
	top: clamp(-0.8rem, 0.0308rem + -1.7308vw, -1.7rem);
	left: clamp(-1rem, 3.6154rem + -9.6154vw, -6rem);
	z-index: 0;
}

.homepage-container .head-container #realisateur-container #anim2 {
	width: clamp(3.1rem, 0.8429rem + 11.2857vw, 11rem);
	height: auto;
	position: absolute;
	top: clamp(4rem, -1.0769rem + 10.5769vw, 9.5rem);
	z-index: 0;
}

@media (max-width: 768px) {
	.homepage-container .head-container #realisateur-container #anim2 {
		top: clamp(3.6rem, 1.1714rem + 12.1429vw, 7rem);
	}
}

.homepage-container .head-container #realisateur-container #anim3 {
	width: clamp(17rem, 10.1429rem + 34.2857vw, 41rem);
	height: auto;
	position: absolute;
	top: clamp(6rem, 2.4571rem + 17.7143vw, 18.4rem);
	left: clamp(-1rem, -2.8462rem + 3.8462vw, 1rem);
	z-index: 0;
}

@media (max-width: 768px) {
	.homepage-container .head-container #realisateur-container #anim3 {
		top: clamp(6.2rem, 1.3429rem + 24.2857vw, 13rem);
	}
}

.homepage-container .head-container #realisateur-container .realisateur-text {
	font-family: 'Mayenne';
	font-size: clamp(2.5rem, 1.2143rem + 6.4286vw, 7rem);
	line-height: clamp(3rem, 1.2857rem + 8.5714vw, 9rem);
	position: relative;
}

@media (max-width: 768px) {
	.homepage-container .head-container #realisateur-container .realisateur-text {
		font-size: clamp(2.3rem, 0.3714rem + 9.6429vw, 5rem);
		line-height: clamp(3.4rem, 1.1143rem + 11.4286vw, 6.6rem);
	}
}

.homepage-container .head-container .computer-container {
	width: clamp(23rem, 15.2857rem + 38.5714vw, 50rem);
	height: auto;
	z-index: 1;
	position: absolute;
	left: clamp(6rem, -5.4286rem + 57.1429vw, 46rem);
	top: clamp(-3rem, 22rem + -32vw, -10rem);
}

@media (max-width: 768px) {
	.homepage-container .head-container .computer-container {
		width: clamp(30rem, 22.1429rem + 39.2857vw, 41rem);
		left: clamp(-3rem, -8rem + 25vw, 4rem);
		top: clamp(5rem, 0.7143rem + 21.4286vw, 11rem);
	}
}

.homepage-container .nav-container, .homepage-container .nav-hr-container {
	z-index: 2;
}

.homepage-container .nav-container {
	max-width: 1600px;
	/* padding-left: toClampWithWiewport(1.5, 4, $for-phone-only, $for-max-size);
	padding-right: toClampWithWiewport(1.5, 4, $for-phone-only, $for-max-size); */
	width: 100%;
	position: relative;
	top: -2.5rem;
	margin-left: auto;
	margin-right: auto;
}

.homepage-container .realisations-title {
	max-width: 1600px;
	/* padding-left: toClampWithWiewport(1.5, 4, $for-phone-only, $for-max-size);
	padding-right: toClampWithWiewport(1.5, 4, $for-phone-only, $for-max-size); */
}

.homepage-container .project-list-container {
	z-index: 1;
}

.homepage-container .project-list-container .project-item-container {
	padding-top: 0rem;
	padding-bottom: clamp(0rem, -1.1968rem + 3.1968vw, 2rem);
	padding-left: clamp(1rem, -1.3936rem + 6.3936vw, 5rem);
	padding-right: clamp(1rem, -1.3936rem + 6.3936vw, 5rem);
}

@media (max-width: 768px) {
	.homepage-container .project-list-container .project-item-container {
		margin-bottom: clamp(1rem, -0.4286rem + 7.1429vw, 3rem);
	}
}

/* Nous */
.nous-container {
	display: flex;
	flex-direction: column;
	margin-top: 2rem;
	margin-bottom: 3rem;
}

.nous-container .title-container {
	max-width: 1600px;
	/* padding-left: toClampWithWiewport(1.5, 4, $for-phone-only, $for-max-size);
	padding-right: toClampWithWiewport(1.5, 4, $for-phone-only, $for-max-size); */
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

.nous-container .title-container #t-titre-1 {
	position: absolute;
	top: clamp(-2.5rem, -0.5714rem + -3.4286vw, -4rem);
	left: clamp(-3rem, -2rem + -5vw, -7rem);
	width: clamp(20rem, 11.25rem + 43.75vw, 55rem);
	height: auto;
}

@media (max-width: 900px) {
	.nous-container .title-container #t-titre-1 {
		top: clamp(-1.2rem, 1.387rem + -6.9103vw, -2.5rem);
	}
}

.nous-container .title-container h1 {
	z-index: 2;
	margin: 0;
	position: relative;
}

.nous-container .head-container {
	max-width: 1600px;
	/* padding-left: toClampWithWiewport(1.5, 4, $for-phone-only, $for-max-size);
	padding-right: toClampWithWiewport(1.5, 4, $for-phone-only, $for-max-size); */
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

.nous-container .head-container .head-background {
	margin-left: -6rem;
	width: 57rem;
}

@media (max-width: 768px) {
	.nous-container .head-container .head-background {
		display: none;
	}
}

.nous-container .head-container .head-background img {
	left: 4rem;
	position: relative;
}

.nous-container .head-container .head-content {
	margin-left: -6rem;
	font-family: "Caslon3LtStdRoman";
	position: absolute;
	top: 6.1rem;
	left: 13rem;
	width: 80%;
	transform: rotate(-3.9deg);
	line-height: 1.72rem;
	font-size: 1.2rem;
}

@media (max-width: 768px) {
	.nous-container .head-container .head-content {
		margin-top: clamp(2rem, 1.2857rem + 3.5714vw, 3rem);
		position: relative;
		transform: unset;
		margin-left: clamp(1rem, -0.0714rem + 5.3571vw, 2.5rem);
		margin-right: clamp(1rem, -0.0714rem + 5.3571vw, 2.5rem);
		top: 0;
		left: 0;
		right: 0;
		width: unset;
		max-width: 80%;
		line-height: unset;
	}
}

.nous-container .head-container .head-content p {
	font-size: 1rem;
}

.nous-container .head-container #t-texte-1 {
	position: absolute;
	top: 15rem;
	right: 0rem;
	width: 27rem;
	height: auto;
}

@media (max-width: 768px) {
	.nous-container .head-container #t-texte-1 {
		display: none;
	}
}

.nous-container #images-container {
	display: none;
	margin-left: auto;
	margin-right: auto;
	justify-content: center;
	flex-direction: row;
	margin-bottom: clamp(3rem, 2.25rem + 3.75vw, 6rem);
}

@media (max-width: 768px) {
	.nous-container #images-container {
		height: clamp(24rem, 21.1429rem + 14.2857vw, 28rem);
	}
}

.nous-container #images-container .slick-dots {
	display: flex;
	justify-content: center;
	gap: clamp(1.5rem, 1.2008rem + 0.7992vw, 2rem);
}

.nous-container #images-container .slick-dots li button:before {
	content: '';
	display: inline-block;
	height: clamp(1.5rem, 1.3205rem + 0.4795vw, 1.8rem);
	width: clamp(1.5rem, 1.3205rem + 0.4795vw, 1.8rem);
	/* left: -0.5rem; */
	position: relative;
	background-repeat: no-repeat;
	background-position-y: bottom;
	background-image: url(/wp-content/themes/modulo/assets/img/svg/puce2.svg);
}

.nous-container .project-item-container {
	margin-left: 5rem;
}

@media (max-width: 768px) {
	.nous-container .project-item-container {
		margin-left: clamp(3rem, 0.8571rem + 10.7143vw, 6rem);
	}
}

.nous-container .forces-yellow-fullwidth {
	width: 100%;
	background-color: #fdd46d;
	padding-bottom: 3rem;
}

.nous-container .forces-yellow-fullwidth .forces-container {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	top: 1.9rem;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.nous-container .forces-yellow-fullwidth .forces-container .forces-background {
	max-width: 1600px;
	/* padding-left: toClampWithWiewport(1.5, 4, $for-phone-only, $for-max-size);
	padding-right: toClampWithWiewport(1.5, 4, $for-phone-only, $for-max-size); */
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
}

.nous-container .forces-yellow-fullwidth .forces-container .forces-background .nosvaleurs-container, .nous-container .forces-yellow-fullwidth .forces-container .forces-background .nosforces-container {
	width: 40vw;
}

.nous-container .forces-yellow-fullwidth .forces-container .forces-background .nosvaleurs-container, .nous-container .forces-yellow-fullwidth .forces-container .forces-background .nosforces-container {
	display: flex;
	flex-direction: column;
	align-items: center;
	position: relative;
	max-width: 31.3rem;
	min-width: 19.4rem;
	margin-left: 1.5rem;
	margin-right: 1.5rem;
}

.nous-container .forces-yellow-fullwidth .forces-container .forces-background .nosvaleurs-container .valeurs-images-container::before, .nous-container .forces-yellow-fullwidth .forces-container .forces-background .nosforces-container .valeurs-images-container::before {
	content: "";
	position: absolute;
	width: clamp(6rem, -33.2857rem + 50.2857vw, 17rem);
	height: clamp(5rem, -30.7143rem + 45.7143vw, 15rem);
	left: clamp(-15rem, 30.7143rem + -45.7143vw, -5rem);
	top: clamp(9rem, 31.8571rem + -22.8571vw, 14rem);
	background: url(/wp-content/themes/modulo/assets/img/svg/nous/splouch_gauche.svg) no-repeat;
}

@media (max-width: 1250px) {
	.nous-container .forces-yellow-fullwidth .forces-container .forces-background .nosvaleurs-container .valeurs-images-container::before, .nous-container .forces-yellow-fullwidth .forces-container .forces-background .nosforces-container .valeurs-images-container::before {
		display: none;
	}
}

.nous-container .forces-yellow-fullwidth .forces-container .forces-background .nosvaleurs-container .forces-images-container::before, .nous-container .forces-yellow-fullwidth .forces-container .forces-background .nosforces-container .forces-images-container::before {
	content: "";
	position: absolute;
	width: clamp(6rem, -33.2857rem + 50.2857vw, 17rem);
	height: clamp(5rem, -30.7143rem + 45.7143vw, 15rem);
	right: clamp(-16rem, 29.7143rem + -45.7143vw, -6rem);
	top: clamp(9rem, 31.8571rem + -22.8571vw, 14rem);
	background: url(/wp-content/themes/modulo/assets/img/svg/nous/splouch_droite.svg) no-repeat;
}

@media (max-width: 1250px) {
	.nous-container .forces-yellow-fullwidth .forces-container .forces-background .nosvaleurs-container .forces-images-container::before, .nous-container .forces-yellow-fullwidth .forces-container .forces-background .nosforces-container .forces-images-container::before {
		display: none;
	}
}

.nous-container .forces-yellow-fullwidth .forces-container .forces-background .nosvaleurs-container .valeurs-images-container, .nous-container .forces-yellow-fullwidth .forces-container .forces-background .nosvaleurs-container .forces-images-container, .nous-container .forces-yellow-fullwidth .forces-container .forces-background .nosforces-container .valeurs-images-container, .nous-container .forces-yellow-fullwidth .forces-container .forces-background .nosforces-container .forces-images-container {
	position: relative;
	min-width: 20rem;
	font-family: 'Caslon3LtStdItalic';
}

.nous-container .forces-yellow-fullwidth .forces-container .forces-background .nosvaleurs-container .valeurs-images-container #valeur-text-1, .nous-container .forces-yellow-fullwidth .forces-container .forces-background .nosvaleurs-container .forces-images-container #valeur-text-1, .nous-container .forces-yellow-fullwidth .forces-container .forces-background .nosforces-container .valeurs-images-container #valeur-text-1, .nous-container .forces-yellow-fullwidth .forces-container .forces-background .nosforces-container .forces-images-container #valeur-text-1 {
	position: absolute;
	top: clamp(4rem, 0.8133rem + 6.639vw, 6rem);
	left: clamp(6.6rem, -1.2075rem + 16.2656vw, 11.5rem);
	font-size: clamp(1.6rem, 0.9627rem + 1.3278vw, 2rem);
}

.nous-container .forces-yellow-fullwidth .forces-container .forces-background .nosvaleurs-container .valeurs-images-container #valeur-text-2, .nous-container .forces-yellow-fullwidth .forces-container .forces-background .nosvaleurs-container .forces-images-container #valeur-text-2, .nous-container .forces-yellow-fullwidth .forces-container .forces-background .nosforces-container .valeurs-images-container #valeur-text-2, .nous-container .forces-yellow-fullwidth .forces-container .forces-background .nosforces-container .forces-images-container #valeur-text-2 {
	position: absolute;
	top: clamp(10.2rem, -0.6349rem + 22.5726vw, 17rem);
	left: clamp(9.8rem, -0.8755rem + 22.2407vw, 16.5rem);
	font-size: clamp(1.6rem, 0.9627rem + 1.3278vw, 2rem);
}

.nous-container .forces-yellow-fullwidth .forces-container .forces-background .nosvaleurs-container .valeurs-images-container #valeur-text-3, .nous-container .forces-yellow-fullwidth .forces-container .forces-background .nosvaleurs-container .forces-images-container #valeur-text-3, .nous-container .forces-yellow-fullwidth .forces-container .forces-background .nosforces-container .valeurs-images-container #valeur-text-3, .nous-container .forces-yellow-fullwidth .forces-container .forces-background .nosforces-container .forces-images-container #valeur-text-3 {
	position: absolute;
	top: clamp(10.5rem, -0.4942rem + 22.9046vw, 17.4rem);
	left: clamp(1.2rem, -1.19rem + 4.9793vw, 2.7rem);
	font-size: clamp(1.4rem, 0.7627rem + 1.3278vw, 1.8rem);
	line-height: clamp(1.4rem, 0.6033rem + 1.6598vw, 1.9rem);
	text-align: center;
}

.nous-container .forces-yellow-fullwidth .forces-container .forces-background .nosvaleurs-container .valeurs-images-container #forces-text-1, .nous-container .forces-yellow-fullwidth .forces-container .forces-background .nosvaleurs-container .forces-images-container #forces-text-1, .nous-container .forces-yellow-fullwidth .forces-container .forces-background .nosforces-container .valeurs-images-container #forces-text-1, .nous-container .forces-yellow-fullwidth .forces-container .forces-background .nosforces-container .forces-images-container #forces-text-1 {
	position: absolute;
	top: clamp(4.5rem, 0.5166rem + 8.2988vw, 7rem);
	left: clamp(7.6rem, 1.3859rem + 12.9461vw, 11.5rem);
	font-size: clamp(1.3rem, 0.1846rem + 2.3237vw, 2rem);
}

.nous-container .forces-yellow-fullwidth .forces-container .forces-background .nosvaleurs-container .valeurs-images-container #forces-text-2, .nous-container .forces-yellow-fullwidth .forces-container .forces-background .nosvaleurs-container .forces-images-container #forces-text-2, .nous-container .forces-yellow-fullwidth .forces-container .forces-background .nosforces-container .valeurs-images-container #forces-text-2, .nous-container .forces-yellow-fullwidth .forces-container .forces-background .nosforces-container .forces-images-container #forces-text-2 {
	position: absolute;
	top: clamp(10.7rem, 0.6618rem + 20.9129vw, 17rem);
	left: clamp(9.2rem, -2.4315rem + 24.2324vw, 16.5rem);
	font-size: clamp(1.4rem, 0.444rem + 1.9917vw, 2rem);
	line-height: clamp(1.7rem, 0.5846rem + 2.3237vw, 2.4rem);
	text-align: center;
}

.nous-container .forces-yellow-fullwidth .forces-container .forces-background .nosvaleurs-container .valeurs-images-container #forces-text-3, .nous-container .forces-yellow-fullwidth .forces-container .forces-background .nosvaleurs-container .forces-images-container #forces-text-3, .nous-container .forces-yellow-fullwidth .forces-container .forces-background .nosforces-container .valeurs-images-container #forces-text-3, .nous-container .forces-yellow-fullwidth .forces-container .forces-background .nosforces-container .forces-images-container #forces-text-3 {
	position: absolute;
	top: clamp(13.2rem, 1.5685rem + 24.2324vw, 20.5rem);
	left: clamp(3rem, -0.1867rem + 6.639vw, 5rem);
	font-size: clamp(1.3rem, 0.5033rem + 1.6598vw, 1.8rem);
	line-height: clamp(1.4rem, 0.6033rem + 1.6598vw, 1.9rem);
	text-align: center;
}

.nous-container .forces-yellow-fullwidth .forces-container .forces-background .nosvaleurs-container #valeur-fleche-1, .nous-container .forces-yellow-fullwidth .forces-container .forces-background .nosforces-container #valeur-fleche-1 {
	position: absolute;
	left: clamp(15.4rem, 3.2905rem + 25.2282vw, 23rem);
	top: clamp(10.2rem, 8.288rem + 3.9834vw, 11.4rem);
	width: clamp(3.5rem, -0.4834rem + 8.2988vw, 6rem);
}

.nous-container .forces-yellow-fullwidth .forces-container .forces-background .nosvaleurs-container #valeur-fleche-2, .nous-container .forces-yellow-fullwidth .forces-container .forces-background .nosforces-container #valeur-fleche-2 {
	position: absolute;
	left: clamp(6.6rem, 1.1826rem + 11.2863vw, 10rem);
	top: clamp(20.5rem, 7.7531rem + 26.556vw, 28.5rem);
	width: clamp(5rem, -1.3734rem + 13.278vw, 9rem);
}

.nous-container .forces-yellow-fullwidth .forces-container .forces-background .nosvaleurs-container #valeur-fleche-3, .nous-container .forces-yellow-fullwidth .forces-container .forces-background .nosforces-container #valeur-fleche-3 {
	position: absolute;
	left: clamp(1.5rem, 0.7033rem + 1.6598vw, 2rem);
	top: clamp(10.5rem, 5.7199rem + 9.9585vw, 13.5rem);
	width: clamp(3.6rem, 0.5726rem + 6.3071vw, 5.5rem);
}

.nous-container .forces-yellow-fullwidth .forces-container .forces-background .nosvaleurs-container #forces-fleche-1, .nous-container .forces-yellow-fullwidth .forces-container .forces-background .nosforces-container #forces-fleche-1 {
	position: absolute;
	left: clamp(13.2rem, 0.7718rem + 25.8921vw, 21rem);
	top: clamp(11rem, 7.8133rem + 6.639vw, 13rem);
	width: clamp(3.5rem, -0.4834rem + 8.2988vw, 6rem);
}

.nous-container .forces-yellow-fullwidth .forces-container .forces-background .nosvaleurs-container #forces-fleche-2, .nous-container .forces-yellow-fullwidth .forces-container .forces-background .nosforces-container #forces-fleche-2 {
	position: absolute;
	left: clamp(3rem, -0.1867rem + 6.639vw, 5rem);
	top: clamp(11rem, 6.2199rem + 9.9585vw, 14rem);
	width: clamp(3.6rem, 0.5726rem + 6.3071vw, 5.5rem);
}

.nous-container .forces-yellow-fullwidth .forces-container .forces-background .valeurs-title, .nous-container .forces-yellow-fullwidth .forces-container .forces-background .forces-title {
	text-align: center;
	font-family: 'Mayenne';
	font-size: 2rem;
}

.nous-container .forces-yellow-fullwidth .forces-container .forces-content {
	max-width: 1600px;
	/* padding-left: toClampWithWiewport(1.5, 4, $for-phone-only, $for-max-size);
	padding-right: toClampWithWiewport(1.5, 4, $for-phone-only, $for-max-size); */
	margin-left: 2rem;
	margin-right: 2rem;
	text-align: center;
	line-height: 1.8rem;
	font-family: 'Caslon3LtStdItalic';
	/* @include for-small-desktop {
                    font-size: 1.8rem;
                    width: 60vw;
                }
                
                @include for-tablet-landscape-up {
                    line-height: 2.4rem;
                    font-size: 2.3rem;
                    width: 75vw;
                }

                @include for-phone-only {
                    line-height: 3.3rem;
                    font-size: 3.2rem;
                    width: 80vw;
                } */
}

.nous-container .forces-yellow-fullwidth .forces-container .forces-content p {
	font-size: 1.1rem;
}

.nous-container .forces-yellow-fullwidth .forces-container .forces-content strong {
	font-family: 'Caslon3LtStdRoman';
}

/* Services */
.services-container {
	display: flex;
	flex-direction: column;
	margin-top: 2rem;
	margin-bottom: 3rem;
}

.services-container .title-container {
	width: 100%;
	display: flex;
	justify-content: center;
	position: relative;
}

.services-container .title-container h1 {
	text-align: center;
	z-index: 2;
	margin: 0;
	position: relative;
}

.services-container .title-container h1 p {
	margin: 0;
	font-size: 1em;
	z-index: 2;
	position: relative;
}

.services-container .head-container {
	max-width: 1600px;
	/* padding-left: toClampWithWiewport(1.5, 4, $for-phone-only, $for-max-size);
	padding-right: toClampWithWiewport(1.5, 4, $for-phone-only, $for-max-size); */
	margin-left: auto;
	margin-right: auto;
	/* width: toClampWithWiewport(toPixels(36), toPixels(70), $for-max-size, $for-tablet-portrait-up); */
	position: relative;
	margin-top: 8rem;
	margin-bottom: 13rem;
}

@media (max-width: 768px) {
	.services-container .head-container {
		margin-top: 4rem;
		margin-bottom: 2rem;
	}
}

.services-container .head-container .head-content {
	font-family: "Caslon3LtStdRoman";
	position: relative;
	max-width: 35rem;
	z-index: 2;
	line-height: 2.3rem;
	font-size: 1.3rem;
	box-sizing: content-box;
}

.services-container .head-container .head-content .head-paragraph {
	position: relative;
	transform: rotate(-4deg);
	font-size: 1.2rem;
	z-index: 2;
}

@media (max-width: 768px) {
	.services-container .head-container .head-content .head-paragraph {
		font-size: 1.1rem;
		width: 80vw;
		transform: unset;
		line-height: 1.5rem;
	}
}

.services-container .head-container .head-content .head-paragraph #trait_1 {
	display: inline-block;
	position: relative;
	z-index: -1;
}

.services-container .head-container .head-content .head-paragraph #trait_1::before {
	position: absolute;
	content: '';
	width: 10rem;
	height: 1rem;
	top: 1.3rem;
	left: -3rem;
	z-index: -1;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(/wp-content/themes/modulo/assets/img/svg/services/web/trait_text_service_web_1.svg);
}

.services-container .head-container .head-content .head-paragraph #trait_2 {
	display: inline-block;
	position: relative;
	z-index: -1;
}

.services-container .head-container .head-content .head-paragraph #trait_2::before {
	position: absolute;
	content: '';
	width: 10rem;
	height: 1rem;
	top: 1.2rem;
	transform: rotate(7deg);
	left: 0rem;
	z-index: -1;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(/wp-content/themes/modulo/assets/img/svg/services/web/trait_text_service_web_1.svg);
}

.services-container .head-container .head-content .head-paragraph #rond_1 {
	display: inline-block;
	position: relative;
	z-index: -1;
}

.services-container .head-container .head-content .head-paragraph #rond_1::before {
	position: absolute;
	content: '';
	width: 5.5rem;
	height: 2.7rem;
	top: -0.2rem;
	left: -1rem;
	z-index: -1;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(/wp-content/themes/modulo/assets/img/svg/services/web/rond_text_service_web_1.svg);
}

.services-container .head-container .head-content .head-paragraph #anim_web_1_container {
	position: relative;
}

.services-container .head-container .head-content .head-paragraph #anim_web_1_container #anim_web_1 {
	z-index: -1;
	top: -2.4rem;
	width: 8rem;
	height: auto;
	position: absolute;
}

.services-container .head-container .head-content #anim_web_1_container {
	display: inline-block;
}

.services-container .head-container .head-content::before {
	z-index: 0;
	content: "";
	position: absolute;
	width: 65rem;
	height: 31rem;
	top: -5rem;
	left: -15.7rem;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(/wp-content/themes/modulo/assets/img/svg/services/web/bg_content_services_web.svg);
}

@media (max-width: 768px) {
	.services-container .head-container .head-content::before {
		display: none;
	}
}

.services-container .process-container {
	position: relative;
	margin-top: 3rem;
}

.services-container .process-container .processus-anim-container {
	display: flex;
	justify-content: center;
}

.services-container .process-container #processus_bg_anim {
	top: clamp(-1.3rem, -0.925rem + -0.375vw, -1rem);
	/* left: toClampWithWiewport(toPixels(30), toPixels(40), $for-small-desktop, $for-max-size); */
	width: clamp(12rem, 8.25rem + 18.75vw, 27rem);
	height: auto;
}

@media (max-width: 1450px) {
	.services-container .process-container #processus_bg_anim {
		left: clamp(5rem, -2.0796rem + 35.3982vw, 30rem);
	}
}

.services-container .process-container .modulo-title {
	text-align: center;
}

.services-container .process-container .modulo-title span {
	position: relative;
	z-index: 2;
}

.services_web {
	margin-bottom: 3rem;
}

.services_web .title-container .title-anim-container {
	position: relative;
}

.services_web .title-container .title-anim-container #services_web_title_1 {
	height: auto;
	width: clamp(14rem, 8.75rem + 26.25vw, 35rem);
	left: clamp(4.4rem, 2.05rem + 11.75vw, 13.8rem);
	top: clamp(-0.7rem, -0.575rem + -0.625vw, -1.2rem);
}

.services_web .title-container .title-anim-container #services_web_title_2 {
	height: auto;
	width: clamp(6rem, 2.99rem + 12.01vw, 15rem);
	left: clamp(0.6rem, 0.1318rem + 1.8682vw, 2rem);
	top: 1rem;
}

@media (max-width: 401px) {
	.services_web .title-container .title-anim-container #services_web_title_2 {
		width: 7rem;
		left: 2.8rem;
		top: 2.4rem;
	}
}

.services_web .title-container .title-anim-container #services_web_title_3 {
	width: clamp(9rem, 5.3211rem + 14.6789vw, 20rem);
	height: auto;
	top: clamp(2.5rem, 0.995rem + 6.005vw, 7rem);
	left: clamp(12rem, 5.98rem + 24.02vw, 30rem);
}

@media (max-width: 401px) {
	.services_web .title-container .title-anim-container #services_web_title_3 {
		width: 9rem;
		top: 4.9rem;
		left: 10rem;
	}
}

.services_web .project-list-title {
	text-align: center;
	position: relative;
	z-index: 2;
}

.services_web .project-list-title .project-list-title-container {
	display: inline-block;
	position: relative;
}

.services_web .project-list-title .project-list-title-container #anim_project_list_title_1 {
	width: clamp(12rem, 7.75rem + 21.25vw, 29rem);
	height: clamp(4rem, 2.75rem + 6.25vw, 9rem);
	bottom: clamp(1.4rem, 0.85rem + 2.75vw, 3.6rem);
}

.services_web .project-list-title .project-list-title-container #anim_project_list_title_2 {
	width: clamp(5rem, 1.75rem + 16.25vw, 18rem);
	height: clamp(3rem, 1.75rem + 6.25vw, 8rem);
	top: clamp(2.1rem, 1.25rem + 4.25vw, 5.5rem);
	left: clamp(-7rem, 0.125rem + -7.125vw, -1.3rem);
}

.services_web .project-list-title .project-list-title-container #anim_project_list_title_3 {
	width: clamp(8rem, 5.25rem + 13.75vw, 19rem);
	height: clamp(4rem, 2.5rem + 7.5vw, 10rem);
	top: clamp(1.3rem, 0.8rem + 2.5vw, 3.3rem);
	left: clamp(9rem, 5.75rem + 16.25vw, 22rem);
}

.services_web .project-list-title p {
	margin: 0;
	z-index: 2;
	position: relative;
}

.project-list-title-text p {
	text-align: center;
}

.services_design .services-container .head-container .head-content .head-paragraph {
	top: 3rem;
}

@media (max-width: 768px) {
	.services_design .services-container .head-container .head-content .head-paragraph {
		top: unset;
	}
}

.services_design #services_web_title_1, .services_design #services_web_title_2, .services_design #services_web_title_3 {
	display: none;
}

.services_innovation .services-container .head-container .head-content .head-paragraph {
	top: 4rem;
}

@media (max-width: 768px) {
	.services_innovation .services-container .head-container .head-content .head-paragraph {
		top: unset;
	}
}

.services_innovation #services_web_title_1, .services_innovation #services_web_title_2, .services_innovation #services_web_title_3 {
	display: none;
}

.services_apps #services_web_title_1, .services_apps #services_web_title_2, .services_apps #services_web_title_3 {
	display: none;
}

/* Single project */
.rond-1::after {
	content: "";
	z-index: -1;
	position: absolute;
	width: auto;
	height: 2rem;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(/wp-content/themes/modulo/assets/img/svg/single-project/rond_1.svg);
}

.project-container {
	display: flex;
	flex-direction: column;
	margin-top: 2rem;
	margin-bottom: 3rem;
	z-index: 0;
	width: 100%;
}

.project-container .title-container {
	width: 100%;
	display: flex;
	position: relative;
	max-width: 1600px;
	/* padding-left: toClampWithWiewport(1.5, 4, $for-phone-only, $for-max-size);
	padding-right: toClampWithWiewport(1.5, 4, $for-phone-only, $for-max-size); */
	margin-left: auto;
	margin-right: auto;
	display: block;
	margin-bottom: 3rem;
}

.project-container .title-container::after {
	content: "";
	z-index: -1;
	position: absolute;
	left: 1rem;
	width: 41rem;
	top: 2.6rem;
	height: 2rem;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(/wp-content/themes/modulo/assets/img/svg/single-project/bg_title_single_project.svg);
}

.project-container .title-container h1 {
	margin: 0;
	margin-left: clamp(1rem, -0.1968rem + 3.1968vw, 3rem);
	margin-right: clamp(1rem, -0.1968rem + 3.1968vw, 3rem);
}

.project-container .title-container h1 p {
	margin: 0;
}

.project-container .wide-image {
	width: 100%;
	display: flex;
	justify-content: center;
	z-index: 0;
}

.project-container .content-size-image {
	max-width: 1600px;
	/* padding-left: toClampWithWiewport(1.5, 4, $for-phone-only, $for-max-size);
	padding-right: toClampWithWiewport(1.5, 4, $for-phone-only, $for-max-size); */
	margin-left: auto;
	margin-right: auto;
	display: flex;
	justify-content: center;
	z-index: 0;
	margin-bottom: 3rem;
}

.project-container .content-size-image img {
	width: 90%;
}

.project-container .top-content-container {
	max-width: 1600px;
	/* padding-left: toClampWithWiewport(1.5, 4, $for-phone-only, $for-max-size);
	padding-right: toClampWithWiewport(1.5, 4, $for-phone-only, $for-max-size); */
	margin-left: auto;
	margin-right: auto;
	margin-top: clamp(0rem, 10.3896rem + -10.3896vw, 6.5rem);
	width: 100%;
	position: relative;
	display: flex;
	flex-direction: row;
	z-index: 1;
	margin-bottom: clamp(4.5rem, 0.6429rem + 6.8571vw, 7.5rem);
}

@media (max-width: 900px) {
	.project-container .top-content-container {
		padding-bottom: unset;
		flex-direction: column;
		margin-bottom: clamp(3rem, 12.6613rem + -25.8065vw, 7.5rem);
	}
}

@media (max-width: 599px) {
	.project-container .top-content-container {
		margin-top: 0;
		margin-bottom: 4rem;
	}
}

.project-container .top-content-container .top-text-container {
	font-family: 'Caslon3LtStdRoman';
	font-size: 1.1rem;
	width: clamp(55%, 112.1429rem + -57.1429vw, 80%);
	/* @include for-small-desktop {
                width: toClampWithWiewport(toPixels(32), toPixels(50), $for-tablet-landscape-up, $for-small-desktop);
            } */
}

.project-container .top-content-container .top-text-container::after {
	content: "";
	z-index: -1;
	position: absolute;
	left: 1rem;
	top: -9.4rem;
	width: clamp(40rem, 34.016rem + 15.984vw, 50rem);
	height: 27.5rem;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(/wp-content/themes/modulo/assets/img/svg/single-project/bg_single_project_top.svg);
}

@media (max-width: 599px) {
	.project-container .top-content-container .top-text-container::after {
		display: none;
	}
}

.project-container .top-content-container .top-text-container p {
	transform: rotate(-4deg);
	position: relative;
	top: -4rem;
	left: 9rem;
	width: clamp(27rem, 22.8112rem + 11.1888vw, 34rem);
	font-size: clamp(1rem, 0.9402rem + 0.1598vw, 1.1rem);
}

@media (max-width: 599px) {
	.project-container .top-content-container .top-text-container p {
		transform: none;
		top: unset;
		left: unset;
		width: 100vw;
		padding-left: 2rem;
		padding-right: 2rem;
	}
}

.project-container .top-content-container .top-technos-container {
	font-family: "Caslon3LtStdItalic";
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	height: 4rem;
	margin-top: clamp(-3rem, -11.1818rem + 14.5455vw, 2rem);
	width: clamp(15%, -10.7143rem + 45.7143vw, 35%);
}

@media (max-width: 900px) {
	.project-container .top-content-container .top-technos-container {
		width: 100%;
		justify-content: center;
		padding-left: 2rem;
		padding-right: 2rem;
		margin-top: 6rem;
	}
}

@media (max-width: 599px) {
	.project-container .top-content-container .top-technos-container {
		margin-top: 2rem;
	}
}

.project-container .top-content-container .top-technos-container .techno-item {
	position: relative;
	margin-right: 4rem;
	margin-bottom: 4rem;
}

@media (max-width: 599px) {
	.project-container .top-content-container .top-technos-container .techno-item {
		margin-right: 2.8rem;
		margin-bottom: 0;
	}
}

.project-container .top-content-container .top-technos-container .techno-item span {
	padding: 0.2rem 1rem;
	position: relative;
	top: 1rem;
	width: 130%;
	display: inline-block;
}

.project-container .top-content-container .top-technos-container .techno-item .techno-item-name-container::before {
	content: "";
	z-index: -1;
	position: absolute;
	right: -50%;
	top: -105%;
	width: 200%;
	height: 5rem;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(/wp-content/themes/modulo/assets/img/svg/single-project/test.svg);
}

@media (max-width: 599px) {
	.project-container .top-content-container .top-technos-container .techno-item .techno-item-name-container::before {
		top: -38%;
		height: 4rem;
	}
}

@media (max-width: 599px) {
	.project-container .top-content-container .top-technos-container .techno-item .techno-item-name-container .techno-item-name {
		font-size: 0.8rem;
		height: 4rem;
		padding-left: 0.5rem;
		padding-right: 0.5rem;
	}
}

.project-container .top-content-container .top-technos-container .techno-item .techno-item-name-container .techno-item-scotch {
	width: 2.3rem;
	position: absolute;
	top: -1.3rem;
	left: 0rem;
}

.project-container .key-figures-container {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	position: relative;
	z-index: 1;
	margin-bottom: 3rem;
}

.project-container .key-figures-container .key-figure-container {
	display: flex;
	flex-direction: column;
	text-align: center;
	padding: 0rem 2rem;
	position: relative;
}

@media (max-width: 599px) {
	.project-container .key-figures-container .key-figure-container {
		margin-bottom: 2rem;
	}
}

.project-container .key-figures-container .key-figure-container .key-figure {
	font-family: 'Mayenne';
	font-size: clamp(2rem, 1.75rem + 1.25vw, 3rem);
}

.project-container .key-figures-container .key-figure-container .key-figure-text {
	font-family: 'Mayenne';
	font-size: clamp(1.1rem, 1.05rem + 0.25vw, 1.3rem);
	position: relative;
	top: clamp(-0.7rem, -0.45rem + -0.25vw, -0.5rem);
}

.project-container .key-figures-container .key-figure-container .key-figure-desc {
	font-family: 'Caslon3LtStdItalic';
}

.project-container .key-figures-container .key-figure-container .key-figure-desc p {
	font-size: clamp(1.2rem, 1.175rem + 0.125vw, 1.3rem);
	margin: 0;
}

.project-container .key-figures-container .key-figure-container-1::after {
	content: "";
	z-index: -1;
	position: absolute;
	left: 2.1rem;
	top: -2.1rem;
	width: 12rem;
	height: 8rem;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(/wp-content/themes/modulo/assets/img/svg/single-project/bg_key_figure_1.svg);
}

.project-container .key-figures-container .key-figure-container-2::after {
	content: "";
	z-index: -1;
	position: absolute;
	left: 2.1rem;
	top: -0.8rem;
	width: 15rem;
	height: 8rem;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(/wp-content/themes/modulo/assets/img/svg/single-project/bg_key_figure_2.svg);
}

.project-container .key-figures-container .key-figure-container-3::after {
	content: "";
	z-index: -1;
	position: absolute;
	left: 2.1rem;
	top: -0.8rem;
	width: 15rem;
	height: 8rem;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(/wp-content/themes/modulo/assets/img/svg/single-project/bg_key_figure_3.svg);
}

.project-container .content-container {
	max-width: 1600px;
	/* padding-left: toClampWithWiewport(1.5, 4, $for-phone-only, $for-max-size);
	padding-right: toClampWithWiewport(1.5, 4, $for-phone-only, $for-max-size); */
	padding-left: 2rem;
	padding-right: 2rem;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	flex-direction: row;
	width: 100%;
	z-index: 1;
	position: relative;
	margin-bottom: 3rem;
}

@media (max-width: 900px) {
	.project-container .content-container {
		flex-direction: column;
	}
}

.project-container .content-container p {
	margin: 0;
}

.project-container .content-container .left-content-image {
	z-index: -1;
	position: absolute;
	top: 0.1rem;
	left: -3rem;
	width: 17rem;
	height: 7rem;
}

.project-container .content-container .left-panel {
	width: 50%;
	font-size: 4rem;
	position: relative;
}

@media (max-width: 900px) {
	.project-container .content-container .left-panel {
		width: 100%;
		margin-top: 2rem;
		margin-bottom: 2rem;
	}
}

.project-container .content-container .left-panel .sticky-title p {
	font-size: clamp(2rem, 1.7rem + 1.5vw, 3.2rem);
	line-height: clamp(2.1rem, 1.6rem + 2.5vw, 4.1rem);
	margin-right: 10%;
}

.project-container .content-container .right-panel {
	width: 35%;
	height: 100%;
	position: relative;
}

@media (max-width: 1250px) {
	.project-container .content-container .right-panel {
		width: 43%;
	}
}

@media (max-width: 900px) {
	.project-container .content-container .right-panel {
		width: 100%;
	}
}

.project-container .content-container .right-panel::after {
	content: "";
	z-index: -1;
	position: absolute;
	top: 0;
	width: 50rem;
	height: 100%;
	background-repeat: repeat-y;
	background-image: url(/wp-content/themes/modulo/assets/img/svg/single-project/bg_right_content.svg);
}

@media (max-width: 900px) {
	.project-container .content-container .right-panel::after {
		left: -2rem;
		width: 100vw;
		background-color: white;
		background-image: none;
		opacity: 1;
	}
}

.project-container .content-container .right-panel .gut-content {
	position: relative;
	left: 6rem;
	top: 1rem;
	padding-bottom: 3rem;
}

@media (max-width: 1250px) {
	.project-container .content-container .right-panel .gut-content {
		left: 3rem;
	}
}

@media (max-width: 900px) {
	.project-container .content-container .right-panel .gut-content {
		left: 0;
		font-size: 2rem;
	}
}

.project-container .content-container .right-panel .gut-content h2 {
	font-family: 'Mayenne';
}

.project-container .content-container .right-panel .gut-content p {
	font-family: 'Caslon3LtStdRoman';
	/* font-size: 1.2rem;

                    @include for-phone-only {
                        font-size: 3rem;
                    } */
}

.project-container .content-container .right-panel .gut-content figcaption {
	text-align: center;
}

.project-container .content-container .right-panel .gut-content .wp-block-columns {
	margin-bottom: 0;
}

.project-container .content-container .right-panel .gut-content .project-item-container {
	margin-top: 2rem;
	margin-bottom: 2rem;
}

.project-container .project-page-button {
	margin-top: clamp(0rem, -1.25rem + 6.25vw, 5rem);
	margin-bottom: clamp(3rem, 2.5rem + 2.5vw, 5rem);
}

/* Single blog */
body.single-blog {
	background: #fff;
}

.rond-1::after {
	content: "";
	z-index: -1;
	position: absolute;
	width: auto;
	height: 2rem;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(/wp-content/themes/modulo/assets/img/svg/single-project/rond_1.svg);
}

.post-container {
	display: flex;
	flex-direction: column;
	margin-top: 2rem;
	margin-bottom: 3rem;
	z-index: 0;
	width: 100%;
}

.post-container .title-container {
	width: 100%;
	display: flex;
	position: relative;
	max-width: 1600px;
	/* padding-left: toClampWithWiewport(1.5, 4, $for-phone-only, $for-max-size);
	padding-right: toClampWithWiewport(1.5, 4, $for-phone-only, $for-max-size); */
	margin-left: auto;
	margin-right: auto;
	display: block;
	margin-bottom: 3rem;
}

.post-container .title-container::after {
	content: "";
	z-index: -1;
	position: absolute;
	left: 1rem;
	width: 41rem;
	top: 2.6rem;
	height: 2rem;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(/wp-content/themes/modulo/assets/img/svg/single-project/bg_title_single_project.svg);
}

.post-container .title-container h1 {
	margin: 0;
	margin-left: clamp(1rem, -0.1968rem + 3.1968vw, 3rem);
	margin-right: clamp(1rem, -0.1968rem + 3.1968vw, 3rem);
}

.post-container .title-container h1 p {
	margin: 0;
}

.post-container .wide-image {
	width: 100%;
	display: flex;
	justify-content: center;
	z-index: 0;
}

.post-container .content-size-image {
	max-width: 1600px;
	/* padding-left: toClampWithWiewport(1.5, 4, $for-phone-only, $for-max-size);
	padding-right: toClampWithWiewport(1.5, 4, $for-phone-only, $for-max-size); */
	margin-left: auto;
	margin-right: auto;
	display: flex;
	justify-content: center;
	z-index: 0;
	margin-bottom: 3rem;
}

.post-container .content-size-image img {
	width: 90%;
}

.post-container .top-content-container {
	max-width: 1600px;
	/* padding-left: toClampWithWiewport(1.5, 4, $for-phone-only, $for-max-size);
	padding-right: toClampWithWiewport(1.5, 4, $for-phone-only, $for-max-size); */
	margin-left: auto;
	margin-right: auto;
	margin-top: clamp(0rem, 10.3896rem + -10.3896vw, 6.5rem);
	width: 100%;
	position: relative;
	display: flex;
	flex-direction: row;
	z-index: 1;
	margin-bottom: clamp(4.5rem, 0.6429rem + 6.8571vw, 7.5rem);
}

@media (max-width: 900px) {
	.post-container .top-content-container {
		padding-bottom: unset;
		flex-direction: column;
		margin-bottom: clamp(3rem, 12.6613rem + -25.8065vw, 7.5rem);
	}
}

@media (max-width: 599px) {
	.post-container .top-content-container {
		margin-top: 0;
		margin-bottom: 4rem;
	}
}

.post-container .top-content-container .top-text-container {
	font-family: 'Caslon3LtStdRoman';
	font-size: 1.1rem;
	width: clamp(55%, 112.1429rem + -57.1429vw, 80%);
	/* @include for-small-desktop {
                width: toClampWithWiewport(toPixels(32), toPixels(50), $for-tablet-landscape-up, $for-small-desktop);
            } */
}

.post-container .top-content-container .top-text-container::after {
	content: "";
	z-index: -1;
	position: absolute;
	left: 1rem;
	top: -9.4rem;
	width: clamp(40rem, 34.016rem + 15.984vw, 50rem);
	height: 27.5rem;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(/wp-content/themes/modulo/assets/img/svg/single-project/bg_single_project_top.svg);
}

@media (max-width: 599px) {
	.post-container .top-content-container .top-text-container::after {
		display: none;
	}
}

.post-container .top-content-container .top-text-container p {
	transform: rotate(-4deg);
	position: relative;
	top: -4rem;
	left: 9rem;
	width: clamp(27rem, 22.8112rem + 11.1888vw, 34rem);
	font-size: clamp(1rem, 0.9402rem + 0.1598vw, 1.1rem);
}

@media (max-width: 599px) {
	.post-container .top-content-container .top-text-container p {
		transform: none;
		top: unset;
		left: unset;
		width: 100vw;
		padding-left: 2rem;
		padding-right: 2rem;
	}
}

.post-container .top-content-container .top-technos-container {
	font-family: "Caslon3LtStdItalic";
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	height: 4rem;
	margin-top: clamp(-3rem, -11.1818rem + 14.5455vw, 2rem);
	width: clamp(15%, -10.7143rem + 45.7143vw, 35%);
}

@media (max-width: 900px) {
	.post-container .top-content-container .top-technos-container {
		width: 100%;
		justify-content: center;
		padding-left: 2rem;
		padding-right: 2rem;
		margin-top: 6rem;
	}
}

@media (max-width: 599px) {
	.post-container .top-content-container .top-technos-container {
		margin-top: 2rem;
	}
}

.post-container .top-content-container .top-technos-container .techno-item {
	position: relative;
	margin-right: 4rem;
	margin-bottom: 4rem;
}

@media (max-width: 599px) {
	.post-container .top-content-container .top-technos-container .techno-item {
		margin-right: 2.8rem;
		margin-bottom: 0;
	}
}

.post-container .top-content-container .top-technos-container .techno-item span {
	padding: 0.2rem 1rem;
	position: relative;
	top: 1rem;
	width: 130%;
	display: inline-block;
}

.post-container .top-content-container .top-technos-container .techno-item .techno-item-name-container::before {
	content: "";
	z-index: -1;
	position: absolute;
	right: -50%;
	top: -105%;
	width: 200%;
	height: 5rem;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(/wp-content/themes/modulo/assets/img/svg/single-project/test.svg);
}

@media (max-width: 599px) {
	.post-container .top-content-container .top-technos-container .techno-item .techno-item-name-container::before {
		top: -38%;
		height: 4rem;
	}
}

@media (max-width: 599px) {
	.post-container .top-content-container .top-technos-container .techno-item .techno-item-name-container .techno-item-name {
		font-size: 0.8rem;
		height: 4rem;
		padding-left: 0.5rem;
		padding-right: 0.5rem;
	}
}

.post-container .top-content-container .top-technos-container .techno-item .techno-item-name-container .techno-item-scotch {
	width: 2.3rem;
	position: absolute;
	top: -1.3rem;
	left: 0rem;
}

.post-container .content-container {
	max-width: 980px;
	/* padding-left: toClampWithWiewport(1.5, 4, $for-phone-only, $for-max-size);
	padding-right: toClampWithWiewport(1.5, 4, $for-phone-only, $for-max-size); */
	padding-left: 2rem;
	padding-right: 2rem;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	flex-direction: row;
	width: 100%;
	z-index: 1;
	position: relative;
	margin-bottom: 3rem;
}

.post-container .content-container p {
	margin: 0;
}

.post-container .content-container .gut-content {
	position: relative;
	padding-bottom: 3rem;
	background: #fff;
	max-width: 100%;
}

.post-container .content-container .gut-content h2 {
	font-family: 'Mayenne';
}

.post-container .content-container .gut-content p {
	font-family: 'Caslon3LtStdRoman';
}

.post-container .content-container .gut-content figcaption {
	text-align: center;
}

.post-container .content-container .gut-content .wp-block-columns {
	margin-bottom: 0;
}

.post-container .content-container .gut-content .project-item-container {
	margin-top: 2rem;
	margin-bottom: 2rem;
}

/* Archive project */
.project-archive-container {
	max-width: 1600px;
	/* padding-left: toClampWithWiewport(1.5, 4, $for-phone-only, $for-max-size);
	padding-right: toClampWithWiewport(1.5, 4, $for-phone-only, $for-max-size); */
	margin-left: auto;
	margin-right: auto;
	display: flex;
	flex-direction: column;
	margin-top: 2rem;
	margin-bottom: 3rem;
	z-index: 0;
	position: relative;
	width: 100%;
}

.project-archive-container .top-content-container {
	max-width: 1600px;
	/* padding-left: toClampWithWiewport(1.5, 4, $for-phone-only, $for-max-size);
	padding-right: toClampWithWiewport(1.5, 4, $for-phone-only, $for-max-size); */
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

.project-archive-container #t-titre-1 {
	position: absolute;
	bottom: clamp(1.1rem, 0.625rem + 2.375vw, 3rem);
	width: clamp(7rem, 3rem + 20vw, 23rem);
}

.project-archive-container #t-titre-2 {
	position: absolute;
	left: clamp(5.6rem, 4.35rem + 6.25vw, 10.6rem);
	top: clamp(2.3rem, 1.45rem + 4.25vw, 5.7rem);
	width: clamp(8rem, 4rem + 20vw, 24rem);
}

.project-archive-container #ampoule {
	position: absolute;
	top: clamp(-3rem, -2.85rem + -0.75vw, -3.6rem);
	right: clamp(-7rem, -2.8462rem + -8.6538vw, -11.5rem);
	width: clamp(7rem, 6.0769rem + 1.9231vw, 8rem);
}

@media (max-width: 768px) {
	.project-archive-container #ampoule {
		right: clamp(-7rem, -2.7143rem + -8.9286vw, -4.5rem);
		width: clamp(5.5rem, 4.4286rem + 5.3571vw, 7rem);
	}
}

.project-archive-container .title-container {
	width: 100%;
	text-align: center;
	position: relative;
}

.project-archive-container .title-container p {
	font-size: unset;
}

.project-archive-container .nav-menu-container {
	width: 100%;
	display: flex;
	justify-content: center;
	margin-top: clamp(1rem, 0.75rem + 1.25vw, 2rem);
	margin-bottom: clamp(0rem, -0.5rem + 2.5vw, 2rem);
}

.project-archive-container .nav-menu-container a {
	margin-right: 2rem;
}

.project-archive-container p {
	margin: 0;
}

.project-archive-container h1 {
	margin: 0;
}

.project-archive-container .see-more-container {
	display: flex;
	justify-content: center;
	cursor: pointer;
}

/* Archive project */
.post-archive-container {
	max-width: 1600px;
	/* padding-left: toClampWithWiewport(1.5, 4, $for-phone-only, $for-max-size);
	padding-right: toClampWithWiewport(1.5, 4, $for-phone-only, $for-max-size); */
	margin-left: auto;
	margin-right: auto;
	display: flex;
	flex-direction: column;
	margin-top: 2rem;
	margin-bottom: 3rem;
	width: 100%;
}

.post-archive-container .title-container {
	max-width: 1600px;
	/* padding-left: toClampWithWiewport(1.5, 4, $for-phone-only, $for-max-size);
	padding-right: toClampWithWiewport(1.5, 4, $for-phone-only, $for-max-size); */
	margin-left: auto;
	margin-right: auto;
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.post-archive-container .title-container #t-titre-1 {
	position: absolute;
	top: clamp(-2.5rem, -0.5714rem + -3.4286vw, -4rem);
	left: 50%;
	transform: translateX(-50%);
	width: clamp(20rem, 11.25rem + 43.75vw, 55rem);
	height: auto;
}

@media (max-width: 900px) {
	.post-archive-container .title-container #t-titre-1 {
		top: clamp(-1.2rem, 1.387rem + -6.9103vw, -2.5rem);
	}
}

.post-archive-container .title-container h1 {
	z-index: 2;
	margin: 0;
	position: relative;
}

.post-archive-container .title-container .ariane {
	display: flex;
	justify-content: center;
	align-items: baseline;
	column-gap: 12px;
	margin-top: clamp(1rem, 0.75rem + 1.25vw, 2rem);
	margin-bottom: clamp(0rem, -0.5rem + 2.5vw, 2rem);
}

.post-archive-container .title-container .ariane a {
	text-decoration: underline !important;
}

.post-archive-container .post-nav-menu-container {
	width: 100%;
	display: flex;
	justify-content: center;
	margin-top: clamp(1rem, 0.75rem + 1.25vw, 2rem);
	margin-bottom: clamp(0rem, -0.5rem + 2.5vw, 2rem);
}

.post-archive-container .post-nav-menu-container .post-term-container {
	max-width: 490px;
	font-family: "Caslon3LtStdItalic";
	display: flex;
	justify-content: center;
	flex-direction: row;
	flex-wrap: wrap;
	column-gap: 4rem;
	row-gap: 4rem;
	margin-top: 3rem;
	margin-bottom: 3rem;
	z-index: 999;
}

@media (max-width: 900px) {
	.post-archive-container .post-nav-menu-container .post-term-container {
		justify-content: center;
		padding-left: 2rem;
		padding-right: 2rem;
	}
}

.post-archive-container .post-nav-menu-container .post-term-container .term-item {
	position: relative;
}

.post-archive-container .post-nav-menu-container .post-term-container .term-item span {
	padding: 0.2rem 1rem;
	position: relative;
	top: 1rem;
	width: 130%;
	display: inline-block;
}

.post-archive-container .post-nav-menu-container .post-term-container .term-item .term-item-name-container::before {
	content: "";
	z-index: -1;
	position: absolute;
	right: -50%;
	top: -105%;
	width: 200%;
	height: 5rem;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(/wp-content/themes/modulo/assets/img/svg/single-project/test.svg);
}

.post-archive-container .post-nav-menu-container .post-term-container .term-item .term-item-name-container .term-item-scotch {
	width: 2.3rem;
	height: 1rem;
	position: absolute;
	top: -1.3rem;
	left: 0rem;
}

.post-archive-container p {
	margin: 0;
}

.post-archive-container h1 {
	margin: 0;
}

.post-archive-container .see-more-container {
	display: flex;
	justify-content: center;
	cursor: pointer;
}

/* Contact */
.contact-page-container {
	max-width: 1600px;
	/* padding-left: toClampWithWiewport(1.5, 4, $for-phone-only, $for-max-size);
	padding-right: toClampWithWiewport(1.5, 4, $for-phone-only, $for-max-size); */
	margin-left: auto;
	margin-right: auto;
	display: flex;
	flex-direction: row;
	justify-content: center;
	position: relative;
	margin-top: clamp(4rem, 0.3077rem + 7.6923vw, 8rem);
}

@media (max-width: 768px) {
	.contact-page-container {
		flex-direction: column;
	}
}

.contact-page-container #plane_anim {
	position: absolute;
	width: clamp(70rem, -1.4286rem + 91.4286vw, 90rem);
	height: auto;
	top: clamp(-18rem, 9.4286rem + -27.4286vw, -12rem);
	left: clamp(-13rem, 14.4286rem + -27.4286vw, -7rem);
}

@media (max-width: 1250px) {
	.contact-page-container #plane_anim {
		width: clamp(45rem, 13.1328rem + 66.39vw, 65rem);
		top: clamp(-14rem, 1.5602rem + -19.917vw, -8rem);
		left: 0;
	}
}

.contact-page-container .left-panel {
	position: relative;
}

.contact-page-container .left-panel::after {
	content: "";
	z-index: 0;
	position: absolute;
	left: clamp(-11rem, 2.7143rem + -13.7143vw, -5rem);
	top: 3.6rem;
	width: clamp(30rem, 10.7143rem + 34.2857vw, 45rem);
	height: clamp(31rem, 29.7143rem + 2.2857vw, 32rem);
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(/wp-content/themes/modulo/assets/img/svg/bg_note.svg);
}

@media (max-width: 1250px) {
	.contact-page-container .left-panel::after {
		display: none;
	}
}

@media (max-width: 768px) {
	.contact-page-container .left-panel::after {
		display: block;
		left: clamp(-8rem, -17.2857rem + 46.4286vw, 5rem);
		top: -0.4rem;
		width: 38rem;
		height: 29rem;
	}
}

.contact-page-container .left-panel .text-content {
	position: relative;
	left: -1.5rem;
	top: 9rem;
	z-index: 1;
}

@media (max-width: 1250px) {
	.contact-page-container .left-panel .text-content {
		background-color: rgba(255, 255, 255, 0.9);
		padding: 2rem;
		top: 3rem;
	}
}

@media (max-width: 768px) {
	.contact-page-container .left-panel .text-content {
		background: none;
		padding: unset;
		left: clamp(3rem, -4.8571rem + 39.2857vw, 14rem);
		top: clamp(4rem, 2.5714rem + 7.1429vw, 6rem);
	}
}

.contact-page-container .left-panel .text-content .modulo-small-title {
	text-align: start;
	font-size: clamp(1.3rem, 0.8385rem + 0.9615vw, 1.8rem);
}

.contact-page-container .left-panel .text-content p {
	font-family: 'Mayenne';
	margin-bottom: 0.5rem;
	letter-spacing: 0.04rem;
	font-size: clamp(0.7rem, 0.2385rem + 0.9615vw, 1.2rem);
}

.contact-page-container .left-panel .text-content p a:hover {
	border-bottom: #fdd46d solid;
	border-bottom-width: 0.3rem;
}

.contact-page-container .left-panel .text-content .phone-content {
	font-size: clamp(0.8rem, 0.5231rem + 0.5769vw, 1.1rem);
}

.contact-page-container .left-panel .text-content .email-content {
	font-size: clamp(0.8rem, 0.5231rem + 0.5769vw, 1.1rem);
}

.contact-page-container .left-panel .text-content-separator {
	height: 0.5rem;
	width: 15rem;
	margin: 1rem 0 1rem 0;
	background-color: #fdd46d;
}

.contact-page-container .left-panel .metro {
	width: 10rem;
}

.contact-page-container .right-panel {
	display: flex;
	flex-direction: column;
	position: relative;
	z-index: 1;
	left: clamp(0rem, -10.2857rem + 18.2857vw, 8rem);
	width: 40%;
}

@media (max-width: 768px) {
	.contact-page-container .right-panel {
		width: 80%;
		margin-left: auto;
		margin-right: auto;
		margin-top: 16rem;
	}
}

.contact-page-container .right-panel::after {
	content: "";
	z-index: 0;
	position: absolute;
	left: clamp(10rem, -5.4286rem + 27.4286vw, 22rem);
	top: clamp(-8rem, -0.4571rem + -7.5429vw, -4.7rem);
	width: clamp(6.4rem, 1.7714rem + 8.2286vw, 10rem);
	height: clamp(4.6rem, 1.5143rem + 5.4857vw, 7rem);
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(/wp-content/themes/modulo/assets/img/svg/contact/trait_contact.svg);
}

.contact-page-container .right-panel .form-container {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.contact-page-container .right-panel .form-container .vfbp-form .vfb-form-group {
	margin-bottom: 0;
}

.contact-page-container .right-panel .form-container form {
	margin-bottom: 2rem;
}

.contact-page-container .right-panel .form-container form input[type=text], .contact-page-container .right-panel .form-container form input[type=email], .contact-page-container .right-panel .form-container form textarea {
	border-radius: 15px;
	font-family: 'IBMPlex';
}

.contact-page-container .right-panel .form-container form .vfb-fieldType-submit button {
	background-color: #fdd46d;
	border-radius: 25px;
	padding-right: clamp(1rem, 0.75rem + 1.25vw, 2rem);
	padding-left: clamp(1rem, 0.75rem + 1.25vw, 2rem);
}

.contact-page-container .right-panel .form-container form .vfb-required-asterisk {
	display: none;
}

.contact-page-container .right-panel .form-container form .btn {
	font-family: 'Mayenne';
	font-size: clamp(1.1rem, 0.9154rem + 0.3846vw, 1.3rem);
	background-color: unset;
	border: none;
	color: #1b1d38;
}

.contact-page-container .right-panel .form-container form #vfbField4 svg {
	z-index: -1;
}

.contact-page-container .right-panel .form-container form #vfbField5, .contact-page-container .right-panel .form-container form #vfbField6, .contact-page-container .right-panel .form-container form #vfbField7 {
	color: #1b1d38;
	font-family: 'Caslon3LtStdRoman';
}

.contact-page-container .right-panel .form-container form p, .contact-page-container .right-panel .form-container form .vfb-fieldType-captcha {
	font-size: clamp(0.7rem, 0.675rem + 0.125vw, 0.8rem);
}

.contact-page-container .right-panel .form-container form #vfb-field-7-0 {
	font-size: clamp(0.9rem, 0.875rem + 0.125vw, 1rem);
}

.contact-page-container .right-panel .form-container .nf-response-msg {
	margin-top: 5rem;
	margin-bottom: 5rem;
	color: #fdd46d;
	font-size: 1.4rem;
}

@media (max-width: 900px) {
	.contact-page-container .right-panel .form-container .nf-response-msg {
		font-size: 1.9rem;
	}
}

@media (max-width: 599px) {
	.contact-page-container .right-panel .form-container .nf-response-msg {
		font-size: 2.7rem;
	}
}

.contact-page-container p {
	margin: 0;
}

/* Politique de confidentialité */
.policy-container {
	max-width: 1600px;
	/* padding-left: toClampWithWiewport(1.5, 4, $for-phone-only, $for-max-size);
	padding-right: toClampWithWiewport(1.5, 4, $for-phone-only, $for-max-size); */
	margin-left: auto;
	margin-right: auto;
}

.policy-container .policy-content {
	margin-left: 4rem;
	margin-right: 4rem;
}

/* Comments
--------------------------------------------- */
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
	margin: 0 0 1.5em;
}

.widget select {
	max-width: 100%;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/* Captions
--------------------------------------------- */
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/* Galleries
--------------------------------------------- */
.gallery {
	margin-bottom: 1.5em;
	display: grid;
	grid-gap: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	width: 100%;
}

.gallery-columns-2 {
	grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
	grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
	grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
	grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
	grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
	grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
	grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
	grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
	display: block;
}

/* Template parts
--------------------------------------------- */
/* Project item
--------------------------------------------- */
.project-item-container {
	display: inline-block;
	text-decoration: none;
}

.project-item-container .thumb-container .scotch-svg {
	width: 5rem;
	height: 3rem;
	margin: 0 auto;
	position: relative;
	top: 1.6rem;
	left: clamp(-4rem, -6.3936rem + 6.3936vw, 0rem);
	z-index: 2;
}

.project-item-container .thumb-container .scotch-svg img {
	width: 5rem;
	height: 3rem;
	opacity: 0.4;
}

.project-item-container .thumb-container .project-thumb-image {
	height: auto;
	width: clamp(14rem, 3.2288rem + 28.7712vw, 32rem);
	max-width: none;
	-webkit-box-shadow: 0px 0px 25px 20px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 0px 25px 20px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 0px 25px 20px rgba(0, 0, 0, 0.2);
}

@media (max-width: 768px) {
	.project-item-container .thumb-container .project-thumb-image {
		width: clamp(14rem, -1.7143rem + 78.5714vw, 36rem);
	}
}

.project-item-container .project-item-content-container .row1 {
	margin-top: 0.5rem;
}

.project-item-container .project-item-content-container .row2 {
	max-width: clamp(19rem, 11.2208rem + 20.7792vw, 32rem);
}

@media (max-width: 599px) {
	.project-item-container .project-item-content-container .row2 {
		max-width: 15rem;
	}
}

.project-item-container .project-item-content-container .row1, .project-item-container .project-item-content-container .row2 {
	display: flex;
	flex-direction: row;
	color: #12172B;
}

.project-item-container .project-item-content-container .row2 img {
	position: relative;
	top: 0.6rem;
}

.project-item-container .project-item-content-container .project-icon {
	font-size: clamp(1.4rem, 1.2258rem + 0.7742vw, 2rem);
	padding-right: 0.2rem;
	margin-right: 0.5rem;
	margin-top: -0.2rem;
}

.project-item-container .project-item-content-container .project-icon img {
	position: relative;
}

.project-item-container .project-item-content-container .project-date {
	font-family: "Caslon3LtStdRoman";
	font-size: clamp(1.1rem, 0.9839rem + 0.5161vw, 1.5rem);
	padding-left: 0.4rem;
}

.project-item-container .project-item-content-container .project-name {
	font-family: 'Chaney';
	font-size: clamp(1.1rem, 0.9548rem + 0.6452vw, 1.6rem);
	padding-right: 0.4rem;
	max-width: clamp(24rem, 22.8rem + 3.2vw, 26rem);
}

@media (max-width: 599px) {
	.project-item-container .project-item-content-container .project-name {
		max-width: 15rem;
	}
}

.project-item-container .project-item-content-container .eye_icon {
	position: relative;
	top: -0.3rem;
}

.project-item-container .project-item-content-container .project-description {
	font-family: "Caslon3LtStdItalic";
	font-size: clamp(1.1rem, 0.9839rem + 0.5161vw, 1.5rem);
	font-style: italic;
	padding-left: 0.4rem;
}

.project-item-background::after {
	z-index: -1;
	content: "";
	position: absolute;
	background-repeat: no-repeat;
}

.project-item-background-1::after {
	width: clamp(17rem, 9.8192rem + 19.1808vw, 29rem);
	height: clamp(10rem, 0.4256rem + 25.5744vw, 26rem);
	top: clamp(9.6rem, 10.7968rem + -3.1968vw, 7.6rem);
	left: clamp(2rem, 5.5904rem + -9.5904vw, -4rem);
	background-image: url(/wp-content/themes/modulo/assets/img/svg/project-item/bg_item1.svg);
}

.project-item-background-2::after {
	width: clamp(12rem, 1.8272rem + 27.1728vw, 29rem);
	height: clamp(13rem, 5.2208rem + 20.7792vw, 26rem);
	top: clamp(-4.4rem, -0.8096rem + -9.5904vw, -10.4rem);
	left: clamp(19rem, 17.8032rem + 3.1968vw, 21rem);
	background-image: url(/wp-content/themes/modulo/assets/img/svg/project-item/bg_item2.svg);
}

/* Post item
--------------------------------------------- */
.post-item-container {
	display: inline-block;
	text-decoration: none;
}

.post-item-container .thumb-container .scotch-svg {
	width: 5rem;
	height: 3rem;
	margin: 0 auto;
	position: relative;
	top: 1.6rem;
	left: clamp(-4rem, -6.3936rem + 6.3936vw, 0rem);
	z-index: 2;
}

.post-item-container .thumb-container .scotch-svg img {
	width: 5rem;
	height: 3rem;
	opacity: 0.4;
}

.post-item-container .thumb-container .post-thumb-image {
	height: auto;
	width: clamp(14rem, 3.2288rem + 28.7712vw, 32rem);
	max-width: none;
	-webkit-box-shadow: 0px 0px 25px 20px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 0px 25px 20px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 0px 25px 20px rgba(0, 0, 0, 0.2);
}

@media (max-width: 768px) {
	.post-item-container .thumb-container .post-thumb-image {
		width: 100%;
	}
}

.post-item-container .post-item-content-container .row0 {
	display: flex;
	column-gap: 2rem;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	row-gap: clamp(1rem, 0.3571rem + 3.2143vw, 3.25rem);
	margin-top: clamp(1rem, 0.7143rem + 1.4286vw, 2rem);
	margin-bottom: clamp(1rem, 0.3571rem + 3.2143vw, 3.25rem);
}

@media (max-width: 900px) {
	.post-item-container .post-item-content-container .row0 {
		flex-direction: column;
		align-items: flex-start;
	}
}

@media (max-width: 768px) {
	.post-item-container .post-item-content-container .row0 {
		flex-direction: row;
	}
}

.post-item-container .post-item-content-container .row0 .post-term-container {
	font-family: "Caslon3LtStdItalic";
	display: flex;
	flex-direction: row;
	justify-content: space-evenly;
	align-items: center;
	flex-wrap: wrap;
	max-height: 3rem;
	z-index: 999;
	column-gap: 4rem;
}

@media (max-width: 900px) {
	.post-item-container .post-item-content-container .row0 .post-term-container {
		column-gap: 4rem;
		justify-content: flex-start;
		padding-left: 2rem;
		padding-right: 2rem;
	}
}

.post-item-container .post-item-content-container .row0 .post-term-container .term-item {
	position: relative;
}

.post-item-container .post-item-content-container .row0 .post-term-container .term-item span {
	padding: 0.2rem 1rem;
	position: relative;
	top: 1rem;
	width: 130%;
	display: inline-block;
}

.post-item-container .post-item-content-container .row0 .post-term-container .term-item .term-item-name-container::before {
	content: "";
	z-index: -1;
	position: absolute;
	right: -50%;
	top: -105%;
	width: 200%;
	height: 5rem;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(/wp-content/themes/modulo/assets/img/svg/single-project/test.svg);
}

@media (max-width: 599px) {
	.post-item-container .post-item-content-container .row0 .post-term-container .term-item .term-item-name-container::before {
		top: -38%;
		height: 4rem;
	}
}

@media (max-width: 599px) {
	.post-item-container .post-item-content-container .row0 .post-term-container .term-item .term-item-name-container .term-item-name {
		font-size: 0.8rem;
		height: 4rem;
		padding-left: 0.5rem;
		padding-right: 0.5rem;
	}
}

.post-item-container .post-item-content-container .row0 .post-term-container .term-item .term-item-name-container .term-item-scotch {
	width: 2.3rem;
	height: 1rem;
	position: absolute;
	top: -1.3rem;
	left: 0rem;
}

.post-item-container .post-item-content-container .row2 {
	max-width: clamp(19rem, 11.2208rem + 20.7792vw, 32rem);
}

@media (max-width: 599px) {
	.post-item-container .post-item-content-container .row2 {
		max-width: 15rem;
	}
}

.post-item-container .post-item-content-container .row1, .post-item-container .post-item-content-container .row2 {
	display: flex;
	flex-direction: row;
	color: #12172B;
}

.post-item-container .post-item-content-container .row3 {
	display: flex;
	justify-content: flex-end;
}

.post-item-container .post-item-content-container .row3 .suite {
	text-decoration: underline;
}

.post-item-container .post-item-content-container .row2 img {
	position: relative;
	top: 0.6rem;
}

.post-item-container .post-item-content-container .post-icon {
	font-size: clamp(1.4rem, 1.2258rem + 0.7742vw, 2rem);
	padding-right: 0.2rem;
	margin-right: 0.5rem;
	margin-top: -0.2rem;
}

.post-item-container .post-item-content-container .post-icon img {
	position: relative;
}

.post-item-container .post-item-content-container .post-date {
	font-family: "Caslon3LtStdRoman";
	font-size: clamp(1.1rem, 0.9839rem + 0.5161vw, 1.5rem);
	padding-left: 0.4rem;
}

.post-item-container .post-item-content-container .post-name {
	font-family: 'Chaney';
	font-size: clamp(1.1rem, 0.9548rem + 0.6452vw, 1.6rem);
	padding-right: 0.4rem;
	max-width: clamp(24rem, 22.8rem + 3.2vw, 26rem);
}

@media (max-width: 599px) {
	.post-item-container .post-item-content-container .post-name {
		max-width: 15rem;
	}
}

.post-item-container .post-item-content-container .eye_icon {
	position: relative;
	top: -0.3rem;
}

.post-item-container .post-item-content-container .post-description {
	font-family: "Caslon3LtStdItalic";
	font-size: clamp(1.1rem, 0.9839rem + 0.5161vw, 1.5rem);
	font-style: italic;
	padding-left: 0.4rem;
}

.post-item-background::after {
	z-index: -1;
	content: "";
	position: absolute;
	background-repeat: no-repeat;
}

.post-item-background-1::after {
	width: clamp(17rem, 9.8192rem + 19.1808vw, 29rem);
	height: clamp(10rem, 0.4256rem + 25.5744vw, 26rem);
	top: clamp(9.6rem, 10.7968rem + -3.1968vw, 7.6rem);
	left: clamp(2rem, 5.5904rem + -9.5904vw, -4rem);
	background-image: url(/wp-content/themes/modulo/assets/img/svg/project-item/bg_item1.svg);
}

.post-item-background-2::after {
	width: clamp(12rem, 1.8272rem + 27.1728vw, 29rem);
	height: clamp(13rem, 5.2208rem + 20.7792vw, 26rem);
	top: clamp(-4.4rem, -0.8096rem + -9.5904vw, -10.4rem);
	left: clamp(19rem, 17.8032rem + 3.1968vw, 21rem);
	background-image: url(/wp-content/themes/modulo/assets/img/svg/project-item/bg_item2.svg);
}

/* Contact block
--------------------------------------------- */
.contact-container {
	max-width: 1600px;
	/* padding-left: toClampWithWiewport(1.5, 4, $for-phone-only, $for-max-size);
	padding-right: toClampWithWiewport(1.5, 4, $for-phone-only, $for-max-size); */
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	display: flex;
	flex-direction: row;
	align-items: center;
	margin-top: clamp(6.5rem, 1.8846rem + 9.6154vw, 11.5rem);
	margin-bottom: 6rem;
	position: relative;
	/* .modulo-button {
        position: relative;
        right: 13rem;
        top: 2rem;

        @include for-tablet-landscape-up {
            top: 0;
            right: 0;
        }

        .button-label {
            font-size: toClampWithWiewport(toPixels(2), toPixels(3), $for-min-size, $for-max-size);
        }
    } */
}

@media (max-width: 768px) {
	.contact-container {
		flex-direction: column;
		margin-top: clamp(4rem, 1.1429rem + 14.2857vw, 8rem);
		margin-bottom: clamp(6rem, 6rem + 0vw, 6rem);
	}
}

.contact-container .left {
	width: 50%;
	position: relative;
	padding-left: 3rem;
}

.contact-container .left::before {
	content: "";
	position: absolute;
	width: clamp(17rem, 4.0769rem + 26.9231vw, 31rem);
	right: clamp(-21rem, 2.0769rem + -23.0769vw, -9rem);
	bottom: clamp(-3rem, -1.6538rem + -1.3462vw, -2.3rem);
	z-index: 1;
	height: clamp(4rem, 1.2308rem + 5.7692vw, 7rem);
	background: url(/wp-content/themes/modulo/assets/img/svg/trait_contact_static.svg);
	background-repeat: no-repeat;
}

@media (max-width: 768px) {
	.contact-container .left::before {
		display: none;
	}
}

.contact-container .left #anim_contact_block {
	width: clamp(24rem, 6.4615rem + 36.5385vw, 43rem);
	position: relative;
	top: clamp(0.3rem, -0.7154rem + 2.1154vw, 1.4rem);
	right: clamp(-7rem, 6.4615rem + -13.4615vw, 0rem);
}

@media (max-width: 768px) {
	.contact-container .left #anim_contact_block {
		width: clamp(20rem, 8.5714rem + 57.1429vw, 36rem);
		top: clamp(1rem, 2.2rem + -2.5vw, 1.7rem);
		right: clamp(8rem, 7.2857rem + 3.5714vw, 9rem);
	}
}

.contact-container .left .ampoule {
	position: absolute;
	width: clamp(6rem, 1.3846rem + 9.6154vw, 11rem);
	height: clamp(8rem, 2.4615rem + 11.5385vw, 14rem);
	left: clamp(3.5rem, 1.6538rem + 3.8462vw, 5.5rem);
	top: clamp(-9rem, -3.2308rem + -5.7692vw, -6rem);
}

@media (max-width: 768px) {
	.contact-container .left .ampoule {
		width: clamp(5rem, 2.8571rem + 10.7143vw, 8rem);
		height: clamp(7rem, 4.8571rem + 10.7143vw, 10rem);
		left: clamp(-5rem, -3.2857rem + -3.5714vw, -4rem);
		top: clamp(-7rem, -1.8571rem + -10.7143vw, -4rem);
	}
}

.contact-container .right {
	width: 50%;
	position: relative;
	padding-right: 3rem;
	padding-left: clamp(5rem, -7.9231rem + 26.9231vw, 19rem);
}

@media (max-width: 768px) {
	.contact-container .right {
		padding-left: clamp(0rem, -0.7143rem + 3.5714vw, 1rem);
		margin-top: clamp(3rem, -0.5714rem + 17.8571vw, 8rem);
	}
}

.contact-container .right #anim_megaphone {
	position: absolute;
	top: clamp(-12rem, -2.9615rem + -9.0385vw, -7.3rem);
	left: clamp(12rem, -5.5385rem + 36.5385vw, 31rem);
	width: clamp(8rem, 3.3846rem + 9.6154vw, 13rem);
}

@media (max-width: 768px) {
	.contact-container .right #anim_megaphone {
		top: clamp(-8.8rem, 2.8571rem + -24.2857vw, -2rem);
		left: clamp(5rem, -2.1429rem + 35.7143vw, 15rem);
		width: clamp(6rem, 2.4286rem + 17.8571vw, 11rem);
	}
}

.contact-container .right a {
	position: relative;
	/* top: toClampWithWiewport(toPixels(0), toPixels(1), $for-max-size, $for-tablet-portrait-up); */
}

.contact-container .right a .modulo-button {
	width: clamp(14rem, 6.6154rem + 15.3846vw, 22rem);
	transform: rotate(7deg);
}

@media (max-width: 768px) {
	.contact-container .right a .modulo-button {
		left: clamp(-3rem, -5.1429rem + 10.7143vw, 0rem);
		top: clamp(0rem, 5.1429rem + -10.7143vw, 3rem);
		width: clamp(15rem, 10.7143rem + 21.4286vw, 21rem);
	}
}

.contact-container .right a .modulo-button .button-label {
	font-family: 'Mayenne';
	font-size: clamp(2rem, 1.0769rem + 1.9231vw, 3rem);
}

@media (max-width: 768px) {
	.contact-container .right a .modulo-button .button-label {
		font-size: clamp(2rem, 1.2857rem + 3.5714vw, 3rem);
	}
}

/* Contact block
--------------------------------------------- */
.modulo-button, .nf-form-content button, .nf-form-content input[type=button], .nf-form-content input[type=submit] {
	position: relative;
}

.modulo-button svg, .nf-form-content button svg, .nf-form-content input[type=button] svg, .nf-form-content input[type=submit] svg {
	position: absolute;
	z-index: 1;
	/* left: toClampWithWiewport(toPixels(-1.9), toPixels(-1.2), $for-max-size, $for-min-size);
        top: toClampWithWiewport(toPixels(-0.9), toPixels(-0.6), $for-max-size, $for-min-size);
        width: 155% !important;
        height: 155% !important; */
	left: 0;
	top: 0;
}

.modulo-button .button-label, .nf-form-content button .button-label, .nf-form-content input[type=button] .button-label, .nf-form-content input[type=submit] .button-label {
	position: relative;
	z-index: 2;
	font-family: 'Caslon3LtStdItalic';
	/* font-size: toClampWithWiewport(toPixels(2), toPixels(3), $for-min-size, $for-max-size); */
	font-size: clamp(0.9rem, 0.2538rem + 1.3462vw, 1.6rem);
	white-space: nowrap;
}

.nf-form-content button, .nf-form-content input[type=button], .nf-form-content input[type=submit] {
	background: #fdd46d !important;
	color: #1f1e43 !important;
	font-family: 'Mayenne';
	height: unset !important;
	margin: 0;
}

/* Services presentation block
--------------------------------------------- */
.services-block-container {
	display: flex;
	flex-direction: column;
	margin: 2rem 0 2rem 0;
}

.services-block-container #anim_services {
	width: 100%;
	height: 100%;
	left: clamp(-26rem, -5.375rem + -20.625vw, -9.5rem);
	top: 0rem;
}

.services-block-container .services-block-title {
	width: 100%;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	position: relative;
	margin-bottom: clamp(0rem, 3.1034rem + -5.5172vw, 2rem);
}

.services-block-container .services-block-title img {
	width: 8rem;
	margin-right: 1rem;
}

.services-block-container .services-block-notes {
	width: 100%;
	gap: 1.5rem;
	display: flex;
	flex-direction: row;
	justify-content: center;
	flex-wrap: wrap;
	/* Inserting this collapsed row between two flex items will make 
        * the flex item that comes after it break to a new row */
}

@media (max-width: 360px) {
	.services-block-container .services-block-notes {
		justify-content: flex-start;
		padding-left: 1rem;
	}
}

@media (max-width: 599px) {
	.services-block-container .services-block-notes .break {
		display: block;
	}
}

/* Note item
--------------------------------------------- */
.note-item-container .note-background-container {
	background-repeat: no-repeat;
	background-size: cover;
	width: clamp(8rem, 6.75rem + 6.25vw, 13rem);
	height: clamp(8rem, 6.75rem + 6.25vw, 13rem);
	display: flex;
	align-items: center;
	justify-content: center;
}

.note-item-container .note-background-container .note-hover {
	position: absolute;
	width: 8rem;
	/* transition: all 0.1s ease-in-out; */
	opacity: 0;
}

.note-item-container .note-background-container .note-text {
	font-family: "Caslon3LtStdItalic";
	font-size: clamp(1.2rem, 0.7811rem + 1.1189vw, 1.9rem);
	width: 80%;
	text-align: center;
	z-index: 10;
}

/* Technos block
--------------------------------------------- */
.technos-container {
	width: 100%;
}

.technos-container .technos-block-container {
	display: flex;
	flex-direction: column;
	align-items: center;
	background-image: url("/wp-content/themes/modulo/assets/img/svg/technos/background_technos.png");
	background-repeat: no-repeat;
	background-color: #1f1e43;
	background-size: cover;
}

.technos-container .technos-block-container .technos-title {
	font-family: 'Mayenne';
	font-size: clamp(1.3rem, 0.95rem + 1.75vw, 2.7rem);
	color: #fdd46d;
	padding: 2.5rem 0 1.5rem 0;
}

.technos-container .technos-block-container .technos-block-content {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	gap: clamp(0.5rem, 0.375rem + 0.625vw, 1rem);
	padding-bottom: 3.5rem;
	width: 100%;
}

.technos-container .technos-block-container .technos-block-content .techno-img {
	width: clamp(2rem, 1.25rem + 3.75vw, 5rem);
	min-width: 35px;
}

/* Clients block
--------------------------------------------- */
.clients-block-container {
	max-width: 1600px;
	/* padding-left: toClampWithWiewport(1.5, 4, $for-phone-only, $for-max-size);
	padding-right: toClampWithWiewport(1.5, 4, $for-phone-only, $for-max-size); */
	margin-left: auto;
	margin-right: auto;
	position: relative;
	display: flex;
	flex-direction: column;
	margin-top: 6rem;
	margin-bottom: clamp(0rem, -6.4286rem + 11.4286vw, 5rem);
}

.clients-block-container .clients-top-container {
	max-width: 1600px;
	/* padding-left: toClampWithWiewport(1.5, 4, $for-phone-only, $for-max-size);
	padding-right: toClampWithWiewport(1.5, 4, $for-phone-only, $for-max-size); */
	margin-left: auto;
	margin-right: auto;
	display: flex;
	flex-direction: column;
	position: relative;
	/* .clients-subtitle {
            &::after {
                content: "";
                position: absolute;
                width: toClampWithWiewport(toPixels(54), toPixels(100), $for-tablet-portrait-up, $for-max-size);
                height: 15rem;
                background: url(/wp-content/themes/modulo/assets/img/svg/clients/bande_jaune.png) no-repeat;
                background-size: 100%;
            }
        } */
}

.clients-block-container .clients-top-container .clients-title, .clients-block-container .clients-top-container .clients-subtitle {
	margin: 0 3rem 1.5rem 3rem;
}

.clients-block-container .clients-top-container .clients-header-background {
	width: 27rem;
	position: relative;
	top: 4rem;
}

.clients-block-container .clients-top-container .clients-title {
	z-index: 2;
}

.clients-block-container .clients-top-container #clienttext {
	position: absolute;
	top: -2.3rem;
	left: clamp(1rem, 0.75rem + 1.25vw, 2rem);
	width: clamp(12rem, 10.5rem + 7.5vw, 18rem);
}

.clients-block-container .clients-top-container #clientcrown {
	position: absolute;
	top: clamp(-6rem, -6.25rem + 1.25vw, -5rem);
	left: clamp(10rem, 6rem + 20vw, 26rem);
	width: clamp(8rem, 7.5rem + 2.5vw, 10rem);
}

.clients-block-container #clientfl {
	position: absolute;
	top: clamp(16rem, 9.1429rem + 6.8571vw, 13rem);
	left: clamp(14rem, 6rem + 40vw, 46rem);
	width: clamp(6.5rem, 5.625rem + 4.375vw, 10rem);
	z-index: 2;
}

@media (max-width: 900px) {
	.clients-block-container #clientfl {
		top: 9rem;
		left: clamp(38rem, 3.0909rem + 72.7273vw, 44rem);
	}
}

@media (max-width: 768px) {
	.clients-block-container #clientfl {
		display: none;
	}
}

.clients-block-container .clients-subtitle {
	font-family: 'Caslon3LtStdRoman';
	width: 40%;
	z-index: 2;
	font-size: 1.2rem;
}

@media (max-width: 900px) {
	.clients-block-container .clients-subtitle {
		width: 70%;
	}
}

@media (max-width: 599px) {
	.clients-block-container .clients-subtitle {
		max-width: 80%;
	}
}

.clients-block-container .clients-block {
	/* margin-bottom: -8rem;
        margin-top: -8rem;
        position: relative; */
	position: relative;
}

.clients-block-container .clients-block::before {
	content: "";
	position: absolute;
	width: clamp(54rem, 11.5385rem + 88.4615vw, 100rem);
	height: 15rem;
	background: url(/wp-content/themes/modulo/assets/img/svg/clients/bande_jaune.png) no-repeat;
	background-size: 100%;
}

@media (max-width: 768px) {
	.clients-block-container .clients-block::before {
		width: 65rem;
	}
}

.clients-block-container .clients-block .clients-content {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	width: 100%;
	align-items: center;
	justify-content: center;
	padding-left: clamp(4rem, 2.1538rem + 3.8462vw, 6rem);
	position: relative;
	max-width: 100vw;
	height: clamp(10.3rem, 6.8286rem + 6.1714vw, 13rem);
	padding-top: clamp(0rem, -1.8462rem + 3.8462vw, 2rem);
}

.clients-block-container .clients-block .clients-content .slick-track {
	display: flex;
	align-items: center;
}

@media (max-width: 599px) {
	.clients-block-container .clients-block .clients-content {
		padding-left: 3rem;
	}
}

.clients-block-container .clients-block .clients-content .client-img {
	z-index: 2;
	margin: 0 1.3rem 0 1.3rem;
	width: 10rem;
}

@media (max-width: 599px) {
	.clients-block-container .clients-block .clients-content .client-img {
		min-width: 90px;
	}
}

.clients-block-container .clients-block .clients-background {
	position: relative;
	width: 100%;
	top: -7rem;
	height: clamp(9rem, 7.2048rem + 4.7952vw, 12rem);
}

/* Eco responsibility block
--------------------------------------------- */
.eco-block-container {
	display: flex;
	flex-direction: column;
	align-items: center;
	background-repeat: no-repeat;
	position: relative;
	margin-bottom: 3rem;
	margin-top: 2rem;
	padding-top: 5rem;
}

.eco-block-container::after {
	content: "";
	position: absolute;
	width: clamp(26rem, 20rem + 30vw, 50rem);
	height: 16rem;
	top: 0rem;
	z-index: 1;
	background-repeat: no-repeat;
	background-position: top;
	background-image: url(/wp-content/themes/modulo/assets/img/svg/eco/eco_background.svg);
}

.eco-block-container .eco-title-container {
	position: relative;
}

.eco-block-container .eco-title-container .modulo-small-title, .eco-block-container .eco-title-container .modulo-small-title p {
	font-size: clamp(1.2rem, 0.875rem + 1.625vw, 2.5rem);
	z-index: 3;
	position: relative;
}

.eco-block-container .eco-title-container #eco_block_anim {
	width: clamp(25rem, 17.25rem + 38.75vw, 56rem);
	height: clamp(8rem, 5.5rem + 12.5vw, 18rem);
	left: clamp(-17rem, -3.75rem + -13.25vw, -6.4rem);
	top: clamp(-5.8rem, -6.25rem + 2.25vw, -4rem);
	z-index: 2;
}

.eco-block-container h2 {
	position: relative;
}

.eco-block-container .title-text {
	position: relative;
	z-index: 3;
}

.eco-block-container .eco-content {
	max-width: 1600px;
	/* padding-left: toClampWithWiewport(1.5, 4, $for-phone-only, $for-max-size);
	padding-right: toClampWithWiewport(1.5, 4, $for-phone-only, $for-max-size); */
	max-width: 60%;
	margin-top: 2rem;
	/*  font-size: 1.2rem; */
	font-family: 'Caslon3LtStdRoman';
	display: none;
}

@media (max-width: 900px) {
	.eco-block-container .eco-content {
		max-width: 70%;
	}
}

@media (max-width: 599px) {
	.eco-block-container .eco-content {
		max-width: 80%;
	}
}

.eco-block-container .eco-content li {
	font-size: clamp(1rem, 0.95rem + 0.25vw, 1.2rem);
}

.eco-block-container a {
	z-index: 2;
	font-family: 'Caslon3LtStdRoman';
	font-size: 1.2rem;
	text-decoration: underline !important;
	cursor: pointer;
	/*  @include for-small-desktop {
            font-size: 1.3rem;
        }

        @include for-tablet-landscape-up {
            font-size: 1.7rem;
        }

        @include for-phone-only {
            font-size: 2.2rem;
        } */
}

/* Steps block
--------------------------------------------- */
.steps-container {
	display: flex;
	flex-direction: column;
	align-items: center;
	position: relative;
	max-width: clamp(20rem, 7.5rem + 62.5vw, 70rem);
	margin-left: auto;
	margin-right: auto;
}

.steps-container .step-container {
	display: grid;
	grid-template-columns: 1fr 0.5fr;
	position: relative;
	padding-bottom: 3rem;
	padding-top: 3rem;
	margin-left: 1rem;
	margin-right: 1rem;
	width: 100%;
	/* Inserting this collapsed row between two flex items will make 
        * the flex item that comes after it break to a new row */
}

.steps-container .step-container .step-content {
	font-family: "Caslon3LtStdRoman";
	display: flex;
	flex-direction: column;
	position: relative;
	z-index: 2;
	grid-column: 1;
}

@media (max-width: 768px) {
	.steps-container .step-container .step-content {
		grid-column: 1 / 3;
		width: 100%;
	}
}

.steps-container .step-container .step-content .modulo-small-title, .steps-container .step-container .step-content .modulo-small-title p {
	font-size: clamp(1.2rem, 0.875rem + 1.625vw, 2.5rem);
	text-align: start;
}

.steps-container .step-container .step-content .step-description {
	font-size: 1.1rem;
	position: relative;
	padding-left: 1rem;
	left: clamp(0rem, -0.6429rem + 3.2143vw, 0.9rem);
	border-left: 0.6rem solid #fdd46d;
}

.steps-container .step-container .step-content .step-description p {
	margin-bottom: 0;
}

.steps-container .step-container .step-image {
	width: clamp(18rem, 16.5rem + 7.5vw, 24rem);
	z-index: 3;
}

@media (max-width: 768px) {
	.steps-container .step-container .step-image {
		display: none;
	}
}

@media (max-width: 599px) {
	.steps-container .step-container .break {
		display: block;
	}
}

.steps-container .step1 .step-content {
	margin-right: clamp(0rem, -7.3846rem + 15.3846vw, 8rem);
}

@media (max-width: 768px) {
	.steps-container .step1 .step-content {
		margin-left: 0;
	}
}

.steps-container .step1 .step-content .step-description {
	border-left: 0.6rem solid #fdd46d;
}

.steps-container .step1 #anim_arrow_step1 {
	width: clamp(9rem, 6.2308rem + 5.7692vw, 12rem);
	height: auto;
	top: clamp(21.3rem, 22.5rem + -2.5vw, 20rem);
	left: clamp(11rem, 2.6923rem + 17.3077vw, 20rem);
}

@media (max-width: 768px) {
	.steps-container .step1 #anim_arrow_step1 {
		width: 7rem;
		height: auto;
		top: clamp(12.6rem, 8.7012rem + 10.4142vw, 13.7rem);
		left: clamp(-1.5rem, -1.1429rem + -1.7857vw, -2rem);
		transform: rotate(90deg);
	}
}

@media (max-width: 599px) {
	.steps-container .step1 #anim_arrow_step1 {
		top: clamp(12.6rem, 17.7527rem + -13.7634vw, 15rem);
	}
}

.steps-container .step2 {
	justify-content: end;
	grid-template-columns: 0.5fr 1fr;
}

.steps-container .step2 .step-content {
	grid-column: 2;
	margin-left: clamp(0rem, -7.3846rem + 15.3846vw, 8rem);
}

@media (max-width: 768px) {
	.steps-container .step2 .step-content {
		grid-column: 1 / 3;
		margin-left: 0;
	}
}

.steps-container .step2 .step-content .step-description {
	border-left: 0.6rem solid #1f1e43;
}

.steps-container .step2::before {
	content: "";
	background-color: #fdd46d;
	opacity: 0.7;
	position: absolute;
	top: 0;
	left: -50vw;
	right: -50vw;
	z-index: 1;
	height: 100%;
}

.steps-container .step3 {
	margin-bottom: 9rem;
	padding-bottom: 0;
}

@media (max-width: 768px) {
	.steps-container .step3 {
		margin-bottom: 0;
		padding-bottom: 3rem;
	}
}

.steps-container .step3 #anim_arrow_step3 {
	position: absolute;
	z-index: 3;
	top: -6rem;
	left: -5rem;
}

@media (max-width: 900px) {
	.steps-container .step3 #anim_arrow_step3 {
		top: -9rem;
		left: -6rem;
		width: 9rem;
	}
}

@media (max-width: 768px) {
	.steps-container .step3 #anim_arrow_step3 {
		top: clamp(-3rem, -8.1429rem + 10.7143vw, -6rem);
		left: clamp(-1rem, -9.5714rem + 17.8571vw, -6rem);
		width: 4rem;
		/* toClampWithWiewport(toPixels(4), toPixels(7), $for-min-size, $for-tablet-portrait-up); */
	}
}

.steps-container .step3 .step-content {
	width: clamp(20rem, 3.3846rem + 34.6154vw, 38rem);
}

@media (max-width: 900px) {
	.steps-container .step3 .step-content {
		grid-column: 1 / 3;
		width: 100%;
	}
}

.steps-container .step3 .step-content::before {
	content: "";
	position: absolute;
	width: clamp(74rem, 40.7692rem + 69.2308vw, 110rem);
	height: 38rem;
	background: url(/wp-content/themes/modulo/assets/img/svg/services/web/bg_step3.svg);
	background-repeat: no-repeat;
	background-size: 55% 100%;
}

@media (max-width: 900px) {
	.steps-container .step3 .step-content::before {
		width: 124rem;
		height: 26rem;
		left: -6rem;
	}
}

@media (max-width: 768px) {
	.steps-container .step3 .step-content::before {
		display: none;
	}
}

.steps-container .step3 .step-content .modulo-small-title {
	margin-left: 8rem;
	margin-top: 3rem;
}

@media (max-width: 900px) {
	.steps-container .step3 .step-content .modulo-small-title {
		margin-left: 0;
	}
}

@media (max-width: 768px) {
	.steps-container .step3 .step-content .modulo-small-title {
		margin-top: 0;
	}
}

.steps-container .step3 .step-content .step-description {
	margin-left: 5rem;
	border-left: 0.6rem solid #1f1e43;
}

@media (max-width: 900px) {
	.steps-container .step3 .step-content .step-description {
		margin-left: 0;
	}
}

.steps-container .step3 .step-image {
	margin-left: clamp(7rem, 5.7143rem + 2.2857vw, 8rem);
}

@media (max-width: 900px) {
	.steps-container .step3 .step-image {
		display: none;
	}
}

.steps-container .step4 {
	justify-content: end;
	padding-bottom: 5rem;
	padding-top: 7rem;
	grid-template-columns: 0.5fr 1fr;
}

@media (max-width: 768px) {
	.steps-container .step4 {
		padding-bottom: 0;
		padding-top: 0;
	}
}

.steps-container .step4 .step-image {
	position: relative;
	z-index: 2;
}

.steps-container .step4 .step-content {
	grid-column: 2;
	position: relative;
	margin-top: -3rem;
	width: clamp(27rem, 11.5714rem + 27.4286vw, 39rem);
}

@media (max-width: 768px) {
	.steps-container .step4 .step-content {
		margin-left: 0 !important;
		right: 0;
		padding-top: 3rem;
	}
}

@media (max-width: 900px) {
	.steps-container .step4 .step-content {
		grid-column: 1 / 3;
		padding-bottom: 3rem;
		margin-top: 0;
		width: auto;
	}
}

.steps-container .step4 .step-content #anim_arrow_step4 {
	position: absolute;
	z-index: 2;
	width: clamp(14rem, 11.4286rem + 4.5714vw, 16rem);
	height: auto;
	top: -7.5rem;
	/* toClampWithWiewport(toPixels(-10), toPixels((-10.5)), $for-max-size, $for-tablet-landscape-up); */
	left: clamp(-11rem, -8.4286rem + -4.5714vw, -13rem);
}

@media (max-width: 900px) {
	.steps-container .step4 .step-content #anim_arrow_step4 {
		top: -7rem;
		left: -6rem;
	}
}

@media (max-width: 768px) {
	.steps-container .step4 .step-content #anim_arrow_step4 {
		width: clamp(4rem, 3.7143rem + 1.4286vw, 4.4rem);
		left: -1rem;
		top: 0.1rem;
	}
}

.steps-container .step4 .step-content::before {
	z-index: -1;
	content: "";
	position: absolute;
	width: clamp(77rem, 37.1429rem + 70.8571vw, 108rem);
	height: clamp(24rem, 25.9231rem + -1.9231vw, 25rem);
	background-repeat: no-repeat;
	background-size: 40% 100%;
	background-image: url(/wp-content/themes/modulo/assets/img/svg/services/web/bg_step4.svg);
}

@media (max-width: 900px) {
	.steps-container .step4 .step-content::before {
		width: clamp(59rem, 32.5172rem + 132.4138vw, 107rem);
		left: clamp(0rem, 4.6552rem + -8.2759vw, 3rem);
	}
}

@media (max-width: 768px) {
	.steps-container .step4 .step-content::before {
		display: none;
	}
}

.steps-container .step4 .step-content .modulo-small-title {
	z-index: 2;
	margin-top: 5rem;
	margin-left: 6rem;
}

@media (max-width: 900px) {
	.steps-container .step4 .step-content .modulo-small-title {
		margin-top: 5rem;
		margin-left: 8rem;
	}
}

@media (max-width: 768px) {
	.steps-container .step4 .step-content .modulo-small-title {
		margin-top: 0;
		margin-left: 3rem;
	}
}

@media (max-width: 768px) {
	.steps-container .step4 .step-content .modulo-small-title p {
		margin-left: 0 !important;
		margin-top: 0 !important;
	}
}

.steps-container .step4 .step-content .step-description {
	z-index: 2;
	margin-left: 5.5rem;
	border-left: 0.6rem solid #1f1e43;
}

@media (max-width: 900px) {
	.steps-container .step4 .step-content .step-description {
		margin-left: 7.5rem;
	}
}

@media (max-width: 768px) {
	.steps-container .step4 .step-content .step-description {
		margin-left: 0 !important;
	}
}

@media (max-width: 900px) {
	.steps-container .step4 .step-image {
		display: none;
	}
}

.steps-container .step4::before {
	content: "";
	background-color: #fdd46d;
	opacity: 1;
	position: absolute;
	top: 0;
	left: -50vw;
	right: -50vw;
	z-index: 1;
	height: 100%;
}

.steps-container .step5 {
	justify-content: center;
}

.steps-container .step5 #anim_arrow_step5 {
	width: clamp(35rem, 21.1538rem + 28.8462vw, 50rem);
	height: auto;
	left: clamp(-16rem, -2.5385rem + -13.4615vw, -9rem);
	top: clamp(-5rem, 6.5385rem + -11.5385vw, 1rem);
}

@media (max-width: 768px) {
	.steps-container .step5 #anim_arrow_step5 {
		width: 16.5rem;
		left: clamp(-3rem, -0.8571rem + -10.7143vw, -6rem);
		top: -3.4rem;
	}
}

.steps-container .step5 .step-content {
	margin-right: clamp(0rem, -7.3846rem + 15.3846vw, 8rem);
	width: clamp(26rem, 21.3846rem + 9.6154vw, 31rem);
	position: relative;
	top: 4rem;
}

@media (max-width: 768px) {
	.steps-container .step5 .step-content {
		grid-column: 1 / 3;
		top: 0;
		width: clamp(20.5rem, 10.8571rem + 48.2143vw, 34rem);
	}
}

.steps-container .step5 .step-content .step-description {
	border-left: 0.6rem solid #fdd46d;
	margin-top: 2rem;
}

@media (max-width: 768px) {
	.steps-container .step5 .step-content .step-image {
		display: none;
	}
}

.steps-container .step6 {
	justify-content: end;
	grid-template-columns: 0.5fr 1fr;
}

.steps-container .step6 #anim_arrow_step6 {
	width: clamp(11rem, 10.0769rem + 1.9231vw, 12rem);
	height: auto;
	top: clamp(-2.1rem, 0.1154rem + -4.6154vw, -4.5rem);
	left: clamp(10.2rem, 0.6923rem + 19.8077vw, 20.5rem);
}

@media (max-width: 768px) {
	.steps-container .step6 #anim_arrow_step6 {
		width: 9rem;
		height: auto;
		top: clamp(-0.9rem, -0.6857rem + -1.0714vw, -1.2rem);
		left: clamp(11.7rem, 8.8429rem + 14.2857vw, 15.7rem);
		transform: rotate3d(1, 360, 1, 180deg);
		/* width: 7rem;
                height: auto;
                top: 12.5rem;
                left: toClampWithWiewport(toPixels(-1.5), toPixels(-2), $for-min-size, $for-tablet-portrait-up);
                transform: rotate(90deg); */
	}
}

.steps-container .step6 .step-content {
	grid-column: 2;
	margin-left: clamp(0rem, -7.3846rem + 15.3846vw, 8rem);
}

@media (max-width: 768px) {
	.steps-container .step6 .step-content {
		grid-column: 1 / 3;
		margin-left: 0;
	}
}

.steps-container .step6 .step-content .step-description {
	border-left: 0.6rem solid #1f1e43;
}

.steps-container .step6::before {
	content: "";
	background-color: #fdd46d;
	opacity: 0.7;
	position: absolute;
	top: 0;
	left: -50vw;
	right: -50vw;
	z-index: 1;
	height: 100%;
}

/* Project list block
--------------------------------------------- */
.project-list-container {
	max-width: 1600px;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	position: relative;
}

.project-list-container .project-item-container {
	padding-left: clamp(0rem, -2.992rem + 7.992vw, 5rem);
	padding-right: clamp(0rem, -2.992rem + 7.992vw, 5rem);
	padding-bottom: clamp(0rem, -1.1968rem + 3.1968vw, 2rem);
}

.project-list-container .project-item-background-3, .project-list-container .project-item-background-5 {
	margin-left: clamp(2rem, 9.0888rem + -18.9349vw, 0rem);
}

/* Project list block
--------------------------------------------- */
.post-list-container {
	max-width: 1600px;
	margin-left: auto;
	margin-right: auto;
	column-gap: 40px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	position: relative;
}

.post-list-container .post-item-container {
	padding-left: clamp(1rem, -1.3936rem + 6.3936vw, 5rem);
	padding-right: clamp(1rem, -1.3936rem + 6.3936vw, 5rem);
	padding-bottom: clamp(1rem, 0.4016rem + 1.5984vw, 2rem);
}

@media (max-width: 768px) {
	.post-list-container .post-item-container {
		padding-left: clamp(1rem, -4rem + 25vw, 8rem);
		padding-right: clamp(1rem, -4rem + 25vw, 8rem);
		padding-bottom: clamp(1rem, 0.2857rem + 3.5714vw, 2rem);
	}
}

/* Project list block
--------------------------------------------- */
.testimony-block-container {
	background-color: #1f1e43;
	z-index: 1;
	position: relative;
}

.testimony-block-container::after {
	content: "";
	z-index: -1;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0rem;
	background-repeat: no-repeat;
	background-image: url("/wp-content/themes/modulo/assets/img/svg/technos/background_technos.png");
	background-size: cover;
}

.testimony-block-container .testimony-container {
	max-width: 1600px;
	/* padding-left: toClampWithWiewport(1.5, 4, $for-phone-only, $for-max-size);
	padding-right: toClampWithWiewport(1.5, 4, $for-phone-only, $for-max-size); */
	margin-left: auto;
	margin-right: auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	z-index: 1;
	position: relative;
}

.testimony-block-container .testimony-container::before {
	content: "";
	z-index: -1;
	top: -1.2rem;
	right: clamp(0.9rem, -0.125rem + 5.125vw, 5rem);
	position: absolute;
	width: clamp(8rem, 6.25rem + 8.75vw, 15rem);
	height: clamp(3rem, 2.575rem + 2.125vw, 4.7rem);
	background-repeat: no-repeat;
	background-image: url("/wp-content/themes/modulo/assets/img/svg/testimony/testimony_1.svg");
}

.testimony-block-container .testimony-container::after {
	content: "";
	z-index: -1;
	bottom: clamp(-2.3rem, -2.075rem + -1.125vw, -3.2rem);
	right: clamp(1rem, -2.25rem + 16.25vw, 14rem);
	position: absolute;
	width: clamp(6rem, 4.75rem + 6.25vw, 11rem);
	height: clamp(4.1rem, 3.375rem + 3.625vw, 7rem);
	background-repeat: no-repeat;
	background-image: url("/wp-content/themes/modulo/assets/img/svg/testimony/testimony_2.svg");
}

.testimony-block-container .testimony-container .quote-img {
	width: clamp(3rem, 2.625rem + 1.875vw, 4.5rem);
	margin-top: clamp(1.5rem, 1.375rem + 0.625vw, 2rem);
	margin-bottom: clamp(1.5rem, 1.375rem + 0.625vw, 2rem);
}

.testimony-block-container .testimony-container .testimony-text-container {
	font-family: 'Caslon3LtStdItalic';
	color: #fdd46d;
	width: clamp(50%, 87.5rem + -37.5vw, 80%);
	text-align: center;
}

.testimony-block-container .testimony-container .testimony-text-container p {
	font-size: clamp(1.4rem, 0.875rem + 2.625vw, 3.5rem);
	line-height: clamp(1.9rem, 1.5rem + 2vw, 3.5rem);
}

.testimony-block-container .testimony-container .infos-container {
	font-family: 'Mayenne';
	color: #fff;
	margin-top: 2rem;
	padding-top: 1.5rem;
	border-top: 2px #fdd46d solid;
	text-align: center;
}

.testimony-block-container .testimony-container .infos-container .author-container {
	font-size: clamp(1.3rem, 1.225rem + 0.375vw, 1.6rem);
}

.testimony-block-container .testimony-container .infos-container .company-container {
	font-size: clamp(0.9rem, 0.825rem + 0.375vw, 1.2rem);
}

.testimony-block-container p {
	margin: 0;
}

/* Nav menu
--------------------------------------------- */
.nav-menu-container {
	width: 100%;
	display: flex;
	flex-direction: row;
}

@media (max-width: 599px) {
	.nav-menu-container {
		flex-wrap: wrap;
		justify-content: center;
	}
}

.nav-menu-container .svg-container {
	z-index: 2;
	height: clamp(4.4rem, 4rem + 2vw, 6rem);
	height: 4.8rem;
	background-repeat: no-repeat;
}

.nav-menu-container .svg-container img {
	display: none;
}

.nav-menu-container .sites-header-button {
	background-image: url("/wp-content/themes/modulo/assets/img/svg/nav/normal_web_button.svg");
	margin-left: clamp(0rem, -4.7872rem + 12.7872vw, 8rem);
	width: clamp(8rem, 6.2048rem + 4.7952vw, 11rem);
}

.nav-menu-container .sites-header-button:hover {
	background-image: url("/wp-content/themes/modulo/assets/img/svg/nav/hover_web_button.svg");
}

.nav-menu-container .webapp-header-button {
	background-image: url("/wp-content/themes/modulo/assets/img/svg/nav/normal_app_button.svg");
	width: clamp(14rem, 11.6064rem + 6.3936vw, 18rem);
}

.nav-menu-container .webapp-header-button:hover {
	background-image: url("/wp-content/themes/modulo/assets/img/svg/nav/hover_app_button.svg");
}

.nav-menu-container .design-header-button {
	background-image: url("/wp-content/themes/modulo/assets/img/svg/nav/normal_design_button.svg");
	width: clamp(7rem, 5.2048rem + 4.7952vw, 10rem);
}

.nav-menu-container .design-header-button:hover {
	background-image: url("/wp-content/themes/modulo/assets/img/svg/nav/hover_design_button.svg");
}

.nav-menu-container .innovation-header-button {
	background-image: url("/wp-content/themes/modulo/assets/img/svg/nav/normal_inovation_button.svg");
	width: clamp(9rem, 7.2048rem + 4.7952vw, 12rem);
}

.nav-menu-container .innovation-header-button:hover {
	background-image: url("/wp-content/themes/modulo/assets/img/svg/nav/hover_inovation_button.svg");
}

/* Template parts
--------------------------------------------- */
.error-container {
	min-height: 100%;
	max-width: 1600px;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-top: clamp(6.5rem, 1.8846rem + 9.6154vw, 11.5rem);
	margin-bottom: 6rem;
	position: relative;
	z-index: 0;
}

.error-container .form {
	position: absolute;
	z-index: -10;
	top: 0;
	left: 40%;
	transform: translate(-40%, 0);
	width: clamp(26.4375rem, 18.8839rem + 37.7679vw, 52.875rem);
}

.error-container .tv {
	width: clamp(11.25rem, 9.1071rem + 10.7143vw, 18.75rem);
}

.error-container span {
	position: absolute;
	z-index: 10;
	top: 15%;
	left: 52%;
	transform: translate(-50%, 0);
	color: #FED46D;
}

.error-container .error-content {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 0 15px;
}

.error-container .error-content h1 {
	margin-bottom: 0;
}

.error-container .error-content p {
	margin-top: 0;
}

.error-container .error-content .return-home {
	background-color: #fdd46d;
	padding: 10px 5px;
}

.error-container .error-content .return-home a {
	font-size: clamp(0.8rem, 0.725rem + 0.375vw, 1.1rem);
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/
/* Jetpack infinite scroll
--------------------------------------------- */
/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/
/* Accessibility
--------------------------------------------- */
/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #1f1e43;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
	outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {
	/*rtl:ignore*/
	float: left;
	/*rtl:ignore*/
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

.alignright {
	/*rtl:ignore*/
	float: right;
	/*rtl:ignore*/
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
}

/* Block style variation
--------------------------------------------- */
.wp-block-image {
	/* margin: 0; */
}

.wp-block-columns {
	/* margin: 0; */
}

.is-style-modulo-style-1 li, .is-style-modulo-style-2 li {
	margin: 0;
	margin-left: 0.5rem;
	padding: 0;
	list-style: none;
}

.is-style-modulo-style-1 li::before {
	content: '';
	display: inline-block;
	height: clamp(0.5rem, 0.2008rem + 0.7992vw, 1rem);
	width: clamp(2.4rem, 2.041rem + 0.959vw, 3rem);
	left: -0.5rem;
	position: relative;
	background-repeat: no-repeat;
	background-position-y: bottom;
	background-image: url(/wp-content/themes/modulo/assets/img/svg/puce1.svg);
}

.is-style-modulo-style-2 li::before {
	content: '';
	display: inline-block;
	height: clamp(0.8rem, 0.6803rem + 0.3197vw, 1rem);
	width: clamp(0.8rem, 0.6803rem + 0.3197vw, 1rem);
	left: -0.5rem;
	position: relative;
	background-repeat: no-repeat;
	background-position-y: bottom;
	background-image: url(/wp-content/themes/modulo/assets/img/svg/puce2.svg);
}

.is-style-1rem {
	height: clamp(0.5rem, 0.2008rem + 0.7992vw, 1rem);
}

.is-style-1-5rem {
	height: clamp(0.75rem, 0.3012rem + 1.1988vw, 1.5rem);
}

.is-style-2rem {
	height: clamp(1rem, 0.4016rem + 1.5984vw, 2rem);
}

.is-style-4rem {
	height: clamp(2rem, 0.8032rem + 3.1968vw, 4rem);
}

/* Slick slider
--------------------------------------------- */
/* Slider */
.slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}

.slick-list {
	position: relative;
	overflow: hidden;
	display: block;
	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);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.slick-track {
	position: relative;
	left: 0;
	top: 0;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.slick-track:before, .slick-track:after {
	content: "";
	display: table;
}

.slick-track:after {
	clear: both;
}

.slick-loading .slick-track {
	visibility: hidden;
}

.slick-slide {
	float: left;
	height: 100%;
	min-height: 1px;
	display: none;
}

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

/* Slider */
.slick-loading .slick-list {
	background: #fff url("./ajax-loader.gif") center center no-repeat;
}

/* Icons */
@font-face {
	font-family: "slick";
	src: url("./fonts/slick.eot");
	src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg");
	font-weight: normal;
	font-style: normal;
}

/* Arrows */
.slick-prev,
.slick-next {
	position: absolute;
	display: block;
	height: 20px;
	width: 20px;
	line-height: 0px;
	font-size: 0px;
	cursor: pointer;
	background: transparent;
	color: transparent;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	padding: 0;
	border: none;
	outline: none;
}

.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
	outline: none;
	background: transparent;
	color: transparent;
}

.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
	opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
	opacity: 0.25;
}

.slick-prev:before,
.slick-next:before {
	font-family: "slick";
	font-size: 20px;
	line-height: 1;
	color: white;
	opacity: 0.75;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.slick-prev {
	left: -25px;
}

[dir="rtl"] .slick-prev {
	left: auto;
	right: -25px;
}

.slick-prev:before {
	content: "←";
}

[dir="rtl"] .slick-prev:before {
	content: "→";
}

.slick-next {
	right: -25px;
}

[dir="rtl"] .slick-next {
	left: -25px;
	right: auto;
}

.slick-next:before {
	content: "→";
}

[dir="rtl"] .slick-next:before {
	content: "←";
}

/* Dots */
.slick-dotted.slick-slider {
	margin-bottom: 30px;
}

.slick-dots {
	position: absolute;
	bottom: -25px;
	list-style: none;
	display: block;
	text-align: center;
	padding: 0;
	margin: 0;
	width: 100%;
}

.slick-dots li {
	position: relative;
	display: inline-block;
	height: 20px;
	width: 20px;
	margin: 0 5px;
	padding: 0;
	cursor: pointer;
}

.slick-dots li button {
	border: 0;
	background: transparent;
	display: block;
	height: 20px;
	width: 20px;
	outline: none;
	line-height: 0px;
	font-size: 0px;
	color: transparent;
	padding: 5px;
	cursor: pointer;
}

.slick-dots li button:hover, .slick-dots li button:focus {
	outline: none;
}

.slick-dots li button:hover:before, .slick-dots li button:focus:before {
	opacity: 1;
}

.slick-dots li button:before {
	position: absolute;
	top: 0;
	left: 0;
	content: "•";
	width: 20px;
	height: 20px;
	font-family: "slick";
	font-size: 6px;
	line-height: 20px;
	text-align: center;
	color: black;
	opacity: 0.25;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
	color: black;
	opacity: 0.75;
}

main {
	display: flex;
	justify-content: center;
	flex-direction: column;
	flex-wrap: nowrap;
	align-content: center;
}

.loading-screen {
	position: relative;
	padding-left: 0;
	padding-right: 0;
	padding-top: 0;
	background-color: #fdd46d;
	width: 0%;
	height: 100%;
}

.load-container {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	overflow: hidden;
	z-index: 10;
	pointer-events: none;
}

.mobile-menu-container {
	opacity: 0;
}

.show-more-spinner {
	width: 40px;
	height: 40px;
	margin: 100px auto;
	display: none;
}

.show-more-spinner .sk-cube {
	width: 33%;
	height: 33%;
	background-color: #fdd46d;
	float: left;
	-webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
	animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
}

.sk-cube-grid .sk-cube1 {
	-webkit-animation-delay: 0.2s;
	animation-delay: 0.2s;
}

.sk-cube-grid .sk-cube2 {
	-webkit-animation-delay: 0.3s;
	animation-delay: 0.3s;
}

.sk-cube-grid .sk-cube3 {
	-webkit-animation-delay: 0.4s;
	animation-delay: 0.4s;
}

.sk-cube-grid .sk-cube4 {
	-webkit-animation-delay: 0.1s;
	animation-delay: 0.1s;
}

.sk-cube-grid .sk-cube5 {
	-webkit-animation-delay: 0.2s;
	animation-delay: 0.2s;
}

.sk-cube-grid .sk-cube6 {
	-webkit-animation-delay: 0.3s;
	animation-delay: 0.3s;
}

.sk-cube-grid .sk-cube7 {
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
}

.sk-cube-grid .sk-cube8 {
	-webkit-animation-delay: 0.1s;
	animation-delay: 0.1s;
}

.sk-cube-grid .sk-cube9 {
	-webkit-animation-delay: 0.1s;
	animation-delay: 0.1s;
}

@-webkit-keyframes sk-cubeGridScaleDelay {
	0%, 70%, 100% {
		-webkit-transform: scale3D(1, 1, 1);
		transform: scale3D(1, 1, 1);
	}
	35% {
		-webkit-transform: scale3D(0, 0, 1);
		transform: scale3D(0, 0, 1);
	}
}

@keyframes sk-cubeGridScaleDelay {
	0%, 70%, 100% {
		-webkit-transform: scale3D(1, 1, 1);
		transform: scale3D(1, 1, 1);
	}
	35% {
		-webkit-transform: scale3D(0, 0, 1);
		transform: scale3D(0, 0, 1);
	}
}

/*# sourceMappingURL=style.css.map */