/ *! normalize.css v3.0.2 | MIT License | git.io/normalize * /

/ **
 * Set 1. familia de fuentes predeterminada para sans-serif.
 * 2. Prevenir iOS ajustar el tamaño del texto después de un cambio de orientación, sin desactivar
 * Zoom usuario.
 * /

html {
  font-family: sans-serif; / * * 1 /
  -ms-text-size-adjust: 100%; / * 2 * /
  -webkit-text-size-adjust: 100%; / * 2 * /
}

/ **
 * Retire margen predeterminado.
 * /

body {
  margin: 0;
}

/ * Definiciones de visualización HTML5
   ================================================== ======================== * /

/ **
 * `Correcta visualización block` no definido para cualquier elemento HTML5 en Internet Explorer 8.9.
 * `Block` correcta visualización no definido para` `details` o summary` en IE 10/11
 * Y Firefox.
 * `Correcta visualización block` no define para` main` en IE 11.
 * /

artículo,
un lado,
detalles,
figcaption,
figura,
pie de página,
cabecera,
hgroup,
principal,
menú,
nav,
sección,
Resumen {
  bloqueo de pantalla;
}

/ **
 * 1. Pantalla-inline block` correcta `no definido en IE 9.8.
 * 2. Normalizar alineación vertical del `progress` en Chrome, Firefox y Opera.
 * /

audio,
lona,
progreso,
vídeo {
  display: inline-block; / * * 1 /
  vertical-align: baseline; / * 2 * /
}

/ **
 * Evitar los navegadores modernos muestre `audio` sin controles.
 * Retire el exceso de altura en iOS 5 dispositivos.
 * /

audio: no (controles []) {
  display: none;
  altura: 0;
}

/ **
 * `[Oculto]` estilo Dirección no está presente en el IE 8/9/10.
 * Ocultar la `template` elemento en IE 8.9.11, Safari y Firefox <22.
 * /

[Oculto],
modelo {
  display: none;
}

/ * Enlaces
   ================================================== ======================== * /

/ **
 * Retire el color de fondo gris de enlaces activos en IE 10.
 * /

a {
  background-color: transparente;
}

/ **
 * Mejorar la legibilidad cuando enfocado y también del ratón se cernía en todos los navegadores.
 * /

un activo,
a: hover {
  Esquema: 0;
}

/ * Semántica de nivel de texto
   ================================================== ======================== * /

/ **
 * Dirección estilo no está presente en el IE 8/9/10/11, Safari y Chrome.
 * /

abbr [título] {
  border-bottom: 1px de puntos;
}

/ **
 * Dirección de estilo establece en `bolder` en Firefox 4+, Safari y Chrome.
 * /

b,
fuerte {
  font-weight: bold;
}

/ **
 * Estilo Dirección no presenta en Safari y Chrome.
 * /

dfn {
  font-style: italic;
}

/ **
 * Dirección `font-size y el margen h1` variable dentro de` section` y `article`
 * Contextos en Firefox 4+, Safari y Chrome.
 * /

h1 {
  font-size: 2em;
  margen: 0.67em 0;
}

/ **
 * Estilo Dirección no presenta en IE 8.9.
 * /

mark {
  fondo: # ff0;
  color: # 000;
}

/ **
 * Dirección inconsistente y tamaño de fuente variable en todos los navegadores.
 * /

pequeña {
  font-size: 80%;
}

