::-webkit-input-placeholder {
 font-size: 16px;
  color: #9b9b9b;
 padding: 0;
 line-height: normal;
  font-weight: normal;
  text-align: left;
  vertical-align: center;
}
.lightgrey::-webkit-input-placeholder {
 transition: all 0.3s;
  color: #dbdbdb;
}
form input::-webkit-input-placeholder {
 font-size: 16px;
  color: #9b9b9b;
 padding: 0;
 line-height: normal;
  font-weight: normal;
  text-align: left;
  vertical-align: center;
}
.lightgrey form input::-webkit-input-placeholder {
 transition: all 0.3s;
  color: #dbdbdb;
}

::placeholder {
 font-size: 16px;
  color: #9b9b9b;
 padding: 0;
 line-height: normal;
  font-weight: normal;
  text-align: left;
  vertical-align: center;
}
.lightgrey::placeholder {
 transition: all 0.3s;
  color: #dbdbdb;
}

:-moz-placeholder { /* Firefox 18- */
 font-size: 16px;
  color: #9b9b9b;
 padding: 0;
 line-height: normal;
  font-weight: normal;
  text-align: left;
  vertical-align: center;
}
.lightgrey:-moz-placeholder {
 transition: all 0.3s;
  color: #dbdbdb;
}

::-moz-placeholder {  /* Firefox 19+ */
 font-size: 16px;
  color: #9b9b9b;
 padding: 0;
 line-height: normal;
  font-weight: normal;
  text-align: left;
  vertical-align: center;
}
.lightgrey::-moz-placeholder {
 transition: all 0.3s;
  color: #dbdbdb;
}

:-ms-input-placeholder {
 font-size: 16px;
  color: #9b9b9b !important;
 padding: 0;
 line-height: normal;
  font-weight: normal;
  text-align: left;
  vertical-align: text-top;
}
.lightgrey:-ms-input-placeholder {
 transition: all 0.3s;
  color: #dbdbdb;
}

.inputs {
 position: relative;
 display: inline-block;
}
label.error {
 position: absolute;
  color: #ff4246;
}
label {
 display: inline-block;
 margin: 5px 0;
  font-size: 14px;
  line-height: 24px;
  text-align: left;
}
label span {
 display: none;
}

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="url"],
textarea {
 display: inline-block;
 vertical-align: top;
 width: 272px;
 height: 52px;
 -webkit-box-shadow: none;
 box-shadow: none;
  border: 1px #242E30 solid;
  outline: none;
  border-radius: 30px;
 margin: 8px 0 0 0;
 padding: 18px 0 18px 54px;

 font-size: 16px;
 color: #0a3847;
 text-align: left;
 line-height: normal;
  font-weight: normal;
  vertical-align: center;

 -webkit-transition: all 0.2s ease-In-Out;
 transition: all 0.2s ease-In-Out;
}
input:valid {
 border: 1px #24ce30 solid;
}
.errors {
 color: #24ce30;
}

.inputfield.one {
 background-position: 18px 50%;
 background-repeat: no-repeat;
 background-size: 19px 19px;
 background-color: #fff;
 background-image: url("../img/country-svg/at.svg");
 margin-right: 6px;
}
.inputfield.two {
 background-position: 18px 50%;
 background-repeat: no-repeat;
 background-size: 21px 21px;
 background-color: #fff;
 background-image: url("../img/icons-svg/icon-mail-grey.svg");
}
      
.submitButton{
 display: block;
 position: relative;
}

.ctaSubmitButton {
    cursor: pointer;
    position: relative;
    z-index: 12;
    width: 222px;
    height: 54px;
    border: 0;
    border-radius: 30px;
    padding: 15px 30px 15px 30px;
  
    text-align: center;
    font-family: 'jet-bold', 'Open Sans', Helvetica, sans-serif;
    font-size: 16px;
    color: #fff;
}
      
  .ctaSubmitButton a {
    cursor: pointer;
    transition: all 0.3s;
  }
  .ctaSubmitButton.has-form {
    background: #1673f4;
    margin-top: 32px;
    border: 0;
    border-radius: 30px;
    color: #fff;
    font-size: 16px;
  
    -webkit-transition: all 0.3s ease-In-Out;
    transition: all 0.3s ease-In-Out;
  }
  a.ctaSubmitButton.success {
    display: inline-block;
    margin-top: 0;
  }
      
textarea {
 min-height: 149px;
 max-width: 100%;
}
button[type="submit"] {

}
button[type="submit"]:hover {

}
button[type="submit"]:active {

}

input:focus,
textarea:focus {
 background-color: #fff !important;
 border: 1px #242E30 solid !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

/*
.valid {
  display: block;
  clear: both;
  padding-top: 16px;
  color: #9b9b9b;
  font-size: 12px;
  text-align: center;

  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
*/



@media only screen and (max-width :640px){

 .inputfield.one {
  margin-right: 0;
 }

  ::-webkit-input-placeholder {
   font-size: 14px;
   padding: 0;
  line-height: normal;
   font-weight: normal;
   vertical-align: center;
  }
  form input::-webkit-input-placeholder {
    font-size: 14px;
   padding: 0;
  line-height: normal;
   font-weight: normal;
   vertical-align: center;
  }
  ::placeholder {
    font-size: 14px;
   padding: 0;
  line-height: normal;
  font-weight: normal;
  vertical-align: center;
  }

  :-moz-placeholder { /* Firefox 18- */
    font-size: 14px;
   padding: 0;
  line-height: normal;
   font-weight: normal;
   vertical-align: center;
  }
  ::-moz-placeholder {  /* Firefox 19+ */
    font-size: 14px;
   padding: 0;
  line-height: normal;
   font-weight: normal;
   vertical-align: center;
  }
  :-ms-input-placeholder {
    color: #9b9b9b !important;
    font-size: 14px;
   padding: 0;
  line-height: normal;
   font-weight: normal;
   vertical-align: center;
  }

}