.contact-container{position:relative;position:fixed;height:100%;width:50vw;top:0;right:0;background-color:#fff;z-index:103;-webkit-transition:-webkit-transform .5s cubic-bezier(.75,.02,.5,1);transition:-webkit-transform .5s cubic-bezier(.75,.02,.5,1);transition:transform .5s cubic-bezier(.75,.02,.5,1);transition:transform .5s cubic-bezier(.75,.02,.5,1),-webkit-transform .5s cubic-bezier(.75,.02,.5,1)}.contact-container .page-loading-container{position:absolute;left:0;bottom:0}.contact-container.hide{z-index:102;-webkit-transform:translateX(calc(100% - .5rem));transform:translateX(calc(100% - .5rem))}.contact-container.hideAll{-webkit-transform:translateX(100vw)!important;transform:translateX(100vw)!important}.contact-container .bg{position:absolute;z-index:1;width:100%;height:100%;left:-100%;top:0}.contact-container .header-container{background-color:#2da44a;padding:0 2.5rem;height:20%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;z-index:2}.contact-container .header-container .header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.contact-container .header-container .info{position:relative}.contact-container .header-container .info .title{line-height:1.2;margin-bottom:.75rem}.contact-container .header-container .info .brief,.contact-container .header-container .info .title{-webkit-transition:opacity .5s cubic-bezier(.75,.02,.5,1);transition:opacity .5s cubic-bezier(.75,.02,.5,1)}.contact-container .header-container .discussion-btn{width:8.5rem;margin-left:5rem;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.contact-container .header-container .open-btn{height:2.5rem;padding:0 1rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;border-top-left-radius:1.25rem;border-top-right-radius:1.25rem;-webkit-transform:rotate(-90deg) translate(-100%,1%);transform:rotate(-90deg) translate(-100%,1%);background:#fff;-webkit-box-align:center;-ms-flex-align:center;align-items:center;left:0;bottom:-30vh;-webkit-transform-origin:left bottom;transform-origin:left bottom;position:absolute;cursor:pointer}.contact-container .header-container .open-btn .icon-font{font-size:1rem;margin-left:1.5rem}.contact-container .form-container{height:80%;overflow:auto}.contact-container .form-container .error{color:#bb0a30}.contact-container .form-container .form{height:100%;overflow:auto;padding:1.5rem 2.5rem}.contact-container .form-container .form .my-textfield{margin-bottom:2rem}.contact-container .form-container .form .my-textfield .label{display:block;margin-bottom:1rem}.contact-container .form-container .form .my-textfield .field{height:2.7rem;border-radius:.6rem;padding:0 1rem}.contact-container .form-container .form .my-textarea{margin-bottom:2rem}.contact-container .form-container .form .my-textarea .label{display:block;margin-bottom:1rem}.contact-container .form-container .form .my-textarea .field{height:16rem;border-radius:.6rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:1rem}.contact-container.portrait{width:90%}.contact-container.portrait .header-container .discussion-btn{margin-left:2.5rem}