@charset "UTF-8";
@charset "UTF-8";
@charset "UTF-8";
.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}.menu-item-object-language_switcher .trp-flag-image {
display: inline-block;
margin: -1px 5px;
vertical-align: baseline;
padding: 0;
border: 0;
border-radius:0;
} .trp-language-switcher{
height: 42px;
position: relative;
box-sizing: border-box;
width: 200px;
text-overflow: ellipsis;
white-space: nowrap;
}
.trp-language-switcher > div {
box-sizing: border-box;
padding:4px 20px 3px 13px;
border: 1.5px solid #949494;
border-radius: 2px;
background-image: url(//lae-photos.com/wp-content/plugins/translatepress-multilingual/assets/images/arrow-down-3101.svg);
background-repeat: no-repeat;
background-position:
calc(100% - 20px) calc(1em + 2px),
calc(100% - 3px) calc(1em + 0px);
background-size:
8px 8px,
8px 8px;
background-repeat: no-repeat;
background-color: #fff;
}
.trp-language-switcher > div:hover {
background-image: none;
}
.trp-language-switcher > div > a {
display: block;
padding: 7px 12px;
border-radius: 3px;
text-decoration: none;
color: #1E1E1E;
font-style: normal;
font-weight: 400;
font-size: 16px;
}
.trp-language-switcher > div > a:hover {
background: #F0F0F0;
border-radius: 2px;
}
.trp-language-switcher > div > a.trp-ls-shortcode-disabled-language {
cursor: default;
}
.trp-language-switcher > div > a.trp-ls-shortcode-disabled-language:hover {
background: none;
}
.trp-language-switcher > div > a > img{
display: inline;
margin: 0 3px;
width: 18px;
height: 12px;
border-radius: 0;
}
.trp-language-switcher .trp-ls-shortcode-current-language{
display: inline-block;
}
.trp-language-switcher:focus .trp-ls-shortcode-current-language,
.trp-language-switcher:hover .trp-ls-shortcode-current-language{
visibility: hidden;
}
.trp-language-switcher .trp-ls-shortcode-language{
display: inline-block;
height: 1px;
overflow: hidden;
visibility: hidden;
z-index: 1;
max-height: 250px;
overflow-y: auto;
left: 0;
top: 0;
min-height: auto;
}
.trp-language-switcher:focus .trp-ls-shortcode-language,
.trp-language-switcher:hover .trp-ls-shortcode-language{
visibility: visible;
max-height: 250px;
padding: 4px 13px;
height: auto;
overflow-y: auto;
position: absolute;
left: 0;
top: 0;
display: inline-block !important;
min-height: auto;
} #wpadminbar #wp-admin-bar-trp_edit_translation .ab-icon:before {
content: '\f326';
top: 3px;
}
@media screen and ( max-width: 782px ) {
#wpadminbar #wp-admin-bar-trp_edit_translation > .ab-item {
text-indent: 0;
}
#wpadminbar li#wp-admin-bar-trp_edit_translation {
display: block;
}
} .elementor-shortcode .trp-ls-shortcode-current-language,
.elementor-shortcode .trp-ls-shortcode-language {
width: 300px !important;
}
 main.home {
overflow: hidden;
height: 100vh;
max-height: 100vh;
position: fixed;
top: 0;
}
body.home {
max-height: 100vh;
height: 100Vh;
}
body.home #dot {
opacity: 0 !important;
}
.home-title {
position: fixed;
left: 0px;
bottom: 0px;
top: 0px;
right: 0px;
z-index: 5;
height: -moz-fit-content;
height: fit-content;
margin: auto;
width: -moz-fit-content;
width: fit-content;
}
.home-title .container {
display: flex;
align-items: center;
gap: 30px;
transform: translateY(20px);
filter: blur(15px);
opacity: 0;
}
.home-title .container.active {
opacity: 1;
transform: translateY(0);
filter: blur(0px);
}
.home-title .container nav ul {
display: flex;
align-items: center;
gap: 16px;
}
.home-title .container nav ul li {
list-style: center;
list-style-type: none;
}
.home-title .container nav ul li a {
font-size: 20px;
}
.home-title .container h1.title {
transition: transform 2s cubic-bezier(0.215, 0.73, 0, 0.995), filter 2s cubic-bezier(0.215, 0.73, 0, 0.995), opacity 2s cubic-bezier(0.215, 0.73, 0, 0.995);
color: #24211D;
}
section.home-carousel {
height: 100vh;
max-height: 100vh;
width: 120vw;
display: flex;
flex-direction: column;
justify-content: center;
gap: 5rem;
transform: rotate(15deg) scale(1.5);
filter: blur(0);
opacity: 0;
transform-origin: center center;
transition: transform 2s cubic-bezier(0.215, 0.73, 0, 0.995), filter 2s cubic-bezier(0.215, 0.73, 0, 0.995), opacity 2s cubic-bezier(0.215, 0.73, 0, 0.995);
}
section.home-carousel.active {
transform: rotate(0) scale(1.2);
filter: blur(0);
opacity: 1;
}
section.home-carousel .news_ticker {
margin: 0 0 0 0;
position: relative;
display: flex;
align-items: flex-end;
overflow: hidden;
z-index: 0;
height: 40%;
opacity: 1;
width: 110%;
}
section.home-carousel .news_ticker.bottom {
align-items: flex-start;
}
section.home-carousel .news_ticker .news-group {
position: relative;
white-space: nowrap;
will-change: transform;
}
section.home-carousel .news_ticker .news-group.bottom {
padding-top: 0rem;
}
section.home-carousel .news_ticker .news-group.bottom li {
vertical-align: top;
}
section.home-carousel .news_ticker .news-group li {
list-style-type: none;
display: inline-block;
vertical-align: bottom;
margin-right: 3rem;
height: 100%;
}
section.home-carousel .news_ticker .news-group li a {
height: 100%;
display: flex;
align-items: flex-end;
}
section.home-carousel .news_ticker .news-group li a.bottom {
align-items: flex-start;
}
section.home-carousel .news_ticker .news-group li a img {
height: 100%;
width: 355px;
-o-object-fit: contain;
object-fit: contain;
border-radius: 3px;
}
@keyframes name {
0% {
transform: translate3d(0, 0, 0) rotateX(0deg) rotateY(0deg);
}
5% {
transform: translate3d(1px, -1px, 2px) rotateX(1deg) rotateY(-1deg);
}
10% {
transform: translate3d(-2px, 2px, -2px) rotateX(-1deg) rotateY(1deg);
}
15% {
transform: translate3d(3px, -3px, 2px) rotateX(1deg) rotateY(-1deg);
}
20% {
transform: translate3d(-3px, 3px, -2px) rotateX(-1deg) rotateY(1deg);
}
25% {
transform: translate3d(5px, -3px, 3px) rotateX(1deg) rotateY(-1deg);
}
30% {
transform: translate3d(-3px, 4px, -2px) rotateX(-1deg) rotateY(1deg);
}
35% {
transform: translate3d(3px, -3px, 2px) rotateX(1deg) rotateY(-1deg);
}
40% {
transform: translate3d(-3px, 5px, -3px) rotateX(-1deg) rotateY(1deg);
}
45% {
transform: translate3d(3px, -3px, 2px) rotateX(1deg) rotateY(-1deg);
}
50% {
transform: translate3d(-3px, 3px, -2px) rotateX(-1deg) rotateY(1deg);
}
55% {
transform: translate3d(3px, -3px, 2px) rotateX(1deg) rotateY(-1deg);
}
60% {
transform: translate3d(-3px, 5px, -2px) rotateX(-1deg) rotateY(1deg);
}
65% {
transform: translate3d(3px, -3px, 2px) rotateX(1deg) rotateY(-1deg);
}
70% {
transform: translate3d(-3px, 3px, -2px) rotateX(-1deg) rotateY(1deg);
}
75% {
transform: translate3d(3px, -3px, 5px) rotateX(1deg) rotateY(-1deg);
}
80% {
transform: translate3d(-3px, 3px, -2px) rotateX(-1deg) rotateY(1deg);
}
85% {
transform: translate3d(5px, -3px, 2px) rotateX(1deg) rotateY(-1deg);
}
90% {
transform: translate3d(2px, -2px, 1px) rotateX(1deg) rotateY(-1deg);
}
95% {
transform: translate3d(-1px, 1px, -2px) rotateX(-1deg) rotateY(1deg);
}
100% {
transform: translate3d(0, 0, 0) rotateX(0deg) rotateY(0deg);
}
}
.home-photohraphies {
position: relative;
z-index: 0;
width: 100vw;
height: 100vh;
max-height: 100vh;
opacity: 1;
transform: rotate(15deg) scale(1.5);
filter: blur(15px);
transform-origin: center center;
transition: transform 2s cubic-bezier(0.215, 0.73, 0, 0.995), filter 2s cubic-bezier(0.215, 0.73, 0, 0.995);
}
.home-photohraphies.active {
transform: rotate(5deg) scale(1);
filter: blur(0);
}
.home-photohraphies .container {
display: flex;
flex-direction: column;
transform-origin: center;
transform: rotate(5deg);
width: 100vw;
height: 100vh;
margin: 0;
padding: 0;
}
.home-photohraphies .container .col-top,
.home-photohraphies .container .col-bot {
height: 50%;
width: 100%;
position: relative;
}
.home-photohraphies .container .col-top .infinite-carousel-container,
.home-photohraphies .container .col-top .infinite-carousel-container-reverse,
.home-photohraphies .container .col-bot .infinite-carousel-container,
.home-photohraphies .container .col-bot .infinite-carousel-container-reverse {
display: flex;
align-items: flex-end;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding-bottom: 1.5rem;
}
.home-photohraphies .container .col-top .infinite-carousel-container ul,
.home-photohraphies .container .col-top .infinite-carousel-container-reverse ul,
.home-photohraphies .container .col-bot .infinite-carousel-container ul,
.home-photohraphies .container .col-bot .infinite-carousel-container-reverse ul {
list-style-type: none;
list-style: none;
height: 100%;
display: flex;
flex-wrap: nowrap;
align-items: flex-end;
}
.home-photohraphies .container .col-top .infinite-carousel-container ul li,
.home-photohraphies .container .col-top .infinite-carousel-container-reverse ul li,
.home-photohraphies .container .col-bot .infinite-carousel-container ul li,
.home-photohraphies .container .col-bot .infinite-carousel-container-reverse ul li {
height: 100%;
margin-right: 3rem;
display: flex;
align-items: flex-end;
width: 380px;
}
.home-photohraphies .container .col-top .infinite-carousel-container ul li .img-container,
.home-photohraphies .container .col-top .infinite-carousel-container-reverse ul li .img-container,
.home-photohraphies .container .col-bot .infinite-carousel-container ul li .img-container,
.home-photohraphies .container .col-bot .infinite-carousel-container-reverse ul li .img-container {
height: 100%;
overflow: hidden;
height: -moz-fit-content;
height: fit-content;
width: -moz-fit-content;
width: fit-content;
backface-visibility: hidden; transform-origin: center; perspective: 1000px; border-radius: 3px;
cursor: pointer;
}
.home-photohraphies .container .col-top .infinite-carousel-container ul li .img-container img,
.home-photohraphies .container .col-top .infinite-carousel-container-reverse ul li .img-container img,
.home-photohraphies .container .col-bot .infinite-carousel-container ul li .img-container img,
.home-photohraphies .container .col-bot .infinite-carousel-container-reverse ul li .img-container img {
width: 380px;
height: auto;
-o-object-fit: contain;
object-fit: contain;
transition: filter 0.6s cubic-bezier(0.215, 0.73, 0, 0.995), transform 0.6s cubic-bezier(0.215, 0.73, 0, 0.995);
transform: scale(1.1);
border-radius: 3px;
}
.home-photohraphies .container .col-top .infinite-carousel-container-reverse,
.home-photohraphies .container .col-bot .infinite-carousel-container-reverse {
padding-bottom: 0;
padding-top: 1.5rem;
bottom: unset;
top: 0;
flex-direction: row-reverse;
align-items: flex-start;
}
.home-photohraphies .container .col-top .infinite-carousel-container-reverse ul,
.home-photohraphies .container .col-bot .infinite-carousel-container-reverse ul {
display: flex;
flex-wrap: nowrap;
align-items: flex-start;
}
.home-photohraphies .container .col-top .infinite-carousel-container-reverse ul li,
.home-photohraphies .container .col-bot .infinite-carousel-container-reverse ul li {
display: flex;
align-items: flex-start;
width: 380px;
}
.home-photohraphies .container .col-top .infinite-carousel-container-reverse ul li .img-container,
.home-photohraphies .container .col-bot .infinite-carousel-container-reverse ul li .img-container {
height: 100%;
overflow: hidden;
height: -moz-fit-content;
height: fit-content;
width: -moz-fit-content;
width: fit-content;
backface-visibility: hidden; transform-origin: center; perspective: 1000px; }
.home-photohraphies .container .col-top .infinite-carousel-container-reverse ul li .img-container img,
.home-photohraphies .container .col-bot .infinite-carousel-container-reverse ul li .img-container img {
width: 380px;
height: auto;
-o-object-fit: contain;
object-fit: contain;
transition: filter 0.6s cubic-bezier(0.215, 0.73, 0, 0.995), transform 0.6s cubic-bezier(0.215, 0.73, 0, 0.995);
transform: scale(1.1);
border-radius: 3px;
}
@media screen and (max-width: 1025px) {
.home-photohraphies .container .col-top .infinite-carousel-container {
padding-bottom: 0.5rem;
}
.home-photohraphies .container .col-top .infinite-carousel-container ul li {
margin-right: 1rem;
width: 300px;
}
.home-photohraphies .container .col-top .infinite-carousel-container ul li .img-container img {
width: 300px;
}
.home-photohraphies .container .col-bot .infinite-carousel-container-reverse {
padding-top: 0.5rem;
}
.home-photohraphies .container .col-bot .infinite-carousel-container-reverse ul li {
margin-right: 1rem;
width: 300px;
}
.home-photohraphies .container .col-bot .infinite-carousel-container-reverse ul li .img-container img {
width: 300px;
}
}
@media screen and (max-width: 768px) {
.home-photohraphies .container .col-top .infinite-carousel-container ul li {
width: 200px;
}
.home-photohraphies .container .col-top .infinite-carousel-container ul li .img-container img {
width: 200px;
}
.home-photohraphies .container .col-bot .infinite-carousel-container-reverse ul li {
width: 200px;
}
.home-photohraphies .container .col-bot .infinite-carousel-container-reverse ul li .img-container img {
width: 200px;
}
section.home-carousel {
gap: 50px;
width: 150vw;
transform: rotate(0) scale(1.5);
filter: blur(15px);
opacity: 0;
transform-origin: center center;
transition: transform 2s cubic-bezier(0.215, 0.73, 0, 0.995), filter 2s cubic-bezier(0.215, 0.73, 0, 0.995), opacity 2s cubic-bezier(0.215, 0.73, 0, 0.995);
}
section.home-carousel.active {
transform: rotate(0) scale(1.2) translateX(-250px);
filter: blur(0);
opacity: 1;
}
section.home-carousel .news_ticker .news-group.bottom {
padding-top: 0rem;
}
section.home-carousel .news_ticker .news-group li a.bottom {
align-items: flex-start;
}
section.home-carousel .news_ticker .news-group li a img {
width: 220px;
}
}
@media screen and (max-width: 480px) {
section.home-carousel {
gap: 100px;
}
.home-title .container {
flex-direction: column;
align-items: center;
gap: 10px;
}
.home-title .container h1.title {
animation: name 45s infinite ease-in-out reverse;
color: #24211D;
}
}#header-errorpage {
height: 100vh;
width: 100vw;
padding: 150px 0;
}
#header-errorpage .container {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
}
 .projet-title {
position: fixed;
left: 40px;
bottom: 40px;
z-index: 5;
}
.projet-title .container {
overflow: hidden;
position: relative;
animation: name 45s infinite ease-in-out reverse;
pointer-events: none;
}
.projet-title .container a {
pointer-events: all;
display: flex;
align-items: center;
justify-content: flex-start;
padding: 5px;
transform: translateY(200%);
transition: transform 2.3s cubic-bezier(0.215, 0.73, 0, 0.995), filter 2.3s cubic-bezier(0.215, 0.73, 0, 0.995), opacity 2.3s cubic-bezier(0.215, 0.73, 0, 0.995);
filter: blur(15px);
opacity: 0;
}
.projet-title .container a.reverse svg {
margin-left: 12px;
height: 35px;
}
.projet-title .container a svg {
margin-right: 12px;
height: 35px;
}
.projet-title .container a.active {
filter: blur(0px);
transform: translateY(0);
opacity: 1;
}
.projet-title .container h1.title {
pointer-events: none;
color: #24211D;
transform: translateY(200%);
transition: transform 2.3s cubic-bezier(0.215, 0.73, 0, 0.995), filter 2.3s cubic-bezier(0.215, 0.73, 0, 0.995);
filter: blur(15px);
}
.projet-title .container h1.title.active {
filter: blur(0px);
transform: translateY(0);
}
.suivant-projet {
position: relative;
opacity: 0;
}
.suivant-projet .container {
position: absolute;
right: 40px;
bottom: 65px;
display: flex;
flex-direction: column;
justify-content: flex-end;
align-items: center;
}
.suivant-projet .container > p {
width: -moz-fit-content;
width: fit-content;
margin-bottom: 10px;
}
.suivant-projet .container a {
display: block;
border: 2px solid #24211D;
border-radius: 100px;
padding: 22px 50px 14px;
line-height: 90%;
transform-origin: right bottom;
transform: scale(1);
transition: color 0.6s cubic-bezier(0.215, 0.73, 0, 0.995), background-color 0.6s cubic-bezier(0.215, 0.73, 0, 0.995), transform 0.6s cubic-bezier(0.215, 0.73, 0, 0.995);
animation: name 45s infinite ease-in-out reverse;
animation-delay: 3s;
}
.suivant-projet .container a:hover {
background-color: rgba(0, 0, 0, 0.8);
color: #F5F5F5;
}
.suivant-projet.active {
opacity: 1;
}
@keyframes name {
0% {
transform: translate3d(0, 0, 0) rotateX(0deg) rotateY(0deg);
}
5% {
transform: translate3d(1px, -1px, 2px) rotateX(1deg) rotateY(-1deg);
}
10% {
transform: translate3d(-2px, 2px, -2px) rotateX(-1deg) rotateY(1deg);
}
15% {
transform: translate3d(3px, -3px, 2px) rotateX(1deg) rotateY(-1deg);
}
20% {
transform: translate3d(-3px, 3px, -2px) rotateX(-1deg) rotateY(1deg);
}
25% {
transform: translate3d(5px, -3px, 3px) rotateX(1deg) rotateY(-1deg);
}
30% {
transform: translate3d(-3px, 4px, -2px) rotateX(-1deg) rotateY(1deg);
}
35% {
transform: translate3d(3px, -3px, 2px) rotateX(1deg) rotateY(-1deg);
}
40% {
transform: translate3d(-3px, 5px, -3px) rotateX(-1deg) rotateY(1deg);
}
45% {
transform: translate3d(3px, -3px, 2px) rotateX(1deg) rotateY(-1deg);
}
50% {
transform: translate3d(-3px, 3px, -2px) rotateX(-1deg) rotateY(1deg);
}
55% {
transform: translate3d(3px, -3px, 2px) rotateX(1deg) rotateY(-1deg);
}
60% {
transform: translate3d(-3px, 5px, -2px) rotateX(-1deg) rotateY(1deg);
}
65% {
transform: translate3d(3px, -3px, 2px) rotateX(1deg) rotateY(-1deg);
}
70% {
transform: translate3d(-3px, 3px, -2px) rotateX(-1deg) rotateY(1deg);
}
75% {
transform: translate3d(3px, -3px, 5px) rotateX(1deg) rotateY(-1deg);
}
80% {
transform: translate3d(-3px, 3px, -2px) rotateX(-1deg) rotateY(1deg);
}
85% {
transform: translate3d(5px, -3px, 2px) rotateX(1deg) rotateY(-1deg);
}
90% {
transform: translate3d(2px, -2px, 1px) rotateX(1deg) rotateY(-1deg);
}
95% {
transform: translate3d(-1px, 1px, -2px) rotateX(-1deg) rotateY(1deg);
}
100% {
transform: translate3d(0, 0, 0) rotateX(0deg) rotateY(0deg);
}
}
.carousel-image {
overflow: hidden;
position: relative;
width: 100%;
height: 100vh;
display: flex;
align-items: center;
padding-bottom: 35px;
}
.carousel-image .container {
position: relative;
width: 100%;
height: 58%;
transform-origin: center;
transform: rotate(15deg) scale(1.5);
filter: blur(15px);
padding-left: 50vw;
opacity: 0;
transition: opacity 0.8s cubic-bezier(0.215, 0.73, 0, 0.995), filter 2.2s cubic-bezier(0.215, 0.73, 0, 0.995), transform 2.2s cubic-bezier(0.215, 0.73, 0, 0.995), padding-left 2.2s cubic-bezier(0.215, 0.73, 0, 0.995);
}
.carousel-image .container.active {
opacity: 1;
transform: rotate(5deg) scale(1);
padding-left: 300px;
filter: blur(0);
}
.carousel-image .container .slider-image {
display: flex;
position: absolute;
height: 100%;
transform-style: preserve-3d; }
.carousel-image .container .slider-image .img-container {
height: 100%;
width: auto;
overflow: hidden;
margin-right: 30px;
display: flex;
align-items: center;
transition: transform 0.2s ease-out;
backface-visibility: hidden; }
.carousel-image .container .slider-image .img-container img {
width: auto;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
border-radius: 3px;
}
.carousel-image .container .slider-image .img-container.end {
min-width: 200px;
max-width: 300px;
display: flex;
flex: auto;
flex-direction: column;
justify-content: center;
}
.carousel-image .container .slider-image .img-container.end img {
max-height: 300px;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
}
.carousel-image .container .slider-image .img-container.end .returntop {
cursor: pointer;
}
@media screen and (max-width: 1450px) {
.carousel-image {
padding-bottom: 25px;
}
.carousel-image .container {
height: 50%;
}
.projet-title .container .title {
font-size: clamp(77.5px, 15vw, 150px);
}
.suivant-projet .container a {
padding: 15px 32px;
font-size: clamp(31.4px, 4.5vw, 45px);
}
}
@media screen and (max-width: 1025px) {
.projet-title {
position: relative;
padding-left: 40px;
padding-top: 250px;
left: 0;
}
.suivant-projet {
bottom: 50px;
padding-bottom: 15vh;
height: 25vh;
}
.suivant-projet .container {
position: relative;
padding: 20px;
display: flex;
justify-content: center;
align-items: center;
right: unset;
bottom: unset;
}
.suivant-projet .container a {
width: -moz-fit-content;
width: fit-content;
}
.carousel-image .container.active {
padding-left: 100px;
}
.carousel-image {
overflow: visible;
height: auto;
}
.carousel-image .container {
transform: rotate(0deg) scale(1);
padding-left: 0;
filter: blur(0);
}
.carousel-image .container.active {
transform: rotate(0deg) scale(1);
padding-left: 0;
filter: blur(0);
}
.carousel-image .container .slider-image {
display: flex;
flex-direction: column;
align-items: center;
position: relative;
height: auto;
padding-bottom: 1vh;
padding-top: 3vh;
}
.carousel-image .container .slider-image .img-container {
margin: 0;
margin-bottom: 1rem;
display: flex;
justify-content: center;
align-items: center;
width: 90%;
}
.carousel-image .container .slider-image .img-container img {
width: 100%;
height: auto;
}
.carousel-image .container .slider-image .img-container:last-child {
flex-direction: row;
}
.carousel-image .container .slider-image .img-container:first-child {
flex-direction: row;
justify-content: flex-end;
}
}
@media screen and (max-width: 480px) {
.carousel-image .container .slider-image .img-container img {
margin-top: unset;
margin-bottom: 1rem;
}
.projet-title {
padding-left: 20px;
mix-blend-mode: difference;
padding-top: 200px;
}
.projet-title .container a {
color: #F5F5F5;
}
.projet-title .container a svg {
width: 20px;
}
.projet-title .container a svg path {
fill: #F5F5F5;
}
.projet-title .container h1.title {
color: #F5F5F5;
font-size: 70px;
}
.carousel-image .container .slider-image {
padding-top: 20px;
}
}* {
box-sizing: border-box;
}
body, main {
min-height: 100vh;
padding: 0;
margin: 0; }
.gallery {
position: absolute;
width: 100%;
height: 100vh;
overflow: visible;
transform: rotate(-5deg);
}
.gallery .cards {
position: absolute;
width: 22rem;
height: 35rem;
top: 60%;
left: 50%;
transform: translate(-50%, -50%) scale(1.5) rotate(15deg);
transition: transform 2s cubic-bezier(0.215, 0.73, 0, 0.995), top 2s cubic-bezier(0.215, 0.73, 0, 0.995), opacity 2s cubic-bezier(0.215, 0.73, 0, 0.995), filter 2s cubic-bezier(0.215, 0.73, 0, 0.995);
opacity: 0;
filter: blur(15px);
}
.gallery .cards.active {
opacity: 1;
filter: blur(0px);
transform: translate(-50%, -50%) scale(1) rotate(0deg);
top: 50%;
}
.gallery .cards:hover .actions button {
opacity: 1;
transform: translateX(0px);
filter: blur(0px);
}
.gallery .cards .actions {
position: absolute;
bottom: -23px;  right: -75px;
transform: translateX(-50%);
z-index: 99999;
height: 108%;
animation: name 45s infinite ease-in-out reverse;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: flex-end;
pointer-events: none;
}
.gallery .cards .actions button {
transform: translateX(-20px);
filter: blur(9px);
pointer-events: all;
margin: 0;
color: #F5F5F5;
font-size: clamp(18px, 2.5vw, 22px);
font-weight: 400;
transition: filter 1s cubic-bezier(0.215, 0.73, 0, 0.995), opacity 0.6s cubic-bezier(0.215, 0.73, 0, 0.995), background-color 0.6s cubic-bezier(0.215, 0.73, 0, 0.995), transform 1s cubic-bezier(0.5, 1.66, 0.41, 0.82);
padding: 11px 20px 11px;
background-color: #24211D;
display: block;
border-radius: 100px;
opacity: 0;
border: none;
cursor: pointer;
width: -moz-fit-content;
width: fit-content;
}
.gallery .cards .actions button:hover {
background-color: #000;
color: #F5F5F5;
}
.gallery .cards li {
list-style: none;
padding: 0;
margin: 0;
width: 22rem;
height: 35rem;
position: absolute;
top: 0;
left: 0;
display: flex;
justify-content: center;
align-items: flex-end;
}
.gallery .cards li a {
width: 100%;
height: 100%;
position: relative;
animation: name 45s infinite ease-in-out reverse;
}
.gallery .cards li a img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
position: absolute;
left: 0;
top: 0;
z-index: 9;
border-radius: 3px;
}
.gallery .cards li a h2 {
position: absolute;
color: white;
font-family: mainfont;
font-size: 70px;
bottom: 1rem;
left: 1.5rem;
z-index: 10;
max-width: 84%;
}
.drag-proxy {
visibility: hidden;
position: absolute;
}
@media screen and (max-width: 1550px) {
.gallery .cards {
width: 20.9rem;
height: 33.25rem;
}
.gallery .cards li {
width: 20.9rem;
height: 33.25rem;
}
.gallery .cards li a h2 {
font-size: 65px;
line-height: 60px;
}
}
@media screen and (max-width: 1350px) {
.gallery .cards {
width: 18.7rem;
height: 29.75rem;
}
.gallery .cards li {
width: 18.7rem;
height: 29.75rem;
}
.gallery .cards li a h2 {
font-size: 55px;
line-height: 52px;
}
}
@media screen and (max-width: 992px) {
.gallery .cards {
width: 17.6rem;
height: 28rem;
}
.gallery .cards li {
width: 17.6rem;
height: 28rem;
}
.gallery .cards li a h2 {
font-size: 52px;
line-height: 50px;
}
}.about-title {
padding: 100px 0;
position: relative;
display: flex;
flex-direction: column;
height: auto;
z-index: 10;
}
.about-title.active .container:nth-child(2) p {
filter: blur(0px);
opacity: 1;
transform: translateY(0);
}
.about-title.active .container h1.title {
filter: blur(0px);
opacity: 1;
transform: translateY(0) scale(1);
}
.about-title .container {
width: 100%;
height: 80vh;
display: flex;
justify-content: center;
align-items: center;
}
.about-title .container:nth-child(2) {
height: 50vh;
width: 50%;
margin-left: auto;
padding-right: 40px;
}
.about-title .container:nth-child(2) p {
opacity: 0;
filter: blur(15px);
transform: translateY(150px);
transition: filter 2.3s cubic-bezier(0.215, 0.73, 0, 0.995), opacity 2.3s cubic-bezier(0.215, 0.73, 0, 0.995), transform 2.3s cubic-bezier(0.215, 0.73, 0, 0.995);
}
.about-title .container:nth-child(2) p span {
display: inline-block;
}
.about-title .container h1.title {
color: #24211D;
text-align: center;
line-height: 50px;
opacity: 0;
filter: blur(15px);
transform: translateY(150px) scale(3);
transition: filter 2.3s cubic-bezier(0.215, 0.73, 0, 0.995), opacity 2.3s cubic-bezier(0.215, 0.73, 0, 0.995), transform 2.3s cubic-bezier(0.215, 0.73, 0, 0.995);
}
.about-title .container h1.title > span {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
height: 100%;
}
.about-title .container h1.title > span > span {
height: 100%;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
}
.about-title .container h1.title > span > span .part {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
height: 100%;
}
.about-title .container h1.title > span > span.part:nth-child(1) {
padding-right: 20px;
filter: blur(0);
transition: filter 1.2s cubic-bezier(0.215, 0.73, 0, 0.995);
}
.about-title .container h1.title > span > span.part:nth-child(3) {
padding-left: 20px;
transition: filter 1.2s cubic-bezier(0.215, 0.73, 0, 0.995);
filter: blur(0);
}
.about-title .container h1.title > span > span.part:nth-child(2) {
width: 0;
overflow: hidden;
transition: width 1.2s cubic-bezier(0.215, 0.73, 0, 0.995);
border-radius: 3px;
}
.about-title .container h1.title > span > span.part:nth-child(2) img {
width: 250px;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.about-title .container h1.title:hover .part:nth-child(2) {
width: 250px;
}
.about-title .container h1.title:hover .part:nth-child(2) img {
width: 250px;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.about-title .container h1.title:hover .part:nth-child(1) {
filter: blur(5px);
}
.about-title .container h1.title:hover .part:nth-child(3) {
filter: blur(5px);
}
.about-title .container h1.title.active .part:nth-child(2) {
width: 250px;
}
.about-title .container h1.title.active .part:nth-child(2) img {
width: 250px;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.about-title .container h1.title.active .part:nth-child(1) {
filter: blur(5px);
}
.about-title .container h1.title.active .part:nth-child(3) {
filter: blur(5px);
}
.global-section {
position: relative;
height: 740vh; overflow: hidden;
margin-top: -50vh;
}
.global-section .section {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100vh;
-webkit-clip-path: circle(0% at 50% 50%);
clip-path: circle(0% at 50% 50%);
opacity: 0;
overflow: hidden;
}
.global-section .section .item {
width: 100vw;
height: 100vh;
position: relative;
display: flex;
cursor: pointer;
}
.global-section .section .item > .img-container {
width: 100%;
height: 100%;
z-index: 0;
position: relative;
transform-origin: center center;
transition: width 1.2s cubic-bezier(0.215, 0.73, 0, 0.995);
}
.global-section .section .item > .img-container::after {
content: "";
left: 0;
bottom: 0;
position: absolute;
width: 100%;
height: 50%;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 100%);
opacity: 0.8;
z-index: 2;
}
.global-section .section .item > .img-container img {
z-index: 1;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.global-section .section .item .col-right {
transition: width 1.2s cubic-bezier(0.215, 0.73, 0, 0.995), padding 1.2s cubic-bezier(0.215, 0.73, 0, 0.995);
overflow: hidden;
width: 0%;
height: 100%;
display: flex;
flex-direction: column;
background-color: #F5F5F5;
justify-content: space-between;
}
.global-section .section .item .col-right p {
margin-bottom: 35px;
padding-top: 40px;
opacity: 0;
transition: opacity 1.2s cubic-bezier(0.215, 0.73, 0, 0.995);
}
.global-section .section .item .col-right .img-container {
width: -moz-fit-content;
width: fit-content;
max-height: 60%;
height: -moz-fit-content;
height: fit-content;
}
.global-section .section .item .col-right .img-container img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
transition: opacity 1.2s cubic-bezier(0.215, 0.73, 0, 0.995);
opacity: 0;
}
.global-section .section .item .infos {
position: absolute;
left: 40px;
bottom: 40px;
display: flex;
flex-direction: column;
transform-origin: left bottom;
transition: transform 1.2s cubic-bezier(0.215, 0.73, 0, 0.995);
}
.global-section .section .item .infos p {
padding: 9px 15px 5px;
border-radius: 100px;
border: 2px solid #F5F5F5;
font-size: clamp(18.9px, 2.2vw, 22px);
font-weight: 500;
line-height: 125%;
color: #F5F5F5;
font-family: secondaryfont;
background-color: transparent;
margin-bottom: 10px;
width: -moz-fit-content;
width: fit-content;
}
.global-section .section .item .infos h2 {
margin-top: 5px;
color: #F5F5F5;
}
.global-section .section .item.active > .img-container {
width: 50%;
}
.global-section .section .item.active .col-right {
width: 50%;
padding: 40px;
}
.global-section .section .item.active .col-right p {
opacity: 1;
}
.global-section .section .item.active .col-right img {
opacity: 1;
}
.global-section .section .item.active .infos {
transform-origin: left bottom;
transform: scale(0.75);
}
@media screen and (max-width: 1450px) {
.about-title .container:nth-child(2) p {
font-size: clamp(31.4px, 4.5vw, 45px);
}
}
@media screen and (max-width: 992px) {
.about-title .container:nth-child(2) {
width: 100%;
padding-right: 40px;
padding-left: 40px;
padding-top: 20px;
height: auto;
}
.about-title .container:nth-child(2) p {
text-align: center;
font-size: clamp(25.4px, 4.5vw, 30px);
}
.about-title .container {
height: auto;
}
.about-title .container h1.title {
line-height: 100%;
}
.about-title .container h1.title > span {
flex-direction: column;
gap: 1.2rem;
padding: 5px 0;
}
.about-title .container h1.title > span > span {
padding: 0 !important;
}
.about-title .container h1.title > span > span.part:nth-child(2) {
height: 0%;
width: 60%;
transition: height 1.2s cubic-bezier(0.215, 0.73, 0, 0.995);
}
.about-title .container h1.title:hover .part:nth-child(2) {
width: 60%;
}
.about-title .container h1.title:hover .part:nth-child(2) img {
width: 250px;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.about-title .container h1.title:hover .part:nth-child(1) {
filter: blur(0);
}
.about-title .container h1.title:hover .part:nth-child(3) {
filter: blur(0);
}
.global-section {
height: auto;
margin-top: 0;
}
.global-section .section {
position: relative;
-webkit-clip-path: none;
clip-path: none;
opacity: 1;
height: 100%;
transition: height 1.2s cubic-bezier(0.215, 0.73, 0, 0.995);
}
.global-section .section .item {
flex-direction: column;
height: 70vh;
transition: height 1.2s cubic-bezier(0.215, 0.73, 0, 0.995);
}
.global-section .section .item .infos {
top: 40px;
left: 40px;
bottom: unset;
transform-origin: top left;
}
.global-section .section .item .img-container {
transition: height 1.2s cubic-bezier(0.215, 0.73, 0, 0.995);
}
.global-section .section .item.active {
height: 100vh;
width: 100%;
}
.global-section .section .item.active .col-right {
width: 100%;
height: 100%;
transition: height 1.2s cubic-bezier(0.215, 0.73, 0, 0.995);
height: 70vh;
}
.global-section .section .item.active .infos {
transform-origin: top left;
}
.global-section .section .item.active .img-container {
width: 100%;
height: 30vh;
}
.global-section .section .item .col-right {
transition: height 1.2s cubic-bezier(0.215, 0.73, 0, 0.995);
width: 100%;
height: 0%;
}
}body.contact #dot {
opacity: 0 !important;
}
.contact-section {
width: 100vw;
overflow: hidden;
height: 100vh;
}
.contact-section.active .container {
transform: translateY(0) rotate(0deg) scale(1);
filter: blur(0px);
opacity: 1;
}
.contact-section .container {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
transform: translateY(50px) rotate(15deg) scale(1.5);
filter: blur(15px);
opacity: 0;
transition: transform 2s cubic-bezier(0.215, 0.73, 0, 0.995), opacity 2s cubic-bezier(0.215, 0.73, 0, 0.995), filter 2s cubic-bezier(0.215, 0.73, 0, 0.995);
}
.contact-section .container h1 {
text-align: center;
}
.contact-section .container .form-container {
max-width: 55%;
}
.contact-section .container .form-container form {
margin-top: 25px;
}
.contact-section .container .form-container form p {
text-align: center;
font-size: clamp(22.56px, 2.8vw, 28px);
line-height: 150%;
font-family: secondaryfont;
}
.contact-section .container .form-container form p span {
margin: 5px 0;
text-align: center;
}
.contact-section .container .form-container form p span .wpcf7-not-valid-tip {
display: none !important;
}
.contact-section .container .form-container form p span input {
display: inline-block;
padding: 7px 15px 5px;
border-radius: 100px;
border: none;
border-bottom: 1px solid #24211D;
font-size: clamp(18.9px, 2.2vw, 22px);
font-weight: 500;
line-height: 125%;
color: #24211D;
font-family: secondaryfont;
max-width: 250px;
background-color: transparent;
margin-bottom: 10px;
border-radius: 0;
}
.contact-section .container .form-container form p span input:focus {
outline: none;
border-color: #F5F5F5;
}
.contact-section .container .form-container form p span input.wpcf7-not-valid {
border-color: rgba(238, 67, 41, 0.803);
}
.contact-section .container .form-container form p button[type=submit] {
background-color: transparent;
display: inline-block;
font-weight: 500;
line-height: 125%;
color: #F5F5F5;
background-color: #24211D;
margin-bottom: 10px;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
border: none !important;
cursor: pointer;
padding: 12px 32px 10px;
border-radius: 1000px;
display: block;
width: -moz-fit-content;
width: fit-content;
font-family: mainfont, sans-serif;
font-size: clamp(34px, 5vw, 50px);
text-transform: uppercase;
margin: auto;
margin-top: 35px;
}
.contact-section .container .form-container form p button[type=submit] svg {
margin-left: 12px;
max-height: 42px;
transform: translateY(-5px);
display: none;
}
.contact-section .container .listing-rs {
padding-top: 30px;
}
.contact-section .container .listing-rs ul {
list-style-type: none;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
flex-wrap: wrap;
gap: 1rem;
}
.contact-section .container .listing-rs ul li {
margin: 0;
display: block;
}
.contact-section .container .listing-rs ul li a {
display: block;
padding: 19px 21px 13px;
border-radius: 100px;
border: 1px solid #24211D;
font-weight: 500;
line-height: 125%;
color: #24211D;
white-space: nowrap;
}
.contact-section .container .listing-rs ul li a span {
display: block;
}
.contact-section .container .listing-rs ul li a:hover {
background-color: rgba(0, 0, 0, 0.7333333333);
color: #F5F5F5;
}
@media screen and (max-width: 1450px) {
.contact-section .container h1.title, .contact-section .container h2.title {
font-size: clamp(63.5px, 11vw, 110px);
}
.contact-section .container .form-container {
max-width: 80%;
}
}
@media screen and (max-width: 1350px) {
.contact-section .container {
padding: 40px;
}
.contact-section .container .form-container {
max-width: 100%;
}
.contact-section .container .listing-rs ul {
display: flex;
flex-direction: row;
}
}
@media screen and (max-width: 768px) {
.contact-section {
padding-top: 60px;
height: auto;
padding-bottom: 6vh;
}
.contact-section.contact {
padding-top: 20vh;
}
.contact-section .container {
padding: 0 20px;
justify-content: flex-start;
align-items: flex-start;
}
.contact-section .container h2, .contact-section .container h1 {
text-align: left;
}
.contact-section .container .form-container {
max-width: 100%;
}
.contact-section .container .form-container form p {
text-align: left;
}
.contact-section .container .form-container form p button[type=submit] {
margin-left: 0;
}
.contact-section .container .listing-rs ul {
gap: 1rem;
flex-direction: row;
justify-content: flex-start;
}
.contact-section .container .listing-rs ul li a {
padding: 12px 19px 10px;
}
}
@media screen and (max-width: 480px) {
.contact-section.contact {
padding-top: 230px;
}
}
 #titlegalerie {
position: relative;
left: 0;
margin-top: 150px;
margin-bottom: 50px;
right: 0;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
transition: all 1s cubic-bezier(0.215, 0.73, 0, 0.995);
}
#titlegalerie h1 {
font-size: 180px;
font-weight: 900;
color: #24211D;
text-transform: uppercase;
margin: 0;
font-family: mainfont, sans-serif;
line-height: 100%;
color: #24211D;
text-transform: uppercase;
}
#titlegalerie p {
font-size: 20px;
margin-top: 20px;
}
#titlegalerie.remove {
opacity: 0;
filter: blur(15px);
transform: translateY(-30px);
}
#mansonry {
-moz-column-count: 3;
column-count: 3; -moz-column-gap: 0;
column-gap: 0; padding: 70px;
opacity: 0;
filter: blur(15px);
transform: translateY(30px);
transition: all 1s cubic-bezier(0.215, 0.73, 0, 0.995);
}
#mansonry.active {
opacity: 1;
filter: blur(0);
transform: translateY(0);
}
#mansonry img {
width: 100%;
height: auto;
display: block;
margin: 0;
padding: 0;
-moz-column-break-inside: avoid;
break-inside: avoid;
padding: 70px;
border-radius: 5px;
transition: all 1s cubic-bezier(0.215, 0.73, 0, 0.995);
transform-origin: center center;
}
#mansonry img:hover {
transform: scale(1.05);
}
@media screen and (max-width: 1450px) {
#mansonry {
-moz-column-count: 3;
column-count: 3; -moz-column-gap: 0px;
column-gap: 0px; row-gap: 0px;
padding: 50px;
opacity: 0;
filter: blur(15px);
transform: translateY(30px);
}
#mansonry img {
margin-bottom: 0px;
border-radius: 3px;
padding: 50px;
}
#titlegalerie h1 {
font-size: 130px;
font-weight: 900;
color: #24211D;
text-transform: uppercase;
margin: 0;
font-family: mainfont, sans-serif;
line-height: 100%;
color: #24211D;
text-transform: uppercase;
margin-top: 100px;
margin-bottom: 30px;
}
}
@media screen and (max-width: 1100px) {
#mansonry {
-moz-column-count: 3;
column-count: 3; -moz-column-gap: 0px;
column-gap: 0px; row-gap: 0px;
padding: 40px;
opacity: 0;
filter: blur(15px);
transform: translateY(30px);
}
#mansonry img {
margin-bottom: 0px;
border-radius: 3px;
padding: 40px;
}
#titlegalerie h1 {
font-size: 100px;
font-weight: 900;
color: #24211D;
text-transform: uppercase;
margin: 0;
font-family: mainfont, sans-serif;
line-height: 100%;
color: #24211D;
text-transform: uppercase;
margin-top: 80px;
margin-bottom: 30px;
}
}
@media screen and (max-width: 767px) {
#mansonry {
-moz-column-count: 2;
column-count: 2; -moz-column-gap: 20px;
column-gap: 20px; row-gap: 10px;
padding: 25px;
opacity: 0;
filter: blur(15px);
transform: translateY(30px);
}
#mansonry img {
padding: 0;
border-radius: 3px;
margin-bottom: 20px;
}
}
@media screen and (max-width: 480px) {
#mansonry {
-moz-column-count: 2;
column-count: 2; -moz-column-gap: 10px;
column-gap: 10px; row-gap: 10px;
padding: 20px;
opacity: 0;
filter: blur(15px);
transform: translateY(30px);
}
#mansonry img {
padding: 0px;
border-radius: 3px;
margin-bottom: 10px;
}
}
@media screen and (max-width: 350px) {
#mansonry {
-moz-column-count: 1;
column-count: 1; -moz-column-gap: 10px;
column-gap: 10px; row-gap: 10px;
padding: 20px;
opacity: 0;
filter: blur(15px);
transform: translateY(30px);
}
#mansonry img {
padding: 0px;
border-radius: 3px;
}
}* {
box-sizing: border-box;
margin: 0;
padding: 0;
}
#cursor {
z-index: 100000;
background-color: transparent;
width: 0px;
height: 0px;
border-radius: 50%;
position: fixed;
z-index: 1000;
pointer-events: none;
mix-blend-mode: difference;
transform-origin: center center;
display: flex;
justify-content: center;
align-items: center;
transition: border 1.2s cubic-bezier(0.215, 0.73, 0, 0.995), width 1.2s cubic-bezier(0.215, 0.73, 0, 0.995), height 1.2s cubic-bezier(0.215, 0.73, 0, 0.995), transform 1.2s cubic-bezier(0.215, 0.73, 0, 0.995), border-radius 1.2s cubic-bezier(0.215, 0.73, 0, 0.995);
will-change: width, height, transform, border;
}
#cursor svg {
opacity: 0.5;
transform-origin: center center;
width: 0px;
height: 0px;
transform: translate(-50%, -50%) rotate(0deg);
transition: border 1.2s cubic-bezier(0.215, 0.73, 0, 0.995), width 1.2s cubic-bezier(0.215, 0.73, 0, 0.995), height 1.2s cubic-bezier(0.215, 0.73, 0, 0.995), transform 2s cubic-bezier(0.215, 0.73, 0, 0.995), border-radius 1.2s cubic-bezier(0.215, 0.73, 0, 0.995);
}
#cursor.active {
width: 100px;
height: 100px;
}
#cursor.active svg {
width: 100px;
height: 100px;
transform: translate(-50%, -50%) rotate(-45deg);
}
#cursor.active svg path {
fill: #FFF;
}
@media screen and (max-width: 995px) {
#cursor {
display: none !important;
}
}
@font-face {
font-family: mainfont;
font-weight: 1 999;
src: url(//lae-photos.com/wp-content/themes/theme_custom/fonts/bulevar-regular-webfont.woff2) format("woff2"), url(//lae-photos.com/wp-content/themes/theme_custom/fonts/bulevar-regular-webfont.woff) format("woff"), url(//lae-photos.com/wp-content/themes/theme_custom/fonts/bulevar-regular-webfont.ttf) format("truetype");
}
@font-face {
font-family: secondaryfont;
font-weight: 600;
src: url(//lae-photos.com/wp-content/themes/theme_custom/fonts/shreedev0714-webfont.ttf) format("truetype");
}
.font-10 {
font-size: clamp(10px, 1vw, 10px);
}
.font-11 {
font-size: clamp(10.8px, 1.1vw, 11px);
}
.font-12 {
font-size: clamp(11.6px, 1.2vw, 12px);
}
.font-13 {
font-size: clamp(12.4px, 1.3vw, 13px);
}
.font-14 {
font-size: clamp(13.2px, 1.4vw, 14px);
}
.font-15 {
font-size: clamp(14px, 1.5vw, 15px);
}
.font-16 {
font-size: clamp(14.7px, 1.6vw, 16px);
}
.font-17 {
font-size: clamp(15.4px, 1.7vw, 17px);
}
.font-18 {
font-size: clamp(16.1px, 1.8vw, 18px);
}
.font-19 {
font-size: clamp(16.8px, 1.9vw, 19px);
}
.font-20 {
font-size: clamp(17.5px, 2vw, 20px);
}
.font-21 {
font-size: clamp(18.2px, 2.1vw, 21px);
}
.font-22 {
font-size: clamp(18.9px, 2.2vw, 22px);
}
.font-23 {
font-size: clamp(19.6px, 2.3vw, 23px);
}
.font-24 {
font-size: clamp(20.3px, 2.4vw, 24px);
}
.font-25 {
font-size: clamp(21px, 2.5vw, 25px);
}
.font-26 {
font-size: clamp(21.52px, 2.6vw, 26px);
}
.font-27 {
font-size: clamp(22.04px, 2.7vw, 27px);
}
.font-28 {
font-size: clamp(22.56px, 2.8vw, 28px);
}
.font-29 {
font-size: clamp(23.08px, 2.9vw, 29px);
}
.font-30 {
font-size: clamp(23.6px, 3vw, 30px);
}
.font-31 {
font-size: clamp(24.12px, 3.1vw, 31px);
}
.font-32 {
font-size: clamp(24.64px, 3.2vw, 32px);
}
.font-33 {
font-size: clamp(25.16px, 3.3vw, 33px);
}
.font-34 {
font-size: clamp(25.68px, 3.4vw, 34px);
}
.font-35 {
font-size: clamp(26.2px, 3.5vw, 35px);
}
.font-36 {
font-size: clamp(26.72px, 3.6vw, 36px);
}
.font-37 {
font-size: clamp(27.24px, 3.7vw, 37px);
}
.font-38 {
font-size: clamp(27.76px, 3.8vw, 38px);
}
.font-39 {
font-size: clamp(28.28px, 3.9vw, 39px);
}
.font-40 {
font-size: clamp(28.8px, 4vw, 40px);
}
.font-41 {
font-size: clamp(29.32px, 4.1vw, 41px);
}
.font-42 {
font-size: clamp(29.84px, 4.2vw, 42px);
}
.font-43 {
font-size: clamp(30.36px, 4.3vw, 43px);
}
.font-44 {
font-size: clamp(30.88px, 4.4vw, 44px);
}
.font-45 {
font-size: clamp(31.4px, 4.5vw, 45px);
}
.font-46 {
font-size: clamp(31.92px, 4.6vw, 46px);
}
.font-47 {
font-size: clamp(32.44px, 4.7vw, 47px);
}
.font-48 {
font-size: clamp(32.96px, 4.8vw, 48px);
}
.font-49 {
font-size: clamp(33.48px, 4.9vw, 49px);
}
.font-50 {
font-size: clamp(34px, 5vw, 50px);
}
.font-51 {
font-size: clamp(34.52px, 5.1vw, 51px);
}
.font-52 {
font-size: clamp(35.04px, 5.2vw, 52px);
}
.font-53 {
font-size: clamp(35.56px, 5.3vw, 53px);
}
.font-54 {
font-size: clamp(36.08px, 5.4vw, 54px);
}
.font-55 {
font-size: clamp(36.6px, 5.5vw, 55px);
}
.font-56 {
font-size: clamp(37.12px, 5.6vw, 56px);
}
.font-57 {
font-size: clamp(37.64px, 5.7vw, 57px);
}
.font-58 {
font-size: clamp(38.16px, 5.8vw, 58px);
}
.font-59 {
font-size: clamp(38.68px, 5.9vw, 59px);
}
.font-60 {
font-size: clamp(39.2px, 6vw, 60px);
}
.font-61 {
font-size: clamp(39.72px, 6.1vw, 61px);
}
.font-62 {
font-size: clamp(40.24px, 6.2vw, 62px);
}
.font-63 {
font-size: clamp(40.76px, 6.3vw, 63px);
}
.font-64 {
font-size: clamp(41.28px, 6.4vw, 64px);
}
.font-65 {
font-size: clamp(41.8px, 6.5vw, 65px);
}
.font-66 {
font-size: clamp(42.32px, 6.6vw, 66px);
}
.font-67 {
font-size: clamp(42.84px, 6.7vw, 67px);
}
.font-68 {
font-size: clamp(43.36px, 6.8vw, 68px);
}
.font-69 {
font-size: clamp(43.88px, 6.9vw, 69px);
}
.font-70 {
font-size: clamp(44.4px, 7vw, 70px);
}
.font-71 {
font-size: clamp(44.92px, 7.1vw, 71px);
}
.font-72 {
font-size: clamp(45.44px, 7.2vw, 72px);
}
.font-73 {
font-size: clamp(45.96px, 7.3vw, 73px);
}
.font-74 {
font-size: clamp(46.48px, 7.4vw, 74px);
}
.font-75 {
font-size: clamp(47px, 7.5vw, 75px);
}
.font-76 {
font-size: clamp(47.52px, 7.6vw, 76px);
}
.font-77 {
font-size: clamp(48.04px, 7.7vw, 77px);
}
.font-78 {
font-size: clamp(48.56px, 7.8vw, 78px);
}
.font-79 {
font-size: clamp(49.08px, 7.9vw, 79px);
}
.font-80 {
font-size: clamp(49.6px, 8vw, 80px);
}
.font-81 {
font-size: clamp(50.12px, 8.1vw, 81px);
}
.font-82 {
font-size: clamp(50.64px, 8.2vw, 82px);
}
.font-83 {
font-size: clamp(51.16px, 8.3vw, 83px);
}
.font-84 {
font-size: clamp(51.68px, 8.4vw, 84px);
}
.font-85 {
font-size: clamp(52.2px, 8.5vw, 85px);
}
.font-86 {
font-size: clamp(52.72px, 8.6vw, 86px);
}
.font-87 {
font-size: clamp(53.24px, 8.7vw, 87px);
}
.font-88 {
font-size: clamp(53.76px, 8.8vw, 88px);
}
.font-89 {
font-size: clamp(54.28px, 8.9vw, 89px);
}
.font-90 {
font-size: clamp(54.8px, 9vw, 90px);
}
.font-91 {
font-size: clamp(55.32px, 9.1vw, 91px);
}
.font-92 {
font-size: clamp(55.84px, 9.2vw, 92px);
}
.font-93 {
font-size: clamp(56.36px, 9.3vw, 93px);
}
.font-94 {
font-size: clamp(56.88px, 9.4vw, 94px);
}
.font-95 {
font-size: clamp(57.4px, 9.5vw, 95px);
}
.font-96 {
font-size: clamp(57.92px, 9.6vw, 96px);
}
.font-97 {
font-size: clamp(58.44px, 9.7vw, 97px);
}
.font-98 {
font-size: clamp(58.96px, 9.8vw, 98px);
}
.font-99 {
font-size: clamp(59.48px, 9.9vw, 99px);
}
.font-100 {
font-size: clamp(60px, 10vw, 100px);
}
.font-101 {
font-size: clamp(60.35px, 10.1vw, 101px);
}
.font-102 {
font-size: clamp(60.7px, 10.2vw, 102px);
}
.font-103 {
font-size: clamp(61.05px, 10.3vw, 103px);
}
.font-104 {
font-size: clamp(61.4px, 10.4vw, 104px);
}
.font-105 {
font-size: clamp(61.75px, 10.5vw, 105px);
}
.font-106 {
font-size: clamp(62.1px, 10.6vw, 106px);
}
.font-107 {
font-size: clamp(62.45px, 10.7vw, 107px);
}
.font-108 {
font-size: clamp(62.8px, 10.8vw, 108px);
}
.font-109 {
font-size: clamp(63.15px, 10.9vw, 109px);
}
.font-110 {
font-size: clamp(63.5px, 11vw, 110px);
}
.font-111 {
font-size: clamp(63.85px, 11.1vw, 111px);
}
.font-112 {
font-size: clamp(64.2px, 11.2vw, 112px);
}
.font-113 {
font-size: clamp(64.55px, 11.3vw, 113px);
}
.font-114 {
font-size: clamp(64.9px, 11.4vw, 114px);
}
.font-115 {
font-size: clamp(65.25px, 11.5vw, 115px);
}
.font-116 {
font-size: clamp(65.6px, 11.6vw, 116px);
}
.font-117 {
font-size: clamp(65.95px, 11.7vw, 117px);
}
.font-118 {
font-size: clamp(66.3px, 11.8vw, 118px);
}
.font-119 {
font-size: clamp(66.65px, 11.9vw, 119px);
}
.font-120 {
font-size: clamp(67px, 12vw, 120px);
}
.font-121 {
font-size: clamp(67.35px, 12.1vw, 121px);
}
.font-122 {
font-size: clamp(67.7px, 12.2vw, 122px);
}
.font-123 {
font-size: clamp(68.05px, 12.3vw, 123px);
}
.font-124 {
font-size: clamp(68.4px, 12.4vw, 124px);
}
.font-125 {
font-size: clamp(68.75px, 12.5vw, 125px);
}
.font-126 {
font-size: clamp(69.1px, 12.6vw, 126px);
}
.font-127 {
font-size: clamp(69.45px, 12.7vw, 127px);
}
.font-128 {
font-size: clamp(69.8px, 12.8vw, 128px);
}
.font-129 {
font-size: clamp(70.15px, 12.9vw, 129px);
}
.font-130 {
font-size: clamp(70.5px, 13vw, 130px);
}
.font-131 {
font-size: clamp(70.85px, 13.1vw, 131px);
}
.font-132 {
font-size: clamp(71.2px, 13.2vw, 132px);
}
.font-133 {
font-size: clamp(71.55px, 13.3vw, 133px);
}
.font-134 {
font-size: clamp(71.9px, 13.4vw, 134px);
}
.font-135 {
font-size: clamp(72.25px, 13.5vw, 135px);
}
.font-136 {
font-size: clamp(72.6px, 13.6vw, 136px);
}
.font-137 {
font-size: clamp(72.95px, 13.7vw, 137px);
}
.font-138 {
font-size: clamp(73.3px, 13.8vw, 138px);
}
.font-139 {
font-size: clamp(73.65px, 13.9vw, 139px);
}
.font-140 {
font-size: clamp(74px, 14vw, 140px);
}
.font-141 {
font-size: clamp(74.35px, 14.1vw, 141px);
}
.font-142 {
font-size: clamp(74.7px, 14.2vw, 142px);
}
.font-143 {
font-size: clamp(75.05px, 14.3vw, 143px);
}
.font-144 {
font-size: clamp(75.4px, 14.4vw, 144px);
}
.font-145 {
font-size: clamp(75.75px, 14.5vw, 145px);
}
.font-146 {
font-size: clamp(76.1px, 14.6vw, 146px);
}
.font-147 {
font-size: clamp(76.45px, 14.7vw, 147px);
}
.font-148 {
font-size: clamp(76.8px, 14.8vw, 148px);
}
.font-149 {
font-size: clamp(77.15px, 14.9vw, 149px);
}
.font-150 {
font-size: clamp(77.5px, 15vw, 150px);
}
.font-151 {
font-size: clamp(77.85px, 15.1vw, 151px);
}
.font-152 {
font-size: clamp(78.2px, 15.2vw, 152px);
}
.font-153 {
font-size: clamp(78.55px, 15.3vw, 153px);
}
.font-154 {
font-size: clamp(78.9px, 15.4vw, 154px);
}
.font-155 {
font-size: clamp(79.25px, 15.5vw, 155px);
}
.font-156 {
font-size: clamp(79.6px, 15.6vw, 156px);
}
.font-157 {
font-size: clamp(79.95px, 15.7vw, 157px);
}
.font-158 {
font-size: clamp(80.3px, 15.8vw, 158px);
}
.font-159 {
font-size: clamp(80.65px, 15.9vw, 159px);
}
.font-160 {
font-size: clamp(81px, 16vw, 160px);
}
.font-161 {
font-size: clamp(81.35px, 16.1vw, 161px);
}
.font-162 {
font-size: clamp(81.7px, 16.2vw, 162px);
}
.font-163 {
font-size: clamp(82.05px, 16.3vw, 163px);
}
.font-164 {
font-size: clamp(82.4px, 16.4vw, 164px);
}
.font-165 {
font-size: clamp(82.75px, 16.5vw, 165px);
}
.font-166 {
font-size: clamp(83.1px, 16.6vw, 166px);
}
.font-167 {
font-size: clamp(83.45px, 16.7vw, 167px);
}
.font-168 {
font-size: clamp(83.8px, 16.8vw, 168px);
}
.font-169 {
font-size: clamp(84.15px, 16.9vw, 169px);
}
.font-170 {
font-size: clamp(84.5px, 17vw, 170px);
}
.font-171 {
font-size: clamp(84.85px, 17.1vw, 171px);
}
.font-172 {
font-size: clamp(85.2px, 17.2vw, 172px);
}
.font-173 {
font-size: clamp(85.55px, 17.3vw, 173px);
}
.font-174 {
font-size: clamp(85.9px, 17.4vw, 174px);
}
.font-175 {
font-size: clamp(86.25px, 17.5vw, 175px);
}
.font-176 {
font-size: clamp(86.6px, 17.6vw, 176px);
}
.font-177 {
font-size: clamp(86.95px, 17.7vw, 177px);
}
.font-178 {
font-size: clamp(87.3px, 17.8vw, 178px);
}
.font-179 {
font-size: clamp(87.65px, 17.9vw, 179px);
}
.font-180 {
font-size: clamp(88px, 18vw, 180px);
}
.font-181 {
font-size: clamp(88.35px, 18.1vw, 181px);
}
.font-182 {
font-size: clamp(88.7px, 18.2vw, 182px);
}
.font-183 {
font-size: clamp(89.05px, 18.3vw, 183px);
}
.font-184 {
font-size: clamp(89.4px, 18.4vw, 184px);
}
.font-185 {
font-size: clamp(89.75px, 18.5vw, 185px);
}
.font-186 {
font-size: clamp(90.1px, 18.6vw, 186px);
}
.font-187 {
font-size: clamp(90.45px, 18.7vw, 187px);
}
.font-188 {
font-size: clamp(90.8px, 18.8vw, 188px);
}
.font-189 {
font-size: clamp(91.15px, 18.9vw, 189px);
}
.font-190 {
font-size: clamp(91.5px, 19vw, 190px);
}
.font-191 {
font-size: clamp(91.85px, 19.1vw, 191px);
}
.font-192 {
font-size: clamp(92.2px, 19.2vw, 192px);
}
.font-193 {
font-size: clamp(92.55px, 19.3vw, 193px);
}
.font-194 {
font-size: clamp(92.9px, 19.4vw, 194px);
}
.font-195 {
font-size: clamp(93.25px, 19.5vw, 195px);
}
.font-196 {
font-size: clamp(93.6px, 19.6vw, 196px);
}
.font-197 {
font-size: clamp(93.95px, 19.7vw, 197px);
}
.font-198 {
font-size: clamp(94.3px, 19.8vw, 198px);
}
.font-199 {
font-size: clamp(94.65px, 19.9vw, 199px);
}
.font-200 {
font-size: clamp(95px, 20vw, 200px);
}
.font-201 {
font-size: clamp(95.3px, 20.1vw, 201px);
}
.font-202 {
font-size: clamp(95.6px, 20.2vw, 202px);
}
.font-203 {
font-size: clamp(95.9px, 20.3vw, 203px);
}
.font-204 {
font-size: clamp(96.2px, 20.4vw, 204px);
}
.font-205 {
font-size: clamp(96.5px, 20.5vw, 205px);
}
.font-206 {
font-size: clamp(96.8px, 20.6vw, 206px);
}
.font-207 {
font-size: clamp(97.1px, 20.7vw, 207px);
}
.font-208 {
font-size: clamp(97.4px, 20.8vw, 208px);
}
.font-209 {
font-size: clamp(97.7px, 20.9vw, 209px);
}
.font-210 {
font-size: clamp(98px, 21vw, 210px);
}
.font-211 {
font-size: clamp(98.3px, 21.1vw, 211px);
}
.font-212 {
font-size: clamp(98.6px, 21.2vw, 212px);
}
.font-213 {
font-size: clamp(98.9px, 21.3vw, 213px);
}
.font-214 {
font-size: clamp(99.2px, 21.4vw, 214px);
}
.font-215 {
font-size: clamp(99.5px, 21.5vw, 215px);
}
.font-216 {
font-size: clamp(99.8px, 21.6vw, 216px);
}
.font-217 {
font-size: clamp(100.1px, 21.7vw, 217px);
}
.font-218 {
font-size: clamp(100.4px, 21.8vw, 218px);
}
.font-219 {
font-size: clamp(100.7px, 21.9vw, 219px);
}
.font-220 {
font-size: clamp(101px, 22vw, 220px);
}
.font-221 {
font-size: clamp(101.3px, 22.1vw, 221px);
}
.font-222 {
font-size: clamp(101.6px, 22.2vw, 222px);
}
.font-223 {
font-size: clamp(101.9px, 22.3vw, 223px);
}
.font-224 {
font-size: clamp(102.2px, 22.4vw, 224px);
}
.font-225 {
font-size: clamp(102.5px, 22.5vw, 225px);
}
.font-226 {
font-size: clamp(102.8px, 22.6vw, 226px);
}
.font-227 {
font-size: clamp(103.1px, 22.7vw, 227px);
}
.font-228 {
font-size: clamp(103.4px, 22.8vw, 228px);
}
.font-229 {
font-size: clamp(103.7px, 22.9vw, 229px);
}
.font-230 {
font-size: clamp(104px, 23vw, 230px);
}
.font-231 {
font-size: clamp(104.3px, 23.1vw, 231px);
}
.font-232 {
font-size: clamp(104.6px, 23.2vw, 232px);
}
.font-233 {
font-size: clamp(104.9px, 23.3vw, 233px);
}
.font-234 {
font-size: clamp(105.2px, 23.4vw, 234px);
}
.font-235 {
font-size: clamp(105.5px, 23.5vw, 235px);
}
.font-236 {
font-size: clamp(105.8px, 23.6vw, 236px);
}
.font-237 {
font-size: clamp(106.1px, 23.7vw, 237px);
}
.font-238 {
font-size: clamp(106.4px, 23.8vw, 238px);
}
.font-239 {
font-size: clamp(106.7px, 23.9vw, 239px);
}
.font-240 {
font-size: clamp(107px, 24vw, 240px);
}
.font-241 {
font-size: clamp(107.3px, 24.1vw, 241px);
}
.font-242 {
font-size: clamp(107.6px, 24.2vw, 242px);
}
.font-243 {
font-size: clamp(107.9px, 24.3vw, 243px);
}
.font-244 {
font-size: clamp(108.2px, 24.4vw, 244px);
}
.font-245 {
font-size: clamp(108.5px, 24.5vw, 245px);
}
.font-246 {
font-size: clamp(108.8px, 24.6vw, 246px);
}
.font-247 {
font-size: clamp(109.1px, 24.7vw, 247px);
}
.font-248 {
font-size: clamp(109.4px, 24.8vw, 248px);
}
.font-249 {
font-size: clamp(109.7px, 24.9vw, 249px);
}
.font-250 {
font-size: clamp(110px, 25vw, 250px);
}
.font-251 {
font-size: clamp(110.3px, 25.1vw, 251px);
}
.font-252 {
font-size: clamp(110.6px, 25.2vw, 252px);
}
.font-253 {
font-size: clamp(110.9px, 25.3vw, 253px);
}
.font-254 {
font-size: clamp(111.2px, 25.4vw, 254px);
}
.font-255 {
font-size: clamp(111.5px, 25.5vw, 255px);
}
.font-256 {
font-size: clamp(111.8px, 25.6vw, 256px);
}
.font-257 {
font-size: clamp(112.1px, 25.7vw, 257px);
}
.font-258 {
font-size: clamp(112.4px, 25.8vw, 258px);
}
.font-259 {
font-size: clamp(112.7px, 25.9vw, 259px);
}
.font-260 {
font-size: clamp(113px, 26vw, 260px);
}
.font-261 {
font-size: clamp(113.3px, 26.1vw, 261px);
}
.font-262 {
font-size: clamp(113.6px, 26.2vw, 262px);
}
.font-263 {
font-size: clamp(113.9px, 26.3vw, 263px);
}
.font-264 {
font-size: clamp(114.2px, 26.4vw, 264px);
}
.font-265 {
font-size: clamp(114.5px, 26.5vw, 265px);
}
.font-266 {
font-size: clamp(114.8px, 26.6vw, 266px);
}
.font-267 {
font-size: clamp(115.1px, 26.7vw, 267px);
}
.font-268 {
font-size: clamp(115.4px, 26.8vw, 268px);
}
.font-269 {
font-size: clamp(115.7px, 26.9vw, 269px);
}
.font-270 {
font-size: clamp(116px, 27vw, 270px);
}
.font-271 {
font-size: clamp(116.3px, 27.1vw, 271px);
}
.font-272 {
font-size: clamp(116.6px, 27.2vw, 272px);
}
.font-273 {
font-size: clamp(116.9px, 27.3vw, 273px);
}
.font-274 {
font-size: clamp(117.2px, 27.4vw, 274px);
}
.font-275 {
font-size: clamp(117.5px, 27.5vw, 275px);
}
.font-276 {
font-size: clamp(117.8px, 27.6vw, 276px);
}
.font-277 {
font-size: clamp(118.1px, 27.7vw, 277px);
}
.font-278 {
font-size: clamp(118.4px, 27.8vw, 278px);
}
.font-279 {
font-size: clamp(118.7px, 27.9vw, 279px);
}
.font-280 {
font-size: clamp(119px, 28vw, 280px);
}
.font-281 {
font-size: clamp(119.3px, 28.1vw, 281px);
}
.font-282 {
font-size: clamp(119.6px, 28.2vw, 282px);
}
.font-283 {
font-size: clamp(119.9px, 28.3vw, 283px);
}
.font-284 {
font-size: clamp(120.2px, 28.4vw, 284px);
}
.font-285 {
font-size: clamp(120.5px, 28.5vw, 285px);
}
.font-286 {
font-size: clamp(120.8px, 28.6vw, 286px);
}
.font-287 {
font-size: clamp(121.1px, 28.7vw, 287px);
}
.font-288 {
font-size: clamp(121.4px, 28.8vw, 288px);
}
.font-289 {
font-size: clamp(121.7px, 28.9vw, 289px);
}
.font-290 {
font-size: clamp(122px, 29vw, 290px);
}
.font-291 {
font-size: clamp(122.3px, 29.1vw, 291px);
}
.font-292 {
font-size: clamp(122.6px, 29.2vw, 292px);
}
.font-293 {
font-size: clamp(122.9px, 29.3vw, 293px);
}
.font-294 {
font-size: clamp(123.2px, 29.4vw, 294px);
}
.font-295 {
font-size: clamp(123.5px, 29.5vw, 295px);
}
.font-296 {
font-size: clamp(123.8px, 29.6vw, 296px);
}
.font-297 {
font-size: clamp(124.1px, 29.7vw, 297px);
}
.font-298 {
font-size: clamp(124.4px, 29.8vw, 298px);
}
.font-299 {
font-size: clamp(124.7px, 29.9vw, 299px);
}
.font-300 {
font-size: clamp(125px, 30vw, 300px);
}
html {
margin-top: 0px !important;
background-color: #F5F5F5;
}
.grecaptcha-badge {
display: none !important;
}
#global-filter {
width: 100vw;
height: 100vh;
position: fixed;
top: 0;
right: 0;
z-index: 1;
opacity: 0.7;
pointer-events: none;
}
#global-filter img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
#dot {
position: fixed;
width: 31px;
height: 63px;
border-radius: 100px;
border: solid 1px white;
background-color: transparent;
mix-blend-mode: difference;
opacity: 1;
overflow: visible;
pointer-events: none;
z-index: 999999999;
transform-origin: center center;
transition: transform 0.6s cubic-bezier(0.215, 0.73, 0, 0.995), width 0.6s cubic-bezier(0.215, 0.73, 0, 0.995), height 0.6s cubic-bezier(0.215, 0.73, 0, 0.995), background-color 0.6s cubic-bezier(0.215, 0.73, 0, 0.995), opacity 0.6s cubic-bezier(0.215, 0.73, 0, 0.995), border-radius 0.6s cubic-bezier(0.215, 0.73, 0, 0.995);
transform: rotate(-5deg);
left: 125px;
top: 40px;
}
#dot span {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
width: 15px;
height: 15px;
background-color: white;
border-radius: 100px;
transform: scale(0);
transform-origin: center center;
transition: transform 0.6s cubic-bezier(0.215, 0.73, 0, 0.995);
animation: scroll 1.5s infinite alternate ease-in-out;
}
@keyframes scroll {
0% {
transform: translateY(-14px);
}
100% {
transform: translateY(14px);
}
}
#dot span.active {
transform: scale(1);
}
#dot.visible {
opacity: 1;
}
main {
opacity: 0;
position: relative;
z-index: 5;
}
.uppercase {
text-transform: uppercase;
}
.lowercase {
text-transform: lowercase;
}
.underline {
text-decoration: underline;
}
.font-primary {
font-family: mainfont sans-serif;
font-weight: 400;
}
.font-thin {
font-weight: 200;
}
.font-light {
font-weight: 300;
}
.font-regular {
font-weight: 400;
}
.font-medium {
font-weight: 500;
}
.font-semibold {
font-weight: 600;
}
.font-bold {
font-weight: 700;
}
.font-extrabold {
font-weight: 800;
}
.font-black {
font-weight: 900;
}
.title {
font-family: mainfont, sans-serif;
line-height: 100%;
color: #24211D;
text-transform: uppercase;
}
p {
font-family: secondaryfont, sans-serif;
line-height: 120%;
color: #24211D;
}
a {
text-decoration: none;
font-family: secondaryfont, sans-serif;
line-height: 120%;
color: #24211D;
}
body {
background: #F5F5F5;
overflow-x: clip;
font-family: secondaryfont, sans-serif;
font-weight: 400;
color: #24211D;
}
body::-webkit-scrollbar {
width: 0.3vw;
background-color: #24211D;
-webkit-transition: 0.6s cubic-bezier(0.215, 0.73, 0, 0.995);
transition: 0.6s cubic-bezier(0.215, 0.73, 0, 0.995);
display: none;
}
body::-webkit-scrollbar-thumb {
width: 100%;
background-color: #24211D;
-webkit-transition: 0.6s cubic-bezier(0.215, 0.73, 0, 0.995);
transition: 0.6s cubic-bezier(0.215, 0.73, 0, 0.995);
display: none;
}
.cky-btn-revisit-wrapper {
display: none !important;
}
header {
pointer-events: none;
width: 100vw;
top: 0;
position: fixed;
height: 85px;
z-index: 10000;
background-color: transparent;
opacity: 1;
transition: opacity 0.6s cubic-bezier(0.215, 0.73, 0, 0.995);
padding: 40px;
mix-blend-mode: difference;
}
header.active {
opacity: 1;
pointer-events: all;
}
header .container {
display: flex;
justify-content: space-between;
align-items: flex-start;
height: 100%;
position: relative;
pointer-events: none;
}
header .container .language-switcher {
margin-bottom: 2rem;
position: absolute;
top: 0;
bottom: 0;
right: 90px;
}
header .container .language-switcher > p {
margin-bottom: 10px;
}
header .container #menu-language {
display: flex;
flex-direction: row;
margin-bottom: 20px;
pointer-events: all;
}
header .container #menu-language li {
margin: 0;
list-style-type: none;
}
header .container #menu-language li:last-of-type {
margin-left: 12px;
}
header .container #menu-language li a {
pointer-events: all;
margin: 0;
color: #F5F5F5;
font-size: clamp(21px, 2.5vw, 25px);
font-weight: 400;
transition: opacity 0.6s cubic-bezier(0.215, 0.73, 0, 0.995), background-color 0.6s cubic-bezier(0.215, 0.73, 0, 0.995);
padding: 15px 25px 7px;
background-color: #24211D;
display: block;
border-radius: 100px;
opacity: 0.7;
border: solid 1px #F5F5F5;
}
header .container #menu-language li a:hover {
background-color: rgba(255, 255, 255, 0.8);
color: #24211D;
}
header .container #menu-language li.current-language-menu-item a {
opacity: 1;
font-weight: 700;
background-color: rgba(255, 255, 255, 0.8);
color: #24211D;
}
header .container .logo {
display: flex;
width: -moz-fit-content;
width: fit-content;
height: -moz-fit-content;
height: fit-content;
position: relative;
pointer-events: all;
}
header .container .logo img {
width: 55px;
height: auto;
}
header .container .language-switcher {
right: -10px;
top: 80px;
bottom: unset;
}
header .container .language-switcher #menu-language {
flex-direction: column;
justify-content: center;
align-items: center;
gap: 0.5rem;
}
header .container .language-switcher #menu-language li {
margin: 0;
width: -moz-fit-content;
width: fit-content;
margin-left: 0 !important;
margin-right: 0 !important;
}
header .container .language-switcher #menu-language li a {
font-size: 19px !important;
display: block;
width: -moz-fit-content;
width: fit-content;
padding: 10px 17px 2px !important;
}
header .burger {
height: 50px;
width: 45px;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
cursor: pointer;
padding: 0px;
pointer-events: all;
overflow: hidden;
transform: skew(5deg);
}
header .burger .bar {
width: 5px;
height: 100%;
background-color: #F5F5F5;
transition: transform 0.6s cubic-bezier(0.215, 0.73, 0, 0.995);
transform-origin: center;
}
header .burger.active .bar:nth-child(1) {
transform: rotate(-45deg) translateY(12px) translateX(15px);
}
header .burger.active .bar:nth-child(2) {
transform: translateY(55px);
}
header .burger.active .bar:nth-child(3) {
transform: rotate(45deg) translateY(13px) translateX(-15px);
}
.menu-full {
background-color: #24211D;
width: 100vw;
height: 100vh;
max-height: 100vh;
height: 0;
position: fixed;
top: 0;
left: 0;
z-index: 999;
overflow: hidden;
pointer-events: none;
opacity: 1;
display: flex;
justify-content: center;
align-items: center;
transition: height 0.6s cubic-bezier(0.215, 0.73, 0, 0.995);
}
.menu-full .container {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: flex-start;
width: 100%;
height: 100%;
padding: 0 40px;
pointer-events: all;
}
.menu-full .container .col-left {
height: 100%;
padding-bottom: 55px;
width: 25%;
display: flex;
flex-direction: column;
justify-content: flex-end;
}
.menu-full .container .col-left p {
color: #F5F5F5;
}
.menu-full .container nav {
height: 0;
width: 50%;
position: relative;
transform-origin: top center;
transition: margin-top 0.6s cubic-bezier(0.215, 0.73, 0, 0.995), height 0.6s cubic-bezier(0.215, 0.73, 0, 0.995);
}
.menu-full .container nav.active {
height: 100%;
}
.menu-full .container nav .menu-menu-1-container {
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
overflow: hidden;
}
.menu-full .container nav .menu-menu-1-container ul {
list-style-type: none;
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
overflow: hidden;
}
.menu-full .container nav .menu-menu-1-container ul li {
text-align: center;
transition: opacity 0.6s cubic-bezier(0.215, 0.73, 0, 0.995), filter 0.6s cubic-bezier(0.215, 0.73, 0, 0.995);
animation: name 45s infinite ease-in-out reverse;
}
.menu-full .container nav .menu-menu-1-container ul li a {
opacity: 0.7;
transition: filter 0.6s cubic-bezier(0.215, 0.73, 0, 0.995), opacity 0.6s cubic-bezier(0.215, 0.73, 0, 0.995), transform 0.6s cubic-bezier(0.215, 0.73, 0, 0.995);
font-size: clamp(113.9px, 26.3vw, 263px);
color: #F5F5F5;
text-align: center;
font-family: mainfont, sans-serif;
text-transform: uppercase;
transform-origin: center center;
display: block;
filter: blur(10px);
}
.menu-full .container nav .menu-menu-1-container ul li a:hover {
opacity: 1;
transform: scale(1.1);
filter: blur(0);
}
@keyframes name {
0% {
transform: translate3d(0, 0, 0) rotateX(0deg) rotateY(0deg);
}
5% {
transform: translate3d(1px, -1px, 2px) rotateX(1deg) rotateY(-1deg);
}
10% {
transform: translate3d(-2px, 2px, -2px) rotateX(-1deg) rotateY(1deg);
}
15% {
transform: translate3d(3px, -3px, 2px) rotateX(1deg) rotateY(-1deg);
}
20% {
transform: translate3d(-3px, 3px, -2px) rotateX(-1deg) rotateY(1deg);
}
25% {
transform: translate3d(5px, -3px, 3px) rotateX(1deg) rotateY(-1deg);
}
30% {
transform: translate3d(-3px, 4px, -2px) rotateX(-1deg) rotateY(1deg);
}
35% {
transform: translate3d(3px, -3px, 2px) rotateX(1deg) rotateY(-1deg);
}
40% {
transform: translate3d(-3px, 5px, -3px) rotateX(-1deg) rotateY(1deg);
}
45% {
transform: translate3d(3px, -3px, 2px) rotateX(1deg) rotateY(-1deg);
}
50% {
transform: translate3d(-3px, 3px, -2px) rotateX(-1deg) rotateY(1deg);
}
55% {
transform: translate3d(3px, -3px, 2px) rotateX(1deg) rotateY(-1deg);
}
60% {
transform: translate3d(-3px, 5px, -2px) rotateX(-1deg) rotateY(1deg);
}
65% {
transform: translate3d(3px, -3px, 2px) rotateX(1deg) rotateY(-1deg);
}
70% {
transform: translate3d(-3px, 3px, -2px) rotateX(-1deg) rotateY(1deg);
}
75% {
transform: translate3d(3px, -3px, 5px) rotateX(1deg) rotateY(-1deg);
}
80% {
transform: translate3d(-3px, 3px, -2px) rotateX(-1deg) rotateY(1deg);
}
85% {
transform: translate3d(5px, -3px, 2px) rotateX(1deg) rotateY(-1deg);
}
90% {
transform: translate3d(2px, -2px, 1px) rotateX(1deg) rotateY(-1deg);
}
95% {
transform: translate3d(-1px, 1px, -2px) rotateX(-1deg) rotateY(1deg);
}
100% {
transform: translate3d(0, 0, 0) rotateX(0deg) rotateY(0deg);
}
}
.menu-full .container .col-right {
height: 100%;
padding-bottom: 55px;
display: flex;
flex-direction: column;
justify-content: flex-end;
width: 25%;
}
.menu-full .container .col-right .listing-rs {
padding-top: 50px;
}
.menu-full .container .col-right .listing-rs ul {
list-style-type: none;
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-end;
gap: 0rem;
}
.menu-full .container .col-right .listing-rs ul li {
margin: 0;
display: block;
margin-top: 20px;
}
.menu-full .container .col-right .listing-rs ul li a {
display: block;
padding: 13px 22px 8px;
border-radius: 100px;
border: 1px solid #F5F5F5;
font-weight: 500;
line-height: 100%;
color: #F5F5F5;
transition: background-color 0.6s cubic-bezier(0.215, 0.73, 0, 0.995), color 0.6s cubic-bezier(0.215, 0.73, 0, 0.995);
}
.menu-full .container .col-right .listing-rs ul li a span {
display: block;
line-height: 100%;
}
.menu-full .container .col-right .listing-rs ul li a:hover {
background-color: rgba(255, 255, 255, 0.8);
color: #24211D;
}
.menu-full.menu-full.active {
height: 100vh;
}
#global-section {
padding: 150px 0;
position: relative;
}
#global-section .container {
padding: 40px;
max-width: 1000px;
margin: auto;
}
#global-section .container h1 {
margin-bottom: 10px;
}
#global-section .container h2 {
font-family: mainfont, sans-serif;
margin-bottom: 1rem;
margin-top: 3rem;
font-size: clamp(47px, 7.5vw, 75px);
text-transform: uppercase;
}
#global-section .container p {
margin-bottom: 1rem;
font-size: clamp(18.9px, 2.2vw, 22px);
}
footer {
width: 100vw;
background: transparent;
position: fixed;
bottom: 0;
left: 0;
width: 100%;
z-index: 999999999;
mix-blend-mode: difference;
pointer-events: none;
}
footer .container {
width: 100%;
display: flex;
justify-content: space-between;
padding: 20px 40px;
}
footer .container p, footer .container a {
color: #F5F5F5;
pointer-events: all;
}
footer .container a.invisible {
opacity: 0;
pointer-events: none;
transition: opacity 0.6s cubic-bezier(0.215, 0.73, 0, 0.995);
position: absolute;
left: 0;
right: 0;
margin: auto;
width: -moz-fit-content;
width: fit-content;
}
footer .container a.invisible.active {
opacity: 1;
pointer-events: all;
}
@media screen and (max-width: 1450px) {
.menu-full .container nav .menu-menu-1-container ul li a {
font-size: clamp(91.5px, 19vw, 190px);
}
}
@media screen and (max-width: 1024px) {
.menu-full .container .col-left {
width: 100%;
}
.menu-full .container nav {
height: 50%;
width: 20%;
margin-top: 0;
margin-bottom: 20vh;
}
.menu-full .container nav.active {
height: 60%;
margin-top: 230px;
}
.menu-full .container nav .menu-menu-1-container {
position: relative;
overflow: visible;
}
.menu-full .container nav .menu-menu-1-container ul {
overflow: visible;
}
.menu-full .container nav .menu-menu-1-container ul li a {
filter: blur(0);
}
.menu-full .container .col-right {
width: 100%;
}
}
@media screen and (max-width: 992px) {
.menu-full .container nav.active {
height: 46%;
}
}
@media screen and (max-width: 768px) {
.menu-full .container {
flex-wrap: wrap;
}
.menu-full .container .col-left {
height: 50%;
width: 50%;
order: 2;
}
.menu-full .container .col-left .language-switcher {
margin-bottom: 5px;
}
.menu-full .container .col-left .language-switcher #menu-language li a {
padding: 12px 18px 8px;
font-size: 17px;
}
.menu-full .container nav {
height: 50%;
width: 100%;
order: 1;
margin: 0;
padding-top: 17vh;
}
.menu-full .container nav.active {
height: 43%;
margin-top: 0;
}
.menu-full .container .col-right {
height: 50%;
width: 50%;
order: 3;
}
}
@media screen and (max-width: 480px) {
#dot {
display: none !important;
}
header {
padding: 20px 20px;
}
header .container .logo img {
width: 43px;
}
footer .container {
padding: 20px 20px;
}
footer .container p, footer .container a {
font-size: 11px;
}
header .container .language-switcher {
right: 60px;
top: 0px;
bottom: 0px;
margin: auto;
}
header .container .language-switcher #menu-language {
flex-direction: row;
justify-content: center;
align-items: center;
gap: 0.5rem;
}
.menu-full .container {
flex-wrap: wrap;
}
.menu-full .container .col-left {
height: 15%;
width: 100%;
order: 2;
padding-bottom: 0rem;
}
.menu-full .container .col-left .language-switcher {
margin-bottom: 5px;
}
.menu-full .container .col-left .language-switcher #menu-language li a {
padding: 12px 18px 8px;
font-size: 17px;
}
.menu-full .container nav {
height: 40%;
width: 100%;
order: 1;
margin: 0;
padding-top: 12vh;
}
.menu-full .container nav.active {
height: 40%;
}
.menu-full .container nav .menu-menu-1-container ul {
align-items: flex-end;
}
.menu-full .container nav .menu-menu-1-container ul li a {
font-size: 60px;
}
.menu-full .container .col-right {
height: -moz-fit-content;
height: fit-content;
width: 100%;
order: 3;
padding-bottom: 45px;
}
.menu-full .container .col-right .listing-rs {
padding-top: 0rem;
}
.menu-full .container .col-right .listing-rs ul {
align-items: flex-start;
}
}$colorprimaire : #F5F5F5;
$colorsecondaire : #24211D;
.wpcf7 form .wpcf7-response-output {
margin: 0;
margin-top: 15px; 
padding: 0;
border: none !important;
background-color: #FFFFFF;
padding: 20px 20px; 
border-radius: 15px;
font-family: outfit;
font-weight: 600;
color: #000; 
font-size: 16px;   
}  
.wpcf7 form.sent .wpcf7-response-output{
background-color: #FFF;
color: #000;  
}
@media screen and (max-width : 1000px){
.wpcf7 form .wpcf7-response-output {
background-color: white;
padding: 20px 20px; 
border-radius: 15px;
font-family: outfit;
font-weight: 600;
color: #000; 
font-size: 16px;   
}
}
@media screen and (max-width : 500px){
.wpcf7 form .wpcf7-response-output {
background-color: white;
padding: 20px 20px; 
border-radius: 15px;
font-family: outfit;
font-weight: 600;
color: #000;  
font-size: 15px;   
}
}body{
}
.custom-cursor {
position: fixed;
top: 0;
left: 0;
width: 20px;
height: 20px;
background-color: black;
border-radius: 50%;
pointer-events: none; transition: transform 0.4s ease-out, width 0.3s ease-out, height 0.3s ease-out, background-color 0.3s ease-out; transform: translate(-50%, -50%); z-index: 9999; opacity: 0.3;
}
.custom-cursor.hover {
width: 40px;
height: 40px;
background-color: #555; }.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-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;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}