/ **
 * `Sub` Prevenir y` `sup` afectando alineación altura característica en todos los navegadores.
 * /

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  arriba: -0.5em;
}

sub {
  inferior: -0.25em;
}

/ * Contenido Embedded
   ================================================== ======================== * /

/ **
 * Retire frontera cuando el interior `a` elemento en IE 8/9/10.
 * /

img {
  border: 0;
}

/ **
 * Desbordamiento correcta no oculta en IE 09/10/11.
 * /

svg: no (: root) {
  overflow: hidden;
}

/ * Contenido Agrupación
   ================================================== ======================== * /

/ **
 * Margen de Dirección no presenta en IE 9.8 y Safari.
 * /

la figura {
  margen: 1 em 40px;
}

/ **
 * Dirección diferencias entre Firefox y otros navegadores.
 * /

hr {
  -moz-box-dimensionamiento: Contenido de la caja;
  cuadro-dimensionamiento: Contenido de la caja;
  altura: 0;
}

/ **
 * Contener desbordamiento en todos los navegadores.
 * /

pre {
  overflow: auto;
}

/ **
 * Dirección extraña `em` unidad prestación tamaño de la letra en todos los navegadores.
 * /

código,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/ * Formas
   ================================================== ======================== * /

/ **
 * Limitación conocida: por defecto, Chrome y Safari en OS X permiten muy limitado
 * Estilo del `select`, a menos que un` propiedad border` se establece.
 * /

/ **
 * 1. no el color correcto se heredan.
 * Problema conocido: afectan a color de los elementos de movilidad reducida.
 * 2. propiedades de la fuente correcta no se heredan.
 * 3. márgenes de direcciones establecidas de manera diferente en Firefox 4+, Safari y Chrome.
 * /

botón,
de entrada,
optgroup,
seleccionar,
textarea {
  colores: heredar; / * * 1 /
  fuente: heredar; / * 2 * /
  margin: 0; / * 3 * /
}

/ **
 * Dirección `overflow` establece en` hidden` en IE 8/9/10/11.
 * /

botón {
  overflow: visible;
}

/ **
 * Dirección inconsistente `herencia texto transform` para` button` y `select`.
 * Todos los demás elementos de control de formulario no heredan `valores en texto transform`.
 * `Correcta herencia estilo button` en Firefox, IE 8/9/10/11 y Opera.
 * `Correcta herencia estilo select` en Firefox.
 * /

botón,
seleccione {
  text-transform: none;
}

/ **
 * 1. Evite el error WebKit en Android 4.0. * Donde (2) destruye audio` nativa `
 * Y `controles Video`.
 * 2. incapacidad correcta al estilo seleccionables `tipos input` en iOS.
 * 3. Mejorar la usabilidad y consistencia de estilo cursor entre-tipo de imagen
 * `Input` y otros.
 * /

botón,
entrada html [type = "button"], / * * 1 /
entrada [type = "reset"],
entrada [type = "submit"] {
  -webkit-apariencia: botón; / * 2 * /
  cursor: puntero; / * 3 * /
}

/ **
 * Re-set cursor predeterminado para los elementos de movilidad reducida.
 * /

botón [desactivado],
entrada html [desactivado] {
  cursor: default;
}

/ **
 * Retire el acolchado interior y frontera en Firefox 4+.
 * /

Botón :: - moz-enfoque interno,
de entrada :: - interior moz-focus-{
  border: 0;
  padding: 0;
}

/ **
 * Dirección Firefox 4+ entorno `alineación altura característica de` input` usando `! Important` en
 * La hoja de estilo UA.
 * /

de entrada {
  line-height: normal;
}

/ **
 * Se recomienda que no intente el estilo de estos elementos.
 * Aplicación de Firefox no respeta cuadro-dimensionamiento, relleno, o el ancho.
 *
 * 1. cuadro Dirección apresto establece en `contenido box` en IE 8/9/10.
 * 2. Retire el exceso de relleno en IE 8/9/10.
 * /

entrada [type = "checkbox"],
entrada [type = "radio"] {
  cuadro-dimensionamiento: caja de fronteras; / * * 1 /
  padding: 0; / * 2 * /
}

/ **
 * Fijar el estilo del cursor para los botones de incremento / decremento de Chrome. Por cierto
 * `` Valores de la input` font-size`, hace que el cursor del estilo
 * Botón decremento para cambiar de `default` a` Text`.
 * /

entrada [type = "número"] :: - webkit-interior-spin-botón,
entrada [type = "número"] :: - webkit-exterior-spin-botón {
  altura: auto;
}

/ **
 * Dirección 1. `appearance` establece en` searchfield` en Safari y Chrome.
 * 2. Dirección `caja sizing` establecido a` frontera box` en Safari y Chrome
 * (Incluya `-moz` a prueba de futuro).
 * /

entrada [type = "buscar"] {
  -webkit-apariencia: campo de texto; / * * 1 /
  -moz-box-dimensionamiento: Contenido de la caja;
  -webkit-box-dimensionamiento: Contenido de la caja; / * 2 * /
  cuadro-dimensionamiento: Contenido de la caja;
}

/ **
 * Retire el acolchado interior y buscar el botón cancelar en Safari y Chrome en OS X.
 * Safari (pero no de Chrome) clips en el botón cancelar cuando la entrada de búsqueda tiene
 * Padding (y `apariencia textfield`).
 * /

entrada [type = "buscar"] :: - webkit-search-cancelar-botón,
entrada [type = "buscar"] :: - webkit-búsqueda-decoration {
  -webkit-apariencia: none;
}

/ **
 * Definir coherente frontera, margen, y el relleno.
 * /

