#harbor-contact ul, #harbor-contact li, #harbor-contact input, #harbor-contact textarea {
  margin: 0;
  padding:0;
  border: 0;
  list-style: none;
  font: 14px "Rockford Sans Extralight", Helvetica, Arial, sans-serif;
  line-height: 1.4; }
#harbor-contact ul li {
  display: block; }
  #harbor-contact ul li.error span {
    font-weight: bold;
    width: auto; }
  #harbor-contact ul li label {}
    #harbor-contact ul li label:hover {
      cursor: pointer; }
  #harbor-contact ul li input[type=text], #harbor-contact ul li textarea {
    border: 1px solid #ccc;
    outline: 0;
    box-sizing: border-box;
    -webkit-appearance: none;
    -webkit-border-radius: 0; }
  #harbor-contact ul li input {
    width: auto; }
  #harbor-contact ul li ul li label {
    font-weight: normal; }
  #harbor-contact ul li ul li:first-child label {
    font-weight: bold; }

#harbor-contact {
  float: left;
  margin: 20px 0;
  width: 100%; }
  #harbor-contact ul {
    width: 100%; }
    #harbor-contact ul li {
      margin-top: 15px; }
      #harbor-contact ul li label {
        display: block;
        margin-bottom: 4px; }
      #harbor-contact ul li input[type=text] {
        padding: 25px 15px;;
        width: 100%;
        height: 25px; }
      #harbor-contact ul li textarea {
        width: 100%;
        padding: 15px;
        height: 100px; }
        @media only screen and (max-width: 350px) {
          #harbor-contact ul li textarea {
            width: 290px; } }
      #harbor-contact ul li select {
        width: 300px;
        height: 27px; }
      #harbor-contact ul li input[type=submit] {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        text-transform: uppercase;
        font-weight: bold;
        border: 2px solid #cec4a5;
        padding: 1.3rem 2.2rem;
        line-height: 32px;
        cursor: pointer;
      width:100%;}
      #harbor-contact ul li:first-child {
        margin-top: 0; }
      #harbor-contact ul li.error span {
        width: 280px;
        display: block;
        margin-top: 10px;
        padding: 0 10px;
        line-height: 27px;
        position: relative;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px; }
        #harbor-contact ul li.error span:before {
          content: "";
          display: block;
          position: absolute;
          top: -5px;
          left: 10px;
          width: 10px;
          height: 5px; }
      #harbor-contact ul li.error textarea + .error-message {
        width: 380px; }
        @media only screen and (max-width: 350px) {
          #harbor-contact ul li.error textarea + .error-message {
            width: 280px; } }
      #harbor-contact ul li ul li {
        margin-top: 0; }
        #harbor-contact ul li ul li label {
          -webkit-border-radius: 2px;
          -moz-border-radius: 2px;
          border-radius: 2px; }
          #harbor-contact ul li ul li label input[type=radio], #harbor-contact ul li ul li label input[type=checkbox] {
            margin-right: 10px;
            position: relative;
            top: 2px;
            left: 2px;
            width: auto;
            height: auto; }
  #harbor-contact.ie7 input[type=submit] {
    padding: 0 15px;
    background-image: none; }
  #harbor-contact.ie6 .input-text, #harbor-contact.ie6 .textarea {
    width: 300px;
    height: 27px;
    border: 1px solid #aaa; }
  #harbor-contact.ie6 .textarea {
    width: 400px;
    height: 200px; }

#harbor-contact * {
  color: #444; }
#harbor-contact ul li input[type=text], #harbor-contact ul li textarea {
  border-color: #363a44;
  background: white url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAAN1wAADdcBQiibeAAAAAd0SU1FB9wJCRQxKUbwz30AAAANSURBVAjXY/j06dN/AAmGA9YRinsqAAAAAElFTkSuQmCC) left top repeat-x; }
  #harbor-contact ul li input[type=text]:focus, #harbor-contact ul li textarea:focus {
    background-color: #ffffe6;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAAN1wAADdcBQiibeAAAAAd0SU1FB9wJCRQxH4lKWuQAAAANSURBVAjXY/j/f9d/AAlxA7iU/lWYAAAAAElFTkSuQmCC); }
