form.mf_form input[type=text],form.mf_form input[type=email],form.mf_form input[type=password],form.mf_form input[type=search],form.mf_form input[type=date],form.mf_form input[type=tel],form.mf_form select,form.mf_form textarea{display: block; width: 100%; height: 42px; font-size: 14px; color: #272a39; line-height: 1; padding: 0 15px; margin: 0; font-weight: 600; border-radius: 8px; border: 1px solid #DBE6F0; background: rgba(255,255,255, .95); -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; outline: none;}form.mf_form input.error,form.mf_form textarea.error,form.mf_form select.error{border-color: #FD5C65; color: #FD5C65;}form.mf_form input:focus,form.mf_form textarea:focus{box-shadow: rgba(0,0,0, .03) 0 10px 10px;}.mf_form_wrapper.dark form.mf_form input:focus,.mf_form_wrapper.dark form.mf_form textarea:focus{background: rgba(255,255,255, .8);}form.mf_form select{-webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAECAYAAACzzX7wAAAAV0lEQVQImUXMvQ1AUACF0UMYwgBaNRMoNFqN1hJ6O5hCxQDGEDGJRF7yEre6+e5PUjXtgxWLXwlmDBlGbCgxxTAMOvShcKLGjgOBFZHdaXy90CDHG/0NH2/qDSalFyc1AAAAAElFTkSuQmCC'); background-color: #fff; background-position: calc(100% - 15px) 50%; background-repeat: no-repeat;}form.mf_form select:focus{outline: none; background-color: #fff; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAECAYAAACzzX7wAAAAV0lEQVQImUXMvQ1AUACF0UMYwgBaNRMoNFqN1hJ6O5hCxQDGEDGJRF7yEre6+e5PUjXtgxWLXwlmDBlGbCgxxTAMOvShcKLGjgOBFZHdaXy90CDHG/0NH2/qDSalFyc1AAAAAElFTkSuQmCC');}form.mf_form textarea{min-height: 100px; padding: 15px; line-height: 1.4em;}form.mf_form label{display: block; position: relative; padding: 0; margin: 0 0 15px 0;}form.mf_form label > span{display: inline-block; /*margin: 0 0 5px 5px;*/margin: 0; font-size: 12px; font-weight: 600; color: #999; text-transform: uppercase;}form.mf_form input::-webkit-input-placeholder,form.mf_form textarea::-webkit-input-placeholder{color: #999; font-weight: 500; transition: all .45s ease-out;}form.mf_form input::-moz-placeholder,form.mf_form textarea::-moz-placeholder{color: #999; font-weight: 200; transition: all .45s ease-out; opacity: 1;}form.mf_form input:focus::-webkit-input-placeholder,form.mf_form textarea:focus::-webkit-input-placeholder{opacity: 0;}form.mf_form input:focus::-moz-placeholder,form.mf_form textarea:focus::-moz-placeholder{opacity: 0;}.relative{position: relative;}form.mf_form input.mf_control_field{opacity: 0; position: absolute; z-index: -1; top: 0; left: 0; width: auto;}form.mf_form label.mf_control_label{display: inline-block; position: relative; padding: 0 0 0 30px; margin: 0 0 12px 0; min-height: 20px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-size: 14px; color: #999; text-transform: uppercase;}.mf_control_label:before{content: ''; display: inline-block; position: absolute; z-index: 2; top: 50%; left: 0; width: 20px; height: 20px; border: 1px solid #eee; border-radius: 3px; background: #FD5C65;}.mf_control_label:after{content: ''; position: absolute; z-index: 3; top: 50%; left: 5px; width: 9px; height: 9px; background: #fff; border-radius: 0; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; opacity: 0;}.mf_control_label:before,.mf_control_label:after{-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}.mf_control_label.mf_radio:after{border-radius: 100%;}form.mf_form input.mf_control_field:checked + label.mf_control_label:after{opacity: 1;}form.mf_form .tap{position: relative; display: inline-block; padding: 0 30px; margin: 0; text-decoration: none; border: 0; outline: none; -webkit-box-shadow: none; -moz-box-shadow: none; background: #EB3B5B; border-radius: 30px; min-width: 220px; text-align: center; font-size: 12px; line-height: 50px; font-weight: 600; color: #fff; cursor: pointer; text-transform: uppercase; -webkit-transition: all .15s ease-out; -moz-transition: all .15s ease-out; -ms-transition: all .15s ease-out; -o-transition: all .15s ease-out; transition: all .15s ease-out; overflow: hidden; background: -webkit-linear-gradient(#FD5C65, #EB3B5B); background: linear-gradient(#FD5C65, #EB3B5B); opacity: 1;}form.mf_form .tap:hover,form.mf_form .tap:focus{color: #fff; text-decoration: none; opacity: 1;}form.mf_form .tap:active{-webkit-transform: scale(.95); -moz-transform: scale(.95); -ms-transform: scale(.95); -o-transform: scale(.95); transform: scale(.95);}form.mf_form .tap:before{content: ''; width: 60px; height: 200px; position: absolute; z-index: 9; top: 50%; left: -80px; background: rgba(255,255,255, .3); -webkit-transform: translateY(-50%) skew(-25deg); -moz-transform: translateY(-50%) skew(-25deg); -ms-transform: translateY(-50%) skew(-25deg); -o-transform: translateY(-50%) skew(-25deg); transform: translateY(-50%) skew(-25deg); -webkit-transition: all .35s linear; -moz-transition: all .35s linear; -ms-transition: all .35s linear; -o-transition: all .35s linear; transition: all .35s linear;}form.mf_form .tap:hover:before{left: calc(100% + 80px)}form.mf_form .form_submit{margin-top: 30px;}form.mf_form label.error{color: #EB3B5B; display: block; padding: 0; margin: 5px 0 0 0; font-size: 12px; font-weight: 600;}.mf_form_wrapper{position: relative; padding: 30px; border-radius: 8px; margin: 0 auto 30px auto; max-width: 550px; background: #fafafa; border: 1px solid #DBE6F0;}.mf_form_wrapper.dark{background-image: -webkit-linear-gradient(#333, #222);}.mf_alert{display: block; position: relative; padding: 20px 30px; background: #eee; border-left: 4px solid #ccc; font-size: 14px; font-weight: 600; color: #333; margin-bottom: 15px;}.mf_alert.danger{border-left-color: #EB3B5B; color: #EB3B5B;}.mf_alert.success{border-left-color: #27AE60; color: #27AE60;}/*.contact-us-area .contact-overlay .contact-details .contact-form-area .input-box button{margin-top: 12px;}*/.agree_terms{margin-top: 15px}form.mf_form .agree_terms label.error{position: absolute; /*top: 18px;*/left: 62px;width: 200px;}.mf_checkbox input[type=checkbox]{width: auto!important; margin-right: 5px;}form.mf_form label.switch{margin: 0; float: none; display: inline-block; vertical-align: middle;}.switch input{display: inline-block; opacity: 0;}@media (max-width: 480px){form.mf_form .tap{min-width: 200px;}form.mf_form .form_submit .tap{width: 100%;}}