.iris {
	font-size: 1em;
	width: 90%;
	margin: 0 auto;
	padding: 0px 20px 20px 20px;
	font-family: brandon-grotesque, sans-serif;
}

.iris h1 {
	font-weight: normal;
}

input[type=text].iris-input, .iris input, .iris textarea, .iris select,
	.iris-input, .iris-select {
	box-sizing: border-box;
	width: 50%;
	max-width:600px;
	min-width:200px;
	height: initial;
	padding: 8px 5px;
	border: 1px solid #bbbaba;
	border-radius: 4px;
	font-size:.9em;
	font-weight:300;
	font-family: brandon-grotesque, sans-serif;
}



.iris input[type="checkbox"] {
	width: auto;
}

.iris input[type="radio"] {
	width: auto;
}

.checkboxes .checkbox {
	display: inline-block;
	padding-right: 20px;
	white-space: nowrap;
}

.checkboxes input {
	width: auto;
	vertical-align: middle;
	margin-left: 0;
	display: initial;
	opacity: initial;
	position: inherit;
	pointer-events: initial;
}

.checkboxes .checkbox-label {
	vertical-align: middle;
	color: #666;
}

.iris textarea, .iris-textarea {
	width: 50%;
	max-width:600px;
	min-width:200px;
	font-family: brandon-grotesque, sans-serif;
}

.iris select, .iris-select {
	display: initial;
	height: 30px;
	background-color: #fff;
	padding: 2px 5px;
}
/*
.iris button {
	width: 100px;
	padding: 3px 6px;
	font-size: 1em;
	cursor: pointer;
	border-radius: 12px;
	background: #217da3;
	color: #FFF;
	font-weight:700;
	text-transform:uppercase;
	margin: 0px 20px 5px 0;
	border: #217da3 1px solid;
	font-family: brandon-grotesque, sans-serif;
}
*/
.iris button{
font-weight: bold;
font-family: Arial;
font-size: 1em;
background-color: #90a9cb;
background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(rgba(0,97,216,0.75)), to(rgba(0,53,117,0.3)));
box-shadow: 0 3px 6px rgba(0,0,0,0.6);
position: relative;
display: inline-block;
padding: 0.25em 0.9em 0.3em 0.9em;
text-align: center;
cursor: pointer;
border: 1px solid #6a7482;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-opera-border-radius: 16px;
-khtml-border-radius: 16px;
border-radius: 16px;
color: #fff;
text-shadow: 1px 2px 2px rgba(0,0,0);
}

.iris button:before,.iris button:after {
content: '';
display: block;
position: absolute;
}

.iris button:after {
width: 90%;
height: 45%;
top: 5.5%;
left: 5%;
background: linear-gradient(
to top, rgba(255,255,255,0), 
rgba(255,255,255, 0.6));
border-radius: 18px;

}

.iris button:focus {
	outline: none;
}

.iris .iris-row {
	padding-top: 15px;
}

#iris-message {
	padding: 6px 20px;
	display: none;
	font-size: 1em;
	color: #767ccd;
	box-sizing: border-box;
	margin: 0px;
	border-radius: 3px;
	width: 100%;
	overflow: auto;
}

.iris .error {
	padding: 6px 20px;
	border-radius: 3px;
	background-color: #000;
	border: 1px solid red;
}

.iris .success {
	background-color: #ffffff;
	border: #83cbdd 0px solid;
}

#iris-loader-icon {
	color: #767ccd;
	font-weight: bold;
	padding: 6px 20px 6px 0;
	display: none;
	vertical-align: middle;
}

#iris-loader-ack-icon {
	color: #767ccd;
	font-weight: bold;
	padding: 6px 20px 6px 0;
	display: none;
	vertical-align: middle;
}

#iris-btn-send:hover {
background-color: #4886b1;
background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(#053970), to(#4886b1));
background-image: -moz-linear-gradient(top,bottom,from(rgba(96,129,163,.5)), to(rgba(140,179,206,.5)));
}

.iris .validation-message {
	color: #b20000;
	display: inline-block;
	text-transform:none;
}

.iris .label {
	margin-bottom: 3px;
	font-weight:700;
	font-family: brandon-grotesque, sans-serif;
	text-transform:uppercase;
}

.iris-form {
padding: 0px;

}

.g-recaptcha {
	padding-top: 15px;
}

.iris .display-none {
	display: none;
}

.icon-add-more-attachment {
	cursor: pointer;
	font-style: italic;
	font-size: .9em;
}

.attachment-row {
	margin-bottom: 5px;
}

.delete-attachment {
	margin-left: 10px;
	display: none;
	cursor: pointer;
	cursor: pointer;
	font-style: italic;
	font-size: .9em;
}

.inline-block {
	display: inline-block;
}

input[type=text].iris-input:focus, .iris input:focus, .iris textarea:focus,.iris-input:focus {
	border: 1px solid #bbbaba;	
}
@media all and (max-width: 780px) {
	.iris {
		width: auto;
	}
}

@media all and (max-width: 400px) {
	.iris {
		padding: 0px 20px;
	}
	.iris h1 {
		font-size: 1.2em;
	}
	.iris input, .iris textarea, .iris select {
		width: 100%;
	}
	.iris-form {
		border: none;
		padding: 0;
	}
	#rc-imageselect, .g-recaptcha {
		transform: scale(0.8);
		-webkit-transform: scale(0.8);
		transform-origin: 0 0;
		-webkit-transform-origin: 0 0;
	}
}