/*Contact Pages 1
------------------------------------*/
.map {
	width:100%; 
	height:350px;
	border-top:solid 1px #eee;
	border-bottom:solid 1px #eee;
}

/* important! bootstrap sets max-width on img to 100% which conflicts with google map canvas*/
.map img {
	max-width: none;
}

.map-box {
	height: 250px;
}

.map-box-space {
	margin-top: 15px;
}
.map-box-space1 {
	margin-top: 7px;
}

/*Custom Sky Forms (Advanced Contacts Page)*/
.sky-changes-3.sky-form,
.sky-changes-3.sky-form footer {
  border: none; 
}

.sky-changes-3.sky-form footer,
.sky-changes-3.sky-form fieldset {
	padding: 0;
	background: none;
}

/*Custom Form Contact*/

.container-contact {
    height: 100%;
    padding: 5px;
    margin: 7px;
    border: 1px solid #f7f7f7;
    
    width: 75% !important;
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    border-radius: 3px;
    left: 15%;
}

.form-contact-style {
    position: relative;
    margin: 45px;
    border: none;
}

.form-item {
    background: none;
    color: #000;
    font-size: 18px;
    padding: 10px 10px 10px 5px;
    display: block;
    width: 100%;
    border: none;
    border-bottom: 1px solid #000;
    resize: none;
}

.form-item:focus {
    outline: none;
    color: #000;
    border-bottom: 2px solid #e67e22;
}

input:focus~label, input:valid~label, 
textarea:focus~label, textarea:valid~label {
    position: absolute;
    top: -16px;
    font-size: 12px;
    color: #e67e22;
}

.lbl-item {
    color: #555;
    font-size: 16px;
    position: absolute;
    left: 20px;
    top: 10px;
    transition: 0.5s ease all;
}

.btn-item {
    left: 5px;
}
 
 .form-item:hover {
     background: #f7f7f7;
 }
 
 p {
     font-size: 16px;
     margin: 0 40px 10px;
 }
 
 
 /*VALIDATIONS*/

.error-form {
 	display: flex;
 	flex-direction: column;
 	margin-bottom: 15px;
 	text-align: left;
 	justify-content: left;
 	padding: 10px;
 	margin: 12px;
 	color: #e67e22;
 }
 
 .error-alert {
     color: #e67e22;
     font-size: 16px;
 }
 
 .error-alert-f {
     color: #e67e22;
     font-size: 15px;
 }
 