/* .contact-form table{
    font-size: 1em;
}*/

.contact-form-table{
    font: inherit;
}

    .contact-form-table tr {
        display: static;
    }

.contact-form-table tr td{    
    border: none;
}

.contact-form-table tr td:first-child{    
    text-align: right;
    padding-right: 15px;
    vertical-align: middle;
    width: 40%;
}

.contact-form-table  input[type="text"],
.contact-form-table  textarea,
.contact-form-table  select{
    width: 100%;
}

.contact-form-table textarea{
    min-height: 170px;
    min-width: 370px;
    resize: vertical;
}

.contact-card{
    margin-bottom: 1.5em;
}

.contact-card p{
    padding-bottom: 0.5em;
    display: flex;
    justify-content: space-between;
}

.contact-card .icon-pin {
	position: absolute;
	right: 15px;
	top: 15px;
	font-size: 35px;
	color: #c9c9c9;
	opacity: .7;
	height: 40px;
}

.contact-card .icon-pin:hover{
    opacity: .9;
}

.contact-form-table button:hover+div{
    opacity: 1;
}

.note {
	border-radius: 8px;
	background-color: #f6f6f6;
	color: #999;
	padding: 10px;
	text-align: left;
	margin-top: 30px;
	position: relative;
	line-height: 1.3;
    font-size: .8em;
	box-shadow: 0 5px 30px rgba(0,0,0,0);
    transition: all .4s ease-out;
}

.note::before {
	content: "";
	position: absolute;
	border-color: transparent transparent #f6f6f6 transparent;
	border-style: solid;
	border-width: 0px 15px 15px 15px;
	top: -15px;
	right: 46%;
}

.flex-2-col + div{
    margin-top: 3em;
}

@media only screen and (max-width: 870px) {
	.contact-form-table textarea{
		min-width: 0;
	}
}

@media only screen and (max-width: 460px) {
	.contact-form-table tr td:first-child {
		text-align: left;
		width: 100%;
		padding: 15px 0 0px 10px;
	}
	
	.contact-form-table tr {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
}

#loadcontacts {
	display: none;
}