/***
 *	Forms
 *	Date: 2017-08-27
 */


/* WebKit browsers */
::-webkit-input-placeholder { color: #ccc; }

/* Mozilla Firefox 4 to 18 */
:-moz-placeholder { color: #ccc; opacity: 1; }

/* Mozilla Firefox 19+ */
::-moz-placeholder { color: #ccc; opacity: 1; }

/* Internet Explorer 10+ */
:-ms-input-placeholder { color: #ccc; }

/* HTML5 Default */
::placeholder { color: #ccc; }

::-moz-focus-inner { border: 0; padding: 0; }


/*
input,
select,
textarea,
fieldset { font-family: "Helvetica Neue", Helvetica, sans-serif; font-size: 14px; }
*/

label { display: block; vertical-align: middle; cursor: pointer; font-weight: bold; width: 100%; }
	
	label > small { display: inline-block; float: right; color: #999; padding-top: 2px; }
	
	label + input,
	label + select,
	label + textarea,
	label + .wpcf7-form-control-wrap { margin-top: 4px !important; }
	
	input + small,
	select + small,
	textarea + small,
	.wpcf7-form-control-wrap + small { display: block; margin-top: 4px !important; background: #e7e7e7; color: #999; padding: 4px; border-radius: 2px; }
	


fieldset { padding: 0; margin: 0; border: 0; }
	fieldset > label { margin-top: 4px !important; }
	fieldset.inline > label { display: inline-block; margin-right: 20px; width: auto; }

legend { font-weight: bold; }

button,
input,
select,
textarea { font-size: 12px; font-weight: normal; max-width: 100%; border-radius: 4px; background-color: #fff; border: 1px solid #fff; transition: all .3s ease-out; -webkit-appearance: none; -moz-appearance: none; appearance: none; height: 32px; line-height: 30px; }

	.light button,
	button.light,
	.light input,
	input.light,
	.light select,
	select.light,
	.light textarea,
	textarea.light { background-color: #ddd; border: 1px solid #555; }

	input:hover,
	select:hover,
	textarea:hover,
	input:focus,
	select:focus,
	textarea:focus { outline: none; border-color: #265c94; }
	
		input[readonly]:hover,
		select[readonly]:hover,
		textarea[readonly]:hover,
		input[readonly]:focus,
		select[readonly]:focus,
		textarea[readonly]:focus { border-color: #ddd; }

	textarea:disabled,
	select:disabled,
	input:disabled,
	textarea.disabled,
	select.disabled,
	input.disabled { resize: none; opacity: 0.5; cursor: default; }



button { display: inline-block; line-height: 38px; height: 40px; padding: 0 20px; border: 1px solid #265c94; background: #265c94; color: #fff; border-radius: 12; }
	
	button:hover { border-color: #0077D8; background: #0077D8; color: #fff; }

	button.button { padding-top: 0; padding-bottom: 0; }



input { /* width: 100%; */ padding: 0 8px; }

	input[type="checkbox"],
	input[type="radio"] { position: relative; display: inline-block; width: 20px; height: 20px; position: relative; top: 2px; margin-right: 4px; cursor: pointer; }
	
		input[type="checkbox"]:checked:after,
		input[type="radio"]:checked:after { content: ''; position: absolute; top: 3px; left: 3px; width: 12px; height: 12px; background: #555; }
	
		input[type="checkbox"],
		input[type="checkbox"]:checked:after { border-radius: 2px }

		input[type="radio"],
		input[type="radio"]:checked:after { border-radius: 50% }
		
		input[type="checkbox"] + label,
		input[type="radio"] + label { display: inline-block; padding-left: 2px; transition: none; }

	
	
	input[type="color"] { padding: 0 2px; }
	
	
	
	input[type="date"],
	input[type="email"],
	input[type="number"],
	input[type="password"],
	input[type="search"],
	input[type="tel"],
	input[type="text"],
	input[type="url"] { width: 100%; -webkit-appearance: textfield; }
	
	
	input[type="date"] {}
		input[type=date]::-webkit-inner-spin-button { -webkit-appearance: none; display: none; } /* up & down arrow */
		input[type=date]::-webkit-calendar-picker-indicator { -webkit-appearance: none; display: none; } /* calendar dropdown */
	
	
	input[type="file"] { width: 100%; border: none; border-bottom: 1px solid #ddd; border-radius: 0; padding-left: 0; }
	
	
	
	input[type="search"]::-webkit-search-decoration,
	input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }

	
	
	input[type="range"] { height: 32px; margin: 10px 0; width: 100%; }
		input[type="range"]:focus { outline: none; }

		input[type="range"]::-webkit-slider-runnable-track { background: #e0e0e0; border: 0 none; border-radius: 3px; cursor: pointer; height: 3px; width: 100%; }
			input[type="range"]:focus::-webkit-slider-runnable-track { background: #adadad; }
		
		input[type="range"]::-webkit-slider-thumb { appearance: none; background: #1c1e1f; border: 0 none; border-radius: 100%; cursor: pointer; height: 16px; margin-top: -6px; width: 16px; }

		input[type="range"]::-moz-range-track { background: #e0e0e0; border-radius: 3px; cursor: pointer; height: 3px; width: 100%; } 
		input[type="range"]::-moz-range-thumb { background: #1c1e1f; border: 0 none; border-radius: 100%; cursor: pointer; height: 16px; width: 16px; }

		input[type="range"]::-ms-track { background: transparent; border-color: transparent; color: transparent; cursor: pointer; width: 100%; height: 3px; }
		input[type="range"]::-ms-thumb { background: #1c1e1f; border: 0 none; border-radius: 100%; cursor: pointer; margin-top: 0; height: 28px; width: 28px; }

		input[type="range"]::-ms-fill-lower { background: #e0e0e0; border-radius: 3px; }
			input[type="range"]:focus::-ms-fill-lower { background: #adadad; }
		
		input[type="range"]::-ms-fill-upper { background: #e0e0e0; border-radius: 3px; }
			input[type="range"]:focus::-ms-fill-upper { background: #adadad; }



	
	input[type="submit"] { display: block; position: relative; padding: 8px 20px; height: auto; background: #265c94; border-color: #265c94; color: #fff; cursor: pointer; margin-left: auto; transition: all .3s ease; border-radius: 10px; }
		input[type="submit"]:hover,
		input[type="submit"]:focus { background: #0077d8; border-color: #0077d8; color: #fff; }



select,
textarea { display: block; width: 100%; line-height: 1.5; padding: 4px 8px; }


select { background-image: url( select.png ); background-repeat: no-repeat; background-position: right 8px center; padding-right: 32px; }

	select::-ms-expand { display: none; }

	select:not([multiple]) { cursor: pointer; line-height: 26px; height: 28px; padding: 0 32px 0 8px; vertical-align: middle; }


textarea { height: 120px; }


.flex { display: flex; }
	.flex > * { margin-top: 0 !important; }
	.flex > .before,
	.flex > .after { flex-shrink: 0; }

.with-before,
.with-after {}
	.with-before.with-after {}
	.with-before { border-top-left-radius: 0; border-bottom-left-radius: 0; }
	.with-after { border-top-right-radius: 0; border-bottom-right-radius: 0; }

.before,
.after { line-height: 28px; background: #ccc; color: #999; padding: 0 8px; }
.before { border-radius: 4px 0 0 4px; }
.after { border-radius: 0 4px 4px 0; }

.submit {}

.with-error { border-color: #c00; }

/*
.password-see { position: relative; float: right; line-height: 40px; width: 40px; text-indent: -999em; background: url( eye-see.png ) no-repeat 50% 50%; top: 0; margin-top: -40px; right: 4px; transition: none !important; }
	.password-see.active { background-image: url( eye-hide.png ); }
*/
.password-see { position: relative; float: right; line-height: 12px; width: 28px; top: 0; margin-top: -32px !important; right: 8px; padding: 4px; transition: none !important; border: 0 !important }

.loading { color: transparent !important; background: #0077d8 url( loading.gif ) no-repeat 50% 50% !important; transition: none !important; }

.ajax { background-image: url( loader-black.gif ); background-repeat: no-repeat; background-position: right 8px center; transition: none !important; }



.wpcf7 .row {}
.wpcf7-form-control-wrap { display: block }

/* .wpcf7-form-control-wrap { display: inline-block; margin-bottom: 1.25rem; width: 100% } */
/* .wpcf7-form-control-wrap:last-of-type { margin-bottom: .625px } */



/*

.big {}
.small {}

.error {}
.success {}
.warning {}

.button {}
	.button:hover {}
	
	.button:disabled,
	.button.disabled {}
		.button:disabled:hover,
		.button.disabled:hover {}
		
	.button.outline {}
		.button.outline:hover {}
	
	.button.outline,
	.button.outline:disabled:hover,
	.button.outline.disabled:hover {}
	
	.button.small {}
		
	.button.primary {}

		.button.primary:focus,
		.button.primary:hover {}
    
		.button.primary:focus:disabled,
		.button.primary:focus.disabled,
		.button.primary:hover:disabled,
		.button.primary:hover.disabled {}

		.button.primary.outline:hover {}

		.button.primary.outline,
		.button.primary.outline:disabled:hover,
		.button.primary.outline.disabled:hover {}

	.button.inverted {}
	
		.button.inverted:focus,
		.button.inverted:hover {}
    
		.button.inverted:focus:disabled,
		.button.inverted:focus.disabled,
		.button.inverted:hover:disabled,
		.button.inverted:hover.disabled {}

	.button.inverted.outline:hover {}

		.button.inverted.outline,
		.button.inverted.outline:disabled:hover,
		.button.inverted.outline.disabled:hover {}
	
	.buttons.group {}

		.buttons.group .button {}
    
		.buttons.group .button:first-child {}
	
		.buttons.group .button:last-child {}

 */

@media only screen and ( max-width: 599px ){
	input[type="submit"] { margin-left: 0; width: 100%; text-align: center; }
}