.contact-form-opener{position:fixed;bottom:5%;right:0;width:40px;height:40px;background:#535353;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#fff;line-height:1;z-index:70;-webkit-transition:.3s ease background,.3s ease color,.3s ease opacity,.3s ease visibility;transition:.3s ease background,.3s ease color,.3s ease opacity,.3s ease visibility;font-size:20px} .contact-form-opener:hover{background:#ff7b04} @media (min-width:768px){.contact-form-opener{width:50px;height:50px;font-size:25px}} @media (min-width:992px){.contact-form-opener{width:62px;height:62px;font-size:30px}} .icon-envelope{color:#fff} .sticky-contact-box{position:fixed;bottom:0;right:0;width:100%;background:rgb(249,245,245) url(https://www.l-raphael.com/skin/frontend/typologancee/default/images/bg-contact.jpg) 0 0/100% auto no-repeat;box-shadow:0 3px 24px 0 rgba(0,0,0,.57);z-index:70;max-width:400px;max-height:100vh;overflow-y:auto;overflow-x:hidden;-webkit-transition:.5s ease opacity,.5s ease visibility,.5s ease -webkit-transform;transition:.5s ease opacity,.5s ease visibility,.5s ease transform;opacity:0;visibility:hidden;-webkit-transform:translate(100%,0);-ms-transform:translate(100%,0);transform:translate(100%,0);color:#535353} .sticky-contact-active .contact-form-opener{opacity:0;visibility:hidden} .sticky-contact-active .sticky-contact-box{opacity:1;visibility:visible;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)} .sticky-contact-box .contact-wrap{padding:24px 13px} .sticky-contact-box .form-close{position:absolute;top:25px;right:16px;line-height:1;color:#535353;text-decoration:none;font-size:14px} .sticky-contact-box .form-close:hover{color:#ff7b04} .sticky-contact-box .orange-rectangle{display:block;margin:18px auto;background:#ff7b04;width:16px;height:16px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)} .sticky-contact-box h2{letter-spacing:.02em;text-align:center;margin:0 0 20px;color:#535353} .sticky-contact-box form{max-width:340px;margin:0 auto;padding-bottom:20px} .sticky-contact-box .form-row{margin:0 0 18px} .sticky-contact-box .form-row br{display:none} .sticky-contact-box .input-field{display:block;width:100%;height:54px;border:1px solid #535353;outline:none;padding:17px 15px;background:none;color:#535353;letter-spacing:.02em;-webkit-transition:.3s ease border-color;transition:.3s ease border-color} .sticky-contact-box .input-field::-moz-placeholder{color:#535353;opacity:1} .sticky-contact-box .input-field:-ms-input-placeholder{color:#535353} .sticky-contact-box .input-field::-webkit-input-placeholder{color:#535353} .sticky-contact-box .input-field::-webkit-input-placeholder{color:#535353} .sticky-contact-box .input-field::-moz-placeholder{opacity:1;color:#535353} .sticky-contact-box .input-field:-moz-placeholder{color:#535353} .sticky-contact-box .input-field:-ms-input-placeholder{color:#535353} .sticky-contact-box .input-field.placeholder{color:#535353} .sticky-contact-box .input-field:focus{border-color:#ff7b04} .sticky-contact-box .input-field[aria-invalid="true"]{border-color:#f00} .sticky-contact-box textarea.input-field{min-height:130px} .sticky-contact-box .btn-send{background:none;outline:none;margin:0 auto;display:block;font-size:16px;line-height:1.3125;text-transform:uppercase;font-weight:700;letter-spacing:.02em;width:161px;border:1px solid #535353;color:#535353;padding:18px;-webkit-transition:.3s ease color,.3s ease border,.3s ease background;transition:.3s ease color,.3s ease border,.3s ease background} .sticky-contact-box .btn-send:hover{border-color:#ff7b04;background:#ff7b04;color:#fff} @media (min-width:768px){.sticky-contact-box .contact-wrap{padding:40px 20px} 	.sticky-contact-box .form-close{top:21px} 	.sticky-contact-box h2{font-size:16px;margin-bottom:24px} 	.sticky-contact-box .form-row{margin-bottom:22px} 	.sticky-contact-box textarea.input-field{min-height:169px} 	.sticky-contact-box .btn-send{font-size:18px;line-height:1.1667;width:200px}} 	.sticky-contact-box h2{font-size:19px;line-height:2.0526} @media (min-width:992px){.sticky-contact-box{max-width:442px} 	.sticky-contact-box .form-row{margin-bottom:25px} 	.sticky-contact-box .btn-send{width:227px}} @media (min-width:1200px){}