@font-face {
  font-family: 'etd';
  src:
    url('fonts/etd.ttf?2tiyhj') format('truetype'),
    url('fonts/etd.woff?2tiyhj') format('woff'),
    url('fonts/etd.svg?2tiyhj#etd') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'etd' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-address:before {
  content: "\e911";
  font-size: 80%;
}
.icon-fax:before {
  content: "\e912";
  font-size: 80%;
}
.icon-phone:before {
  content: "\e913";
  font-size: 80%;
}
.icon-architects-engineers:before {
  content: "\e900";
}
.icon-cellular-sites:before {
  content: "\e901";
}
.icon-commercial-buildings:before {
  content: "\e902";
}
.icon-contractors:before {
  content: "\e903";
}
.icon-daycare-centers:before {
  content: "\e904";
}
.icon-fire:before {
  content: "\e905";
  color: #F15A29;
  font-size: 130%;
  position: relative;
  top: -5px;
  right: -3px;
}
.icon-hotels:before {
  content: "\e906";
}
.icon-internet-switch-sites:before {
  content: "\e907";
}
.icon-manufacturing:before {
  content: "\e908";
}
.icon-medical-buildings:before {
  content: "\e909";
}
.icon-office-buildings:before {
  content: "\e90a";
}
.icon-restaurants:before {
  content: "\e90b";
}
.icon-retail-centers:before {
  content: "\e90c";
}
.icon-schools:before {
  content: "\e90d";
}
.icon-user-consulting:before {
  content: "\e90e";
}
.icon-view-projects:before {
  content: "\e90f";
  font-size: 80%;
}
.icon-water:before {
  content: "\e910";
  color: #1E9FE3;
  font-size: 130%;
  position: relative;
  top: 5px;
  left: -3px;
}

/*----- Forms -----*/

.form {
	font-family: 'Roboto Condensed', sans-serif;
	margin: 0 auto;
	max-width: 768px;
	border: 0;	
}

.form  #form { 
	width: 100%; 
}

.form .hidden { 
	display: none;
}

.form .form-group {
	width: 100%;
	margin-bottom: 30px;
	position: relative;
}

.form label {
	display: block;
	margin-bottom: 4px;
	font: 400 18px 'Roboto Condensed', sans-serif;
	color: rgba(56,56,56,.7);
}

.form input {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: #FFF;
	border: 1px solid #FFF;
	color: rgba(56,56,56,.7);
	width: 100%;
	padding: 0 10px;
	margin: 0;
	font: 16px/44px 'Roboto Condensed', sans-serif;
	transition: all 200ms ease-in;
	height: 44px;
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.05);
}

.form textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: #FFF;
	border: 1px solid #FFF;
	color: rgba(56,56,56,.7);
	min-height: 160px;
	width: 100%;
	padding: 14px 10px;
	margin: 0;
	font: 16px/24px 'Roboto Condensed', sans-serif;
	transition: all 200ms ease-in;
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.05);
}

.form input:hover, .form textarea:hover, .form select:hover {
	background: #FFF;
	border: 1px solid rgba(56,56,56,.4);
	color: rgba(56,56,56,.7);
}

.form input:focus, .form textarea:focus, .form select:focus {
	background: #FFF;
	border: 1px solid #1E9FE3;
	color: rgba(56,56,56,.7);
	outline:0;
	box-shadow: 0 0 15px 0 rgba(0,0,0,0.08);
}

/*----- Submit Button -----*/

.form button.submit {
	width: 220px;
	margin: 0;
	padding: 14px 30px;
	border: none;
	color: #FFF;
	border-radius: 1px;
	font: 700 14px 'Roboto Condensed', sans-serif;
	background: #F15A29;
	text-align: center;
	cursor: pointer;
	transition: all 200ms ease-in;
	text-transform: uppercase;
	-webkit-appearance: none;
}

.form button.submit:hover {
	background: #1E9FE3;
}

/*----- File Upload -----*/

.form #file { 
	opacity: 0; 
    filter: alpha(opacity=0);
	position: absolute; 
	z-index: 10; 
	left: 0; 
	top: 0; 
	cursor: pointer;
	line-height: 44px;
	height: 44px;
}

.form #choose-file { 
	position: relative; 
	z-index: 8;
	line-height: 44px;
	height: 44px;
}

.form #choose-file-button {
	position: absolute;
	right: 4px;
	top: 23px;
	z-index: 9;
	height: 36px;
	width: 120px;
	border: 0;
	border-radius: 1px;
	text-align: center;
	cursor: pointer;
	color: #FFF;
	background: #777;
	font: 700 13px/36px 'Roboto Condensed', sans-serif;
}

/*----- Placeholders -----*/

.form ::-webkit-input-placeholder { 
    color: #CCCCCC;
	font-style: italic;
}

.form ::-moz-placeholder { 
   color: #CCCCCC;
   font-style: italic;
}

.form :-ms-input-placeholder { 
   color: #CCCCCC;
   font-style: italic;
}

/*----- Error Message -----*/

.form input.error, .form textarea.error { 
	border-color: #F15A29;
}

.form label.error {
	color: #F15A29;
	display: block;
	padding-top: 5px;
	font-size: 14px;
	text-transform: none;
}

