Contact Us A+ A- Print Email <div dir="ltr" style="text-align: left;" trbidi="on"> <style> .twist_blogger_cntct_form_wrap { margin: 0 auto; max-width: 70%; padding: 0 10px; position: relative; background-color: #FDFDFD; } .twist_blogger_cntct_form_wrap:after, .twist_blogger_cntct_form_wrap:before { content: ''; display: table; clear: both; } /*----Change Contact Form Background Color Here----*/ div#twist_blogger_cntct_form { padding: 20px 20px 10px 20px; background: #3498db; border-radius: 2px; margin: 20px auto 20px; color: #FFF; font-size: 16px; max-width: 100%; } input#ContactForm1_contact-form-name, .contact-form-email, .contact-form-email:hover, .contact-form-email:active, .contact-form-email-message, .contact-form-email-message:active, .contact-form-email-message:hover { padding: 5px; box-shadow: none!Important; min-width: 186px; max-width: 100%; width: 100%; border: 0 !important; line-height: 1em; min-height: 31px; background: #FCFCFC; margin-bottom: 15px; } /**** Submit button style ****/ .contact-form-button-submit { background: #212f3d; font-size: 20px; letter-spacing: 2px; cursor: pointer; outline: none!important; color: #FFFFFF; border: 2px solid rgba(255,255,255,1); border-radius: 50px; min-width: 186px; max-width: 550px; width: 100%; text-transform: uppercase; height: 46px; margin-top: 10px!important; transition: all 300ms ease-; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } /**** Submit button on mouse hover ****/ .contact-form-button-submit:hover { border: 2px solid; color: #FFFFFF; background: #EF4800 !important; } /**** Submit button on Focus ****/ .contact-form-button-submit:focus, .contact-form-button-submit.focus { border-color: #FFFFFF; box-shadow: none !important; } /**** Error message and Success Message ****/ .contact-form-error-message-with-border .contact-form-success-message { background: #f9edbe; border: 1px solid #f0c36d; bottom: 0; box-shadow: 0 2px 4px rgba(0,0,0,.2); color: #666; font-size: 12px; font-weight: bold; padding-bottom: 10px; line-height: 19px; margin-left: 0; opacity: 1; position: static; text-align: center; } </style> <br /> <br /> <div class="twist_blogger_cntct_form_wrap"> <div id="twist_blogger_cntct_form"> <form name="contact-form"> Your Name<br /> <input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" placeholder="Enter your name here..." size="30" type="text" value="" /><br /> <br /> Your Email*<br /> <input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" placeholder="Enter your email here..." size="30" type="text" value="" /><br /> <br /> Your Message*<br /> <textarea class="contact-form-email-message" cols="25" id="ContactForm1_contact-form-email-message" name="email-message" placeholder="Write your message here..." rows="5">
