.contact{ width:100%; float:left; padding:100px 0px 80px 0px; background:#d6d3c4; font-family:Arial, Helvetica, sans-serif}
.contact .title{ float:left; width:100%; padding:0px 20px 20px 20px; }
.contact .title h2{ font-size:45px; font-weight:bold; padding-bottom:15px; color:#FFF}
.contact .title h3{ font-weight:bold ; font-size:24px; color:#525659;padding-bottom:5px; }
.contact .text{ position:relative; z-index:100;float:left; line-height:31px; font-size:16px; width:40%; background:#393939; padding:45px 60px; float:left; box-shadow: 5px -2px 5px #666; margin-top:15px }
.contact .map{ width:55%; background:#fff; padding:10px; border-radius:10px; float:left; _display:inline; height:390px }
.contact .text .tel{font-size:20px;color:#f74556}
.contact a:hover{ text-decoration:underline}
.messages{ background:#efefef;width:100%; float:left; margin-top:20px; padding:70px 140px }
.messages .title{ float:left; width:100%;  border-bottom:5px solid #ffffff; padding-bottom:15px }
.messages .title h3{ font-weight:bold ; font-size:30px; }
.messages .form { font-size:15px}
.messages .form  .box { width:50%; float:left; padding-top:20px;  padding-right:20px }
.messages .form  .box .form-group { width:100%; float:left; margin-bottom:10px}
.messages .form  .box  label{ width:36%; float:left}
.messages .form  .box  label span{color:#ff0000}
.messages .form  .box input{ width:60%; float:left; border:1px solid #a19d9d; border-radius:0;padding: 1px 5px; height:24px; }
.messages .form  .box input:focus {border-color: #66AFE9; outline: 0px none;  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(102, 175, 233, 0.6);}
.messages .form  textarea{ border:1px solid #a19d9d; border-radius:0; width:60% }
.messages .form  .button input{ float:left; border-radius:10px; border:1px solid #8b0808; color:#FFF; background:#ff0000;padding:3px 15px; font-size:12px}
.messages .form  .button input:hover{ background:#ff0000; text-decoration:underline; color:#FFF;}
.messages .form  .box3 input{ width:20%; }
.messages .form .box3 img{ float:left; border:1px solid #d0cfcf; width:15%;  margin:0 10px; _display:inline}
.footer{ margin-top:0}

@media (max-width: 1466px){


.contact .title h2{ font-size:36px; }
.contact .title h3{ font-size:21px }
.contact .text{ line-height:30px; font-size:14px;padding:45px 40px;  width:40%;}

.messages{ padding:60px 100px }
.messages .title{ float:left; width:100%;  border-bottom:5px solid #ffffff; padding-bottom:15px }
.messages .title h3{ font-weight:bold ; font-size:28px; }
.messages form { font-size:14px}

.messages form  .box  label{ width:30%;}

.messages form  .box3 input{ width:18%; }

}

@media (max-width: 1200px){
.contact .text{padding:40px; }

.messages form  .box { width:100%;   }
.messages form .box label{ width:32%}
.messages form textarea{ width:60%}
.contact .text{ padding:45px 40px;  width:43%; line-height:28px}
.contact .text .tel{font-size:16px;color:#f74556}
}


@media (max-width: 768px){
.contact{  padding:40px 10px 50px 10px;}
.contact .title{ padding:0px 20px 20px 20px; }
.contact .title h2{ font-size:30px; }
.contact .title h3{  font-size:20px;}
.contact .text{ width:100%; padding:60px;  }
.contact .map{ width:100%; margin-left:0; margin-top:15px }
.contact .text .tel{font-size:20px;color:#f74556}
.messages { padding: 20px 15px;}
.messages .title h3 { font-size:24px}
.messages form  .box { width:100%; padding-right:0}
.messages form .box label{ width:100%}
.messages form .box input{width:100%}
.messages form textarea{ width:100%}
.messages form  .box3 label{ width:40%;}
.messages form  .box3 input{ width:20%; }
}

@media (min-width: 401px) and (max-width: 767px){



	
}

@media (max-width: 400px){
	

.contact .title h2{ font-size:24px; }
.contact .title h3{  font-size:16px;}
.contact .text{  padding:20px;  }
.contact .text .tel{font-size:16px;color:#f74556}
.messages .title h3 { font-size:18px}
.messages form .box input{width:100%}
.messages form  .box3 input{ width:30%; }
.messages form  .box3 label{ width:100%;}