/*----- Captcha -----*/

.form .captchaWrap {
	color: rgba(56,56,56,.7);
	display: block;
	margin-bottom: 4px;
	font: 400 18px 'Roboto Condensed', sans-serif;
}

.form .captchaField {
	color: rgba(56,56,56,.7); 
	max-width: 220px!important; 
	display: block; 
	text-align: center; 
	-moz-appearance: textfield;
}

.form input[type=number]::-webkit-inner-spin-button, .form input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; 
}

.form .alerts {
	display: block; 
	width:100%; 
	height:60px;
}

.form #form-success {
	color: #1E9FE3;
	width: 100%;
	padding: 0;
	margin-top: -10px;
	margin-bottom: 20px;
	font-size: 18px;
	font-weight: 700;
	text-transform: uppercase;	
}

.form #form-error {
	width: 100%;
	padding: 9px 0;
	margin-bottom: 20px;
}

/*----- Radio / Checkboxes -----*/

.form .radio, .form .checkbox {
	color: rgba(255,255,255,1);
	cursor: pointer;
	font-size: 16px;
	height: 16px;
	margin-bottom: 6px;
	position: relative;
	line-height: 16px;
}

.form .radio, .form .checkbox, .form .inline-group .radio, .form .inline-group .checkbox {
	padding: 8px 0 20px 28px;
}

.form .radio:last-child, .form .checkbox:last-child { 
	margin-bottom: 0; 
}

.form .inline-group .radio, .form .inline-group .checkbox { 
	display: inline-block; 
	margin-right: 25px; 
}

.form .radio input, .form .checkbox input { 
	position: absolute; 
	left: -9999px; 
}

.form .radio i, .form .checkbox i {
	background-color: #FFF;
	border: 1px solid rgba(255,255,255,1);
	display: block;
	height: 20px;
	left: 0;
	outline: none;
	position: absolute;
	top: 5px;
	transition: border-color.2s;
}

.form .radio i, .form .checkbox i { 
	width: 20px; 
}

.form .checkbox i {
	border-radius: 1px;
}

.form .radio i, .form .radio i:after {
	border-radius: 50%;
}

.form .radio i:after {
	background-color: rgba(255,255,255,1);
	content: "";
	height: 10px;
	top: 4px;
	left: 4px;
	opacity: 0;
	position: absolute;
	width: 10px;
}

.form .checkbox i:after {
	border-width: 0 0 3px 3px;
	border-bottom: solid rgba(255,255,255,1);
	border-left: solid rgba(255,255,255,1);
	content: "";
	height: 7px;
	top: 4px;
	transform: rotate(-45deg);
	left: 4px;
	opacity: 0;
	position: absolute;
	width: 11px;
}

.form .radio input:checked + i:after, .form .checkbox input:checked + i:after { 
	opacity: 1; 
}

.form .checkbox:hover i, .form .radio:hover i { 
	border: 1px solid rgba(255,255,255,.5); 
}

.form .radio input:checked + i, .form .checkbox input:checked + i { 
	border: 1px solid rgba(255,255,255,1); 
}

.form .radio input:checked + i, .form .checkbox input:checked + i { 
	color: rgba(255,255,255,1); 
}

/*----- Select Menu -----*/

.form select::-ms-expand { 
    display: none; /* hide the default arrow in ie10 and ie11 */
}

.form select:-moz-focusring { 
	color: transparent; 
	text-shadow: 0 0 0 #222; 
}

.form select {
    -webkit-appearance: none;
    appearance: none;
}


/*THE SELECT BOX AREA STYLES
--------------------------------------*/
.select-style {
	color: #555;
	border: 1px solid #DDD;
	position: relative;
	cursor: pointer;
	padding: 6px 0;
	background: #FFF;
	width: 100%;
	text-indent: 10px;
	font: 14px sans-serif;
}

.selectcon {
  	color: #000;
  	position: absolute;
  	right: 15px;
  	top: 15px;
  	width: 8px;
  	height: 8px;
  	border-bottom: solid 1px currentColor;
  	border-left: solid 1px currentColor;
  	-webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

/*THE DROPDOWN BOX STYLE
--------------------------------------------*/
.select-style .customselect .value-wrapper {
	background: #FFF;
	padding: 0;
	border: 1px solid #DDD;
}

.select-style .customselect .value-wrapper .values {
	color: #555;
	font-size: 13px;
}

.select-style .customselect .value-wrapper .values:hover,
.select-style .customselect .value-wrapper .values.active {
	background: #F9F9F9;
}

.select-style {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	display: inline-block;
	min-width: 150px;
}

.customselect .value-wrapper {
	display: none;
	position: absolute;
	top: 44px;
	width: 100%;
	z-index: 10;
}

.customselect .value-wrapper .values {
	padding: 14px 10px;
	cursor: pointer;
}

.customselect .value-wrapper .values label {
	cursor: pointer;
}

.customselect  {
	position: relative;
}

.customselect p {
 	border: none;
    margin-top: 0;
    margin-bottom: 0;
    padding: 7px;
}

.customselect input[type='radio'] {
	visibility: hidden;
	position: absolute;
	left: -9999px;
}