/* ================================================================ *\
	# Crowd Tooltip
\* ================================================================ */
.crowd-tooltip p { color: #000000; font-size: 13px; line-height: 22px; margin-bottom: 10px; }

.crowd-tooltip .center .crowd-tooltip-button { display: block; color: #FFFFFF; padding: 10px 15px; background: #25b6e6; text-decoration: none; font-size: 12px; white-space: nowrap; margin: 0 22px; }
.crowd-tooltip .center .crowd-tooltip-button:hover { background: #54cdf5; }

.crowd-tooltip .mpfy-close-tooltip { width: 11px; height: 11px; background-image: url(images/close-tooltip-black.png); }

/* ================================================================ *\
	# Crowd Popup
\* ================================================================ */
.crowd-popup button,
.crowd-popup input,
.crowd-popup select,
.crowd-popup textarea { font-family: inherit; font-size: inherit; color: inherit; -webkit-font-smoothing:antialiased; }

.crowd-popup button,
.crowd-popup input[type="button"],
.crowd-popup input[type="reset"],
.crowd-popup input[type="submit"] { cursor: pointer; }

.crowd-popup button::-moz-focus-inner,
.crowd-popup input::-moz-focus-inner { padding: 0; border: 0; }

.crowd-popup {  }
.crowd-popup-thank-you { max-width: 600px; padding: 0; }
.crowd-popup-thank-you p { margin-bottom: 20px; }
.crowd-popup .crowd-popup-title { padding: 10px 20px; background: #000; color: #fff; font-size: 13px; }
.crowd-popup .crowd-popup-body { padding: 20px 20px 15px 20px; }
.crowd-popup .crowd-fields-column { vertical-align: top; display: inline-block; width: 49%; margin-right: 1.5%; }
.crowd-popup .crowd-fields-column + .crowd-fields-column { margin-right: 0; }
.crowd-popup .crowd-field-wrap { margin: 0 0 24px 0; }
.crowd-popup .crowd-field-wrap label { display: block; margin-bottom: 10px; font-size: 13px; line-height: 1.2; color: #333333; }
.crowd-popup .crowd-field-wrap .field { display: block; width: 100%; height: 38px; padding: 9px 10px; box-sizing: border-box; font-size: 13px; line-height: 18px; color: #333333; border: 1px solid #dadada; }
.crowd-popup .crowd-field-wrap .field::-webkit-input-placeholder { font-style: italic; color: inherit; }
.crowd-popup .crowd-field-wrap .field:-moz-placeholder { font-style: italic; color: inherit; }
.crowd-popup .crowd-field-wrap .field::-moz-placeholder { font-style: italic; color: inherit; }
.crowd-popup .crowd-field-wrap .field:-ms-input-placeholder { font-style: italic; color: inherit; }
.crowd-popup .crowd-field-wrap textarea.field { resize: none; height: 132px; }

.crowd-popup .crowd-file-upload { position: relative; overflow: hidden; display: inline-block; vertical-align: top; width: 80px; height: 80px; margin: 0 0 4px; background: #f1f1f1; border: 1px solid #dadada; }
.crowd-popup .crowd-file-upload span { display: block; top: 0; left: 0; width: 100%; height: 100%; padding: 12px 5px; box-sizing: border-box; display: block; text-align: center; font-size: 13px; line-height: 18px; }
.crowd-popup .crowd-file-upload-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.crowd-popup .crowd-file-upload-trigger { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.crowd-popup .crowd-form-actions { padding: 20px 0 0; text-align: right; border-top: 1px solid #dadada; }
.crowd-popup .crowd-form-actions .crowd-btn-submit { display: inline-block; padding: 10px; font-size: 15px; color: #fff; background: #25b6e6; border-radius: 0; border: 0;
-webkit-transition: background-color 400ms;
     -o-transition: background-color 400ms;
        transition: background-color 400ms; }
.crowd-popup .crowd-form-actions .crowd-btn-submit:hover { background: #0c90bb; }

.crowd-popup .mpfy-p-close { top: 16px; right: 16px; }

.crowd-popup-error-notification,
.crowd-popup-notification {
	padding: 8px 12px;
    background: #e6f9ff;
	color: #333333;
    border: 1px solid #25b6e6;
    margin-bottom: 25px;
}

.crowd-popup-error-notification {
	border: 1px solid #ca2121;
    background: #ffe0e0;
    color: #333333;
	display: none;
}

@media only screen and (max-width: 1024px) {
	.crowd-popup .mpfy-p-close { top: 8px; right: 8px; }
}

@media screen and (max-width: 820px){
	.crowd-popup .crowd-fields-column { display: block; width: auto; }
}