body{ padding-top: 56.25px !important; }

.x-notifications{ border-left: 5px solid #D10000; border-radius: 3px; box-shadow: 0 2px 10px 0 #dfe7ec; box-sizing: border-box; display: none; margin: 10px auto 30px auto; min-height: 100px; padding: 40px 0 40px 0; position: relative; width: 100%; }
.x-notifications.x-displayed{ display: block; }
.x-notifications *{ box-sizing: border-box; position: relative; }
.x-notifications .x-column{ height: 100%; left: 0; position: absolute; top: 0; width: 68px; }
.x-notifications .x-column .x-error-icon{ bottom: 0; fill: #D10000; height: 28px; left: 40px; margin: auto 0 auto 0; position: absolute; top: 0; width: 28px; }
.x-notifications .x-error-message{ display: none; float: left; font-size: 13px; font-style: italic; padding: 0 0 0 88px; width: 100%; }
.x-notifications .x-error-message.x-displayed{ display: block; } 
.x-notifications .x-error-message b{ font-weight: bold; }

.x-form{ box-sizing: border-box; position: relative; width: 100%; }

.x-form *{ box-sizing: border-box; margin: 0; padding: 0; position: relative; }

.x-form .x-field{ border: 1px solid #f6f8f8; border-radius: 3px; box-shadow: inset 0 2px 3px 0 #dfe7ec; float: left; height: 60px; margin: 0 0 25px 0; width: 100%; }
.x-form .x-field.x-half{ width: 49%; }
.x-form .x-field.x-right{ float: right; }
.x-form .x-field-textarea{ height: 140px; }
.x-form .x-field-captcha{ border: 1px solid transparent; box-shadow: none; clear: both; float: none; height: 78px; margin: 0 auto 25px auto; width: 304px; }
.x-form .x-field-send{ border: none; box-shadow: none; clear: both; float: none; height: 35px; margin: 0 auto 0 auto; width: 100px; }
.x-form .x-field.x-field-error{ border: 1px solid #D10000; }

.x-form .x-field label{ color: #0b85d0; font-size: 12px; height: 25px; left: 0; padding: 5px 15px 0 15px; position: absolute; top: 0; width: 100%; }
.x-form .x-field .x-entry{ background-color: transparent; border: 1px solid transparent; border-radius: 3px; float: left; font-size: 14px !important; height: 58px; line-height: 23px; padding: 25px 15px 0 15px; width: 100%; }
.x-form .x-field textarea.x-entry{ font-family: Noto Sans, sans-serif; height: 140px; line-height: 21px; padding: 15px; resize: none; }
.x-form .x-field textarea.x-entry::-webkit-input-placeholder { color: #3498db !important; font-size: 12px; }
.x-form .x-field textarea.x-entry:-moz-input-placeholder { color: #3498db !important; font-size: 12px; }
.x-form .x-field textarea.x-entry::-moz-input-placeholder { color: #3498db !important; font-size: 12px; }
.x-form .x-field textarea.x-entry:-ms-input-placeholder { color: #3498db !important; font-size: 12px; }
.x-form .x-field .x-entry:focus{ border: 1px solid #0b85d0; outline: none; }
.x-form .x-field.x-field-error label{ color: #D10000; }
.x-form .x-field.x-field-error .x-entry{ border: 1px solid transparent; }
.x-form .x-field .x-button{ background-color: #0b85d0; border-radius: 3px; color: #FFF; cursor: pointer; font-size: 13px; font-weight: bold; height: 35px; line-height: 35px; text-align: center; width: 100px; }
.x-form .x-field .x-error{ color: #D10000; display: none; font-size: 12px; height: 20px; left: 0; padding: 0 15px 0 15px; position: absolute; top: 60px; width: 100%; }

.x-form .x-loader{ background-color: rgba(255,255,255,0.8); bottom: 0; display: none; height: 100%; left: 0; position: fixed; right: 0; top: 0; width: 100%; z-index: 100; }
.x-form.x-loading .x-loader{ display: block; }
.x-form .x-loader .x-spinner{ animation: spin 1.5s linear infinite; border: 4px solid #f3f3f3; border-radius: 50%; border-top: 4px solid #3498db; bottom: 0; height: 30px; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 30px; 
  -webkit-animation: spin 1.5s linear infinite;
}

@media(max-width: 480px)
{
  .x-form .x-field.x-half{ width: 100%; }
  .x-form .x-field.x-right{ float: left; }
}

.x-reset{ clear: both; }