/*========================
Contact
========================*/

#contact-area form { float: left; width: 100%; margin:20px 0; }

#contact-area form input { background:#fdfdfd; float: left; width: 100%; border-radius: 8px; border:1px solid #9a9a9a; font-size: 14px; padding:15px; margin-bottom: 15px; color: #555555; }
#contact-area form textarea { margin-top: 10px; background:#fdfdfd; float: left; width: 100%; border-radius: 8px; border:1px solid #9a9a9a; font-size: 14px; padding:15px; margin-bottom:15px; color: #555555; max-width: 100%; height:120px;  }
#contact-area form select {
float: left;
    width: 100%;
    background:#fdfdfd;
    color: #404040;
    font-size: 15px;
    margin: 0px 0;
    border: none;
    padding: 15px;
    color: #816D70;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color:  #9a9a9a;
    border: 1px solid #9a9a9a;
    /*padding-left: 30px;*/}

#contact-area form .button { width: auto; color: #FFF; margin-top: 10px; padding:10px 30px; font-family: din_next; font-style:normal; font-size: 14px; margin-bottom: 0; border:none; }
#contact-area form select {border-radius:10px; background-image: url("../images/dropdown.jpg"); background-repeat: no-repeat;
    background-position: 95%; background-size:12px 9px, 12px 12px; }

#contact-area .phone-numbers { background-image: url("../images/blue-background.jpg"); background-size:cover; float: left; width: 100%; color: #FFF; border-radius: 8px; overflow: hidden; padding:30px; }
#contact-area .phone-numbers h2, #contact-area .phone-numbers p { color: #FFF; }
#contact-area .phone-numbers p { padding:13px 0; }
#contact-area .phone-numbers h2 {color: #fff;border:none; position: relative; margin-bottom: 20px;}
#contact-area .phone-numbers h2:before {position: absolute; bottom: 0px; left: 0px; height: 3px; width: 80px; background: #fff; content:'';}
#contact-area .email { float: left; width: 100%; }


#contact-area form .form-button { cursor: pointer; background:#2c85c6 url(../images/white-arrow-right.png); background-repeat: no-repeat;background-size: 10px;
    background-position: 10%; padding:10px 60px; font-weight: 800;   }
#contact-area form .form-button:hover { background:#05538c url(../images/white-arrow-right.png); background-repeat: no-repeat;background-size: 10px;
    background-position: 10%; padding:10px 60px; font-weight: 800;  }



/*#contact-area form .form-button:hover { background: #05538c; }*/

.social-button { font-size: 14px; float: left; width: 100%; border-radius: 8px; border:1px solid #d2d2d2; overflow: hidden; margin:10px 0; background: none; padding:0; color: #2d2d2d; text-align:left; line-height: 47px; }
.social-button i { background: #000; color: #FFF; padding:14px; float: left; margin-right: 20px; font-size: 20px; min-width: 47px; text-align: center; }
.social-button img{ float: right; margin-top: 12px; }

.social-button:nth-child(2) i { background: #009cff; }
.social-button:nth-child(3) i { background: #0076a8; }
.social-button:nth-child(4) i { background: #2a3496; }
.social-button:hover { color: #FFF; }



.logo-image {    max-width: 300px;
    margin: 0 auto 20px;
    display: none;
    text-align: center;
    float: none;}



/* =======================================
 @ 600
======================================= */
@media only screen and (min-width: 600px) {


/*#contact-area form input, #contact-area form select { width: 50%; } */
#contact-area { padding-bottom:0; }

}



@media only screen and (max-width: 771px) {
	#contact-area .span_1_of_3 {
    margin-left: 0;
	}
}


/* =======================================
 @ 771
======================================= */
@media only screen and (min-width: 771px) {


/*#contact-area form input, #contact-area form select { width: 50%; } */
.social-button { font-size: 11px  }
/*#social-links .logo-image { width: 30%; }*/
#social-links .span_1_of_3 { float: right; }
#contact-area .email { font-size: 13px; }



.logo-image {    max-width: 300px;
    margin: 0 auto 20px;
    display: block;
    text-align: center;
    float: none;}

#contact-area form textarea { margin-top: 0px; }
}


/* =======================================
 @ 1000
======================================= */
@media only screen and (min-width: 1000px) {


/*#contact-area form input, #contact-area form select { width: 50%; } */
.social-button { font-size: 14px  }
#contact-area .email { font-size: 15px; }
}



@media only screen and (max-width: 480px) {
	#contact-area form .span_1_of_2 {
    width: 100%;
	}
}