::placeholder{color:var(--black);font-family:var(--font-body);font-weight:200}.form-template{width:100%;padding:35px 10px;margin-top:25px;display:grid;grid-template-columns:repeat(2,1fr);grid-gap:25px 15px;gap:25px 15px}.form-template .mandatory-fields{font-size:12px;text-align:right}.form-template .form-group{display:flex;flex-direction:column;gap:5px;width:100%;position:relative}.form-template .form-group.service{position:relative}.form-template .form-group.service select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:none;padding-right:24px}.form-template .form-group.service:after{content:"+";position:absolute;right:8px;top:50%;transform:translateY(-50%);pointer-events:none;font-size:20px;color:var(--black)}.form-template .form-group.rgpd{flex-direction:row;align-items:flex-start;margin-top:10px}.form-template .form-group.rgpd label{text-align:left}.form-template .form-group.rgpd input{width:auto}.form-template .form-group.send{margin-top:15px}.form-template .form-group.send .btn{width:max-content;margin-left:auto;margin-right:auto}.form-template .form-group.email label,.form-template .form-group.firstName label,.form-template .form-group.message label,.form-template .form-group.name label,.form-template .form-group.phone label{position:absolute;bottom:0;left:0;transition:all .5s ease}.form-template .form-group.email:focus-within label,.form-template .form-group.firstName:focus-within label,.form-template .form-group.message:focus-within label,.form-template .form-group.name:focus-within label,.form-template .form-group.phone:focus-within label{transform:translateY(-15px);font-size:15px;bottom:unset}.form-template .form-group label{font-size:16px;font-family:var(--font-body);font-weight:200;color:var(--black)}.form-template .form-group label.required:after{content:"*"}.form-template .form-group input,.form-template .form-group select,.form-template .form-group textarea{width:100%;border:none;border-bottom:1px solid #98b5b9;font-size:16px;font-family:var(--font-body);font-weight:200;padding:5px;color:var(--black)}.form-template .form-group input option,.form-template .form-group select option,.form-template .form-group textarea option{color:var(--black);background-color:var(--color3)}.form-template .form-group textarea{resize:vertical}@media screen and (min-width:1280px){::placeholder{font-size:20px}.form-template{padding:15% 15px 5px}.form-template form .form-group input,.form-template form .form-group label,.form-template form .form-group textarea{font-size:20px}}@keyframes border-draw{0%{background-size:0 2px,2px 0,2px 0,0 2px,0 2px}33%{background-size:100% 2px,2px 0,2px 0,0 2px,0 2px}66%{background-size:100% 2px,2px 100%,2px 100%,0 2px,0 2px}to{background-size:100% 2px,2px 100%,2px 100%,51% 2px,51% 2px}}header{position:fixed;max-width:100%;z-index:999;padding:0 7px;justify-content:space-between;transition:all .5s;height:var(--headerHeight);background:transparent;font-family:var(--font-title-upper);font-weight:700}header,header .anim-anchor{left:0;top:0;width:100%;display:flex;align-items:center}header .anim-anchor{position:absolute;height:100%;z-index:-1}header.isScrolled,header[data-fixed]{background:var(--body-background-color);border-bottom-color:hsla(0,0%,52%,.2);box-shadow:0 0 10px rgba(0,0,0,.1)}header.isScrolled .actions .socials a,header[data-fixed] .actions .socials a{color:var(--color1)}header.isScrolled .actions .socials a:hover,header[data-fixed] .actions .socials a:hover{color:var(--black);opacity:.5}header.isScrolled .burgerBtn label>span>span,header[data-fixed] .burgerBtn label>span>span{background-color:var(--color1)}header.isScrolled .burgerBtn label p,header[data-fixed] .burgerBtn label p{color:var(--color1)}header.isOpen nav{visibility:visible;opacity:1;width:100%}header.isOpen .burgerBtn label>span>span{background-color:var(--color1)}header.isOpen .burgerBtn label p{color:var(--color1)}header .burgerBtn,header .header-actions,header .logo{position:relative;z-index:9999}header .actions{display:flex;align-items:center;gap:10px;width:auto}header .actions .button.btn-resa{background:var(--white);color:var(--color1)}header .actions .socials{display:flex;align-items:center;gap:15px}header .actions .socials a{color:var(--white);font-size:13px;transition:all .3s ease}header .actions .socials a:last-of-type{transform:rotate(90deg)}header .actions .socials a:hover{color:var(--color1)}header nav{position:fixed;left:0;top:0;width:0;height:100%;background:var(--body-background-color);opacity:0;visibility:hidden;transition:all .5s}header nav,header nav .main-menu{display:flex;flex-direction:column;align-items:center;justify-content:center}header nav .main-menu{gap:2rem;font-family:var(--font-body);text-transform:uppercase;font-size:18px}header nav .main-menu .main-page{color:var(--color1);position:relative;transition:all .5s ease}header nav .main-menu .main-page:after{content:"";position:absolute;left:0;bottom:-3px;width:100%;height:2px;background:var(--color1);transform:scaleX(0);transform-origin:bottom left;transition:all .5s ease}header nav .main-menu .main-page.active:after,header nav .main-menu .main-page:hover:after{transform:scaleX(1)}@media screen and (min-width:1280px){header{border-bottom:1px solid transparent;opacity:0;height:calc(var(--headerHeight) + 30px);padding:15px 34px}header.isScrolled,header[data-fixed]{height:var(--headerHeight);padding:0 34px}header.isScrolled .logo,header[data-fixed] .logo{font-size:27px}header.isScrolled .actions .button.btn-devis,header[data-fixed] .actions .button.btn-devis{background:var(--color1-light);color:var(--white)}header.isScrolled .actions .button.btn-devis:hover,header[data-fixed] .actions .button.btn-devis:hover{background:var(--white);color:var(--color1-light)}header.isScrolled nav .main-menu .main-page,header[data-fixed] nav .main-menu .main-page{color:var(--color1)}header.isScrolled nav .main-menu .main-page:after,header[data-fixed] nav .main-menu .main-page:after{background:var(--color1)}header.isOpen nav{width:40%}header .anim-anchor{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;z-index:-1}header nav .main-menu{align-items:flex-start;font-size:16px}header .actions{gap:10px}header .actions .button{padding:5px 30px}header .actions .button .btn-name{font-size:14px;font-weight:600}header .actions .socials{margin-right:10px}header .actions .socials a{font-size:15px}}@media screen and (min-width:1600px){header{padding-left:25px;padding-right:25px}header .actions .socials a,header nav .main-menu{font-size:20px}header .actions .button .btn-name{font-size:13px}}