.fields {
  width: 100%;
  }
  
.form .field {
  padding-bottom: .5em;
  position: relative;
  }

.form.inline .field { 
  display: block;
  width: 100%; 
  }
  
.form.inline .field:first-child { 
  padding-right: 0;
  padding-bottom: 1em; 
  }

.form .field.full.group { 
  background: #f9f9f9;
  padding: 1.5em; }

.form .field.full.group label { padding-bottom: 0 !important; }

@media only screen and (min-width: 740px) {
  .fields {
    display: table; 
    }
  .fields:nth-child(2n) {
    margin-top: .5em;
    }
  .form .field { 
    width: 50%; 
    display: table-cell;
    float: left; 
    padding: 0;
    }

  .form .field:first-child {
    padding-right: .25em; 
    }
  .form .field:last-child { 
    padding-left: .25em;    
    }
  .form.inline .field { 
    display: table-cell; 
    }
    
  .form .field.full { 
    width: 100%;
    padding: 0; 
  }    
  
}


.form label {
  display: block;
  float: left;
  position: relative; 
  }

.form input,
.form textarea{
  background: rgba(0,0,0,.25);  
  -webkit-appearance: none;
  width: 100%;
  padding: .5em .5em .5em .65em;	
  border: 1px solid white;
  border: 1px solid rgba(255,255,255,.7);
  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  font-weight: 400;
  color: white;	
  color: rgba(255,255,255,.9);
  font-size: 1em;
  cursor: pointer; 
  }
  
.form input.bold { font-weight: 600; }
  
body#wide .form input,
body#wide .form textarea { color: #404040 !important; }
body#wide .form input[type="submit"] { color: #404040 !important; }

body#wide .form input::-webkit-input-placeholder { color: #404040; }
body#wide .form input:-moz-placeholder {
   color: #404040;
   opacity:  1; }
body#wide .form input::-moz-placeholder {
   color: #404040;
   opacity:  1; }
body#wide .form input:-ms-input-placeholder { color: #404040; }

body#wide .form textarea::-webkit-input-placeholder { color: #404040; }
body#wide .form textarea:-moz-placeholder {
   color: #404040;
   opacity:  1; }
body#wide .form textarea::-moz-placeholder {
   color: #404040;
   opacity:  1; }
body#wide .form textarea:-ms-input-placeholder { color: #404040; }

@media screen and (-webkit-min-device-pixel-ratio:0) {
  .form input {
    font-size: 1.1em;
    padding: .7em .7em .7em .65em;
    float: left; 
    }
  }
  
@media only screen and (min-width:768px) { 
  .form input { 
    font-size: 1.15em; 
    }
  } 

@media only screen and (min-width:1200px) { 
  .form.inline input { 
    font-size: 1.25em; 
    }
  .form input {
    font-size: 1em;
    }
  } 

@media only screen and (min-width:1400px) { 
  .form.inline input { 
    font-size: 1.2em; 
    }
  } 

.form input:hover,
.form textarea:hover {
	background: rgba(0,0,0,.5); 
  border: 1px solid #969696;
  border: 1px solid rgba(255,255,255,.6); 
  color: rgba(255,255,255,.65); }
  
.form input:focus,
.form textarea:focus{
  background: #fff;  
	color: #2c2c2c;  
  }

.form .button { padding: 1em 0 0; }

.form button, .form input[type='submit'] {
	background: #323e5c;
  border: none;
  width: auto;
	padding: .5em 1em; 	
	cursor: pointer;
  font-family: 'Lato', sans-serif;
  font-weight: normal;
  font-weight: 700;
	font-size: 1em;
	border: 3px solid white;
  text-transform: uppercase;
  font-style: italic;
	color: #fff;
  position: relative;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition:    all .3s ease-in-out;
  -o-transition:      all .3s ease-in-out;
  -ms-transition:     all .3s ease-in-out;
  transition:         all .3s ease-in-out; 
  }
  

.form button:hover, .form input[type='submit']:hover { background: #4c8051; }
#awards-form .form button:hover:after { border-left-color: #6fbf4a; }
  
.form button:active, .form input[type='submit']:active { background: #57983a; }
#awards-form .form button:active:after { border-left-color: #57983a; }

@media only screen and (min-width:1000px) { 
.form button, .form input[type='submit'] {  font-size: 1.5em; }
#awards-form .form button:after {
	border-width: 1.25em;
	margin-top: -1.25em; }
} 

.form.inline .button  { 
  padding: .5em 0 0 0; 
  clear: both;
  display: block; }
  
.form.inline button { 
  background: #6fbf4a;
  color: #fff;
  display: inline-block;
  padding: .7em .6em .65em;
  font-size: 1.4em; 
  text-transform: uppercase;
  font-weight: 700; }
.form.inline button:hover { 
  background: #fff; 
  color: #6fbf4a; } 
.form.inline button:active { color: #3a7228; } 

@media only screen and (min-width: 740px) { 
.form.inline .button  {
  width: 30%;
  padding: 0; 
  float: left;
  clear: none;
  display: table-cell; }  
.form.inline .button button { 
  font-size: 1em;
  padding: .7em .6em .7em;
  width: 100%; }
}
@media only screen and (min-width: 1200px) { 
.form.inline .button button { padding: .87em .6em .87em; }
}

@media only screen and (min-width: 1200px) { 
.form.inline .button button { 
  font-size: 1.4em;
  padding: .6em .6em .6em; }
}
@media only screen and (min-width: 1400px) { 
.form.inline .button button { 
  padding: .7em .6em .65em; }
}

.form strong.error { 
  background: #cd0000;
  padding: .2em .3em;   
  display: block;
  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  white-space: nowrap;
  position: absolute; 
  left: 0;
  top: -.4em;
  z-index: 9999;    
  font-size: .65em;
  line-height: 1;
  font-weight: 400;
  color: #fff; 
  text-transform: uppercase; } 
  
.form strong.error:after { 
  height: 0; 
  width: 0;    
  margin-left: -6px;  
  content: " ";    
  position: absolute; 
  left: 15px; 
  top: 100%;
  border-color: rgba(205, 0, 0, 0);    
  border: solid transparent; 
  pointer-events: none;
  border-top-color: #cd0000; 
  border-width: 6px; }


span.error { 
  background: #cd0000;
  padding: .2em .3em;   
  display: block;
  white-space: nowrap;
  position: absolute; 
  left: 0;
  top: 100%;
  z-index: 9999;    
  font-size: .45em;
  line-height: 1;
  font-weight: 400;
  color: #fff; 
  text-transform: uppercase; } 
  
span.error:after { 
  height: 0; 
  width: 0;    
  margin-left: -6px;  
  content: " ";    
  position: absolute; 
  left: 15px; 
  top: 100%;
  border-color: rgba(205, 0, 0, 0);    
  border: solid transparent; 
  pointer-events: none;
  border-top-color: #cd0000; 
  border-width: 6px; }



input:-moz-placeholder     { opacity: 1; }
input::-moz-placeholder    { opacity: 1; }
select:-moz-placeholder    { opacity: 1; }
select::-moz-placeholder   { opacity: 1; }
textarea:-moz-placeholder  { opacity: 1; }
textarea::-moz-placeholder { opacity: 1; }



/* Devise */

.devise { text-align: center; margin-left: 0; }

@media (min-width : 960px) { 
  .devise {
    width: 40%
    }
  }

.devise fieldset {
  text-align: left;
  padding-top: .5em;
  }

.devise .submit {
  margin-top: .5em;
  }
  
.devise h2 { display: none! important; }