[data-class="wpcf7cf_group"], .wpcf7cf_remove, .wpcf7cf_add {
display:none;
}
.wpcf7cf_repeater_sub {
margin-bottom: 20px;
}
.wpcf7cf_repeater_controls, .wpcf7cf_step_controls {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-top: 20px;
}
.wpcf7cf_multistep .wpcf7cf_step { width: 100%;
}
.wpcf7cf_multistep .wpcf7cf_step .step-title {
display: none;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots {
display: flex;
width: 100%;
margin-bottom: 20px;
flex-wrap: wrap;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot .step-index {
display: inline-block;
border-radius: 50%;
background: #dfdfdf;
color: #000000;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot {
border-bottom: 5px solid #dfdfdf;
text-align: center;
flex: 1;
padding: 15px;
min-width: 120px;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot.completed {
border-bottom: 5px solid #333;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot.active {
border-bottom: 5px solid #333;
font-weight: bold;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot.completed .step-index {
background-color: #333;
color: #ffffff;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot.active .step-index {
background-color: #333;
color: #ffffff;
}
.wpcf7cf_step_controls .disabled {
pointer-events: none;
cursor: default;
opacity: .5;
}.dm-serif-text-regular {
font-family: "DM Serif Text", serif;
font-weight: 400;
font-style: normal;
}
.dm-serif-text-regular-italic {
font-family: "DM Serif Text", serif;
font-weight: 400;
font-style: italic;
}
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap");
:root {
--primary-color: #996ae4;
--secondary-color: #90BF19;
--secondary-color-light:#B2E300;
--text-color: #333;
--bg-color: #fff;
--tablet: 1000px;
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: 'Poppins', sans-serif;
color: var(--text-color);
background-color: var(--bg-color);
line-height: 1.6;
overflow-x: hidden; }
.svg-container {
width: 100%;
height: auto; overflow: hidden; }
.svg-container svg {
width: 100%;
height: auto; }
.svg-background {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1; }
.logo strong{
color: #fff;
}
.container {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
}
header {
background-color: var(--secondary-color);
padding: 20px 0;
}
header nav ul {
list-style-type: none;
display: flex;
justify-content: flex-end;
}
nav ul li {
margin-left: 30px;
}
nav ul li a {
color: var(--text-color);
text-decoration: none;
font-weight: 600;
}
header nav ul li a {
color: #fff
}
.hero {
padding: 80px 0;
text-align: center;
}
.hero h1 {
padding-top: 1em;
font-size: 3em;
color: var(--text-color);
margin-bottom: 20px;
line-height: 1em;
overflow: visible;
}
*::selection {
background-color: rgba(0,0,0,0.1);
border-radius: 20px;
}
input.error {
background-color: lightyellow;
border: 2px solid red; }
@media all and (min-width:1200px){
.hero h1{
font-size: 4em;
}
}
.hero h1 span {
color: var(--primary-color);
}
.hero p {
font-size: 1.2em;
margin-bottom: 30px;
}
.main-title{
font-size: 2em;
line-height: 1.5em;
}
@media all and (min-width:1000px){
.main-title .dm-serif-text-regular{
font-size: 2em;
}
.hero h1 {
line-height: 1.5em;
}
}
.services {
display: flex;
justify-content: space-between;
margin-top: 50px;
}
.service {
border-radius: 10px;
padding: 30px;
width: 48%;
}
.service__in{
border-left: 1em #f5f0fc solid;
padding-left: 3em;
position: relative;
}
.service__in:before{
content: "";
height: 68px;
width: 68px;
background-image: url(//www.mistersize.com/wp-content/themes/dsgnr0.1/css/maintenance-wordpress-img/icon-1.png);
background-repeat: no-repeat;
display: block;
position: absolute;
right: 95%;
}
.service h2 {
color: var(--primary-color);
margin-bottom: 20px;
}
.service h2.service__title{
text-align: left;
font-size: 1.5em;
line-height: 1.25em;
}
.service h2.service__title .line_1{
color: #996AE4;
text-transform: uppercase;
}
.service h2.service__title .line_2{
color: #000;
font-size: 2em;
}
.service ul {
list-style-type: none;
padding: 0;
}
html{
--list-item-padding : 2em;
}
.service ul li {
margin-bottom: 10px;
position: relative;
padding-left: var(--list-item-padding);
}
.uDeco1{
position: relative;
}
.uDeco1:before{
position: absolute;
top:0;
left: -1em;
display: block;
content: "v";
color: var(--secondary-color-light);
}
.service ul li::before,
ul li.icon_check::before,
ul.icon_check li::before,
p.icon_check::before
{
content: '✓';
content:"";
position: absolute;
left: 0;
color: var(--secondary-color-light);
background-image: url(//www.mistersize.com/wp-content/themes/dsgnr0.1/css/maintenance-wordpress-img/check.png);
background-repeat: no-repeat;
width: 22px;
height: 32px;
background-size: contain;
}
p.icon_check::before{
transform: translate(-1.5em, 0);
}
ul li.icon_check.icon_2::before,
ul.icon_check.icon_2 li::before,
p.icon_check.icon_2::before{
content:"";
background-image: url(//www.mistersize.com/wp-content/themes/dsgnr0.1/css/maintenance-wordpress-img/check_color2.png);
} .cta-button {
display: inline-block;
min-height: 60px;
min-width: 250px;
padding: 15px 30px;
border-radius: 50px;
font-size: 1.2em;
font-weight: bold;
text-transform: uppercase;
cursor: pointer;
transition: background-color 0.3s ease;
border-width: 2px;
border-color: transparent;
border-style: solid;
}
.cta-button.primary-color{
color: #fff;
background-color: var(--primary-color);
}
.cta-button_transparent{
background-color: transparent;
border-width: 2px;
}
.cta-button_regular{
background-color: var(--primary-color);
color: #fff;
}
.cta-button_border-1{
border-color: #996AE4;
color: #996AE4;
}
.cta-button_transparent.cta-button_border-1:hover{
background-color: #996AE4;
color: #fff;
}
.cta-button:hover {
background-color: #7B28A0;
}
p.asterisque-info{
text-align: right;
}
p.asterisque-info small{
font-size: 12px;
}
a.button_light{
color: #CFBCF2;
font-weight: bold;
text-transform: uppercase;
font-size: 1.5em;
text-decoration: none;
}
.pricing {
background-color: #f1e9fb;
padding: 50px;
margin-top: 50px;
border-radius: 10px;
}
@media all and (min-width:1000px){
.pricing {
padding: 100px;
}
}
.pricing h2 {
margin-bottom: 30px;
}
.pricing ul {
list-style-type: none;
padding: 0;
margin-bottom: 30px;
}
.pricing ul li {
margin-bottom: 15px;
position: relative;
padding-left: var(--list-item-padding);
}
.pricing ul li::before {
content: '✓';
position: absolute;
left: 0;
color: var(--primary-color);
}
.pricing-highlight {
background-color: var(--primary-color);
color: #fff;
padding: 50px;
border-radius: 10px;
margin-top: 50px;
}
.pricing-highlight h2 {
margin-bottom: 20px;
}
.contact-form {
background-color: #f4f9e8;
margin-top: 50px;
border-radius: 10px;
}
.contact-form form{
background-color: var(--secondary-color-light)
}
.contact-form h2 {
margin-bottom: 30px;
}
#multi-step-form .contact-form input[type="text"]{
margin-bottom: 0;
margin-top:1em;
}
#multi-step-form #step-2.form-step,
#multi-step-form #step-3.form-step{
display: none;
}
body.cf7form-active #multi-step-form #step-2.form-step,
body.cf7form-active #step-3.form-step{
display: block;
}
.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form input[type="tel"]
{
font-size: 1.25em;
width: 70%;
padding: 15px;
margin-right: 10px;
border: none;
border-radius: 5px;
margin-bottom: 0;
}
.contact-info {
text-align: center;
margin-top: 50px;
}
.faq {
margin-top: 50px;
}
.accordion {
margin-top: 30px;
}
.accordion-item {
border-bottom: 1px solid #ddd;
margin-bottom: 10px;
overflow: hidden;
}
.accordion-header {
padding: 10px;
cursor: pointer;
font-weight: 600;
display: flex;
justify-content: space-between;
align-items: center;
}
.accordion-header::after {
content: '+';
font-size: 1.5em;
}
.accordion-header.active::after {
content: '-';
}
.accordion-content {
padding: 20px;
display: none;
background-color: white;
}
.cta-final {
text-align: center;
margin-top: 50px;
margin-bottom: 50px;
}
.cta-final h2{
margin-bottom: 0.9em;
}
.cta-final h2 span{
max-width: 750px;
display: block;
margin: 0 auto;
}
.cta-final button{
margin-bottom: 1.1em;
min-height: 80px;
}
.cta-final button span{
width: 300px;
display: block;
margin: 0 auto;
}
.price-reminder{
font-size: 1.5em;
color: var(--text-color);
margin-bottom: 1em;
padding: 1vh 0;
}
.price-reminder p{
line-height: 1em;
}
.price-reminder p small
{
font-size: 0.6em;
}
.cta-final__price{
margin-bottom: 0.6em;
}
.tarif_annuel{    position: relative;}
.tarif_au-lieu-de{
position: absolute;
right: 0;
top: 2.25em;
font-weight: bold;
color: #996ae4;
text-decoration: line-through;
}
footer {
background-color: #F5F5F5;
background-image: url(//www.mistersize.com/wp-content/themes/dsgnr0.1/css/maintenance-wordpress-img/motif2.png);
background-repeat: no-repeat;
background-position: 20px -200px;
background-size: auto;
color: #555;
padding: 50px 0;
border-top:10px #90BF19 solid;
}
.cta-button_bg-vert{
background-image: url(//www.mistersize.com/wp-content/themes/dsgnr0.1/css/maintenance-wordpress-img/motif2.png)!important;
background-repeat: no-repeat;
background-position: 20px -200px;
background-size: 100%;
}
section.contact-info{
background-image: url(//www.mistersize.com/wp-content/themes/dsgnr0.1/css/maintenance-wordpress-img/motif2.png) !important;
background-repeat: no-repeat;
background-position: -180px 0px;
background-size: auto;
}
#tarifs,
#multi-step-form{
background-image: url(//www.mistersize.com/wp-content/themes/dsgnr0.1/css/maintenance-wordpress-img/motif2.png) !important;
background-repeat: no-repeat;
background-position: 100% 100%;
background-size: auto;
}
.footer-content {
}
.footer-content img {
border-radius: 50%;
margin-bottom: 20px;
}
.footer-services ul {
list-style-type: none;
padding: 0;
}
.footer-services ul li {
margin-bottom: 10px;
}
.services p {
margin-bottom: 1em;
}
.pricing ul li,
.services ul li {
margin-bottom: 10px;
font-size: 1.25em;
}
.services ul li {
color: #996AE4;
}
ul li{
font-weight: bold;
}
.footer-services ul li a {
text-decoration: none;
}
.footer-link{
border:2px #ccc solid;
padding: 15px;
height: 90px;
width: 100%;
}
@media (max-width: 768px) {
.services {
flex-direction: column;
}
.service {
width: 100%;
margin-bottom: 20px;
}
.contact-form input[type="text"] {
width: 100%;
margin-bottom: 10px;
}
}
section p,
section p.regular{
font-size: 1em;
line-height: 1.75em;
}
h2{
font-size: 3.5em;
line-height: 1em;
font-weight: normal;
font-family: 'Elephant', serif;
}
.main-content h2{
font-size: 1.5em;
line-height: 1.35em;
font-weight: bold;
max-width: 550px;
}
.color{color:#6E21DA}
.price{
font-size: 5em;
font-family: 'Elephant', serif;
font-weight: normal;
position: relative;
display: flex;
flex-direction: row;
justify-content: flex-end;
padding-right: 1em;
}
.price .price__num{font-size: 1.5em;}
.price .price__euro{
font-size: 0.75em; 
bottom: 0;
right:0;
}
.price_ht{
font-size: 0.6em;
padding-bottom: 1em;
position: relative;
bottom: 0.6em;
}
.price .price__ht{
font-size: 0.25em; 
position: absolute;
left: 0;
top: 2em;
font-weight: lighter;
}
.price .price__an{ 
font-size: 0.5em;
position: absolute;
left: 0;
top: 2em;
}
.primary-color{
color: var(--primary-color);
}
.price__col{
position: relative;
} .animate-charcter
{
text-transform: uppercase;
background-image: linear-gradient(
-225deg,
#000 0%,
#5621DA 29%,
#6E21DA 67%,
#000 100%
);
background-size: auto auto;
background-clip: border-box;
background-size: 200% auto;
color: #000;
background-clip: text;
text-fill-color: transparent;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
animation: textclip 2s linear infinite;
display: inline-block;
font-size: 90px;
text-align: center;
font-family: 'Elephant';
font-weight: lighter;
}
.animate-charcter small{
text-transform: lowercase;
font-weight: 200;
font-size: 70px;
font-family: 'Jost';
transform: translateX(20px);
}
@keyframes textclip {
to {
background-position: 200% center;
}
} .uFlex{
display: flex;
flex-direction: column;
align-items: center;
}
.uFlex.uWide{
justify-content: space-between;
}
.uPad_l{
padding: 1em;
}
.uPad_xl{
padding: 2em;
}
.uPad_xxl{
padding: 3em;
}
.uPadR_l{
padding-right: 1em;
}
.uPadL_l{
padding-left: 1em;
}
.uPadR_xl{
padding-right: 2em;
}
.uPadL_xl{
padding-left: 2em;
}
.uPadR_xxl{
padding-right: 3em;
}
.uPadL_xxl{
padding-left: 3em;
}
@media all and (min-width: 1000px){
.uW50p{
width: 49.99%;
}
.uW1-3p{
width: 33.33%;
}
.uW2-3p{
width: 66.66%;
}
.uFlex{
flex-direction: row;
}
}
.uWmax450{
max-width: 450px;
}
.uWmax650{
max-width: 650px;
}
.uHmax250{
height: 250px;
}
.uHmin500{
min-height: 500px;
}
.uRound{
border-radius: 10px;
}
.asterisque{
font-weight: normal;
color: blue;
font-size: 0.9em;
}
.uFs1{ font-size:1em; }
.uFs1-25{ font-size:1.25em; }
.uFs1-5{ font-size:1.5em; }
.uFs2{ font-size:2em; }
.uMb05{ margin-bottom:0.5em }
.uMb1{ margin-bottom:1em }
.uMb2{ margin-bottom:2em }
.uMb3{ margin-bottom:3em }
.align-center,
.uAc
{
text-align: center;
}
.align-left,
.uAl
{
text-align: left;
}
.align-right,
.uAr
{
text-align: right;
}
.bg_violet{
background-color: #F3E8F9;
}
.cta-button_bg-vert{
font-size: 1em;
font-weight: bold;
text-transform: uppercase;
color: #fff;
background-image: linear-gradient(to right, #B2E300, #90BF19);
background-color: #90BF19;
}
#multi-step-form label{
width: 100%;
color: #fff;
display: block;
}
.wpcf7 form#multi-step-form.invalid .wpcf7-response-output{
background-color: #ffe200;
border-color: #ffe200;
border-radius: 10px;
}
#multi-step-form .wpcf7-not-valid-tip{
margin: 0 auto;
width: 75%;
}
#multi-step-form .next-button{
color: #fff;
background-color: var(--primary-color);
border-radius: 3px;
padding: .6em 1em .4em;
border:0;
min-height: 60px;
min-width: 150px;
text-transform: uppercase;
font-weight: bold;
}
#multi-step-form .cta-button{
margin-top: 1em;
}
.about a{
color: #90BF19;
}
.footer-links a{
width: 100%;
color: #555;
text-decoration: none;
font-size: 1.1em;
line-height: 1.25em;
}
.footer-links a .footer-link{
display: flex;
align-items: center;
}
.footer-links a:hover{
background-color: #fff;
color: #90BF19;
}
.footer-links .uFlex{
gap: 1em;
}
@media all and (min-width:1000px){
.footer-links .uFlex{
gap: 3em;
}
}
@media all and (max-width:1000px){
.col_contact-title{
padding: 2em;
}
}
#forfait{
background-image: url(//www.mistersize.com/wp-content/themes/dsgnr0.1/css/maintenance-wordpress-img/arriere-plan.png);
background-repeat: no-repeat;
background-size: contain;
}
.col_contact-title{
padding-right: 5vw;
}
#multi-step-form{ position:relative; }
#multi-step-form:before{
display: block;
content: "";
top: 25%;
right: 95%;
width: 86px;
height: 144px;
background-image: url(//www.mistersize.com/wp-content/themes/dsgnr0.1/css/maintenance-wordpress-img/fleche-deco-blanche.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
}
#contact .container{ position:relative; }
#contact .container:before{
display: block;
content: "";
top: 10%;
right: 100%;
width: 86px;
height: 144px;
background-image: url(//www.mistersize.com/wp-content/themes/dsgnr0.1/css/maintenance-wordpress-img/fleche-deco-violette.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
}
#tarifs{ position:relative; }
#tarifs div{ z-index:99; position:relative; }
#tarifs:before{
display: block;
content: "";
top: 25%;
right: 98%;
width: 86px;
height: 144px;
background-image: url(//www.mistersize.com/wp-content/themes/dsgnr0.1/css/maintenance-wordpress-img/fleche-deco-verte.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
}
#tarifs:after {
display: block;
content: "";
top:0;
left:0;
width: 100%;
height: 100%;
background-image: url(//www.mistersize.com/wp-content/themes/dsgnr0.1/css/maintenance-wordpress-img/arriere-plan.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
}
.ff1{ font-family:'Poppins', sans-serif }
.scroll-background {
background-position: 0px -30vh; transition: background-position 500ms linear; }
.error {
background-color: yellow;
border: 1px solid red; }
.main-content .col{ min-width:50% }