#contactform label.copy, #contactform input.copy {display:none !important}
#contactform label.required:after {content:"*";color:#D9694A;padding-left:5px;}
#contactform .invalid {display:none;width:100%;font-size:14px;color:white;background:#D9694A;text-align:center;}
#contactform .invalid.show {display:inline-block}
#contactsuccess {display: none;text-align:center;color:black}
#contactfail {display: none;text-align:center;color:red}
#contactform #message {height:56px}

/* Animated timer for submit button */

#submitbutton.submitted { width:36px; height:36px; font-size:22px; line-height:48px; background:#DCD1D1; padding:0; border-radius: 50%; vertical-align: middle; margin-bottom: 10px; text-align:center; -webkit-animation-name: spin; -webkit-animation-duration: 2000ms; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: spin; -moz-animation-duration: 2000ms; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: spin; -ms-animation-duration: 2000ms; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; animation-name: spin; animation-duration: 2000ms; animation-iteration-count: infinite; animation-timing-function: linear; } 
@-ms-keyframes spin {
from { -ms-transform: rotate(0deg); } to { -ms-transform: rotate(360deg); } } 
@-moz-keyframes spin { from { -moz-transform: rotate(0deg); } to { -moz-transform: rotate(360deg); } } 
@-webkit-keyframes spin { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } 
@keyframes spin { from { transform:rotate(0deg); } to { transform:rotate(360deg); } }