#sp_contact { margin:0; text-align:center;}
#sp_contact #sp_hide_email,#sp_contact #sp_hide_location,#sp_contact #sp_hide_telephone_number,#sp_contact #sp_hide_company_name,#sp_contact #sp_hide_message,#sp_contact #sp_hide_message_subject, #sp_contact #sp_hide_captcha_code_verify{float:left;padding-top: 15px;font-weight:600;font-size:14px;}
#sp_contact #sp_hide_name{float:left;font-weight:600;font-size:14px;}
#sp_contact .requiredsign{color:#b12;padding-left: 2px;font-size:18px;}
#sp_contact #sp_hide_website{display:none}
#sp_contact form { margin:0; padding:0;}
#sp_contact .input{ display:block;}
#sp_contact .error  {clear:both; padding: 0 6px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); border-width:1px;-webkit-border-radius: 4px; -moz-border-radius: 4px;font-size:14px;color:red;-moz-box-sizing: border-box; -webkit-appearance: none; -webkit-box-sizing: border-box; box-sizing: border-box;text-align: left;
display: block;}

#sp_contact .success{clear:both; display:block; padding: 10px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); border-width:1px; border-style:solid; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;  font-size:16px; background-color:#dff0d8;border-color:#d6e9c6;color:#468847;
-moz-box-sizing: border-box; -webkit-appearance: none; -webkit-box-sizing: border-box; box-sizing: border-box;}


#sp_contact input,#sp_contact textarea, #message{ width: 100%; -moz-box-sizing: border-box; -webkit-appearance: none; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; padding: 0 10px; height:35px;  -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; margin:10px 0 0 0;font-family: 'arimoregular', Arial, sans-serif;font-size: 16px;}

#message{padding-top: 5px !important;}

.securityquestion {font-size: 16px;}

.spcbutton .sp_button {-webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; }
.spcbutton ul { margin:0; padding:0}
.spcbutton ul li { list-style:none; margin:0; padding:0}
#sp_contact label{ display:inline-block; margin:0;color:#333;font-weight:600;padding-top: 8px;}
#sp_contact textarea{height:auto;}

#sp_contact button[type="submit"], .spcbutton .sp_button{ border: transparent; cursor: pointer; display: inline-block; outline: none;  position: relative; padding:0 25px; line-height:40px; text-shadow:none;margin-top: 10px;border-radius: 4px;}


#sp_contact button[type="submit"]:hover, .spcbutton .sp_button:hover{ text-decoration:none}

#sp_contact .header {
  background-color: #0091dc;
  padding: 10px 0;
  margin: -12px -20px 0 -20px;
  background-image: url(../../../images/popup_contact_us.png);
  background-repeat: no-repeat;
  background-position: right top;
}

#sp_contact .headercontent {
  color: #fff;
  display: inline;
  font-size: 160%;
}

.fas.fa-comment-dots{
   -webkit-animation: heartbeat 2s ease-in-out 1s infinite both;
   animation: heartbeat 2s ease-in-out 1s infinite both;}

@-webkit-keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  10% {
    -webkit-transform: scale(0.91);
            transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  17% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  33% {
    -webkit-transform: scale(0.87);
            transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}
@keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  10% {
    -webkit-transform: scale(0.91);
            transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  17% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  33% {
    -webkit-transform: scale(0.87);
            transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}

.sp-user-modal .close {
   opacity: 1;
   position: absolute;
   background:#666;
   border-radius:100%;
   box-shadow: 0px 0px 2px 3px rgba(17,17,26,0.35);
   top: -18px;
   right: -5px;
   width: 32px;
   height: 32px;
}

#sp_contact .success-message {
    color: #000;
    text-align: left;
    padding-top: 10px;
    font-size: 12px;
}

#sp_contact .website{
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 0;
    width: 0;
    z-index: -1;
}

#sp_contact .botserror{
    clear: both;
    padding: 2px 6px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    border-width: 1px;
    border-style: solid;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-size: 16px;
    background-color: red;
    border-color: red;
    color: #fff;
    position: static;
    -moz-box-sizing: border-box;
    -webkit-appearance: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    display: block;
}

#sp_contact .maxcharactershint {
    color: red;
    padding: 2px 6px 0 6px;
    display: block;
    text-align: left;
    font-size: 14px;
}

#sp_contact .messagealert{color:#000;}

#contact-sp #name:focus,
#contact-sp #email:focus,
#contact-sp #messagesubject:focus,
#contact-sp #message:focus,
#contact-sp #captcha:focus{
    color: #495057;
    border-color: #66afe9;
    background-color: #fff;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,0.6);
    outline: 0;
}

#sp_contact .invalid{border: 1px solid red !important;box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px #fa8072 !important;}

#sp_contact .valid{
    border-color: #66CD00;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,0.6);
    background: #f5f5f5 url('check.webp') no-repeat right;
}

#sp_contact .captcha_function {
  width: 100%;
  float: left;
}

#sp_contact .captcha_answer {
  width: 60% !important;
  float: left;
}

#sp_contact .captcha_question {
  width: 35% !important;
  float: left;
  margin-left: 4%;
  margin-top: 10px;
}

#sp_contact .security_question {
  display: inline-block;
  padding: 0.15em 1.2em;
  margin: 0.2em 0.3em 0.3em 0;
  border-radius: 0.6em;
  box-sizing: border-box;
  color: #FFF;
  background-color: #fa6400;
  font-size: 16px;
}

#sp_contact .sp_form_button {
  padding: 0 35px !important;
  text-transform: uppercase;
  font-size: 16px;
  letter-spacing: 0.5px;
}