input, textarea {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	max-width: 100%;
}
button,
[type="text"],
[type="email"],
[type="submit"],
[type="reset"],
textarea {
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
}
::-webkit-input-placeholder {
	color: #b3b3b3;
	font-style: italic;
	opacity: 1.0;
}
::-moz-placeholder {
	color: #b3b3b3;
	font-style: italic;
	opacity: 1.0;
}
:-moz-placeholder {
	color: #b3b3b3;
	font-style: italic;
	opacity: 1.0;
}
::-ms-input-placeholder {
	color: #b3b3b3;
	font-style: italic;
	opacity: 1.0;
}
::input-placeholder {
	color: #b3b3b3;
	font-style: italic;
	opacity: 1.0;
}


.screen-reader-response {
	display: block;
	height: 0;
	overflow: hidden;
	position: absolute;
}
.wpcf7-display-none {
	display: none;
}
.wpcf7-not-valid-tip {
	background-color: #f51b38;
	display: block;
	clear: both;
	color: #ffffff;
	font-size: 80%;
	padding: 0.6em 1.25em;
}
.wpcf7-validation-errors,
.wpcf7-response-output {
	background-color: #fff;
	font-weight:bold;
	color: #f51b38 !important;
	border: 0 none;
	clear: both;
	color: #ffffff;
	font-size: 90%;
	margin: 1em 0;
	padding: 0.5em;
	text-align: center;
}

.wpcf7-mail-sent-ok {
	background-color: #23a638;
	border: 0 none;
	color: #ffffff!important;
	font-weight: 500;
	text-align: center;
}
.wpcf7-list-item {
	display: block;
	margin-right: 0.5em;
}
[type="radio"],
[type="checkbox"] {
	margin-right: 0.5em;
	vertical-align: middle;
}
label {
	display: block;
	font-size: 85%;
}
.wpcf7-list-item-label {
	cursor: pointer;
	vertical-align: middle;
}

.ajax-loader.is-active:after {
	content: 'Lähetetään...';
	display: block;
	margin-top: 1.4em;
	text-align: center;
}

[type="text"],
[type="email"],
[type="number"],
[type="tel"],
[type="date"],
textarea,
select {
	background-color: #ffffff;
	border: 1px solid #00a6d7;
	color: inherit;
	font-size: 87.5%;
	font-weight: 400;
	height: 2.2em;
	line-height: 1.2;
	padding: 0.3em 0.8em;
	width: 100%;
}
textarea {
	display: block;
	height: auto;
	padding-bottom: 0.5em;
	padding-top: 0.5em;
}
[type="submit"] {
	background-color: #e59100;
	color: #ffffff;
	cursor: pointer;
	font-size: 100%;
	font-weight: 600;
	min-width: 6em;
	padding: 0.5em 1.2em;
	text-align: center;
}

.checkbox,
.radio {
	display: block;
	font-size: 81.818%;
	margin-top: 0.6em;
}
.checkbox input,
.radio input {
	margin: -2px 0.4em 0 0;
	position: relative;
	vertical-align: middle;
}
.form-note {
	font-size: 12px;
}


.form-col {
	float: left;
	width: 48%;
}
.form-col-last {
	float: right;
	width: 48%;
}


.ui-datepicker {
	background-color: #f1f1f1;
	padding: 0.7em;
}
.ui-datepicker a {
	color: inherit;
	text-decoration: none;
}
.ui-datepicker-header {
	margin: 0 0.15em 0.4em;
	position: relative;
}
.ui-datepicker-prev,
.ui-datepicker-next {
	background-color: #e59100;
	color: #ffffff;
	cursor: pointer;
	float: left;
	height: 2em;
	position: absolute;
	text-align: center;
	text-decoration: none;
	top: 0;
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-user-select: none;
	user-select: none;
	width: 2em;
}
.ui-datepicker-left {
	left: 0;
}
.ui-datepicker-next {
	right: 0;
}
.ui-icon-circle-triangle-w,
.ui-icon-circle-triangle-e {
	display: block;
	overflow: hidden;
	position: relative;
	text-indent: -10em;
}
.ui-icon-circle-triangle-w:before,
.ui-icon-circle-triangle-e:before {
	color: #ffffff;
	content: '◄';
	left: 0;
	line-height: 2;
	position: absolute;
	right: 0;
	text-align: center;
	text-indent: 0;
	top: 0;
}
.ui-icon-circle-triangle-e:before {
	content: '►';
}
.ui-datepicker-title {
	clear: both;
	font-weight: 700;
	line-height: 1.2;
	padding: 0.4em 0 0.4em;
	text-align: center;
	text-transform: capitalize;
}
.ui-datepicker-calendar {
	text-align: center;
	text-transform: capitalize;
}
.ui-datepicker-calendar td {
	padding: 0.15em;
}
.ui-datepicker-calendar a {
	display: block;
	line-height: 1.6;
	text-align: center;
	width: 2em;
}
.ui-datepicker-calendar a:hover {
	background-color: #e1e1e1;
}
.ui-datepicker-current-day a,
.ui-datepicker-current-day a:hover {
	background-color: #8fbe00;
	color: #ffffff;
}


@media screen and (max-width: 359px) {
	.form-col,
	.form-col-last {
		float: none;
		width: auto;
	}
}