.form-container {
  padding: 50px 0; }

.form-container .col {
  float: left;
  width: 50%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding: 0 0 0 15px; }

.form-container .col.first {
  padding: 0 15px 0 0; }

#col-right .form-container .col {
  width: 100%;
  padding: 0; }

textarea {
  height: 200px;
  padding: 10px 15px; }

textarea, input[type="text"], input[type="password"], input[type="tel"], input[type="email"] {
  background: #fdfdfd;
  border: 1px solid #aaa;
  width: 100%;
  margin-bottom: 25px;
  resize: none;
  color: #525252;
  font: 400 15px/1.2em 'source sans pro', Arial, sans-serif;
  padding: 18px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box; }

input[type="text"], input[type="tel"], input[type="password"], input[type="email"] {
  height: 50px; }

textarea:hover, input[type="text"]:hover, input[type="password"]:hover, input[type="tel"]:hover, input[type="email"]:hover {
  color: #00a651; }

textarea:-moz-placeholder {
  color: #525252; }

textarea::-moz-placeholder {
  color: #525252;
  opacity: 1; }

textarea::-webkit-input-placeholder {
  color: #525252; }

textarea:-ms-input-placeholder {
  color: #525252; }

textarea::placeholder {
  color: #525252; }

textarea:hover:-moz-placeholder {
  color: #00a651; }

textarea:hover::-moz-placeholder {
  color: #00a651;
  opacity: 1; }

textarea:hover::-webkit-input-placeholder {
  color: #00a651; }

textarea:hover:-ms-input-placeholder {
  color: #00a651; }

textarea:hover::placeholder {
  color: #00a651; }

textarea:focus:-moz-placeholder {
  color: transparent; }

textarea:focus::-moz-placeholder {
  color: transparent;
  opacity: 1; }

textarea:focus::-webkit-input-placeholder {
  color: transparent; }

textarea:focus:-ms-input-placeholder {
  color: transparent; }

textarea:focus::placeholder {
  color: transparent; }

.form-container label {
  text-transform: uppercase;
  font: italic 400 14px/2em 'source sans pro', Arial, sans-serif;
  margin: 0 0 0 24px;
  float: left; }

.form-container label:first-child {
  margin: 0; }

.form-container label .styledRadio {
  margin: -1px 5px 0 0; }

.form-container h1 {
  margin-bottom: 20px; }

select {
  margin-bottom: 25px;
  outline: none;
  border: 1px solid #eeeeee;
  width: 100%;
  height: 50px;
  resize: none;
  color: #525252;
  font: 400 15px 'source sans pro', Arial, sans-serif;
  padding: 0 5% 0 18px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-border-radius: 0;
  background: #fff url("/images/ico-arrow-down-green.svg") 95% 50%/15px 15px no-repeat; }

.ie11 select::-ms-expand {
  display: none; }

.ie10 select::-ms-expand {
  display: none; }

.ie9 select {
  background-image: none; }

select:hover {
  color: #00a651; }

select option {
  outline: none;
  margin: 0;
  padding: 18px;
  color: #525252;
  text-transform: uppercase;
  font: 400 15px 'source sans pro', Arial, sans-serif;
  border-bottom: 1px solid #fdfdfd;
  border-top: 1px solid #fdfdfd;
  background: #fdfdfd; }

input[type="radio"] {
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px 0 0; }

/*  2 col section for forms*/
.aligned-form-section {
  clear: both;
  padding: 20px 0; }

.row-item {
  display: table;
  width: 100%;
  margin: 0 0 20px; }

.row-item .holder textarea, .row-item .holder select, .row-item .holder input {
  margin: 0; }

.row-item .holder, .row-item label {
  display: table-cell;
  vertical-align: middle;
  text-align: right;
  line-height: 1.2em;
  float: none;
  padding: 0 10px 0 0; }

.row-item .holder {
  width: 65%; }

.row-item label {
  width: 35%; }

.row-item label.right {
  padding: 0 0 0 10px;
  text-align: left; }

#col-right .row-item label {
  display: block;
  width: 100%;
  text-align: left;
  margin: 0 0 10px !important; }

#col-right .row-item label.right {
  margin: 10px 0 0 !important; }

#col-right .row-item .holder {
  display: block;
  width: 100%; }

@media screen and (max-width: 1218px) {
  .form-container .col {
    width: 69%; }

  .form-container .col.first {
    padding: 0; }

  .form-container .col {
    padding: 0; }

  .radio-container {
    margin-bottom: 25px; } }
@media screen and (max-width: 977px) {
  .form-container .col {
    width: 60%; } }
@media screen and (max-width: 747px) {
  .form-container .col {
    width: 100%; }

  .row-item label {
    display: block;
    width: 100%;
    text-align: left;
    margin: 0 0 10px !important; }

  .row-item label.right {
    margin: 10px 0 0 !important; }

  .row-item .holder {
    display: block;
    width: 100%; } }