#harbor-contact ul li.error span {
  background: #ff2a2a;
  color: white; }
  #harbor-contact ul li.error span:before {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAFCAYAAAB8ZH1oAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAN1wAADdcBQiibeAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAABCSURBVAiZdYzBDcAgEMNCxwlDch2SecwH0QPUSPkklgugLbWGJKn32Hbgqx3YzEb+nsPUkqMtuzTBG7rggv0H5bwDQ4coY9OOIYEAAAAASUVORK5CYII=); }
#harbor-contact ul li.error input[type=text], #harbor-contact ul li.error textarea {
  border-color: #ff2a2a;
  border-top-color: #d40303;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAAN1wAADdcBQiibeAAAAAd0SU1FB9wJCRQpIL0374AAAAANSURBVAjXY/h/9ep/AAkpA6nx+1etAAAAAElFTkSuQmCC); }
  #harbor-contact ul li.error input[type=text]:focus, #harbor-contact ul li.error textarea:focus {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAAN1wAADdcBQiibeAAAAAd0SU1FB9wJCRQpIL0374AAAAANSURBVAjXY/h/9ep/AAkpA6nx+1etAAAAAElFTkSuQmCC); }
#harbor-contact ul li.success input[type=text], #harbor-contact ul li.success textarea {
  border-color: #87de87;
  border-top-color: #2ca02c;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAAN1wAADdcBQiibeAAAAAd0SU1FB9wJCRQwJCFagoEAAAANSURBVAjXY7j+5fp/AAjqA6K5jX8QAAAAAElFTkSuQmCC); }
  #harbor-contact ul li.success input[type=text]:focus, #harbor-contact ul li.success textarea:focus {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAAN1wAADdcBQiibeAAAAAd0SU1FB9wJCRQwJCFagoEAAAANSURBVAjXY7j+5fp/AAjqA6K5jX8QAAAAAElFTkSuQmCC); }
#harbor-contact ul li ul li:first-child label:hover {
  background: none; }
#harbor-contact ul li ul li label {
  margin: 0;
  padding: 0 4px;
  line-height: 27px;
  width: 296px; }
  #harbor-contact ul li ul li label:hover {
    background: #fcfcfc; }
#harbor-contact ul li input[type=submit] {
  color: white;
  background: #363a44 url() 15px center no-repeat;
  border-color: #cec4a5;
  transition:0.2s;}
  #harbor-contact ul li input[type=submit]:hover {
    background-color: #cec4a5;
    border-color: #cec4a5;
  color:#ffffff;}
  #harbor-contact ul li input[type=submit]:active {
    background-color: #0051ca;
    border-color: #cec4a5; }
  #harbor-contact ul li input[type=submit].sending {
    background-color: #e6e6e6;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAADCAYAAABI4YUMAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAN1wAADdcBQiibeAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAAwSURBVAiZY/j//3/h////H0FpBijGK8YAZfyB0jAFeMWYGBgY+hkYGJ5BaRjAKwYAJmBhTdrC7roAAAAASUVORK5CYII=);
    background-position-y: 18px;
    border-color: #ccc; }
  #harbor-contact ul li input[type=submit].sent {
    background-color: #00aa00;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAMCAYAAAC9QufkAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAN1wAADdcBQiibeAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAACHSURBVCiRpdCxCYIxFEXhJ2hl6wBO4Aru4EJmC6dwB/8RnMBWsLWy8LMxEmICEi+EwLs5B14CMXCSf0AcRsETFiPgBStEWaQfwDs2eV4WOoLcP7EruxquBWW3r8WtR1lQzo6Y9eCWIOeMZesvevvl3LBugS24FDyw7YGIeXwnve9rREyN/pMXv20c0OtO6lgAAAAASUVORK5CYII=);
    background-position-x: 13px;
    border-color: #005500; }
  #harbor-contact ul li input[type=submit].try-again {
    background-color: #50808e;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAJCAYAAAACTR1pAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAN1wAADdcBQiibeAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAACDSURBVCiRlZCxDcIwFERfHGqXTJBB2CtSOhZhArbICpSpKakdPZoPMiER4aSTrbt7zW/UG3AEMvv0AO4J6IArMO6Axth2jVoiPAMz0APtApijb6MnVWUf7wmYqnyKrN6AWhYe1Kxewjmyj90a+IIJf0FqOWwcYdj4v1Uf5y+l35N1PQELJ4H5a5SMTgAAAABJRU5ErkJggg==);
    background-position-x: 13px;
    border-color: #50808e; }