.form-data{
  width: 100%;
  padding: 30px 0;
}

.form-address{
  float: left;
  width: 300px;
}

.form-address label{
  display: block;
  padding-bottom: 10px;
  font-size: 14pt;
  color: #16599F;
}

.form-address div{
  color: #737373;
  line-height: 150%;
  font-size: 10pt;
}

.form-phones{
  float: left;
  width: 210px;
  padding: 37px 0 0 50px;
}

.form-phones label{
  display: block;
  font-size: 8pt;
  padding-bottom: 5px;
  color: #646161;
}

.form-phones div{
  font-size: 14pt;
  padding-bottom: 10px;
  color: #16599F;
}

.form-map{
  float: left;
  padding-right: 10px;
}

.form-form{
  float: left;
}

.form-label{
  font-size: 9pt;
  text-decoration: underline;
  color: #646161;
  padding: 20px 0 10px;
}

.form-map{
  padding-right: 12px;
}

.form-inputs{
  float: left;
  padding-right: 10px;
  position: relative;
}

.fi-item{
  width: 331px;
  height: 20px;
  background-image: url(../images/form-input.jpg);
  background-repeat: no-repeat;
  margin-bottom: 8px;
  padding: 3px 0 0 5px;
  font-size: 8pt;
}

.fi-item input{
  padding: 1px;
  font-family: Verdana;
  font-size: 8pt;
  border: 0;
  background-color: transparent;
}

.c-name{
  width: 223px;
}

.c-company{
  width: 212px;
}

.c-phone{
  width: 268px;
}

.c-email{
  width: 267px;
}

.form-area{
  width: 343px;
  height: 136px;
  float: left;
  background-image: url(../images/form-area.jpg);
  background-repeat: no-repeat;
  padding-left: 3px;
  padding-top: 3px;
}

.form-area textarea{
  width: 337px;
  height: 132px;
  font-family: Verdana;
  font-size: 8pt;
  border: 0;
  background-color: transparent;
  resize: none;
}

.captcha{
  width: 333px;
}

.c-question{
  float: left;
  padding-right: 5px;
  margin-top: 4px;
  font-size: 8pt;
}

.c-value{
  float: left;
  width: 72px;
  height: 17px;
  padding-left: 9px;
  padding-top: 2px;
  background-image: url(../images/form-captcha.gif);
  background-repeat: no-repeat;
  margin-top: 1px;
}

.c-value input{
  width: 61px;
  padding: 1px;
  font-family: Verdana;
  font-size: 8pt;
  border: 0;
  text-align: center;
  background-color: transparent;
}

.c-action{
  float: left;
  padding-left: 5px;
  padding-top: 2px;
}

#msg{
  position: relative;
  z-index: 10;
}

.form-thanks{
  padding-bottom: 10px;
  margin-bottom: 20px;
  border-bottom: 1px solid #F9B300;
  border-top: 1px solid #F9B300;
  color: #052B54;
  text-align: center;
}

@media (max-width: 720px) {
  .form-area {
    width: 100%;
    margin-top: 20px;
  }

  .form-map img {
    max-width: 100%;
  }
}

@media (max-width: 370px) {
  .form-area {
    background: none;
  }
  .form-area textarea {
    max-width: 100%;
    width: 280px;
    border: 1px solid rgb(189, 189, 189);
  }

  .fi-item {
    width: 280px;
    background-size: contain;
  }

  .captcha {
    width: 300px;
  }

  .c-name {
    width: 188px;
  }

  .c-company {
    width: 179px;
  }

  .c-phone {
    width: 232px;
  }

  .c-email {
    width: 230px;
  }

  .form-phones {
    padding: 15px 0 0 0;
  }

  .form-data {
    padding-bottom: 0;
  }
}