.request-appointment-form {
    margin: 0 auto;
    max-width: 700px;
}

.input-container {

	input {
		background-color: #fcfcfc;
		background-image: none;
		border: 1px solid #e6e6e6;
		margin: 0 0 10px;
		width: 100%;
		padding: 6px 12px;
		font-size: 14px;
		transition: all ease-in-out 0.15s;
		border-radius: 0 !important;
		line-height: 1.428571429;
		outline: 0;
		
		&::placeholder {
			color: #86adbf !important;
			text-transform: capitalize !important;
		}
	}
}

.textarea-container {
	
	textarea {
		height: 125px;
		background-color: #fcfcfc;
		background-image: none;
		border: 1px solid #e6e6e6;
		margin: 0 0 10px;
		width: 100%;
		padding: 6px 12px;
		font-size: 14px;
		transition: all ease-in-out 0.15s;
		border-radius: 0;
		outline: 0;
		
		&::placeholder {
			color: #86adbf !important;
			text-transform: capitalize !important;
		}
	}
}

.submit-container {

	.btn {
        border-radius: 0 !important;
        border: 1px solid #7aa1b3;
        background: #86adbf;
        font-size: 16px;
        font-weight: normal;
        line-height: 18px;
        padding: 12px 24px;
        text-decoration: none;
        text-shadow: none;
        color: #fff;
        margin: 20px auto 0;
        display: block;
        text-transform: uppercase;

		&:hover {
			background: #527382;
			border: 1px solid #466776;
		}

		i {
			color: #fff;
			font-size: 1.3em;
			height: auto;
			margin-right: 8px;
			vertical-align: middle;
			width: auto;
		}
	}
}
