@-webkit-keyframes show-label {
  0% {
    top: 10px;
    opacity: 0.3; }
  100% {
    top: 7px;
    opacity: 1.0; } }
@keyframes show-label {
  0% {
    top: 10px;
    opacity: 0.3; }
  100% {
    top: 7px;
    opacity: 1.0; } }
.form, .form * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-family: inherit; }

.form,
.form fieldset {
  font-size: 0;
  margin: 0;
  padding: 0; }

.form fieldset .legend {
  border: none;
  color: inherit;
  font-size: 16px;
  font-weight: normal;
  margin: 5px 0;
  padding: 0 5px; }

.field input[type=date], .field input[type=datetime], .field input[type=email], .field input[type=month], .field input[type=number], .field input[type=password], .field input[type=search], .field input[type=tel], .field input[type=text], .field input[type=time], .field input[type=url], .field input[type=week], .field textarea, .field select {
  background: #fff;
  border: 1px solid #c2c2c2;
  border-radius: 4px;
  display: block;
  font-size: 13px;
  margin: 0;
  resize: none;
  width: 100%; }

.no-touch .field input[type=date]:hover, .no-touch .field input[type=datetime]:hover, .no-touch .field input[type=email]:hover, .no-touch .field input[type=month]:hover, .no-touch .field input[type=number]:hover, .no-touch .field input[type=password]:hover, .no-touch .field input[type=search]:hover, .no-touch .field input[type=tel]:hover, .no-touch .field input[type=text]:hover, .no-touch .field input[type=time]:hover, .no-touch .field input[type=url]:hover, .no-touch .field input[type=week]:hover, .no-touch .field textarea:hover, .no-touch .field select:hover {
  border-color: #b2b2b2; }

.field input[type=date]:focus, .no-touch .field input[type=date]:focus, .field input[type=datetime]:focus, .no-touch .field input[type=datetime]:focus, .field input[type=email]:focus, .no-touch .field input[type=email]:focus, .field input[type=month]:focus, .no-touch .field input[type=month]:focus, .field input[type=number]:focus, .no-touch .field input[type=number]:focus, .field input[type=password]:focus, .no-touch .field input[type=password]:focus, .field input[type=search]:focus, .no-touch .field input[type=search]:focus, .field input[type=tel]:focus, .no-touch .field input[type=tel]:focus, .field input[type=text]:focus, .no-touch .field input[type=text]:focus, .field input[type=time]:focus, .no-touch .field input[type=time]:focus, .field input[type=url]:focus, .no-touch .field input[type=url]:focus, .field input[type=week]:focus, .no-touch .field input[type=week]:focus, .field textarea:focus, .no-touch .field textarea:focus, .no-touch .field select:focus, .no-touch .field select:focus:hover, .field select:focus {
  border-color: #73a7c7; }

.field input[type=date]:not([hide-optional]) ~ label:after, .field input[type=datetime]:not([hide-optional]) ~ label:after, .field input[type=email]:not([hide-optional]) ~ label:after, .field input[type=month]:not([hide-optional]) ~ label:after, .field input[type=number]:not([hide-optional]) ~ label:after, .field input[type=password]:not([hide-optional]) ~ label:after, .field input[type=search]:not([hide-optional]) ~ label:after, .field input[type=tel]:not([hide-optional]) ~ label:after, .field input[type=text]:not([hide-optional]) ~ label:after, .field input[type=time]:not([hide-optional]) ~ label:after, .field input[type=url]:not([hide-optional]) ~ label:after, .field input[type=week]:not([hide-optional]) ~ label:after, .field textarea:not([hide-optional]) ~ label:after {
  content: ' (optional)';
  font-size: 0.85em;
  opacity: 0.7; }

.field input[type=date][required] ~ label:after, .field input[type=datetime][required] ~ label:after, .field input[type=email][required] ~ label:after, .field input[type=month][required] ~ label:after, .field input[type=number][required] ~ label:after, .field input[type=password][required] ~ label:after, .field input[type=search][required] ~ label:after, .field input[type=tel][required] ~ label:after, .field input[type=text][required] ~ label:after, .field input[type=time][required] ~ label:after, .field input[type=url][required] ~ label:after, .field input[type=week][required] ~ label:after, .field textarea[required] ~ label:after, .field select[required] ~ option:first-child:before, .field select[required] ~ label:before {
  content: '';
  display: none; }

.field {
  font-size: 13px;
  overflow: hidden;
  padding: 0 5px 10px;
  position: relative;
  z-index: 2; }
  .field[class*="span-"] {
    display: inline-block;
    vertical-align: top;
    width: 8.33333%; }
  .field.span-2 {
    width: 16.66667%; }
  .field.span-3 {
    width: 25%; }
  .field.span-4 {
    width: 33.33333%; }
  .field.span-5 {
    width: 41.66667%; }
  .field.span-6 {
    width: 50%; }
  .field.span-7 {
    width: 58.33333%; }
  .field.span-8 {
    width: 66.66667%; }
  .field.span-9 {
    width: 75%; }
  .field.span-10 {
    width: 83.33333%; }
  .field.span-11 {
    width: 91.66667%; }
  .field.span-12 {
    width: 100%; }
  .field .note {
    background: #f9f9f9;
    border: solid #cfcfcf;
    border-width: 0 1px 1px;
    border-radius: 0 0 4px 4px;
    box-shadow: none;
    color: #444;
    display: block;
    padding: 6px 10px;
    position: relative;
    z-index: 1; }
  .field input[type=date], .field input[type=datetime], .field input[type=email], .field input[type=month], .field input[type=number], .field input[type=password], .field input[type=search], .field input[type=tel], .field input[type=text], .field input[type=time], .field input[type=url], .field input[type=week], .field textarea {
    /*padding: 23px 11px 9px;*/
    padding: 13px 11px;
    box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.1);
    /* Hover field */
    /* Focus field */
    /* Filled field styling */
    /* Error */ }
    .field input[type=date]:nth-last-child(3), .field input[type=datetime]:nth-last-child(3), .field input[type=email]:nth-last-child(3), .field input[type=month]:nth-last-child(3), .field input[type=number]:nth-last-child(3), .field input[type=password]:nth-last-child(3), .field input[type=search]:nth-last-child(3), .field input[type=tel]:nth-last-child(3), .field input[type=text]:nth-last-child(3), .field input[type=time]:nth-last-child(3), .field input[type=url]:nth-last-child(3), .field input[type=week]:nth-last-child(3), .field textarea:nth-last-child(3) {
      border-radius: 4px 4px 0 0; }
    .field input[type=date] ~ label, .field input[type=datetime] ~ label, .field input[type=email] ~ label, .field input[type=month] ~ label, .field input[type=number] ~ label, .field input[type=password] ~ label, .field input[type=search] ~ label, .field input[type=tel] ~ label, .field input[type=text] ~ label, .field input[type=time] ~ label, .field input[type=url] ~ label, .field input[type=week] ~ label, .field textarea ~ label {
      -moz-user-select: none;
      color: #777;
      cursor: text;
      left: 17px;
      position: absolute;
      right: 17px;
      top: 14px;
      z-index: 3; }
    .no-touch .field input[type=date]:hover, .no-touch .field input[type=datetime]:hover, .no-touch .field input[type=email]:hover, .no-touch .field input[type=month]:hover, .no-touch .field input[type=number]:hover, .no-touch .field input[type=password]:hover, .no-touch .field input[type=search]:hover, .no-touch .field input[type=tel]:hover, .no-touch .field input[type=text]:hover, .no-touch .field input[type=time]:hover, .no-touch .field input[type=url]:hover, .no-touch .field input[type=week]:hover, .no-touch .field textarea:hover {
      box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.2); }
    .no-touch .field input[type=date]:hover ~ label, .no-touch .field input[type=datetime]:hover ~ label, .no-touch .field input[type=email]:hover ~ label, .no-touch .field input[type=month]:hover ~ label, .no-touch .field input[type=number]:hover ~ label, .no-touch .field input[type=password]:hover ~ label, .no-touch .field input[type=search]:hover ~ label, .no-touch .field input[type=tel]:hover ~ label, .no-touch .field input[type=text]:hover ~ label, .no-touch .field input[type=time]:hover ~ label, .no-touch .field input[type=url]:hover ~ label, .no-touch .field input[type=week]:hover ~ label, .no-touch .field textarea:hover ~ label {
      color: #676767; }
    .no-touch .field input[type=date]:hover ~ .note, .no-touch .field input[type=datetime]:hover ~ .note, .no-touch .field input[type=email]:hover ~ .note, .no-touch .field input[type=month]:hover ~ .note, .no-touch .field input[type=number]:hover ~ .note, .no-touch .field input[type=password]:hover ~ .note, .no-touch .field input[type=search]:hover ~ .note, .no-touch .field input[type=tel]:hover ~ .note, .no-touch .field input[type=text]:hover ~ .note, .no-touch .field input[type=time]:hover ~ .note, .no-touch .field input[type=url]:hover ~ .note, .no-touch .field input[type=week]:hover ~ .note, .no-touch .field textarea:hover ~ .note {
      background: #f5f5f5;
      border-color: #c0c0c0; }
    .field input[type=date]:focus, .no-touch .field input[type=date]:focus, .field input[type=datetime]:focus, .no-touch .field input[type=datetime]:focus, .field input[type=email]:focus, .no-touch .field input[type=email]:focus, .field input[type=month]:focus, .no-touch .field input[type=month]:focus, .field input[type=number]:focus, .no-touch .field input[type=number]:focus, .field input[type=password]:focus, .no-touch .field input[type=password]:focus, .field input[type=search]:focus, .no-touch .field input[type=search]:focus, .field input[type=tel]:focus, .no-touch .field input[type=tel]:focus, .field input[type=text]:focus, .no-touch .field input[type=text]:focus, .field input[type=time]:focus, .no-touch .field input[type=time]:focus, .field input[type=url]:focus, .no-touch .field input[type=url]:focus, .field input[type=week]:focus, .no-touch .field input[type=week]:focus, .field textarea:focus, .no-touch .field textarea:focus {
      box-shadow: 0 1px 4px rgba(21, 109, 161, 0.3) inset; }
    .field input[type=date]:focus ~ label, .no-touch .field input[type=date]:focus ~ label, .field input[type=datetime]:focus ~ label, .no-touch .field input[type=datetime]:focus ~ label, .field input[type=email]:focus ~ label, .no-touch .field input[type=email]:focus ~ label, .field input[type=month]:focus ~ label, .no-touch .field input[type=month]:focus ~ label, .field input[type=number]:focus ~ label, .no-touch .field input[type=number]:focus ~ label, .field input[type=password]:focus ~ label, .no-touch .field input[type=password]:focus ~ label, .field input[type=search]:focus ~ label, .no-touch .field input[type=search]:focus ~ label, .field input[type=tel]:focus ~ label, .no-touch .field input[type=tel]:focus ~ label, .field input[type=text]:focus ~ label, .no-touch .field input[type=text]:focus ~ label, .field input[type=time]:focus ~ label, .no-touch .field input[type=time]:focus ~ label, .field input[type=url]:focus ~ label, .no-touch .field input[type=url]:focus ~ label, .field input[type=week]:focus ~ label, .no-touch .field input[type=week]:focus ~ label, .field textarea:focus ~ label, .no-touch .field textarea:focus ~ label {
      opacity: 0.6; }
    .field input[type=date]:focus ~ .note, .no-touch .field input[type=date]:focus ~ .note, .field input[type=datetime]:focus ~ .note, .no-touch .field input[type=datetime]:focus ~ .note, .field input[type=email]:focus ~ .note, .no-touch .field input[type=email]:focus ~ .note, .field input[type=month]:focus ~ .note, .no-touch .field input[type=month]:focus ~ .note, .field input[type=number]:focus ~ .note, .no-touch .field input[type=number]:focus ~ .note, .field input[type=password]:focus ~ .note, .no-touch .field input[type=password]:focus ~ .note, .field input[type=search]:focus ~ .note, .no-touch .field input[type=search]:focus ~ .note, .field input[type=tel]:focus ~ .note, .no-touch .field input[type=tel]:focus ~ .note, .field input[type=text]:focus ~ .note, .no-touch .field input[type=text]:focus ~ .note, .field input[type=time]:focus ~ .note, .no-touch .field input[type=time]:focus ~ .note, .field input[type=url]:focus ~ .note, .no-touch .field input[type=url]:focus ~ .note, .field input[type=week]:focus ~ .note, .no-touch .field input[type=week]:focus ~ .note, .field textarea:focus ~ .note, .no-touch .field textarea:focus ~ .note {
      background: #ebf2f7;
      border-color: #88b5cf; }
    .no-js .field input[type=date], .field input[type=date].filled, .no-js .field input[type=datetime], .field input[type=datetime].filled, .no-js .field input[type=email], .field input[type=email].filled, .no-js .field input[type=month], .field input[type=month].filled, .no-js .field input[type=number], .field input[type=number].filled, .no-js .field input[type=password], .field input[type=password].filled, .no-js .field input[type=search], .field input[type=search].filled, .no-js .field input[type=tel], .field input[type=tel].filled, .no-js .field input[type=text], .field input[type=text].filled, .no-js .field input[type=time], .field input[type=time].filled, .no-js .field input[type=url], .field input[type=url].filled, .no-js .field input[type=week], .field input[type=week].filled, .no-js .field textarea, .field textarea.filled {
      padding: 20px 11px 6px; }
    .no-js .field input[type=date] ~ label, .field input[type=date].filled ~ label, .no-js .field input[type=datetime] ~ label, .field input[type=datetime].filled ~ label, .no-js .field input[type=email] ~ label, .field input[type=email].filled ~ label, .no-js .field input[type=month] ~ label, .field input[type=month].filled ~ label, .no-js .field input[type=number] ~ label, .field input[type=number].filled ~ label, .no-js .field input[type=password] ~ label, .field input[type=password].filled ~ label, .no-js .field input[type=search] ~ label, .field input[type=search].filled ~ label, .no-js .field input[type=tel] ~ label, .field input[type=tel].filled ~ label, .no-js .field input[type=text] ~ label, .field input[type=text].filled ~ label, .no-js .field input[type=time] ~ label, .field input[type=time].filled ~ label, .no-js .field input[type=url] ~ label, .field input[type=url].filled ~ label, .no-js .field input[type=week] ~ label, .field input[type=week].filled ~ label, .no-js .field textarea ~ label, .field textarea.filled ~ label {
      -webkit-animation: show-label 0.12s cubic-bezier(0.4, 0.01, 0.165, 0.99) forwards;
      animation: show-label 0.12s cubic-bezier(0.4, 0.01, 0.165, 0.99) forwards;
      font-size: 10px;
      font-weight: 500;
      opacity: 1;
      top: 7px; }
    .no-js .field input[type=date]:focus ~ label, .no-js .field input[type=datetime]:focus ~ label, .no-js .field input[type=email]:focus ~ label, .no-js .field input[type=month]:focus ~ label, .no-js .field input[type=number]:focus ~ label, .no-js .field input[type=password]:focus ~ label, .no-js .field input[type=search]:focus ~ label, .no-js .field input[type=tel]:focus ~ label, .no-js .field input[type=text]:focus ~ label, .no-js .field input[type=time]:focus ~ label, .no-js .field input[type=url]:focus ~ label, .no-js .field input[type=week]:focus ~ label, .no-js .field textarea:focus ~ label {
      color: #1483b3;
      opacity: 1; }
    .field input[type=date][error] ~ label, .field input[type=datetime][error] ~ label, .field input[type=email][error] ~ label, .field input[type=month][error] ~ label, .field input[type=number][error] ~ label, .field input[type=password][error] ~ label, .field input[type=search][error] ~ label, .field input[type=tel][error] ~ label, .field input[type=text][error] ~ label, .field input[type=time][error] ~ label, .field input[type=url][error] ~ label, .field input[type=week][error] ~ label, .field textarea[error] ~ label {
      color: #e13233; }
    .no-touch .field input[type=date][error]:hover ~ label, .no-touch .field input[type=date][error]:focus ~ label, .no-js .field input[type=date][error]:focus ~ label, .field input[type=date][error]:focus ~ label, .no-touch .field input[type=datetime][error]:hover ~ label, .no-touch .field input[type=datetime][error]:focus ~ label, .no-js .field input[type=datetime][error]:focus ~ label, .field input[type=datetime][error]:focus ~ label, .no-touch .field input[type=email][error]:hover ~ label, .no-touch .field input[type=email][error]:focus ~ label, .no-js .field input[type=email][error]:focus ~ label, .field input[type=email][error]:focus ~ label, .no-touch .field input[type=month][error]:hover ~ label, .no-touch .field input[type=month][error]:focus ~ label, .no-js .field input[type=month][error]:focus ~ label, .field input[type=month][error]:focus ~ label, .no-touch .field input[type=number][error]:hover ~ label, .no-touch .field input[type=number][error]:focus ~ label, .no-js .field input[type=number][error]:focus ~ label, .field input[type=number][error]:focus ~ label, .no-touch .field input[type=password][error]:hover ~ label, .no-touch .field input[type=password][error]:focus ~ label, .no-js .field input[type=password][error]:focus ~ label, .field input[type=password][error]:focus ~ label, .no-touch .field input[type=search][error]:hover ~ label, .no-touch .field input[type=search][error]:focus ~ label, .no-js .field input[type=search][error]:focus ~ label, .field input[type=search][error]:focus ~ label, .no-touch .field input[type=tel][error]:hover ~ label, .no-touch .field input[type=tel][error]:focus ~ label, .no-js .field input[type=tel][error]:focus ~ label, .field input[type=tel][error]:focus ~ label, .no-touch .field input[type=text][error]:hover ~ label, .no-touch .field input[type=text][error]:focus ~ label, .no-js .field input[type=text][error]:focus ~ label, .field input[type=text][error]:focus ~ label, .no-touch .field input[type=time][error]:hover ~ label, .no-touch .field input[type=time][error]:focus ~ label, .no-js .field input[type=time][error]:focus ~ label, .field input[type=time][error]:focus ~ label, .no-touch .field input[type=url][error]:hover ~ label, .no-touch .field input[type=url][error]:focus ~ label, .no-js .field input[type=url][error]:focus ~ label, .field input[type=url][error]:focus ~ label, .no-touch .field input[type=week][error]:hover ~ label, .no-touch .field input[type=week][error]:focus ~ label, .no-js .field input[type=week][error]:focus ~ label, .field input[type=week][error]:focus ~ label, .no-touch .field textarea[error]:hover ~ label, .no-touch .field textarea[error]:focus ~ label, .no-js .field textarea[error]:focus ~ label, .field textarea[error]:focus ~ label {
      color: #e01d20; }
  .field select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background: linear-gradient(to bottom, #fff, #f3f3f3);
    border-color: #b8b8b8;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    color: #333;
    color: transparent;
    padding: 12px 7px;
    position: relative;
    text-overflow: ellipsis;
    text-shadow: 0 0 0 #333;
    white-space: nowrap;
    z-index: 2; }
    .field select :-moz-focusring {
      color: transparent;
      text-shadow: 0 0 0 #333; }
    .field select ~ label {
      font-size: 0;
      pointer-events: none;
      position: absolute;
      top: 0;
      left: 7px;
      right: 7px; }
    .field select ~ label:after {
      content: '\e603';
      font-family: 'sw-icons';
      font-size: 13px;
      position: absolute;
      top: 15px;
      right: 14px;
      z-index: 3; }
    .field select ~ .note {
      margin-top: -3px;
      padding-top: 9px; }
    .no-touch .field select:hover {
      background: linear-gradient(to bottom, #fff, #ededed);
      border-color: #aaa; }
    .no-touch .field select:focus, .no-touch .field select:focus:hover, .field select:focus {
      background: linear-gradient(to bottom, #fff, #e3f2fb); }

.field input[type=date][error], .field input[type=datetime][error], .field input[type=email][error], .field input[type=month][error], .field input[type=number][error], .field input[type=password][error], .field input[type=search][error], .field input[type=tel][error], .field input[type=text][error], .field input[type=time][error], .field input[type=url][error], .field input[type=week][error], .field textarea[error], .field select[error] {
  background: #fdefef;
  border-color: #e13233; }

.no-touch .field input[type=date][error]:hover, .no-touch .field input[type=datetime][error]:hover, .no-touch .field input[type=email][error]:hover, .no-touch .field input[type=month][error]:hover, .no-touch .field input[type=number][error]:hover, .no-touch .field input[type=password][error]:hover, .no-touch .field input[type=search][error]:hover, .no-touch .field input[type=tel][error]:hover, .no-touch .field input[type=text][error]:hover, .no-touch .field input[type=time][error]:hover, .no-touch .field input[type=url][error]:hover, .no-touch .field input[type=week][error]:hover, .no-touch .field textarea[error]:hover, .no-touch .field select[error]:hover {
  box-shadow: 0 1px 3px rgba(255, 0, 0, 0.3) inset;
  border-color: #e01d20; }

.no-touch .field input[type=date][error]:focus, .field input[type=date][error]:focus, .no-touch .field input[type=datetime][error]:focus, .field input[type=datetime][error]:focus, .no-touch .field input[type=email][error]:focus, .field input[type=email][error]:focus, .no-touch .field input[type=month][error]:focus, .field input[type=month][error]:focus, .no-touch .field input[type=number][error]:focus, .field input[type=number][error]:focus, .no-touch .field input[type=password][error]:focus, .field input[type=password][error]:focus, .no-touch .field input[type=search][error]:focus, .field input[type=search][error]:focus, .no-touch .field input[type=tel][error]:focus, .field input[type=tel][error]:focus, .no-touch .field input[type=text][error]:focus, .field input[type=text][error]:focus, .no-touch .field input[type=time][error]:focus, .field input[type=time][error]:focus, .no-touch .field input[type=url][error]:focus, .field input[type=url][error]:focus, .no-touch .field input[type=week][error]:focus, .field input[type=week][error]:focus, .no-touch .field textarea[error]:focus, .field textarea[error]:focus, .no-touch .field select[error]:focus, .no-touch .field select[error]:focus:hover, .field select[error]:focus {
  background: #fce8e8;
  box-shadow: 0 1px 5px rgba(255, 0, 0, 0.6) inset;
  border-color: #de070a; }

.field select[error] {
  background: linear-gradient(to bottom, #fdefef, #fad4d4);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); }

.no-touch .field select[error]:hover {
  background: linear-gradient(to bottom, #fdefef, #fac8c8);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); }

.no-touch .field select[error]:focus, .no-touch .field select[error]:focus:hover, .field select[error]:focus {
  background: linear-gradient(to bottom, #fdefef, #fac8c8);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); }

.field input[type=date][error] ~ .note, .field input[type=datetime][error] ~ .note, .field input[type=email][error] ~ .note, .field input[type=month][error] ~ .note, .field input[type=number][error] ~ .note, .field input[type=password][error] ~ .note, .field input[type=search][error] ~ .note, .field input[type=tel][error] ~ .note, .field input[type=text][error] ~ .note, .field input[type=time][error] ~ .note, .field input[type=url][error] ~ .note, .field input[type=week][error] ~ .note, .field textarea[error] ~ .note, .field select[error] ~ .note {
  background: #e13233;
  border-color: #e13233;
  color: #fff; }

.no-touch .field input[type=date][error]:hover ~ .note, .field input[type=date][error]:focus ~ .note, .no-touch .field input[type=datetime][error]:hover ~ .note, .field input[type=datetime][error]:focus ~ .note, .no-touch .field input[type=email][error]:hover ~ .note, .field input[type=email][error]:focus ~ .note, .no-touch .field input[type=month][error]:hover ~ .note, .field input[type=month][error]:focus ~ .note, .no-touch .field input[type=number][error]:hover ~ .note, .field input[type=number][error]:focus ~ .note, .no-touch .field input[type=password][error]:hover ~ .note, .field input[type=password][error]:focus ~ .note, .no-touch .field input[type=search][error]:hover ~ .note, .field input[type=search][error]:focus ~ .note, .no-touch .field input[type=tel][error]:hover ~ .note, .field input[type=tel][error]:focus ~ .note, .no-touch .field input[type=text][error]:hover ~ .note, .field input[type=text][error]:focus ~ .note, .no-touch .field input[type=time][error]:hover ~ .note, .field input[type=time][error]:focus ~ .note, .no-touch .field input[type=url][error]:hover ~ .note, .field input[type=url][error]:focus ~ .note, .no-touch .field input[type=week][error]:hover ~ .note, .field input[type=week][error]:focus ~ .note, .no-touch .field textarea[error]:hover ~ .note, .field textarea[error]:focus ~ .note, .no-touch .field select[error]:hover ~ .note, .field select[error]:focus ~ .note {
  background: #e01d20;
  border-color: #e01d20; }