/* Contact ***************************************************************/
input:valid {  background: #02747B;  }

.contact.section {
    display:block;
    width:80%;
    margin:0 auto;
    align-items: center;
    justify-content: center;
}

.container { width: 100%;  height: 100%; }

.contact { text-align: center; color: #14142A;}
.contact h1 { color: #02747B; font-weight: 300; margin-bottom: 60px; }
.contact-input { padding: 10px 10px; font-style: italic; color: #fff !important; outline: none; margin-bottom: 30px; border-radius: 3px;  }
.contact-textarea {  padding: 15px 10px;  font-style: italic;  color: #fff !important; outline: none; resize: none; margin-bottom: 30px; border-radius: 3px;  }

.contact-input ,.contact-textarea { text-align: left;  font-family: 'Open Sans', sans-serif;   width: 100%; border: 1px solid #8b8c95; background: #02747B; }

.contact-page { min-height: 100%;  }
.contact-page h1 { color: #fff; font-weight: 300; margin-bottom: 30px; margin-top: 30px; }

.adress-box { margin-bottom: 70px; }
.adress { background: #101022; color: #fff; line-height: 25px; text-align: left; padding: 15px 15px; }
.adress:before { content: ' '; position: absolute;width: 0;height: 0;right: 30px;bottom: -40px;border: 25px solid;border-color: #101022 transparent transparent #101022; }

.adress2 { background: #101022; color: #fff; line-height: 25px; text-align: left; padding: 15px 15px; }
.adress2:before { content: ' '; position: absolute;width: 0;height: 0;left: 30px;bottom: -40px;border: 25px solid;border-color: #101022 transparent transparent #101022; }

.btn-send {
    border: 1px solid #1AE6AF !important;
    color: #FFFFFF !important;
    background: #3ECDC9;
    border-radius: 3px !important;
    padding: 7px 42px !important;
}

.btn-send:hover {
    background: #02747B !important;
    color: #FFF !important;
}
/*************************************************************************/