body { background-color: #fcfcfc; font-family: "Montserrat", sans-serif; color: rgb(33, 37, 41); background-image: url(https://sc1lttr4539.universe.wf/skeleton/assets/medias/back-first-screen.jpeg); background-repeat: no-repeat; background-size: 200%; overflow-x: hidden; } a { color: rgb(33, 37, 41); transition-duration: 300ms; } a:hover { text-decoration: none; } header a:hover { color: #cea829; transform: scale(1.05); font-weight: 600; } .container { max-width: 1530px !important; width: 100% !important; margin-inline: auto !important; padding: 0 1em; } .container:before, .container:after { content: none; } header .container { display: flex; justify-content: space-between; align-items: center; font-size: 1.2em; padding-inline: 1em; } header { padding-top: 3em; } header a > img { width: 50px; } header a.right-line:after { content: ""; display: block; float: right; width: 16vw; height: 2px; background: black; } header a.right-line { display: flex; align-items: center; column-gap: 30px; } header > .container > div { display: flex; align-items: center; column-gap: 20px; } .s-introduction .container { display: flex; justify-content: space-between; height: 90vh; align-items: center; } .s-introduction .container ul { font-size: 5em; font-weight: 800; list-style: none; } .s-introduction .container ul li a:before { content: ">"; color: rgb(206, 168, 41); margin-right: 0.5em; margin-left: -1em; font-family: "Monoton", sans-serif; transition-duration: 300ms; } .s-introduction .container ul li a{ transition-duration: 300ms; margin-left: 1em; } .s-introduction .container ul li a:hover{ color: #cea829; } .s-introduction .container > div { text-align: right; max-width: 70%; margin-left: -20% } .s-introduction .container > div img { width: 65%; } .s-introduction .container > div p { font-size: 5em; } .s-trust-customer { backdrop-filter: blur(5px); box-shadow: 0 0 10px #c1c2c2; } .s-trust-customer .container { display: flex; flex-direction: column; gap: 30px; align-items: center; } h2 { font-family: "Kanit", sans-serif; text-transform: uppercase; font-weight: 400; font-size: 1.8em; } .s-trust-customer .brand-list { display: flex; align-items: center; justify-content: center; gap: 8vw; width: 100%; padding: 2em; padding-bottom: 5em; flex-wrap:wrap; } .s-trust-customer .brand-list img { height: 80px; object-fit: contain; max-width: 115px; } .filigrane { padding: 1em; animation: defilement 30s infinite linear; } .filigrane { text-transform: uppercase; letter-spacing: 1vh; font-weight: 600; white-space: nowrap; color: rgb(206, 168, 41); background: rgb(33, 37, 41); font-size: 2.2vh; overflow: hidden; margin: 0; } @keyframes defilement { 0% { margin-left: 0; } 100% { margin-left: -100%; } } @keyframes defilement2 { 0% { margin-left: 100%; } 100% { margin-left: 0%; } } .s-prestations { background: rgb(33, 37, 41); padding: 2em; } .s-prestations .container {  background: rgba(42, 47, 51, 1); border-radius: 1em; z-index: 2; position: relative; box-shadow: 0 0 10px inset rgb(33, 37, 41); } .s-prestations h2 { color: rgb(206, 168, 41); font-size: 9.7vw; font-weight: 600; letter-spacing: 1.1vw; text-shadow: 0 0 8px rgb(43, 41, 41); text-align: center; margin-inline: -9vw; width: calc(100% + 2em); } .s-prestations .container { padding: 1em 0; } .s-prestations .container ul { display: flex; list-style: none; flex-wrap: wrap; justify-content: space-around; gap: 50px; margin-block: 5em; } .s-prestations .container ul li { width: 40%; background-color: #ffff; border-radius: 0.5em; backdrop-filter: blur(5px); overflow: hidden; } .s-prestations .container ul li a { width: 100%; display: block; padding: 1em 2em; font-size: 1.81vw; font-weight: 600; z-index: 3; position: relative; } .s-prestations .container ul li a:before { content: "➜"; color: rgb(206, 168, 41); margin-right: 0.5em; margin-left: -1em; } .s-prestations .container ul li:after { content: "NESCIO"; font-family: "Monoton", sans-serif; font-size: 5vw; position: absolute; color: rgba(145, 132, 132, 0.08); right: 0; bottom: 0; line-height: 0; } .s-prestations .container ul li { position: relative; } .s-prestations .container ul li:is(:hover, .active){ background: rgb(206, 168, 41); } .s-prestations .container ul li:is(:hover, .active) a{ color:#fff; } .s-prestations .container ul li:is(:hover, .active):after{ color: rgba(42, 47, 51, 1); } .s-prestations .container ul li a:hover::before, .s-prestations .container ul li.active a::before { color: #fff!important; } .s-prestations .container ul *{ transition-duration: 300ms } .swiper-slide{ transition-duration: 300ms!important; opacity: 1; } .s-realisation { background: rgb(33, 37, 41); display: flex; padding: 7em 0 0; } .s-realisation .container { z-index: 2; } .s-realisation .B-pattern-n:before { content: ""; width: 59vw; margin-left: -4vw; height: 120vh; transform: translate(-14%, -23%) rotate(55deg); display: block; background: url(https://sc1lttr4539.universe.wf/skeleton/assets/medias/N-initial-white.svg); background-size: contain; position: absolute; background-position: bottom; background-repeat: no-repeat; } .s-realisation h2, .illustration-big h2 { color: rgb(206, 168, 41); font-size: 5em; font-weight: 600; letter-spacing: 21px; text-shadow: 0 0 8px rgba(73, 72, 72, 0.56); text-align: right; position: relative; padding-right: 1.3em; } .s-realisation h2:after, .illustration-big h2:after{ content: "<"; color: rgb(206, 168, 41); font-family: "Monoton", sans-serif; transition-duration: 300ms; display: block; font-size: 1.5em; position: absolute; right: 0em; top: 0; bottom: 0; line-height: 1.3; } .s-realisation h2 span { display: block; font-size: 0.5em; letter-spacing: 8px; margin-right: 14px; } .s-realisation .swiper-content.swiper{ overflow: initial!important; } .s-realisation .swiper-content { transform: translateY(10%)!important; } .s-realisation .swiper-content .swiper-wrapper{ display: flex; gap: 290px; } .s-realisation .swiper-content figure,.swiper-content.realisation-items figure, .s-realisation .swiper-content .swiper-slide, .real-item{ max-width: 350px; position: relative; } .s-realisation .swiper-content figure img, .real-item img , .swiper-content.realisation-items figure img, .real-item img { width: 100%; border-radius: 1em; } .s-realisation-listing, .s-blog-listing{ display: flex; flex-wrap: wrap; gap: 8em; justify-content: space-between; padding-block:3em; } .s-blog-listing{ } .s-realisation .swiper-content figure .content-img,.swiper-content.realisation-items figure .content-img, .real-item .content-img { max-width: 350px; overflow: hidden; max-height: 570px; border-radius: 1em; box-shadow: 0 0 10px #5f6060; } .s-realisation .swiper-content figure figcaption,.swiper-content.realisation-items figure figcaption, .real-item figcaption { position: absolute; inset: 0; transform: translate(75%); display: flex; flex-direction: column; align-items: center; justify-content: center; color: rgb(206, 168, 41); } .s-realisation .swiper-content figure figcaption h3,.swiper-content.realisation-items figure figcaption h3, .real-item figcaption h3 { font-weight: 700; letter-spacing:1px; text-transform: uppercase; backdrop-filter: blur(2px); text-shadow: 0 0 5px #00000045; writing-mode: sideways-lr; margin-left: -0.5em; margin-bottom: 6em; border-right: 1px solid; padding: 1em 1em; } .s-realisation .swiper-content figure figcaption a,.swiper-content.realisation-items figure figcaption a, .real-item figcaption a { text-align: right; color: #fff; font-weight: 700; font-size: 1.2em; margin-bottom: 8em; margin-top: -8em; } .s-realisation .swiper-content figure figcaption a:before, .real-item figcaption a:before .swiper-content.realisation-items figure figcaption a:before{ content: "➜"; padding-right: 0.5em; } .btn-s1 { padding: 0.5em 1.5em; border-radius: 2em; background: #cea829; color: #fff; font-weight: 600; box-shadow: 0 0 10px rgb(197, 197, 197); border: 1px solid transparent; } .s-big-cta { height: 320px; width: 100%; background: #cea829; color: #fff; display: flex; align-items: center; padding-top: 2em } .s-big-cta p { padding: 0; margin: 0; font-family: "Montserrat", sans-serif; font-size: 4.2rem; text-align: right; text-transform: uppercase; position: relative; font-weight: 800; } .s-big-cta .btn-s1 { float: right; background: #212529; font-size: 1.5em; padding: 0.3em 4.1em; box-shadow: 0 0 1px } .s-big-cta .btn-s1:hover{ background: #fff; color:#212529; border-color: #212529; } .s-reviews { } .s-blog-listing{ display: flex; flex-wrap: wrap; justify-content: space-between; padding-block:3em; gap:0; } .s-blog-listing .real-item .content-img{ max-height: 270px; width:100%; max-width: initial; } .s-blog-listing .real-item{ width:465px; max-width: initial; } .s-blog-listing .real-item figcaption{ transform: none; position: relative; width:100%; } .s-blog-listing .real-item figcaption h3{ writing-mode: initial; margin: 0.5em auto; } .s-blog-listing .real-item figcaption a{ margin-top: -0.8em; z-index: 2; transform: none; color: #1a1a1a; font-size: 0.5em; line-height: 0 } .menu-icon { display: inline-flex; flex-direction: column; gap: 5px; align-items: center } header a { display: inline-flex; column-gap: 10px; align-items: center; } .menu-icon span { width: 30px; height: 4px; border-radius: 1em; background: #212529; transition-duration: 300ms; } .menu-icon span:nth-child(2) { width: 40px } .link-menu:hover .menu-icon span { width: 40px; transform: none; } .s-big-cta { height: 320px; width: 100%; background: #cea829; color: #fff; display: flex; align-items: center; padding-top: 2em } .s-big-cta p { padding: 0; margin: 0; font-family: "Montserrat", sans-serif; font-size: 4.2rem; text-align: right; text-transform: uppercase; position: relative; font-weight: 800; } .s-big-cta .btn-s1 { float: right; background: #212529; font-size: 1.5em; padding: 0.3em 4.1em; box-shadow: 0 0 1px; transition-duration: 300ms; } .btn-s1:hover { background: transparent; border: 1px solid #cea829; } li.ls-n { list-style: none; } .s-reviews { text-align: center; padding: 5em 0; position: relative; background-image: url(https://sc1lttr4539.universe.wf/skeleton/assets/medias/background-reviews.png); backgound-size: cover; position: relative; color: #fff!important; } .s-reviews h2 { color: black; font-size: 19em; font-weight: 600; line-height: 0.8; text-align: left; letter-spacing: 4px; padding: 0.75em 0 0.5em; position: relative; } .s-reviews:before { content: ""; width: 70vw; height: 95vh; display: block; position: absolute; top: 0; left: 0; background-image: url(https://sc1lttr4539.universe.wf/skeleton/assets/medias/reviews-bg.jpeg); background-size: cover; opacity: 0.6; box-shadow: 0 0 50px rgba(0, 0, 0, 0.26); } .s-reviews .review-item { max-width: 1000px; margin: auto; margin-bottom: 5em; width: 100%!important; text-align: center; } .swiper-reviews .swiper-slide{ opacity: 1; transition-duration: 300ms; } .illustration-big .swiper-reviews .swiper-slide:not(.swiper-slide-active){ opacity: 0; } .s-reviews h4 { font-size: 2em; letter-spacing: 3px; } .s-reviews .review-item p { margin: 2em; font-size: 1.8em } .s-reviews .review-item .stars-item { font-size: 3em; } .s-reviews .review-item .stars-item svg { margin-inline: 0.3em; color: rgb(206, 168, 41); } .s-reviews .review-item h4:before { content: '❝'; position: absolute; font-size: 3em; line-height: 0.4; z-index: -1; margin-left: -0.5em; } .s-reviews .review-item h4:after { content: '❝'; position: absolute; font-size: 3em; line-height: 0.4; z-index: -1; transform: rotate(180deg); } .s-faq { text-align: center; padding-block: 3em 15em; position: relative; overflow: hidden; } .s-faq:before { content: "NESCIO"; font-family: "Monoton", sans-serif; font-size: 18vw; position: absolute; z-index: -1; color: rgba(145, 132, 132, 0.08); left: 0; bottom: 0; line-height: 0; letter-spacing: 5vw; margin-left: -0.1em } .s-faq h2 { font-size: 9em; font-weight: 900; text-align: right; padding: 0.5em; } .faq-answer { display: none; max-width: 1200px; margin: auto; } .faq-question.active + .faq-answer { display: block; } .faq-question { background-color: #f4f4f4; border: none; padding: 1em 2em; width: 100%; text-align: left; cursor: pointer; margin: 0.5em; max-width: 1200px; box-shadow: none; border-radius: 1em; letter-spacing: 1px; border: 1px solid rgba(206, 168, 41, 0.24); transition-duration: 300ms } .faq-question:hover, .faq-question.active { background-color: rgb(206, 168, 41); color: #fff; font-weight: 600; } .faq-answer p { margin-top: 0; padding: 3em; letter-spacing: 1px; font-weight: 500; text-align: left; } footer { background-image: url(https://sc1lttr4539.universe.wf/skeleton/assets/medias/back-spikes.png); background-size: cover; background-position: center; } .s-sup-footer { box-shadow: 0 0 10px inset rgba(33, 38, 41, 0.43); } .s-sup-footer .container { padding: 10em 0; display: flex; align-items: center; justify-content: center; } .s-sup-footer .container img { width: 40vw; } footer .container { display: flex; justify-content: center; align-items: center; padding: 3em 1em; } footer .container div.menu { display: flex; justify-content: space-between; padding: 8em 0; margin: 0; padding-left: 4em; } footer ul li { font-weight: 800; padding: 0.5em; list-style: none; text-transform: uppercase } footer div.slogan img { margin-left: -25px } footer p { font-size: 4em; line-height: 1; margin: 0; max-width: 530px; } body:not(#PID-1){ background-image: none; } body:not(#PID-1) header{ padding: 2.5em; box-shadow: 0 0 4px inset #d3d3d3; background-size: cover; } nav.breadcrumb li{ font-weight: 700; letter-spacing: 4px; text-transform: uppercase; text-shadow: 0 0 5px #00000045; writing-mode: sideways-lr; background:none; list-style: none; position: relative; } nav.breadcrumb{ position: absolute; margin: 2em 0; background:none; } nav.breadcrumb ul{ background: none; display: flex; flex-direction: column; justify-content: reverse; } nav.breadcrumb li:before{ content: "|"; color: rgb(206, 168, 41); padding: 1em; font-family: "Monoton", sans-serif; } section.content{ padding: 3em 0; color: rgb(33, 37, 41); font-family: "Montserrat", sans-serif; font-size: 24px; line-height: 36px; letter-spacing: 0.5px } section.content h1{ font-family: "Monoton", sans-serif; font-size: 10em; text-align: center; position: relative; z-index: 2 } #PID-12 section.content h1, #PID-13 section.content h1{ font-size: 7em; } section.content h1 + sub{ display: block; text-align: center; padding-bottom: 3em; font-size: 1em ; letter-spacing: 8px; } section.content h1:before{ content:""; width:70%; position: absolute; padding: 0.09em; background:rgb(206,168,41); bottom: 0; left: 0.25em; right: 0; transform: translate(0 ,-50%); z-index: -1; opacity: 0.7 } section.content h2:before{ content: ">"; color: rgb(206, 168, 41); margin-right: 0.5em; display: inline-block; font-size: 2.5em; font-family: "Monoton", sans-serif; transform: translatey(23%); } section.content h2{ margin: 0; font-weight: 800; margin-bottom: 0.8em } section.content { --s: 150px;  --c1: #ffffff; --c2: rgba(246,246,246,0.51); --_g: var(--c1) 0% 5% ,var(--c2) 6% 15%,var(--c1) 16% 25%,var(--c2) 26% 35%,var(--c1) 36% 45%, var(--c2) 46% 55%,var(--c1) 56% 65%,var(--c2) 66% 75%,var(--c1) 76% 85%,var(--c2) 86% 95%, #0000 96%; background: radial-gradient(50% 50% at 100% 0,var(--_g)), radial-gradient(50% 50% at 0 100%,var(--_g)), radial-gradient(50% 50%,var(--_g)), radial-gradient(50% 50%,var(--_g)) calc(var(--s)/2) calc(var(--s)/2) var(--c1)!important; background-size: var(--s) var(--s)!important; } .s-introduction.s-menu{ position: fixed; z-index: 999; inset:2em 2em 100em 2em; overflow: hidden; background: #cea829; color: #fff; border-radius: 1em; transition-duration: 600ms } .s-introduction.s-menu.active{ inset:2em 2em 2em 2em; } .s-introduction.s-menu ul li a{ color: #fff; } .s-introduction.s-menu .container ul li a::before{ color:#fff; }.s-introduction.s-menu .container i.close{ position: absolute; top: 1em; left: 50%; transform: translateX(-50%); font-size: 5em; line-height: 0; color: #fff; opacity: 0.8; font-weight: 600; }  body{ background-color: aliceblue; } .logo-lp{ margin:2em auto; display: block; width: 250px; } section.illustration-big figure .content-img img{ width: 100%; border-radius: 2em; height: 70vh; object-fit: cover;  } section.illustration-big { overflow: hidden } section.illustration-big .container{ display: flex; align-items: center; } section.illustration-big .container p{ font-size:4.1em; font-weight: 500; line-height: 1.3; padding-bottom: 0.5em; } section.illustration-big .container > div:first-child{ z-index: 9; padding: 1.3em; max-width: 940px; } section.illustration-big .container > div > a.btn-s1{ border-radius: 0.2em; box-shadow: inherit; font-size: 1.5em; transition-duration: 300ms; }section.illustration-big .container > div > a.btn-s1:hover{ color: #fff; backdrop-filter: blur(5px); } section.illustration-big > .container > div:first-child a.btn-s1:nth-child(odd){ margin: 2em } section.illustration-big strong{ color:#fff; background: rgb(206, 168, 41); padding: 0 0.41em; font-weight: 800; font-size: 1.3em } section.illustration-big .swiper { max-width: calc(535px * 2); overflow: hidden !important; margin-right: -535px; } section.illustration-big{ display: flex; flex-direction: column; align-items: center; background: rgb(20,18,18); } section.illustration-big{ min-height: 100vh; } section.illustration-big { color: #fff } section.illustration-big .swiper-slide{ padding-right: 3em; } section.custom-made .swiper-slide{ max-width: 440px; } .illustration-big .swiper-slide:not(.swiper-slide-prev,.swiper-slide-next,.swiper-slide-active){ opacity: 0; } section.illustration-big:after, section.custom-made:after{ content:""; background: url(https://nescio.fr/theme/assets/medias/back-first-screen.jpg); position: absolute; inset: 0; opacity: 0.06; z-index: 0; } section.lps{ padding: 4em 0; position: relative } section.lps h2{ font-size: 3em; line-height: 0.5; } section.lps h3{ line-height: 0.5; color:rgb(206, 168, 41); } section.lps h2,section.lps h3{ text-align: center; } section.how-it-works::before { content: "N"; font-family: "Monoton", sans-serif; font-size: 58vw; position: absolute; z-index: -1; color: rgba(0, 0, 0, 0.04); right: 0; top: 0; line-height: 0.85; } section.how-it-works .container > p, section.custom-made .container > p { max-width: 750px; text-align: center; margin:3em auto; font-weight: 500; font-size: 1.1em } section.custom-made .container > p{ color: #fff; } section.s-reviews{ display: flex;align-items: center; } footer{ background: #1a1a1a; margin: 3em; border-radius: 0.5em; color: #fff; } footer ul li a{ color:#fff; } footer ul { padding: 0.5em; display: flex; flex-direction: column; gap: 0.5em; border-left: 1px solid rgb(206, 168, 41); padding-left:3em!important; } footer .menu ul.list-regions{ width: 100%; flex-direction: inherit; flex-wrap: wrap; max-width: 1100px } footer ul.list-regions li{ width:32%; font-size: 12px; } footer p{ min-width: 523px; } footer .menu{ display: flex; flex-wrap: wrap; } footer .container{ max-width: 100%!important; padding:5em 6em; } footer .slogan{ display: flex; flex-direction: column; gap:4em; } .steps{ display: flex; justify-content: space-between; gap:1em; } .steps .step{ flex: 1; box-shadow: 0 0 5px rgba(26,26,26,0.17); padding: 3em 2.5em; text-align: center; background: #cea829; } .steps .step .nb-step{ font-size: 2em; font-weight: 900; } .steps .step .nb-step span{ display: block; font-size: 0.7em; text-transform: uppercase; font-weight: 500 } .step i { width: 50px; height: 50px; display: flex; justify-content: center; align-items: center; margin: auto; font-size: 2em; border-radius: 5em; background: aliceblue; box-shadow: 0 0 5px inset #00000030; } .fas.fa-code { font-size: 1.2em; } .steps .step:nth-child(1){ background:#cea82985; } .steps .step:nth-child(2){ background:#cea829c9; } .steps .step:nth-child(3){ background:#cea829e8; } .steps .step p { font-weight: 500 } .s-big-cta { height: 320px; width: 100%; background: #1e1e1e; background-repeat: repeat; background-image: none; background-size: auto; color: #fff; display: flex; align-items: center; padding-top: 2em; background-image: url(https://t4.ftcdn.net/jpg/03/32/07/55/240_F_332075536_kdvuGmh3GGHUaEDl6y5Ra58ru8tKX3B7.jpg); background-size: contain; background-repeat: no-repeat; } .custom-made{ background: rgb(20,18,18); } .custom-made h2{ color:#fff; } .custom-made .swiper-slide { max-width: 520px; } .custom-made .swiper-slide h3 { line-height: 1.4em; margin-bottom: 0 !important; text-shadow: none!important; backdrop-filter:none!important; } .illustration-big .swiper-slide h3{ font-size: 1.4em; } .custom-made figcaption a{ text-align: right; color: #1a1a1a!important; font-weight: 700; font-size: 1.2em; margin-bottom: 3em!important; } .custom-made figcaption{ justify-content: space-between!important; align-items: end!important; transform: translate(40%)!important; } .custom-made .swiper{ overflow: inherit; margin-block:4em; } .custom-made .swiper figure img{ min-height: 480px; object-fit: cover; } .why_choose_us ul { list-style: none; display: flex; flex-wrap: wrap; gap: 1em; margin-block:5em; } .why_choose_us ul li{ width: calc(50% - 2em); box-shadow: 0 0 45px inset rgba(135,208,229,0.26); display: flex; padding: 1em; align-items: center; gap:1em; background:rgba(255,255,255,0.16); font-weight: 500; transition-duration: 300ms; } .why_choose_us ul li p{ margin: 0; font-family: "Kanit", sans-serif; letter-spacing: 0.5px } .why_choose_us ul li i{ font-size: 1.5em; margin-right: 1em; width:10px; } section.custom-made figure .content-img{ max-width: 290px!important; height: 480px } section.custom-made .swiper figcaption{ max-width: 120px; text-align: center; justify-content: space-between; align-items: center!important; transform: translatex(300px)!important; } section.custom-made .swiper figcaption h3{ max-width: 290px; font-size: 1.2em; margin-top:2em; margin-right: 10em!imprtant; } .swiper figcaption a{ margin: 0!important; font-family: "Kanit", sans-serif; color:#fff!important; } .s-reviews{ background: rgb(206, 168, 41); } .s-reviews .container{ display: flex; align-items: center; column-gap: 1em } .swiper-reviews .swiper-slide:not(.swiper-slide-active){ opacity: 1; color: #fff; } .s-reviews .btn-s1{ display: none; } .s-reviews::before { content: none; width: 70vw; height: 95vh; display: block; position: absolute; top: 0; left: 0; background-image: url(https://nescio.fr/skeleton/assets/medias/reviews-bg.jpeg); background-size: cover; opacity: 0.6; box-shadow: 0 0 50px rgba(0, 0, 0, 0.26); } .s-reviews h2 { color: #fff; font-weight: 600; line-height: 0.8; letter-spacing: 4px; position: relative; text-shadow: 0 0 10px #00000030; top: 0; left: -0.8em; max-width: 621px; margin: 0; padding: 0; } .lps.needs .content-needs{ display: flex; margin: 5em 0; align-items: center; gap:4em; } .lps.needs ul{ display: flex; gap: 1em; flex-wrap: wrap; max-width: 70%; } .lps.needs::before { content: "NESCIO"; font-family: "Monoton", sans-serif; font-size: 18vw; position: absolute; z-index: -1; color: rgba(145, 132, 132, 0.08); left: 0; bottom: 0; line-height: 0; letter-spacing: 5vw; margin-left: -0.1em; } .lps.needs .content-needs > div{ flex: 1; } .lps.needs ul li{ list-style: none; background: #fff; font-size: 1.5em; padding: 0.5em 1.3em; background: #cea82985; font-weight: 700; color: #fff; text-shadow: 0 0 5px rgba(0,0,0,0.21); box-shadow: 0 0 5px rgba(0,0,0,0.19); transition-duration: 300ms; cursor: pointer; } .lps.needs ul li.active{ background: #cea829; } .lps.needs .content-needs > div img{ object-fit: cover!important; width:555px; height: 700px; border-radius: 2em } .lps .faq-item{ max-width:880px; width: 100%; background: #1a1a1a; position: relative; border-radius: 1em; min-height: 275px; } .lps .faq-item:before{ content: ""; background:url(https://nescio.fr/theme/assets/medias/back-first-screen.jpg); position: absolute; inset:0; opacity: 0.06; z-index: 0; background-size: 100% 100%; } .faq-items{ margin: 8em; gap:5em; } .faq-question, .faq-question.active{ background: none; border: none; color: #fff; font-weight: 800 } .lps .faq-answer{ color: #fff; } .illustration-big .swiper{ max-width: 535px; } .illustration-big .swiper .swiper-slide{ width: 535px!important; transform: translateX(2%); } .why_choose_us ul li:hover { background: #1a1a1a; color: #fff; }  @media (max-width: 1480px) { .s-introduction .container ul { font-size: 4.5em; } .s-introduction .container > div p { font-size: 4em; } .s-trust-customer .brand-list { gap: 7vw; } .s-big-cta p { font-size: 2.5em; } .s-reviews h2 { font-size: 15em; font-weight: 700; line-height: 1; } .s-faq h2 { font-size: 7em; } .faq-question, .faq-answer { max-width: 1000px; } footer p { font-size: 3em; line-height: 1.4; margin: 0; max-width: 433px; } footer .container div.menu { padding-left: 0em; } footer .menu ul { padding: 0.4em; } section.content h1{ font-size: 7em; } nav.breadcrumb { margin-bottom: 0 } nav.breadcrumb ul{ padding:1em; font-size: 0.75em } header .container { font-size: 1em; } } @media (max-width: 1199.98px) { header a > img { width: 45px; } header .container { font-size: 1em; } header > .container > div { column-gap: 7px; margin: auto; } .s-introduction .container > div p { font-size: 3.5em; } .s-introduction .container ul { font-size: 4.3em; } .s-trust-customer .brand-list img { width: calc(100% / 4); } .s-prestations .container ul li { width: 47%; font-size: 2.4vw; } .swiper-slide.swiper-slide-active { margin-left: 0vw; } .s-big-cta p { font-size: 2.4em; } .s-reviews h2 { font-size: 12em; } .s-reviews:before { height: 81vh; } .s-faq h2 { font-size: 6em; } footer .container div.menu { flex-direction: column; } .content h2{ font-size: 1.6em } header > .container > div { column-gap: 12px; } body header{ padding-inline:.5em!important; } .s-introduction.s-menu.active{ inset:0.4em; } .s-introduction.s-menu .container > div p { font-size: 1.8em; } .s-introduction.s-menu .container ul { font-size: 3.5em; } .step div { letter-spacing: 0.05em; } } @media (max-width: 991.98px) { header .container { flex-wrap: wrap; gap: 1em; } header a.right-line::after { width: 60vw; } header > .container > div.social-network { column-gap: 20px; } .s-introduction .container { flex-direction: column-reverse; justify-content: space-between; align-items: start; padding: 0 3em; margin: 9em; height: auto; } .s-introduction .container > div p { font-size: 4em; font-weight: 600; text-align: center; } .s-introduction .container > div { text-align: center; max-width: inherit; margin-left: 0; padding: 0em 0; width: 100%; margin-bottom: 3em; } body { background-size: inherit; } .s-prestations .container ul li { width: 85%; } .s-prestations .container ul li a { font-size: 3.81vw; } .s-prestations .container ul li::after { font-size: 9vw; } .s-realisation h2 { font-size: 4.5em; letter-spacing: 17px; } .s-realisation h2::after { line-height: 1.5; } .s-realisation .swiper-content figure, .s-realisation .swiper-content .swiper-slide, .real-item { width: 100%; } .s-realisation .B-pattern-n::before { width: 68vw; } .s-faq h2 { font-size: 5em; } .s-sup-footer .container img { width: 80vw; } header > .container > div { column-gap: 7px;  display: flex; justify-content: space-between; font-weight: 800; } section.content h1{ font-size: 4em } nav.breadcrumb li{ writing-mode: inherit; } nav.breadcrumb ul { flex-direction: inherit; width: 100%; justify-content: center } nav.breadcrumb { width: 100%; } section.content { color: rgb(33, 37, 41); font-family: "Montserrat", sans-serif; font-size: 18px; line-height: 27px; letter-spacing: 0.5px; } .step div{ font-size: 0.8em; } } @media (max-width: 767.98px) { header > .container > div.social-network { column-gap: 10px; } .s-introduction .container > div img { width: 85%; } .s-introduction .container > div p { font-size: 2.8em; } .s-introduction .container ul { font-size: 4em; margin: 0; padding: 0; } .s-realisation h2 { font-size: 4.5em; letter-spacing: 5px; } .s-realisation h2 span { letter-spacing: 10px; margin-right: 0px; } .s-realisation .swiper-content .swiper-wrapper { gap: 205px; } .s-reviews h2 { font-size: 6.8em; } .s-reviews::before { height: 52vh; } footer .container { flex-direction: column; } .s-faq h2 { font-size: 4.3em; } .s-big-cta p { font-size: 1.8em; } .step { flex-wrap: wrap; } .step div { flex: 29%; } } @media (max-width: 575.98px) { header a.right-line::after { width: 100%; } header a { column-gap: 4px; } header > .container > div.social-network { column-gap: 8px; } .s-introduction .container { padding: 0 1em; } .s-introduction .container > div p { font-size: 1.7em; } .s-introduction .container ul { font-size: 2.5em; } h2 { font-size: 1.5em; } .s-trust-customer .brand-list img { width: calc(100% / 2.5); } .s-prestations .container ul { padding: 0; } .s-prestations { padding: 0 1em; } .s-prestations .container ul li a { font-size: 4.8vw; padding-right: 0; } .s-realisation h2 { font-size: 2.5em; letter-spacing: 1px; } .s-realisation h2 span { letter-spacing: 4px; } .s-realisation .swiper-content .swiper-wrapper { gap: 0px; } .s-realisation .swiper-content figure figcaption, .real-item figcaption { position: relative; inset: inherit; transform: none; } .s-realisation .swiper-content figure .content-img { margin: 2em; } .s-realisation .swiper-content figure img, .real-item img { max-height: 380px; object-fit: cover; object-position: top; } .s-realisation .swiper-content { transform: none;  padding-bottom: 0; } .s-big-cta { min-height: 320px; height: auto; padding: 3em 0; } header > .container > div.social-network { display: none; } header .btn-s1 { font-size: 0.9em; padding-inline: 1em; padding-inline: 1em; } header .link-menu { font-size: 0em; font-weight: 800; } .s-introduction .container { margin: 5em; } .s-introduction .container ul { font-size: 2.4em; } .s-introduction .container > div{ margin-bottom: 1em; } .s-trust-customer .brand-list{ padding: 0; justify-content: space-evenly; padding-bottom: 2em; } .s-prestations .container ul{ margin-block: 3em; } .s-prestations .container ul{ gap: 25px; } .s-realisation{ padding-bottom: 2em; } .s-realisation .swiper-content{ transform: none; } body { background-size: 205vh; } .s-big-cta p { font-size: 2.3em; padding-bottom: 1em; text-align: left; } .s-reviews h2 { font-size: 6em; } .s-reviews div.name-reviews { font-size: 1.8em; } .s-reviews .review-item p { font-size: 1.1em; } .s-reviews .review-item .stars-item { font-size: 1.8em; } .s-faq h2 { font-size: 2.2em; } .faq-question { padding-inline: 1.2em; } .s-faq { padding-block: 1em; } .s-big-cta .btn-s1 { padding-inline: 0; text-align: center; width: 100%; font-size: 1.1em; } footer .slogan img { width: 100%; margin: auto; margin-left: auto; display: block; padding: 0; margin-left: 0em !important; } footer p { font-size: 2.0em; text-align: center; } .s-sup-footer .container img { width: 100vw; } .s-reviews .review-item div.name-reviews::before { margin-left: -0.7em; } .s-realisation .swiper-content figure figcaption h3, .real-item figcaption h3 { letter-spacing: 4px; backdrop-filter: none; text-align: center; writing-mode: initial; } .s-realisation .swiper-slide { width: 100% !important; padding-inline: 0.5em !important; } header { padding-top: 1em; } .s-introduction.s-menu .container{ font-size: 9px; display: flex; justify-content: center; align-items: center; height: 100%; } nav.breadcrumb ul{ padding: 0; flex-wrap: wrap; } section.content h1, #PID-12 section.content h1, #PID-13 section.content h1{ font-size: 2em; } section.content h1 + sub { padding-bottom: 0em; font-size: 0.7em; letter-spacing: 0px; } .s-realisation{ padding-top: 1em; } .s-sup-footer .container{ padding-block: 6em; } .real-item figcaption a, .real-item figcaption h3{ margin-bottom: 0; margin-top: 0; } .step div { margin: 0; text-align: center; padding: 0.9em; display: flex; justify-content: center; align-items: center; } } .s-sub-footer { padding: 1em; font-weight: 800; }