/*@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700); */
textarea {
  height: 100px;
  resize: vertical;
  width: 100%;
}

.ease {
  -moz-transition: .3s ease;
  -ms-transition: .3s ease;
  -o-transition: .3s ease;
  -webkit-transition: .3s ease;
  background-color: #fbfbfb;
  height: 74px;
  transition: .3s ease;
  width: 0px;
}

.feedback-input {
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  background-color: #fbfbfb;
  border: 1px solid #d3d3d3;
  border-radius: 0;
  box-sizing: border-box;
  color: #3c3c3c;
  font-size: 1em;
  font-weight: 500;
  padding: 13px 13px 13px 54px;
  width: 100%;
  border-radius: 5px;
}

.focused {
  border: #30aed6 solid 3px;
  color: #30aed6;
}

.grecaptcha-badge {
  opacity: .7;
  z-index: 101;
}

a.mail_link {
  color: #006AB4;
  font-style: normal;
}

div.padSiteKey {
  padding: 13px 13px 38px 13px;
}

img.contact {
  width: 90%;
}

img.contact_mobile {
  width: 60%;
}

p.error {
  color: red;
}

p.mailMessage {
  display: none;
  padding: 26px 0 0 0;
}

p.mailMessage, p.topText {
  color: #cccccc;
  font-style: italic;
  text-align: center;
  font-weight: 600;
}

p.topText {
  margin: 1em auto 1em auto;
}

table.contact_table {
  width: 100%;
}

table.contact_table td {
  text-align: center;
  vertical-align: middle;
  width: 100%;
}

#button_blue {
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  background-color: #3498db;
  border: #fbfbfb solid 4px;
  color: white;
  cursor: pointer;
  float: left;
  /*  font-family:'Montserrat',Arial,Helvetica,sans-serif;     */
  font-size: 24px;
  font-weight: 700;
  margin-top: -4px;
  padding-bottom: 22px;
  padding-top: 22px;
  transition: all 0.3s;
  width: 100%;
  border-radius: 5px;
}

#comment {
  background-image: url(../images/icons/svg-icons/comment.svg);
}

#email {
  background-image: url(../images/icons/svg-icons/email.svg);
}

#feedback-page {
  text-align: center;
}

#form-main {
  background: rgba(50, 69, 53, 0.5);
  border: solid 1px #A9ABAD;
  border-radius: 7px;
  margin: 0 0 0 0;
  padding: 5px 20px 20px 20px;
  position: relative;
}

#lbTable {
  background: #fbfbfb;
  border: solid 1px #018BD3;
  border-collapse: separate;
  border-radius: 3px;
  margin: 5% auto 5% auto;
  padding: 1em 1em 1em 1em;
  position: relative;
  width: 30%;
}

#lbTable td {
  font-size: 1em;
  padding-bottom: .25em;
  padding-top: .25em;
  text-align: left;
  text-decoration: none;
  vertical-align: middle;
}

#lbTable td.left {
  text-align: right;
}

#lbTable td.middle {
  text-align: center;
  width: 2em;
}

#name {
  background-image: url(../images/icons/svg-icons/name.svg);
}

#phone {
  background-image: url(../images/icons/svg-icons/phone.svg);
  background-position: 11px 8px;
  background-repeat: no-repeat;
  background-size: 30px 30px;
}

#button_blue:hover {
  background-color: rgba(0, 0, 0, 0);
  color: #0493bd;
}

#email:focus {
  background-image: url(../images/icons/svg-icons/email.svg);
}

#name, #email, #email:focus, #comment, #phone {
  background-position: 11px 8px;
  background-repeat: no-repeat;
  background-size: 30px 30px;
}

#name:focus {
  background-image: url(../images/icons/svg-icons/name.svg);
  background-position: 11px 8px;
  background-repeat: no-repeat;
  background-size: 30px 30px;
}

#phone:focus {
  background-image: url(../images/icons/svg-icons/phone.svg);
}

.feedback-input:focus {
  background: #fff;
  border: 3px solid #3498db;
  -webkit-box-shadow: 0;
          box-shadow: 0;
  color: #3498db;
  outline: none;
  padding: 13px 13px 13px 54px;
}

.submit:hover {
  color: #3498db;
}

.submit:hover .ease {
  background-color: white;
  width: 100%;
}

a.mail_link:hover {
  font-style: italic;
}

input:hover, textarea:hover, input:focus, textarea:focus {
  background-color: white;
}