fieldset {
  frontera: 1px solid # c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/ **
 * 1. Corregir `no color` ser heredado en IE 8/9/10/11.
 * 2. Retire el relleno para que la gente no se cogió desprevenida a cero si fuera fieldsets.
 * /

leyenda {
  border: 0; / * * 1 /
  padding: 0; / * 2 * /
}

/ **
 * Eliminar barra de desplazamiento vertical por defecto en IE 8/9/10/11.
 * /

textarea {
  overflow: auto;
}

/ **
 * No heredar el 'font-weight` (aplicado por una regla anterior).
 * NOTA: el valor por defecto no puede ser cambiado de forma segura en Chrome y Safari en OS X.
 * /

optgroup {
  font-weight: bold;
}

/ * Mesas
   ================================================== ======================== * /

/ **
 * Eliminar la mayor separación entre celdas de tabla.
 * /

mesa {
  border-collapse: colapso;
  border-spacing: 0;
}

td,
º {
  padding: 0;
}


/* Formulario */
#feedback-page{
  text-align:center;
}

#form-main{
  width:100%;
  float:left;
  padding-top:0px;
}

#form-div {
  background-color:rgba(72,72,72,0.4);
  padding-left:35px;
  padding-right:35px;
  padding-top:35px;
  padding-bottom:50px;
  width: 450px;
  float: left;
  left: 50%;
  position: absolute;
  margin-top:30px;
  margin-left: -260px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
}

.feedback-input {
  color:#3c3c3c;
  font-family: Helvetica, Arial, sans-serif;
  font-weight:500;
  font-size: 18px;
  border-radius: 0;
  line-height: 22px;
  background-color: #fbfbfb;
  padding: 13px 13px 13px 54px;
  margin-bottom: 10px;
  width:100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  border: 3px solid rgba(0,0,0,0);
}

.feedback-input:focus{
  background: #fff;
  box-shadow: 0;
  border: 3px solid #3498db;
  color: #3498db;
  outline: none;
  padding: 13px 13px 13px 54px;
}

.focused{
  color:#30aed6;
  border:#30aed6 solid 3px;
}

/* Icons ---------------------------------- */
#name{
  background-image: url(http://rexkirby.com/kirbyandson/images/name.svg);
  background-size: 30px 30px;
  background-position: 11px 8px;
  background-repeat: no-repeat;
}

#name:focus{
  background-image: url(http://rexkirby.com/kirbyandson/images/name.svg);
  background-size: 30px 30px;
  background-position: 8px 5px;
  background-position: 11px 8px;
  background-repeat: no-repeat;
}

#phone{
  background-image: url(../img/telephone46.svg);
  background-size: 30px 30px;
  background-position: 11px 8px;
  background-repeat: no-repeat;
}

#phone:focus{
  background-image: url(../img/telephone46.svg);
  background-size: 30px 30px;
  background-position: 11px 8px;
  background-repeat: no-repeat;
}

#email{
  background-image: url(http://rexkirby.com/kirbyandson/images/email.svg);
  background-size: 30px 30px;
  background-position: 11px 8px;
  background-repeat: no-repeat;
}

#email:focus{
  background-image: url(http://rexkirby.com/kirbyandson/images/email.svg);
  background-size: 30px 30px;
  background-position: 11px 8px;
  background-repeat: no-repeat;
}

#comment{
  background-image: url(http://rexkirby.com/kirbyandson/images/comment.svg);
  background-size: 30px 30px;
  background-position: 11px 8px;
  background-repeat: no-repeat;
}

textarea {
    width: 100%;
    height: 150px;
    line-height: 150%;
    resize:vertical;
}

input:hover, textarea:hover,
input:focus, textarea:focus {
  background-color:white;
}

#button-blue{
  font-family: "raleway-regular" arial;
  float:left;
  width: 100%;
  border: #fbfbfb solid 1px;
  cursor:pointer;
  background-color: #4d6894;
  color:white;
  font-size:2.5em;
  padding-top:10px;
  padding-bottom:10px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  margin-top:-4px;
  font-weight:700;
}

#button-blue:hover{
  background-color: rgba(0,0,0,0);
  color: #0493bd;
}
  
.submit:hover {
  color: #3498db;
}
  
.ease {
  margin-top: -4px;
  width: 0px;
  height: 50px;
  background-color: #fbfbfb;
  -webkit-transition: .3s ease;
  -moz-transition: .3s ease;
  -o-transition: .3s ease;
  -ms-transition: .3s ease;
  transition: .3s ease;
}

.submit:hover .ease{
  width:100%;
  background-color:white;
}

@media only screen and (max-width: 580px) {
  #form-div{
    left: 3%;
    margin-right: 3%;
    width: 88%;
    margin-left: 0;
    padding-left: 3%;
    padding-right: 3%;
  }
}