/* Contact Form X - Dark Form Style */

#cfx { 
	box-sizing: border-box; max-width: 700px; padding: 5px; color: #999;
	font: normal 14px/18px 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Geneva, Verdana, sans-serif;
	}
#cfx fieldset { box-sizing: border-box; width: 100%; margin: 0; padding: 8px 0; border: 0; border-radius: 0; }

#cfx fieldset.cfx-checkbox, 
#cfx fieldset.cfx-radio,
#cfx fieldset.cfx-select { box-sizing: border-box; width: 90%; margin: 5px 0; }

#cfx .cfx-input     label, 
#cfx .cfx-textarea  label,
#cfx .cfx-recaptcha label,
#cfx .cfx-checkbox  legend,
#cfx .cfx-radio     legend,
#cfx .cfx-select    legend {
	display: block; box-sizing: border-box; width: 70%; margin: 0; padding: 0 0 2px 0; border: 0; border-radius: 0; color: #777;
	font-size: 12px; font-weight: normal; text-transform: uppercase; letter-spacing: 1px; 
	}
#cfx .cfx-checkbox label,
#cfx .cfx-radio    label { color: #777; font-size: 13px; letter-spacing: normal; }

#cfx .cfx-input    input,
#cfx .cfx-select   select,
#cfx .cfx-textarea textarea {
	display: block; box-sizing: border-box; width: 70%; margin: 0; padding: 10px; border: 1px solid #777; border-radius: 0; color: #999; background-color: #333;
	font: normal 14px/20px 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Geneva, Verdana, sans-serif;
	-webkit-appearance: none; -moz-appearance: none;
	}
#cfx .cfx-checkbox input { margin: 0 5px 0 0; padding: 0; border: 1px solid #777; color: #999; background-color: #333; }
#cfx .cfx-textarea textarea { width: 90%; height: 150px; min-height: 100px; resize: vertical; }
#cfx .cfx-input input:focus, #cfx .cfx-textarea textarea:focus { color: #ccc; }
#cfx .cfx-recaptcha { box-sizing: border-box; width: 90%; }

#cfx fieldset.cfx-checkbox input[type=checkbox],
#cfx fieldset.cfx-checkbox label[for*=cfx-],
#cfx fieldset.cfx-radio    input[type=radio],
#cfx fieldset.cfx-radio    label[for*=cfx-] { display: inline-block; vertical-align: middle; border-radius: 0; }

#cfx fieldset.cfx-checkbox div,
#cfx fieldset.cfx-radio    div { padding: 0 5px 2px 5px; }
#cfx fieldset.cfx-checkbox div:last-child,
#cfx fieldset.cfx-radio    div:last-child { padding: 0 5px; }

#cfx fieldset.cfx-checkbox input,
#cfx fieldset.cfx-radio    input { margin: 0 3px 0 0; padding: 0; top: 0; }
#cfx fieldset.cfx-checkbox label,
#cfx fieldset.cfx-radio    label { margin: 0; padding: 0; font-weight: normal; }

#cfx .cfx-checkbox.cfx-agree, 
#cfx .cfx-checkbox.cfx-carbon { box-sizing: border-box; width: 90%; margin: 5px 0; padding: 2px 5px; color: #777; font-size: 13px; letter-spacing: normal; }
#cfx .cfx-agree a { display: inline; vertical-align: initial; }

#cfx .cfx-button {
	box-sizing: border-box; display: inline-block; position: relative; margin: 20px 0 10px 0; padding: 15px 20px; color: #999; 
	font-weight: bold; text-align: center; text-decoration: none; border-radius: 0; cursor: pointer; border: 0;
	background-color: #444; box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
	transition: all 0.3s cubic-bezier(0.25,0.8,0.25,1);
	}
#cfx .cfx-button:hover { color: #a8a8a8; background-color: #484848; box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22); }
#cfx .cfx-button:active { color: #777; background-color: #3e3e3e; box-shadow: none; }

#cfx .cfx-extra pre, 
#cfx .cfx-extra pre code { word-wrap: break-word; overflow-wrap: break-word; white-space: pre-wrap; }

#cfx .cfx-before-form, 
#cfx .cfx-before-results,
#cfx .cfx-after-form, 
#cfx .cfx-after-results { padding: 20px 0; }

#cfx .cfx-error { padding: 5px 0; }
#cfx .cfx-errors,
#cfx .cfx-success { margin: 0 0 20px 0; padding: 0 0 0 10px; border-left: 10px solid #ff6f60; }
#cfx .cfx-success { border-color: #4ebaaa; }

#cfx .cfx-required input:not([type='checkbox']), 
#cfx .cfx-required textarea,
#cfx .cfx-required .g-recaptcha,
#cfx .cfx-required.cfx-checkbox,
#cfx .cfx-required.cfx-select,
#cfx .cfx-required.cfx-radio { border: 1px solid #ff6f60; border-left-width: 10px; }

#cfx-noscript { color: red; font-weight: bold; }
#cfx .cfx-reset, #cfx .cfx-select label { display: none; }
#cfx .cfx-disabled { background-color: #98a0ac; box-shadow: none; cursor: wait; }

#cfx ::placeholder { color: #777; opacity: 1; }
#cfx :-ms-input-placeholder { color: #777; }
#cfx ::-ms-input-placeholder { color: #777; }

#cfx .cfx-powered-by {
	margin: 20px 0 0 0; padding: 2px 0 0 20px; font-style: italic; font-size: 14px; line-height: 20px; opacity: 0.7;
	background-position: left center; background-size: 14px 14px; background-repeat: no-repeat;
	}

@media (max-width: 600px) {
	
	#cfx.cfx,
	#cfx.cfx fieldset,
	
	#cfx.cfx .cfx-input,
	#cfx.cfx .cfx-checkbox,
	#cfx.cfx .cfx-radio,
	#cfx.cfx .cfx-select,
	#cfx.cfx .cfx-textarea,
	#cfx.cfx .cfx-recaptcha,
	
	#cfx.cfx .cfx-input    label,
	#cfx.cfx .cfx-checkbox legend,
	#cfx.cfx .cfx-radio    legend,
	#cfx.cfx .cfx-select   legend,
	#cfx.cfx .cfx-textarea label,
	
	#cfx.cfx .cfx-input    input,
	#cfx.cfx .cfx-select   select,
	#cfx.cfx .cfx-textarea textarea { width: 100%; }
	
}