@keyframes scaleten{0%{background-position:-468px 0}100%{background-position:468px 0}}.modal{position:fixed;overflow-y:scroll;bottom:0;right:0;height:100%;background-color:rgba(252,252,252,.97);animation:slide .3s ease-in-out;transition:all .3s;z-index:12;display:none}@media only screen and (min-width: 992px){.modal{width:60%;background-color:#fff}}.modal.active{display:block}.modal .contact .form{width:auto}.modal .contact .form__fields{width:100%}.modal .close{position:absolute;right:18px;top:20px;width:24px;height:24px;cursor:pointer}@media only screen and (min-width: 768px){.modal .close{right:32px;width:40px;height:40px}}.modal .close::after,.modal .close::before{position:absolute;left:11px;content:" ";height:24px;width:2px;background-color:#a3a3a3}@media only screen and (min-width: 768px){.modal .close::after,.modal .close::before{left:15px;height:45px}}.modal .close:hover::after,.modal .close:hover::before{background-color:var(--c-green-dark)}.modal .close::before{transform:rotate(45deg)}.modal .close::after{transform:rotate(-45deg)}.modal-title{font-size:1.375rem;line-height:inherit;margin:0}@media only screen and (min-width: 768px){.modal-title{font-size:2rem}}.modal-header{position:relative;padding:1rem 1.125rem;border-bottom:1px solid var(--c-green-dark)}@media only screen and (min-width: 768px){.modal-header{padding:1.5rem 2rem}}.modal-body{padding:1rem}@media only screen and (min-width: 768px){.modal-body{padding:1.5rem 2rem}}.modal-overlay{overflow-y:hidden}.modal-overlay::before{content:"";-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:rgba(63,63,63,.7);position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:2}@keyframes slide{0%{width:0}100%{width:50%}}