#page_contact{padding-bottom:20px}#page_contact .loader{position:fixed;height:100%;width:100%;background:rgba(13,45,86,.615);top:0;left:0;z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;flex-direction:column;color:#fff;font-size:1.5rem;transition:all 1.5s ease}#page_contact .loader svg{animation:speen 2s ease-in-out infinite;scale:1.2}@keyframes speen{0%{rotate:0deg}to{rotate:1turn}}#page_contact .loader p{color:#fff}#page_contact .loader.loaded{opacity:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;transition-delay:.5s}#page_contact #contact{max-width:min(1000px,90%);display:grid;grid-template-columns:300px 1fr;grid-gap:5em;gap:5em;margin:0 auto 500px}@media screen and (max-width:768px){#page_contact #contact{display:flex;flex-direction:column}}#page_contact #contact .de-cloud{position:absolute;right:-5%;top:50%;rotate:-55deg;scale:1.6;opacity:.6;z-index:-2}#page_contact #contact article .heading{margin:2em 0;position:relative}#page_contact #contact article .heading .de-moon{position:absolute;left:10%;top:-150px;scale:.9;z-index:-2}#page_contact #contact article .p{margin:1em 0}#page_contact #contact article .email{color:var(--lGrey);font-family:var(--fontsb);font-size:1rem}#page_contact #contact article .infos{display:grid;grid-template-columns:1fr 1fr;margin:3em 0;grid-gap:1em;gap:1em}#page_contact #contact article .infos .info h2{font-size:.9rem;font-family:var(--fontP);font-weight:400;opacity:.8;color:var(--lGrey)}#page_contact #contact article .infos .info p{font-size:.9rem;font-weight:700}#page_contact #contact article .infos a p{text-decoration:underline}#page_contact #contact article .contacts{margin-top:100px;display:flex;gap:1.5em;padding:1em;margin-left:-1em}#page_contact #contact article .contacts .btn-contact{width:40px;height:40px;border:3px solid var(--altBlue);color:var(--altBlue);padding:.4em;rotate:45deg}#page_contact #contact article .contacts .btn-contact:hover{background:var(--altBlue);color:#fff;scale:1.05}#page_contact #contact article .contacts .btn-contact span{display:block;rotate:-45deg;width:100%;height:100%}#page_contact #contact article .contacts .btn-contact svg{width:100%;height:100%}#page_contact #contact article .alt-text{color:var(--altBlue);font-weight:700;margin:1em 0}#page_contact #contact article .otherl{display:flex;flex-direction:column;gap:.5em}#page_contact #contact article .btn-main{font-family:var(--fontsb);align-items:center;width:100%;display:flex;gap:1em;justify-content:flex-start;padding-right:0;white-space:normal;max-width:none}#page_contact #contact article .not-authorized-dialog{display:flex;flex-direction:column;width:100%}#page_contact #contact .message-form .form-field{display:flex;flex-direction:column;padding:1em .3em}#page_contact #contact .message-form .form-field label{font-family:var(--fontsb);text-transform:uppercase;color:#4a5766;font-weight:700;margin:.25em 0;font-size:1.2rem}#page_contact #contact .message-form .form-field input,#page_contact #contact .message-form .form-field textarea{padding:1em;font-family:var(--fontP);font-weight:400;box-shadow:0 0 5px rgba(0,0,0,.165);outline:none;font-size:1.1rem;color:var(--grey);background:#f7f7f8;border:none;border-bottom:4px solid var(--gold)}#page_contact #contact .message-form .form-field input::placeholder,#page_contact #contact .message-form .form-field textarea::placeholder{opacity:.2}#page_contact #contact .message-form .form-field textarea{resize:none;height:300px}#page_contact #contact .message-form .form-action{display:flex;justify-content:space-between;gap:1em}@media screen and (max-width:550px){#page_contact #contact .message-form .form-action{flex-direction:column}}#page_contact #contact .message-form .form-action .p{font-size:.8rem}#page_contact #contact .message-form .form-action .p a{font-weight:700}#page_contact #contact .message-form .form-action .btn-main{display:flex;align-items:center;justify-content:flex-end;gap:1em;min-width:30%;padding-right:1em}#page_contact .particle-container{position:relative;top:-600px;z-index:-10;filter:blur(4px)}#page_contact .particle-container canvas{-webkit-mask-image:linear-gradient(0deg,transparent,white 40%,transparent);mask-image:linear-gradient(0deg,transparent,white 40%,transparent)}