/*Add font ================================*/
.contact {
  padding-bottom: 30px; }

#contact_content {
  padding: 20px 0; }
  @media (min-width: 992px) {
    #contact_content {
      padding: 85px 0; } }
  #contact_content .box_header {
    text-align: center; }
    #contact_content .box_header h1 {
      font: 700 35px/150% "Lato", sans-serif;
      color: #252525; }
    #contact_content .box_header .desc {
      font: 400 15px/150% "Lato", sans-serif;
      color: #252525;
      padding-top: 15px; }
  #contact_content .form_box {
    border: 1px solid #3697e1;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 50px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.2);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 30px;
    margin-top: 35px; }

@media (min-width: 992px) {
  .contact_left #contact_form {
    padding: 30px 50px 26px; } }

.contact_left #contact_form h3 {
  font: 700 25px/150% "Lato", sans-serif;
  color: #252525; }

.contact_left #contact_form .form-group {
  margin: 0; }
  .contact_left #contact_form .form-group input, .contact_left #contact_form .form-group textarea {
    border: 1px solid #5190e1;
    margin: 7px 0; }

.contact_left #contact_form .row-btn {
  text-align: center;
  margin-top: 10px; }
  @media (min-width: 992px) {
    .contact_left #contact_form .row-btn {
      text-align: justify; } }
  .contact_left #contact_form .row-btn .btn-contact {
    font: 700 15px/150% "Lato", sans-serif;
    color: #303030;
    background: #efd579;
    padding: 5px 18px; }
    .contact_left #contact_form .row-btn .btn-contact i {
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg); }
  .contact_left #contact_form .row-btn .note {
    font: 400 16px/150% "Lato", sans-serif;
    font-style: italic;
    color: #1d1d1d;
    display: block;
    padding: 15px; }
    @media (min-width: 992px) {
      .contact_left #contact_form .row-btn .note {
        display: inline-block;
        padding: 0 15px; } }

.contact_right {
  font: 300 16px/150% "Lato", sans-serif;
  text-align: center;
  color: #fff;
  background: #0964d9;
  border-radius: 4px;
  padding: 24px 15px; }
  .contact_right b {
    font-weight: 500; }
  .contact_right p img {
    margin-bottom: 20px; }
  .contact_right p + p img {
    margin-top: 20px;
    margin-bottom: 10px; }
  .contact_right .btn_contact {
    font: 600 16px/150% "Lato", sans-serif;
    text-transform: uppercase;
    color: #272727;
    background: #efd579;
    border-radius: 4px;
    width: 194px;
    padding: 7px 15px;
    margin: 20px auto; }

#contact_map {
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
  padding-top: 37%;
  position: relative; }

#map_canvas {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

#map_canvas a {
  background: none; }

@media (max-width: 991px) {
  #contact_map,
  #contact_form {
    width: 100%; }
  #contact_map {
    margin: 0; } }

@media (max-width: 399px) {
  #contact_form label,
  #contact_form .input_text,
  #contact_form .textarea {
    width: 100%; } }